@sapudex/web-components 0.231.9 → 0.231.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/{bundle.esm-24a4ddb0.js → bundle.esm-d0976363.js} +5 -5
- package/dist/css/themes/Link.css +1 -1
- package/dist/css/themes/RatingIndicator.css +1 -1
- package/dist/css/themes/Slider.css +1 -1
- package/dist/css/themes/TextField.css +1 -1
- package/dist/generated/templates/FooterTemplate.lit.js +4 -4
- package/dist/generated/templates/FooterTemplate.lit.js.map +1 -1
- package/dist/generated/themes/Link.css.js +1 -1
- package/dist/generated/themes/Link.css.js.map +1 -1
- package/dist/generated/themes/RatingIndicator.css.js +1 -1
- package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
- package/dist/generated/themes/Slider.css.js +1 -1
- package/dist/generated/themes/Slider.css.js.map +1 -1
- package/dist/generated/themes/TextField.css.js +1 -1
- package/dist/generated/themes/TextField.css.js.map +1 -1
- package/dist/web-types.json +1 -1
- package/package.json +1 -1
- package/src/Footer.hbs +4 -4
- package/src/generated/templates/FooterTemplate.lit.ts +4 -4
- package/src/generated/themes/Link.css.ts +1 -1
- package/src/generated/themes/RatingIndicator.css.ts +1 -1
- package/src/generated/themes/Slider.css.ts +1 -1
- package/src/generated/themes/TextField.css.ts +1 -1
- package/src/themes/Link.css +5 -4
- package/src/themes/TextField.css +5 -3
|
@@ -87,7 +87,7 @@ or import '@sapudex/design-tokens/dist/themes/sap_glow/css_variables.css'`)};doc
|
|
|
87
87
|
`};v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@ui5/webcomponents","sap_horizon",async()=>Z);const fA={packageName:"@ui5/webcomponents",fileName:"themes/Popover.css.ts",content:`:host{box-shadow:var(--_ui5-v1-24-23_popover_box_shadow);background-color:var(--_ui5-v1-24-23_popover_background);max-width:calc(100vw - (100vw - 100%) - 2 * var(--_ui5-v1-24-23_popup_viewport_margin))}:host([hide-arrow]){box-shadow:var(--_ui5-v1-24-23_popover_no_arrow_box_shadow)}:host([opened][actual-placement-type="Top"]){margin-top:var(--_ui5-v1-24-23-popover-margin-bottom)}:host([opened][actual-placement-type="Bottom"]){margin-top:var(--_ui5-v1-24-23-popover-margin-top)}:host([actual-placement-type="Bottom"]) .ui5-popover-arrow{left:calc(50% - .5625rem);top:-.5rem;height:.5rem}:host([actual-placement-type="Bottom"]) .ui5-popover-arrow:after{margin:var(--_ui5-v1-24-23_popover_upward_arrow_margin)}:host([actual-placement-type="Left"]) .ui5-popover-arrow{top:calc(50% - .5625rem);right:-.5625rem;width:.5625rem}:host([actual-placement-type="Left"]) .ui5-popover-arrow:after{margin:var(--_ui5-v1-24-23_popover_right_arrow_margin)}:host([actual-placement-type="Top"]) .ui5-popover-arrow{left:calc(50% - .5625rem);height:.5625rem;top:100%}:host([actual-placement-type="Top"]) .ui5-popover-arrow:after{margin:var(--_ui5-v1-24-23_popover_downward_arrow_margin)}:host(:not([actual-placement-type])) .ui5-popover-arrow,:host([actual-placement-type="Right"]) .ui5-popover-arrow{left:-.5625rem;top:calc(50% - .5625rem);width:.5625rem;height:1rem}:host(:not([actual-placement-type])) .ui5-popover-arrow:after,:host([actual-placement-type="Right"]) .ui5-popover-arrow:after{margin:var(--_ui5-v1-24-23_popover_left_arrow_margin)}:host([hide-arrow]) .ui5-popover-arrow{display:none}.ui5-popover-root{min-width:6.25rem}.ui5-popover-arrow{pointer-events:none;display:block;width:1rem;height:1rem;position:absolute;overflow:hidden}.ui5-popover-arrow:after{content:"";display:block;width:.7rem;height:.7rem;background-color:var(--_ui5-v1-24-23_popover_background);box-shadow:var(--_ui5-v1-24-23_popover_box_shadow);transform:rotate(-45deg)}
|
|
88
88
|
`};var At=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},xt;const mp=8;let nt=xt=class extends Jv{static get VIEWPORT_MARGIN(){return 10}constructor(){super()}onAfterRendering(){if(super.onAfterRendering(),!this.isOpen()&&this.open){let e;if(this.opener instanceof HTMLElement?e=this.opener:typeof this.opener=="string"&&(e=this.getRootNode().getElementById(this.opener)||document.getElementById(this.opener)),!e){console.warn("Valid opener id is required.");return}this.showAt(e)}else this.isOpen()&&!this.open&&this.close()}isOpenerClicked(e){const t=e.target;if(t===this._opener)return!0;const o=t;return o.getFocusDomRef&&o.getFocusDomRef()===this._opener?!0:e.composedPath().indexOf(this._opener)>-1}async showAt(e,t=!1){!e||this.opened||(this._opener=e,this._openerRect=e.getBoundingClientRect(),await super._open(t))}_addOpenedPopup(){lA(this)}_removeOpenedPopup(){dA(this)}shouldCloseDueToOverflow(e,t){const a={Right:t.right,Left:t.left,Top:t.top,Bottom:t.bottom},n=X5(this._opener);let s=!1,l=!1;if(n.showAt){const h=n.contentDOM.getBoundingClientRect();s=t.top>h.top+h.height,l=t.top+t.height<h.top}return a[e]<0||a[e]+32>n.innerHeight||s||l}shouldCloseDueToNoOpener(e){return e.top===0&&e.bottom===0&&e.left===0&&e.right===0}isOpenerOutsideViewport(e){return e.bottom<0||e.top>window.innerHeight||e.right<0||e.left>window.innerWidth}_resize(){super._resize(),this.opened&&this.reposition()}reposition(){this._show()}_show(){this.opened||this._showOutsideViewport();const e=this.getPopoverSize();let t;if(e.width===0||e.height===0)return;if(this.isOpen()&&(this._openerRect=this._opener.getBoundingClientRect()),this.shouldCloseDueToNoOpener(this._openerRect)&&this.isFocusWithin()&&this._oldPlacement?t=this._oldPlacement:t=this.calcPlacement(this._openerRect,e),this._preventRepositionAndClose||this.isOpenerOutsideViewport(this._openerRect))return this.close();this._oldPlacement=t,this.actualPlacementType=t.placementType;let o=_o(this._left,xt.VIEWPORT_MARGIN,document.documentElement.clientWidth-e.width-xt.VIEWPORT_MARGIN);this.actualPlacementType===Ke.Right&&(o=Math.max(o,this._left));let a=_o(this._top,xt.VIEWPORT_MARGIN,document.documentElement.clientHeight-e.height-xt.VIEWPORT_MARGIN);this.actualPlacementType===Ke.Bottom&&(a=Math.max(a,this._top)),this.arrowTranslateX=t.arrow.x,this.arrowTranslateY=t.arrow.y,a=this._adjustForIOSKeyboard(a);const n=this._getContainingBlockClientLocation();o-=n.left,a-=n.top,Object.assign(this.style,{top:`${a}px`,left:`${o}px`}),this.horizontalAlign===wt.Stretch&&this._width&&(this.style.width=this._width),this.verticalAlign===_a.Stretch&&this._height&&(this.style.height=this._height)}_adjustForIOSKeyboard(e){if(!bS())return e;const t=Math.ceil(this.getBoundingClientRect().top);return e+(Number.parseInt(this.style.top||"0")-t)}_getContainingBlockClientLocation(){let e=Lm(this);for(;e;){if(PE(e))return e.getBoundingClientRect();e=Lm(e)}return{left:0,top:0}}getPopoverSize(){const e=this.getBoundingClientRect(),t=e.width,o=e.height;return{width:t,height:o}}_showOutsideViewport(){Object.assign(this.style,{display:this._displayProp,top:"-10000px",left:"-10000px"})}get arrowDOM(){return this.shadowRoot.querySelector(".ui5-popover-arrow")}calcPlacement(e,t){let o=xt.VIEWPORT_MARGIN,a=0;const n=this.allowTargetOverlap,s=document.documentElement.clientWidth,l=document.documentElement.clientHeight;let h=l,p=s;const _=this.getActualPlacementType(e,t);this._preventRepositionAndClose=this.shouldCloseDueToNoOpener(e)||this.shouldCloseDueToOverflow(_,e);const g=_===Ke.Top||_===Ke.Bottom;this.horizontalAlign===wt.Stretch&&g?(t.width=e.width,this._width=`${e.width}px`):this.verticalAlign===_a.Stretch&&!g&&(t.height=e.height,this._height=`${e.height}px`);const m=this.hideArrow?0:mp;switch(_){case Ke.Top:o=this.getVerticalLeft(e,t),a=Math.max(e.top-t.height-m,0),n||(h=e.top-m);break;case Ke.Bottom:o=this.getVerticalLeft(e,t),a=e.bottom+m,n?a=Math.max(Math.min(a,l-t.height),0):h=l-e.bottom-m;break;case Ke.Left:o=Math.max(e.left-t.width-m,0),a=this.getHorizontalTop(e,t),n||(p=e.left-m);break;case Ke.Right:o=e.left+e.width+m,a=this.getHorizontalTop(e,t),n?o=Math.max(Math.min(o,s-t.width),0):p=s-e.right-m;break}g?t.width>s||o<xt.VIEWPORT_MARGIN?o=xt.VIEWPORT_MARGIN:o+t.width>s-xt.VIEWPORT_MARGIN&&(o=s-xt.VIEWPORT_MARGIN-t.width):t.height>l||a<xt.VIEWPORT_MARGIN?a=xt.VIEWPORT_MARGIN:a+t.height>l-xt.VIEWPORT_MARGIN&&(a=l-xt.VIEWPORT_MARGIN-t.height),this._maxHeight=Math.round(h-xt.VIEWPORT_MARGIN),this._maxWidth=Math.round(p-xt.VIEWPORT_MARGIN),(this._left===void 0||Math.abs(this._left-o)>1.5)&&(this._left=Math.round(o)),(this._top===void 0||Math.abs(this._top-a)>1.5)&&(this._top=Math.round(a));const b=Number.parseInt(window.getComputedStyle(this).getPropertyValue("border-radius"));return{arrow:this.getArrowPosition(e,t,o,a,g,b),top:this._top,left:this._left,placementType:_}}getArrowPosition(e,t,o,a,n,s){const l=this._actualHorizontalAlign;let h=l===wt.Center||l===wt.Stretch;l===wt.Right&&o<=e.left&&(h=!0),l===wt.Left&&o+t.width>=e.left+e.width&&(h=!0);let p=0;n&&h&&(p=e.left+e.width/2-o-t.width/2);let _=0;n||(_=e.top+e.height/2-a-t.height/2);const g=t.height/2-s-mp/2-2;_=_o(_,-g,g);const m=t.width/2-s-mp/2-2;return p=_o(p,-m,m),{x:Math.round(p),y:Math.round(_)}}fallbackPlacement(e,t,o,a){if(o.left>a.width)return Ke.Left;if(e-o.right>o.left)return Ke.Right;if(t-o.bottom>a.height)return Ke.Bottom;if(t-o.bottom<o.top)return Ke.Top}getActualPlacementType(e,t){const o=this.placementType;let a=o;const n=document.documentElement.clientWidth,s=document.documentElement.clientHeight;switch(o){case Ke.Top:e.top<t.height&&e.top<s-e.bottom&&(a=Ke.Bottom);break;case Ke.Bottom:s-e.bottom<t.height&&s-e.bottom<e.top&&(a=Ke.Top);break;case Ke.Left:e.left<t.width&&(a=this.fallbackPlacement(n,s,e,t)||o);break;case Ke.Right:n-e.right<t.width&&(a=this.fallbackPlacement(n,s,e,t)||o);break}return a}getVerticalLeft(e,t){const o=this._actualHorizontalAlign;let a=xt.VIEWPORT_MARGIN;switch(o){case wt.Center:case wt.Stretch:a=e.left-(t.width-e.width)/2;break;case wt.Left:a=e.left;break;case wt.Right:a=e.right-t.width;break}return a}getHorizontalTop(e,t){let o=0;switch(this.verticalAlign){case _a.Center:case _a.Stretch:o=e.top-(t.height-e.height)/2;break;case _a.Top:o=e.top;break;case _a.Bottom:o=e.bottom-t.height;break}return o}get isModal(){return this.modal}get shouldHideBackdrop(){return this.hideBackdrop}get _ariaLabelledBy(){if(!this._ariaLabel&&this._displayHeader)return"ui5-popup-header"}get styles(){return{...super.styles,root:{"max-height":this._maxHeight?`${this._maxHeight}px`:"","max-width":this._maxWidth?`${this._maxWidth}px`:""},arrow:{transform:`translate(${this.arrowTranslateX}px, ${this.arrowTranslateY}px)`}}}get classes(){const e=super.classes;return e.root["ui5-popover-root"]=!0,e}get _displayHeader(){return!!(this.header.length||this.headerText)}get _displayFooter(){return!0}get _actualHorizontalAlign(){if(this.effectiveDir==="rtl"){if(this.horizontalAlign===wt.Left)return wt.Right;if(this.horizontalAlign===wt.Right)return wt.Left}return this.horizontalAlign}};At([c()],nt.prototype,"headerText",void 0);At([c({type:Ke,defaultValue:Ke.Right})],nt.prototype,"placementType",void 0);At([c({type:wt,defaultValue:wt.Center})],nt.prototype,"horizontalAlign",void 0);At([c({type:_a,defaultValue:_a.Center})],nt.prototype,"verticalAlign",void 0);At([c({type:Boolean})],nt.prototype,"modal",void 0);At([c({type:Boolean})],nt.prototype,"hideBackdrop",void 0);At([c({type:Boolean})],nt.prototype,"hideArrow",void 0);At([c({type:Boolean})],nt.prototype,"allowTargetOverlap",void 0);At([c({validator:O5})],nt.prototype,"opener",void 0);At([c({type:Boolean})],nt.prototype,"disableScrolling",void 0);At([c({validator:q,defaultValue:0,noAttribute:!0})],nt.prototype,"arrowTranslateX",void 0);At([c({validator:q,defaultValue:0,noAttribute:!0})],nt.prototype,"arrowTranslateY",void 0);At([c({type:Ke,defaultValue:Ke.Right})],nt.prototype,"actualPlacementType",void 0);At([c({validator:q,noAttribute:!0})],nt.prototype,"_maxHeight",void 0);At([c({validator:q,noAttribute:!0})],nt.prototype,"_maxWidth",void 0);At([$({type:HTMLElement})],nt.prototype,"header",void 0);At([$({type:HTMLElement})],nt.prototype,"footer",void 0);nt=xt=At([y({tag:"ui5-popover",styles:[Ba(),eg,fA],template:hA})],nt);const bA=i=>"showAt"in i;nt.define();const Yi=nt;function xA(i,e,t){return t?d`<div class="udex-dropdown">${this.hasTriggerSlot?jm.call(this,i,e,t):void 0}<${u("ui5-popover",e,t)} id="${r(this._id)}_udex-dropdown" class="udex-dropdown__pane" ?allow-target-overlap="${this.disableAllowTargetOverlap}" hide-arrow .open="${r(this.open)}" opener="${r(this._id)}-trigger" placement-type="${r(this.placementType)}" horizontal-align="${r(this.horizontalAlign)}" accessible-name="${r(this.accessibleName)}" accessible-role="${r(this.accessibleRole)}" @ui5-after-open="${r(this.afterDropdownOpen)}" @ui5-before-open="${r(this.beforeDropdownOpen)}" @ui5-after-close="${r(this.afterDropdownClose)}" @ui5-before-close="${r(this.beforeDropdownClose)}">${this.hasHeaderSlot?Mm.call(this,i,e,t):void 0}<slot></slot>${this.hasFooterSlot?Om.call(this,i,e,t):void 0}</${u("ui5-popover",e,t)}></div>`:d`<div class="udex-dropdown">${this.hasTriggerSlot?jm.call(this,i,e,t):void 0}<ui5-popover id="${r(this._id)}_udex-dropdown" class="udex-dropdown__pane" ?allow-target-overlap="${this.disableAllowTargetOverlap}" hide-arrow .open="${r(this.open)}" opener="${r(this._id)}-trigger" placement-type="${r(this.placementType)}" horizontal-align="${r(this.horizontalAlign)}" accessible-name="${r(this.accessibleName)}" accessible-role="${r(this.accessibleRole)}" @ui5-after-open="${r(this.afterDropdownOpen)}" @ui5-before-open="${r(this.beforeDropdownOpen)}" @ui5-after-close="${r(this.afterDropdownClose)}" @ui5-before-close="${r(this.beforeDropdownClose)}">${this.hasHeaderSlot?Mm.call(this,i,e,t):void 0}<slot></slot>${this.hasFooterSlot?Om.call(this,i,e,t):void 0}</ui5-popover></div>`}function jm(i,e,t){return d`<div class="udex-dropdown__opener" role="${r(this.triggerAccessibleRole)}" aria-label="${r(this.triggerAccessibleName)}" aria-expanded="${r(this.open)}" aria-haspopup="true" aria-controls="${r(this._id)}_udex-dropdown" id="${r(this._id)}-trigger" @click="${this.onTriggerClick}"><slot slot="trigger" name="trigger"></slot></div>`}function Mm(i,e,t){return d`<slot slot="header" name="header"></slot>`}function Om(i,e,t){return d`<slot slot="footer" name="footer"></slot>`}var Ps;(function(i){i.Left="Left",i.Right="Right",i.Top="Top",i.Bottom="Bottom"})(Ps||(Ps={}));var Ns;(function(i){i.Center="Center",i.Left="Left",i.Right="Right",i.Stretch="Stretch"})(Ns||(Ns={}));v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const yA={packageName:"@sapudex/web-components",fileName:"themes/Dropdown.css.ts",content:`:host{--udex-dropdown-box-shadow: var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));--udex-dropdown-border-color-default: var(--sapField_BorderColor, var(--udexCoreBorderDefault));--udex-dropdown-border-radius: var(--udexRadiusM, 8px);--udex-dropdown-border-width: var(--sapElement_BorderWidth, 1px);--udex-dropdown-default-background-color: var(--udexColorNeutralWhite, #fff);--udex-dropdown-horizontal-distance: 0;--udex-dropdown-vertical-distance: 0;--udex-dropdown-pane-min-width: 320px;--udex-dropdown-left-offset: 0px;--udex-dropdown-pane-min-width-xs: calc(100% - var(--udex-dropdown-left-offset));--udex-dropdown-pane-max-width: 640px;--udex-dropdown-pane-max-width-xs: 100%;--udex-dropdown-pane-width: fit-content;--udex-dropdown-pane-max-height: none;--udex-dropdown-pane-overflow: visible;--udex-dropdown-pane-content-overflow: auto}.udex-dropdown__pane{border:var(--udex-dropdown-border-width) solid var(--udex-dropdown-border-color-default);box-shadow:var(--udex-dropdown-box-shadow);border-radius:var(--udex-dropdown-border-radius);background:var(--udex-dropdown-default-background-color);min-width:var(--udex-dropdown-pane-min-width);max-width:var(--udex-dropdown-pane-max-width);width:var(--udex-dropdown-pane-width);max-height:var(--udex-dropdown-pane-max-height);margin:var(--udex-dropdown-vertical-distance) var(--udex-dropdown-horizontal-distance);overflow:var(--udex-dropdown-pane-overflow)}.udex-dropdown__pane::part(content){padding:0;overflow:var(--udex-dropdown-pane-content-overflow)}.udex-dropdown__pane::part(header),.udex-dropdown__pane::part(footer){padding:var(--udexSpacer16, 16px) var(--udexSpacer12, 12px)}.udex-dropdown__pane::part(footer){justify-content:flex-start;border-color:var(--udex-dropdown-border-color-default);box-shadow:var(--udex-dropdown-box-shadow)}::slotted([slot="header"]){width:100%}::slotted(.udex-no-result){font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 1.5);color:var(--sapContent_TitleColor, #000000);padding:0 var(--udexSpacer12, 12px) var(--udexSpacer16, 16px)}@media (width < 640px){.udex-dropdown__pane{min-width:var(--udex-dropdown-pane-min-width-xs);max-width:var(--udex-dropdown-pane-max-width-xs)}}
|
|
89
89
|
`};var Li=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},Pc;let Mt=Pc=class extends E{constructor(){super(...arguments),this._breakpointSizeXS=640}static async onDefine(){Pc.i18nBundle=await M("@sapudex/web-components")}onAfterRendering(){this.handleDirection()}handleDirection(){var t;const e=(t=this.shadowRoot)==null?void 0:t.querySelector(".udex-dropdown");if(e){const o=window.getComputedStyle(e).getPropertyValue("direction");o?this._direction=o:this._direction="ltr"}}getDropdownPane(){return this.shadowRoot.querySelector("[ui5-popover]")}getTrigger(){return this.querySelector("[slot=trigger]")}onTriggerClick(){const e=this.getDropdownPane(),t=this.getTrigger();t.hasAttribute("disabled")||(e.showAt(t),this.fireEvent("click-trigger"))}onOpen(e){this.getDropdownPane().showAt(e),this.open=!0}onClose(){this.open=!1}afterDropdownClose(){this.open=!1,this.fireEvent("after-close")}afterDropdownOpen(){this.open=!0;const e=this.getDropdownPane(),t=+e.style.left.split("px")[0];e.offsetWidth+t<this._breakpointSizeXS&&this.style.setProperty("--udex-dropdown-left-offset",`${e.style.left}`),this.fireEvent("after-open")}beforeDropdownOpen(){var o;const e=this.getDropdownPane();if(!!((o=this==null?void 0:this.height)!=null&&o.length)){const a=e.shadowRoot.querySelector("[part=content]");a.style.maxHeight=this.height}this.fireEvent("before-open")}beforeDropdownClose(){this.fireEvent("before-close")}get hasTriggerSlot(){return!!this.trigger.length}get hasHeaderSlot(){return!!this.header.length}get hasFooterSlot(){return!!this.footer.length}get disableAllowTargetOverlap(){var e;return((e=this.disableTargetOverlap)==null?void 0:e.toString())!=="true"}get triggerAccessibleName(){return Pc.i18nBundle.getText(A3)}};Li([c({type:String})],Mt.prototype,"height",void 0);Li([c({type:Ps,defaultValue:Ps.Bottom})],Mt.prototype,"placementType",void 0);Li([c({type:Ns,defaultValue:Ns.Left})],Mt.prototype,"horizontalAlign",void 0);Li([c()],Mt.prototype,"accessibleName",void 0);Li([c({type:bo,defaultValue:bo.None})],Mt.prototype,"accessibleRole",void 0);Li([c({type:String,defaultValue:"combobox"})],Mt.prototype,"triggerAccessibleRole",void 0);Li([$({type:HTMLElement,default:!0})],Mt.prototype,"content",void 0);Li([$({type:HTMLElement})],Mt.prototype,"header",void 0);Li([$({type:HTMLElement})],Mt.prototype,"footer",void 0);Li([$({type:HTMLElement})],Mt.prototype,"trigger",void 0);Li([c({type:Boolean})],Mt.prototype,"open",void 0);Li([c({type:Boolean})],Mt.prototype,"disableTargetOverlap",void 0);Li([c({type:String})],Mt.prototype,"_direction",void 0);Mt=Pc=Li([y({tag:"udex-dropdown",renderer:k,styles:[yA,Ba()],template:xA,dependencies:[Yi]}),f("click-trigger"),f("before-open"),f("after-open"),f("before-close"),f("after-close")],Mt);Mt.define();const ec=Mt;function wA(i,e,t){return d`<a class="ui5-link-root" role="${r(this.effectiveAccRole)}" href="${r(this.parsedRef)}" target="${r(this.target)}" rel="${r(this._rel)}" tabindex="${r(this.effectiveTabIndex)}" title="${r(this.title)}" ?disabled="${this.disabled}" aria-label="${r(this.ariaLabelText)}" aria-haspopup="${r(this._hasPopup)}" aria-expanded="${r(this.accessibilityAttributes.expanded)}" @focusin=${this._onfocusin} @focusout=${this._onfocusout} @click=${this._onclick} @keydown=${this._onkeydown} @keyup=${this._onkeyup}><slot></slot>${this.hasLinkType?kA.call(this,i,e,t):void 0}</a>`}function kA(i,e,t){return d`<span class="ui5-hidden-text">${r(this.linkTypeText)}</span>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@ui5/webcomponents","sap_horizon",async()=>Z);const Y5={packageName:"@ui5/webcomponents",fileName:"themes/Link.css.ts",content:`.ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:inline-flex}:host{max-width:100%;color:var(--sapLinkColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);cursor:pointer;outline:none;text-decoration:var(--_ui5-v1-24-23_link_text_decoration);text-shadow:var(--sapContent_TextShadow);white-space:nowrap;overflow-wrap:normal}:host(:hover){color:var(--sapLink_Hover_Color);text-decoration:var(--_ui5-v1-24-23_link_hover_text_decoration)}:host(:active){color:var(--sapLink_Active_Color);text-decoration:var(--_ui5-v1-24-23_link_active_text_decoration)}:host([disabled]){pointer-events:none}:host([disabled]) .ui5-link-root{text-shadow:none;outline:none;cursor:default;pointer-events:none;opacity:var(--sapContent_DisabledOpacity)}:host([design="Emphasized"]) .ui5-link-root{font-family:var(--sapFontBoldFamily)}:host([design="Subtle"]){color:var(--sapLink_SubtleColor);text-decoration:var(--_ui5-v1-24-23_link_subtle_text_decoration)}:host([design="Subtle"]:hover:not(:active)){color:var(--sapLink_SubtleColor);text-decoration:var(--_ui5-v1-24-23_link_subtle_text_decoration_hover)}:host([wrapping-type="Normal"]){white-space:normal;overflow-wrap:break-word}.ui5-link-root{max-width:100%;display:inline-block;position:relative;overflow:hidden;text-overflow:ellipsis;outline:none;white-space:inherit;overflow-wrap:inherit;text-decoration:inherit;color:inherit}:host .ui5-link-root{outline-offset:-.0625rem;border-radius:var(--_ui5-v1-24-23_link_focus_border-radius)}:host([focused]) .ui5-link-root,:host([design="Subtle"][focused]) .ui5-link-root{background-color:var(--_ui5-v1-24-23_link_focus_background_color);outline:var(--_ui5-v1-24-23_link_outline);border-radius:var(--_ui5-v1-24-23_link_focus_border-radius);text-shadow:none}:host([focused]),:host([design="Subtle"][focused]){color:var(--_ui5-v1-24-23_link_focus_color);text-decoration:var(--_ui5-v1-24-23_link_focus_text_decoration)}:host([focused]:hover:not(:active)){color:var(--_ui5-v1-24-23_link_focused_hover_text_color);text-decoration:var(--_ui5-v1-24-23_link_focused_hover_text_decoration)}
|
|
90
|
-
`};var ji=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},El;let Ot=El=class extends E{constructor(){super(),this._dummyAnchor=document.createElement("a")}onBeforeRendering(){const e=this.target!=="_self"&&this.href&&this._isCrossOrigin();this._rel=e?"noreferrer noopener":void 0}_isCrossOrigin(){const e=window.location;return this._dummyAnchor.href=this.href,!(this._dummyAnchor.hostname===e.hostname&&this._dummyAnchor.port===e.port&&this._dummyAnchor.protocol===e.protocol)}get effectiveTabIndex(){var e;return this.forcedTabIndex?this.forcedTabIndex:this.disabled||!((e=this.textContent)!=null&&e.length)?"-1":"0"}get ariaLabelText(){return Ia(this)}get hasLinkType(){return this.design!==hd.Default}static typeTextMappings(){return{Subtle:P4,Emphasized:N4}}get linkTypeText(){return El.i18nBundle.getText(El.typeTextMappings()[this.design])}get parsedRef(){return this.href&&this.href.length>0?this.href:void 0}get effectiveAccRole(){return this.accessibleRole.toLowerCase()}get _hasPopup(){var e;return(e=this.accessibilityAttributes.hasPopup)==null?void 0:e.toLowerCase()}static async onDefine(){El.i18nBundle=await M("@ui5/webcomponents")}_onclick(e){const{altKey:t,ctrlKey:o,metaKey:a,shiftKey:n}=e;e.stopImmediatePropagation(),pa(e,"link"),this.fireEvent("click",{altKey:t,ctrlKey:o,metaKey:a,shiftKey:n},!0)||e.preventDefault()}_onfocusin(e){pa(e,"link"),this.focused=!0}_onfocusout(){this.focused=!1}_onkeydown(e){K(e)&&!this.href?this._onclick(e):F(e)&&e.preventDefault(),pa(e,"link")}_onkeyup(e){if(!F(e)){pa(e,"link");return}if(this._onclick(e),this.href&&!e.defaultPrevented){const t=new MouseEvent("click");t.stopImmediatePropagation(),this.getDomRef().dispatchEvent(t)}}};ji([c({type:Boolean})],Ot.prototype,"disabled",void 0);ji([c()],Ot.prototype,"title",void 0);ji([c()],Ot.prototype,"href",void 0);ji([c()],Ot.prototype,"target",void 0);ji([c({type:hd,defaultValue:hd.Default})],Ot.prototype,"design",void 0);ji([c({type:Ii,defaultValue:Ii.None})],Ot.prototype,"wrappingType",void 0);ji([c()],Ot.prototype,"accessibleName",void 0);ji([c()],Ot.prototype,"accessibleNameRef",void 0);ji([c({defaultValue:"link"})],Ot.prototype,"accessibleRole",void 0);ji([c({type:Object})],Ot.prototype,"accessibilityAttributes",void 0);ji([c({noAttribute:!0})],Ot.prototype,"_rel",void 0);ji([c({noAttribute:!0})],Ot.prototype,"forcedTabIndex",void 0);ji([c({type:Boolean})],Ot.prototype,"focused",void 0);Ot=El=ji([y({tag:"ui5-link",languageAware:!0,renderer:k,template:wA,styles:Y5}),f("click",{detail:{altKey:{type:Boolean},ctrlKey:{type:Boolean},metaKey:{type:Boolean},shiftKey:{type:Boolean}}})],Ot);Ot.define();const SA=Ot;function $A(i,e,t){return d`<a class="ui5-link-root ${r(this.linkClass)}" role="${r(this.effectiveAccRole)}" href="${r(this.parsedRef)}" target="${r(this.target)}" rel="${r(this._rel)}" tabindex="${r(this.effectiveTabIndex)}" title="${r(this.title)}" ?disabled="${this.disabled}" aria-label="${r(this.ariaLabelText)}" aria-haspopup="${r(this._hasPopup)}" aria-expanded="${r(this.accessibilityAttributes.expanded)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" @click="${this._onclick}" @keydown="${this._onkeydown}" @keyup="${this._onkeyup}">${this.hasStartIcon?TA.call(this,i,e,t):void 0}<span class="udex-link__content"><slot></slot></span>${this.hasEndIcon?CA.call(this,i,e,t):void 0}${this.hasLinkType?IA.call(this,i,e,t):void 0}</a>`}function TA(i,e,t){return t?d`<${u("ui5-icon",e,t)} class="udex-link__icon udex-link__icon--icon-start" name="${r(this.icon)}"></${u("ui5-icon",e,t)}>`:d`<ui5-icon class="udex-link__icon udex-link__icon--icon-start" name="${r(this.icon)}"></ui5-icon>`}function CA(i,e,t){return t?d`<${u("ui5-icon",e,t)} class="udex-link__icon udex-link__icon--icon-end" name="${r(this.icon)}"></${u("ui5-icon",e,t)}>`:d`<ui5-icon class="udex-link__icon udex-link__icon--icon-end" name="${r(this.icon)}"></ui5-icon>`}function IA(i,e,t){return d`<span class="ui5-hidden-text">${r(this.linkTypeText)}</span>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const BA={packageName:"@sapudex/web-components",fileName:"themes/Link.css.ts",content:`:host{--udex-link-text-decoration: underline;--udex-link-hover-text-decoration: underline;--udex-link-focused-hover-text-decoration: underline;--udex-link-focus-text-decoration: underline;--udex-link-emphasized-text-decoration: none;--udex-link-icon-height: 16px;--udex-link-line-height: var(--udexTypographyBodyLineHeight, 1.5);--udex-link-color: var(--udexColorBlue8);--udex-link-hover-color: var(--udexColorBlue10);--udex-link-active-color: var(--udexColorBlue11);--udex-link-icon-width: 16px;--udex-link-white-space: break-spaces;--udex-link-subtle-color: var(--udexColorGrey8, #354A5F);--udex-link-subtle-hover-color: var(--udexColorGrey11, #12171C);--udex-link-subtle-active-color: var(--udexColorBlue9, #0040B0);--udex-link-subtle-visited-color: var(--udexColorGrey8, #354A5F);white-space:normal}:host([focused]),:host([focused]:hover),:host([focused]:hover:not(:active)),:host(:hover){text-decoration:none;color:var(--udex-link-hover-color)}:host(:active){color:var(--udex-link-active-color)}:host,:host(:visited){color:var(--udex-link-color)}:host([focused]) slot{text-decoration:var(--udex-link-focus-text-decoration)}:host([focused]:hover) slot,:host([focused]:hover:not(:active)) slot{text-decoration:var(--udex-link-focused-hover-text-decoration)}:host([icon]) .udex-link__content{white-space:var(--udex-link-white-space)}:host([design="Emphasized"]){font-weight:var(--udexTypographyFontWeightBold)}:host([design="Subtle"]){color:var(--udex-link-subtle-color)}:host([design="Subtle"][focused]),:host([design="Subtle"]:hover:not(:active)){color:var(--udex-link-subtle-hover-color)}:host([design="Subtle"]:active){color:var(--udex-link-subtle-active-color)}:host([design="Subtle"]:visited){color:var(--udex-link-subtle-visited-color)}:host([design="Subtle"]) .ui5-link-root:hover{text-decoration:var(--udex-link-hover-text-decoration)}.ui5-link-root{display:inline-
|
|
90
|
+
`};var ji=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},El;let Ot=El=class extends E{constructor(){super(),this._dummyAnchor=document.createElement("a")}onBeforeRendering(){const e=this.target!=="_self"&&this.href&&this._isCrossOrigin();this._rel=e?"noreferrer noopener":void 0}_isCrossOrigin(){const e=window.location;return this._dummyAnchor.href=this.href,!(this._dummyAnchor.hostname===e.hostname&&this._dummyAnchor.port===e.port&&this._dummyAnchor.protocol===e.protocol)}get effectiveTabIndex(){var e;return this.forcedTabIndex?this.forcedTabIndex:this.disabled||!((e=this.textContent)!=null&&e.length)?"-1":"0"}get ariaLabelText(){return Ia(this)}get hasLinkType(){return this.design!==hd.Default}static typeTextMappings(){return{Subtle:P4,Emphasized:N4}}get linkTypeText(){return El.i18nBundle.getText(El.typeTextMappings()[this.design])}get parsedRef(){return this.href&&this.href.length>0?this.href:void 0}get effectiveAccRole(){return this.accessibleRole.toLowerCase()}get _hasPopup(){var e;return(e=this.accessibilityAttributes.hasPopup)==null?void 0:e.toLowerCase()}static async onDefine(){El.i18nBundle=await M("@ui5/webcomponents")}_onclick(e){const{altKey:t,ctrlKey:o,metaKey:a,shiftKey:n}=e;e.stopImmediatePropagation(),pa(e,"link"),this.fireEvent("click",{altKey:t,ctrlKey:o,metaKey:a,shiftKey:n},!0)||e.preventDefault()}_onfocusin(e){pa(e,"link"),this.focused=!0}_onfocusout(){this.focused=!1}_onkeydown(e){K(e)&&!this.href?this._onclick(e):F(e)&&e.preventDefault(),pa(e,"link")}_onkeyup(e){if(!F(e)){pa(e,"link");return}if(this._onclick(e),this.href&&!e.defaultPrevented){const t=new MouseEvent("click");t.stopImmediatePropagation(),this.getDomRef().dispatchEvent(t)}}};ji([c({type:Boolean})],Ot.prototype,"disabled",void 0);ji([c()],Ot.prototype,"title",void 0);ji([c()],Ot.prototype,"href",void 0);ji([c()],Ot.prototype,"target",void 0);ji([c({type:hd,defaultValue:hd.Default})],Ot.prototype,"design",void 0);ji([c({type:Ii,defaultValue:Ii.None})],Ot.prototype,"wrappingType",void 0);ji([c()],Ot.prototype,"accessibleName",void 0);ji([c()],Ot.prototype,"accessibleNameRef",void 0);ji([c({defaultValue:"link"})],Ot.prototype,"accessibleRole",void 0);ji([c({type:Object})],Ot.prototype,"accessibilityAttributes",void 0);ji([c({noAttribute:!0})],Ot.prototype,"_rel",void 0);ji([c({noAttribute:!0})],Ot.prototype,"forcedTabIndex",void 0);ji([c({type:Boolean})],Ot.prototype,"focused",void 0);Ot=El=ji([y({tag:"ui5-link",languageAware:!0,renderer:k,template:wA,styles:Y5}),f("click",{detail:{altKey:{type:Boolean},ctrlKey:{type:Boolean},metaKey:{type:Boolean},shiftKey:{type:Boolean}}})],Ot);Ot.define();const SA=Ot;function $A(i,e,t){return d`<a class="ui5-link-root ${r(this.linkClass)}" role="${r(this.effectiveAccRole)}" href="${r(this.parsedRef)}" target="${r(this.target)}" rel="${r(this._rel)}" tabindex="${r(this.effectiveTabIndex)}" title="${r(this.title)}" ?disabled="${this.disabled}" aria-label="${r(this.ariaLabelText)}" aria-haspopup="${r(this._hasPopup)}" aria-expanded="${r(this.accessibilityAttributes.expanded)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" @click="${this._onclick}" @keydown="${this._onkeydown}" @keyup="${this._onkeyup}">${this.hasStartIcon?TA.call(this,i,e,t):void 0}<span class="udex-link__content"><slot></slot></span>${this.hasEndIcon?CA.call(this,i,e,t):void 0}${this.hasLinkType?IA.call(this,i,e,t):void 0}</a>`}function TA(i,e,t){return t?d`<${u("ui5-icon",e,t)} class="udex-link__icon udex-link__icon--icon-start" name="${r(this.icon)}"></${u("ui5-icon",e,t)}>`:d`<ui5-icon class="udex-link__icon udex-link__icon--icon-start" name="${r(this.icon)}"></ui5-icon>`}function CA(i,e,t){return t?d`<${u("ui5-icon",e,t)} class="udex-link__icon udex-link__icon--icon-end" name="${r(this.icon)}"></${u("ui5-icon",e,t)}>`:d`<ui5-icon class="udex-link__icon udex-link__icon--icon-end" name="${r(this.icon)}"></ui5-icon>`}function IA(i,e,t){return d`<span class="ui5-hidden-text">${r(this.linkTypeText)}</span>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const BA={packageName:"@sapudex/web-components",fileName:"themes/Link.css.ts",content:`:host{--udex-link-text-decoration: underline;--udex-link-hover-text-decoration: underline;--udex-link-focused-hover-text-decoration: underline;--udex-link-focus-text-decoration: underline;--udex-link-emphasized-text-decoration: none;--udex-link-icon-height: 16px;--udex-link-line-height: var(--udexTypographyBodyLineHeight, 1.5);--udex-link-color: var(--udexColorBlue8);--udex-link-hover-color: var(--udexColorBlue10);--udex-link-active-color: var(--udexColorBlue11);--udex-link-icon-width: 16px;--udex-link-white-space: break-spaces;--udex-link-subtle-color: var(--udexColorGrey8, #354A5F);--udex-link-subtle-hover-color: var(--udexColorGrey11, #12171C);--udex-link-subtle-active-color: var(--udexColorBlue9, #0040B0);--udex-link-subtle-visited-color: var(--udexColorGrey8, #354A5F);white-space:normal}:host([focused]),:host([focused]:hover),:host([focused]:hover:not(:active)),:host(:hover){text-decoration:none;color:var(--udex-link-hover-color)}:host(:active){color:var(--udex-link-active-color)}:host,:host(:visited){color:var(--udex-link-color)}:host([focused]) slot{text-decoration:var(--udex-link-focus-text-decoration)}:host([focused]:hover) slot,:host([focused]:hover:not(:active)) slot{text-decoration:var(--udex-link-focused-hover-text-decoration)}:host([icon]) .udex-link__content{white-space:var(--udex-link-white-space);vertical-align:middle}:host([design="Emphasized"]){font-weight:var(--udexTypographyFontWeightBold)}:host([design="Subtle"]){color:var(--udex-link-subtle-color)}:host([design="Subtle"][focused]),:host([design="Subtle"]:hover:not(:active)){color:var(--udex-link-subtle-hover-color)}:host([design="Subtle"]:active){color:var(--udex-link-subtle-active-color)}:host([design="Subtle"]:visited){color:var(--udex-link-subtle-visited-color)}:host([design="Subtle"]) .ui5-link-root:hover{text-decoration:var(--udex-link-hover-text-decoration)}.ui5-link-root{display:inline-block;overflow:visible;line-height:var(--udex-link-line-height)}[ui5-link][disabled] .linkIcon{opacity:inherit}.udex-link slot{text-decoration:var(--udex-link-text-decoration);display:inline}:host([design="Emphasized"]:active),:host([design="Emphasized"][focused]) .udex-link:hover slot,:host([design="Emphasized"][focused]) .udex-link slot,:host([design="Emphasized"]) .udex-link slot,.udex-link--with-icon slot{text-decoration:var(--udex-link-emphasized-text-decoration)}.udex-link:hover slot,.udex-link--with-icon:hover slot,.udex-link--with-icon:active slot{text-decoration:var(--udex-link-hover-text-decoration)}.udex-link--with-icon .udex-link__content{display:inline;vertical-align:middle;margin-inline-end:var(--udexSpacer20)}.udex-link--with-icon .udex-link__icon--icon-start~.udex-link__content{margin-inline-end:0}.udex-link__icon{display:inline-block;vertical-align:middle;width:var(--udex-link-icon-width);height:var(--udex-link-icon-height)}:host .ui5-link-root{outline-offset:0}:host([focused]) .ui5-link-root,:host([design="Subtle"][focused]) .ui5-link-root{outline:var(--sapContent_FocusColor, #002A86) var(--sapContent_FocusStyle, "solid") var(--sapContent_FocusWidth, .125rem)}[ui5-link],.udex-link__icon,[ui5-link]:active .udex-link__icon,[ui5-link][focused] .udex-link__icon{color:inherit}.udex-link__icon--icon-start{padding-inline-end:var(--udexSpacer4, 4px)}.udex-link__icon--icon-end{padding-inline-start:var(--udexSpacer4, 4px);margin-inline-start:calc(var(--udexSpacer20)* -1);vertical-align:middle}
|
|
91
91
|
`};var tg=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n};let Rs=class extends SA{_setCustomAttributes(e){if(e){const t=this.shadowRoot.querySelector("a");e.forEach(o=>t.setAttribute(o.attribute,o.value))}}get hasStartIcon(){return!!this.icon&&this.iconPlacement===fo.Start}get hasEndIcon(){return!!this.icon&&this.iconPlacement===fo.End}get linkClass(){return this.icon?"udex-link udex-link--with-icon":"udex-link"}};tg([c({type:String})],Rs.prototype,"icon",void 0);tg([c({type:fo,defaultValue:fo.End})],Rs.prototype,"iconPlacement",void 0);Rs=tg([y({tag:"udex-link",renderer:k,styles:[Y5,BA],template:$A,dependencies:[U]})],Rs);Rs.define();const ig=Rs,EA="slim-arrow-down",K5="M420.5 187q11-12 23 0 5 5 5 11t-5 11l-165 165q-10 9-23 9t-22-9l-166-165q-5-5-5-11.5t5-11.5 11.5-5 11.5 5l160 160q5 6 11 0z",AA=!1,DA="SAP-icons-v4",PA="@ui5/webcomponents-icons";D(EA,{pathData:K5,ltr:AA,collection:DA,packageName:PA});const NA="slim-arrow-down",Z5="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",RA=!1,LA="SAP-icons-v5",jA="@ui5/webcomponents-icons";D(NA,{pathData:Z5,ltr:RA,collection:LA,packageName:jA});oe();const MA="home",Q5="M507.005 240.744Q512 245.738 512 252.23t-4.995 11.488-11.487 4.495-11.488-5.494L256.272 71.923 27.516 262.72q-4.995 4.995-10.988 5.494T5.54 263.72.045 252.231t4.496-11.487l119.872-101.892q21.976-18.98 43.454-36.96t38.459-32.466 27.47-23.475l10.49-8.99q4.994-4.995 11.986-4.995 5.994 0 10.989 4.995l10.489 8.99 27.47 23.475 38.46 32.465 44.452 36.961q52.944 44.952 118.873 101.892zM64.477 274.707q51.944-39.957 93.9-72.922 17.98-13.985 34.962-26.971t30.967-23.475 22.477-16.982 9.49-6.493 9.49 6.493 21.976 16.982 30.467 23.475 34.963 26.971q40.957 32.965 94.9 72.922v172.816q0 13.985-9.49 22.976t-22.477 8.99H288.238v-62.933q0-23.974-.5-43.953t.5-20.978h-63.932q-.998 1-.499 20.479t.5 43.453v63.932H96.442q-13.985 0-22.976-8.99t-8.99-22.976V274.707zm351.625 12.986l-159.83-119.872-159.83 119.872v159.83h95.899v-95.898q0-8.99 3.995-15.983 2.997-5.993 9.49-10.988t18.48-4.995h63.932q11.988 0 18.48 4.995t9.49 10.988 3.497 10.989l.5 4.994v95.898h95.897v-159.83z",OA=!1,zA="SAP-icons-v4",FA="@ui5/webcomponents-icons";D(MA,{pathData:Q5,ltr:OA,collection:zA,packageName:FA});const XA="home",J5="M451 148q29 26 29 66v208q0 38-26 64t-64 26H122q-38 0-64-26t-26-64V214q0-39 29-66L195 24q26-24 61-24 36 0 61 24zm-22 66q0-16-12-28L282 61q-12-10-26-10t-26 10L96 186q-13 11-13 28v208q0 17 11 28t28 11h38V313q0-24 17-41t41-17h77q23 0 40 17t17 41v148h38q17 0 28-11t11-28V214zm-128 99q0-7-6-7h-77q-7 0-7 7v148h90V313z",HA=!1,qA="SAP-icons-v5",VA="@ui5/webcomponents-icons";D(XA,{pathData:J5,ltr:HA,collection:qA,packageName:VA});oe();v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const UA={packageName:"@sapudex/web-components",fileName:"themes/Breadcrumbs.css.ts",content:`:host{--udex-breadcrumbs-item-color: var(--sapNeutralElementColor, var(--udexColorGrey6, #5B738B ));--udex-breadcrumbs-item-font-size: var(--udexTypographyBodyXXSFontSize, 12px);--udex-breadcrumbs-margin: 0}.udex-breadcrumbs{font-family:var(--sapFontFamily);white-space:nowrap;outline:none;margin:var(--udex-breadcrumbs-margin)}.udex-breadcrumbs>ol{margin:0;padding:var(--udexSpacer2, 2px) 0;list-style-type:none;display:-webkit-box;display:-webkit-flex;display:flex}.udex-breadcrumbs>ol>li{display:inline-flex;align-items:baseline}.udex-breadcrumbs__separator:after{content:"/";padding:0 .125rem;color:var(--udex-breadcrumbs-item-color);display:inline-block;font-family:var(--sapFontFamily);font-size:var(--udex-breadcrumbs-item-font-size);line-height:18px}:host([separators="DoubleSlash"]) .udex-breadcrumbs__separator:after{content:"//"}:host([separators="BackSlash"]) .udex-breadcrumbs__separator:after{content:"\\\\"}:host([separators="DoubleBackSlash"]) .udex-breadcrumbs__separator:after{content:"\\\\\\\\"}:host([separators="GreaterThan"]) .udex-breadcrumbs__separator:after{content:">"}:host([separators="DoubleGreaterThan"]) .udex-breadcrumbs__separator:after{content:">>"}.udex-breadcrumbs__trigger,.udex-breadcrumbs__arrow-wrapper [ui5-link][focused] [ui5-icon],.udex-breadcrumbs__item[focused],.udex-breadcrumbs__item{color:var(--udex-breadcrumbs-item-color);--sapLink_Hover_Color: var(--udex-breadcrumbs-item-color);--sapFontSize: var(--udex-breadcrumbs-item-font-size);--sapLinkColor: var(--udex-breadcrumbs-item-color);--sapLink_Active_Color: var(--udex-breadcrumbs-item-color);--udex-link-text-decoration: none;position:relative}.udex-breadcrumbs__item{line-height:18px}.ui5-breadcrumbs-dropdown-arrow-link-wrapper{display:flex}.udex-breadcrumbs__trigger{border:none;background:none;padding:0;cursor:pointer;height:12px;width:12px;margin:auto;--udex-link-icon-width: 12px;--udex-link-icon-height: 12px;--udex-link-line-height: 12px}.udex-breadcrumbs__trigger:focus{outline:solid var(--udexSpacer2, 2px) var(--sapContent_FocusColor, #0040B0);border-radius:var(--udexRadiusXXS, 2px)}.udex-breadcrumbs__trigger--opened [ui5-icon]{transform:rotate(180deg)}.udex-breadcrumbs__trigger,[ui5-link].udex-breadcrumbs__item{text-decoration:none;display:inline-flex}[ui5-link]:not([icon]).udex-breadcrumbs__item:hover:after{content:"";position:absolute;height:.0625rem;left:.125rem;right:.125rem;bottom:.125rem;background-color:var(--udex-breadcrumbs-item-color)}.udex-breadcrumbs .udex-breadcrumbs__arrow-wrapper [ui5-icon]:before{content:""}.udex-breadcrumbs .udex-breadcrumbs__arrow-wrapper [ui5-icon]{padding-left:0}.udex-breadcrumbs__arrow-wrapper [ui5-link][focused] [ui5-icon]:after,.udex-breadcrumbs__arrow-wrapper:hover [ui5-icon]:after{border-bottom:0}
|
|
92
92
|
`};v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const WA={packageName:"@sapudex/web-components",fileName:"themes/BreadcrumbsPopover.css.ts",content:`:host{--udex-breadcrumbs-item-color: var(--sapNeutralElementColor, var(--udexColorGrey6, #5B738B));--udex-breadcrumbs-current-item-color: var(--udexCoreTextDark, #223548);--udex-breadcrumbs-dropdown-item-font-size: 13px}.udex-breadcrumbs__item{font-family:var(--sapFontFamily);color:var(--udex-breadcrumbs-item-color);--sapLink_Hover_Color: var(--udex-breadcrumbs-item-color);--sapFontSize: var(--udex-breadcrumbs-dropdown-item-font-size);--sapLinkColor: var(--udex-breadcrumbs-item-color);--sapLink_Active_Color: var(--udex-breadcrumbs-item-color);--udex-link-text-decoration: none;position:relative}.udex-breadcrumbs__item{line-height:18px}.udex-breadcrumbs__popover{--udex-dropdown-vertical-distance: 4px;--udex-dropdown-box-shadow: var(--sapContent_Shadow2, 0px 10px 30px 0px rgba(34, 54, 73, .25));--udex-dropdown-border-radius: 0;--udex-dropdown-border-width: 0;--udex-dropdown-pane-max-width: fit-content}[ui5-icon]{width:.75rem;height:.75rem}.udex-breadcrumbs__popover-content{padding:var(--udexSpacer32) 52px var(--udexSpacer32) var(--udexSpacer20);display:flex;flex-direction:column;align-items:flex-start;gap:12px}.udex-breadcrumbs__popover-content .udex-breadcrumbs__item{font-size:var(--udex-breadcrumbs-dropdown-item-font-size);line-height:13px;height:17px;--udex-link-icon-height: 12px;--udex-link-icon-width: 12px}.udex-breadcrumb__item--current{color:var(--udex-breadcrumbs-current-item-color);font-weight:500;font-size:var(--udex-breadcrumbs-dropdown-item-font-size);line-height:13px}.udex-breadcrumbs__popover::part(content){padding:0}.udex-breadcrumbs__popover-content:dir(rtl){padding:var(--udexSpacer32) var(--udexSpacer20) var(--udexSpacer32) 52px}.udex-breadcrumbs__item--with-icon:dir(ltr)~.udex-breadcrumbs__item{padding-left:calc(var(--udex-link-icon-width) + var(--udexSpacer4, 4px))}.udex-breadcrumbs__item--with-icon:dir(rtl)~.udex-breadcrumbs__item{padding-right:calc(var(--udex-link-icon-width) + var(--udexSpacer4, 4px))}.udex-breadcrumbs__item--1{margin-left:var(--udexSpacer12)}.udex-breadcrumbs__item--2{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--3{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--4{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--5{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--6{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--7{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--8{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--9{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--10{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--11{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--12{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--13{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--14{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--15{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--16{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--17{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--18{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--19{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--20{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--21{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--22{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--23{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--24{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--25{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--1:dir(rtl){margin-right:var(--udexSpacer12)}.udex-breadcrumbs__item--2:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--3:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--4:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--5:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--6:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--7:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--8:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--9:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--10:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--11:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--12:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--13:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--14:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--15:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--16:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--17:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--18:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--19:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--20:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--21:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--22:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--23:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--24:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--25:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}
|
|
93
93
|
`};var ph=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},Al;const GA="udex-breadcrumbs__trigger--opened";let Ls=Al=class extends E{static async onDefine(){Al.i18nBundle=await M("@sapudex/web-components")}onBeforeRendering(){this._preprocessItems()}onAfterRendering(){this._initItemNavigation(),this._dropdownArrowLink.forcedTabIndex="0"}_preprocessItems(){this.items.forEach(e=>{e._getRealDomRef=()=>this.getDomRef().querySelector(`[data-ui5-stable*=${e.stableDomRef}]`)})}async _getResponsePopover(){return(await this.getStaticAreaItemDomRef()).querySelector(`#udex-${this.__id}-breadcrumbs__popover`)}_getFocusableItems(){const e=this._links;return e.unshift(this._dropdownArrowLink),e}_initItemNavigation(){this._itemNavigation||(this._itemNavigation=new ba(this,{navigationMode:Fo.Horizontal,getItemsCallback:()=>this._getFocusableItems()}))}_getItems(){return this.getSlottedNodes("items")}_closeRespPopover(){this.responsivePopover&&this.responsivePopover.onClose()}async _openRespPopover(){this.responsivePopover=await this._getResponsePopover(),this.responsivePopover.onOpen(this._dropdownArrowLink)}_onDropdownLinkPress(e){const t=e.target,o=this._getItems(),a=o.find(n=>`${n._id}-li`===t.id);a._isCurrentPageItem||this.fireEvent("item-click",{item:a},!0)&&(window.open(a.href,a.target||"_self","noopener,noreferrer"),this.responsivePopover.onClose())}_onLinkPress(e){const t=e.target,o=this._getItems(),a=o.find(p=>`${p._id}-link`===t.id),{altKey:n,ctrlKey:s,metaKey:l,shiftKey:h}=e.detail;this.fireEvent("item-click",{item:a,altKey:n,ctrlKey:s,metaKey:l,shiftKey:h},!0)||e.preventDefault()}_isItemVisible(e){return!e.hidden}_afterDropdownOpen(){this._dropdownOpened=!0,this.fireEvent("open")}_afterDropdownClose(){this._dropdownOpened=!1,this._shouldFocusFirstVisibleItem&&this._focusFirstVisibleItem(),this.fireEvent("close")}_toggleDropdown(){this._dropdownOpened?this._closeRespPopover():this._openRespPopover()}_onfocusin(e){var o;const t=e.target;(o=this._itemNavigation)==null||o.setCurrentItem(t)}_handleKeydown(e){const t=e.target.getAttribute("index"),o=t===(this.items.length-2).toString(),a=t==="0";Lt(e)&&o&&(this._closeRespPopover(),this._shouldFocusFirstVisibleItem=!0),St(e)&&a&&this._closeRespPopover()}_focusFirstVisibleItem(){Array.from(this.shadowRoot.querySelectorAll(".udex-breadcrumbs__link-wrapper [udex-link]"))[0].focus(),this._shouldFocusFirstVisibleItem=!1}get _dropdownArrowLink(){return this.shadowRoot.querySelector(".udex-breadcrumbs__trigger")}get _links(){return Array.from(this.shadowRoot.querySelectorAll(".ui5-breadcrumbs-link-wrapper [udex-link]"))}get _linksData(){const e=this._visibleItems,t=e.length;return e.map((o,a)=>(o._isCurrentPageItem=a===t-1,o))}get _visibleItems(){const e=this._getItems(),t=this.showItems??0;return this._getItems().slice(Math.max(e.length-t-1,0)).filter(o=>this._isItemVisible(o))}get _dropdownItems(){return this._getItems().filter(e=>this._isItemVisible(e))}get _triggerClass(){return this._dropdownOpened?GA:""}get _accessibleNameText(){return Al.i18nBundle.getText(YC)}get _dropdownArrowAccessibleNameText(){return Al.i18nBundle.getText(KC)}};ph([c({noAttribute:!0,type:Boolean})],Ls.prototype,"_dropdownOpened",void 0);ph([c({type:Number,defaultValue:3,validator:q})],Ls.prototype,"showItems",void 0);ph([$({type:HTMLElement,invalidateOnChildChange:!0,default:!0})],Ls.prototype,"items",void 0);Ls=Al=ph([y({tag:"udex-breadcrumbs",renderer:k,styles:[mE,UA],template:fE,staticAreaTemplate:xE,staticAreaStyles:[WA],dependencies:[TE,ig,ec,U]}),f("item-click",{detail:{item:{type:HTMLElement},altKey:{type:Boolean},ctrlKey:{type:Boolean},metaKey:{type:Boolean},shiftKey:{type:Boolean}}}),f("open"),f("close")],Ls);Ls.define();const La=new WeakMap;class Gl{static get tasks(){return La}static enqueue(e,t){La.has(e)||La.set(e,[]),La.get(e).push(t)}static run(e,t){return La.has(e)||La.set(e,[]),t().then(()=>{const o=La.get(e);if(o.length>0)return Gl.run(e,o.shift());La.delete(e)})}static push(e,t){La.get(e)?Gl.enqueue(e,t):Gl.run(e,t)}}const YA=i=>{let e=null,t=!1,o,a,n;const s=new Promise((l,h)=>{n=p=>{e=e||p;const _=p-e,g=i.duration-_;if(_<=i.duration){const m=1-g/i.duration;i.advance(m),t||(o=requestAnimationFrame(n))}else i.advance(1),l()},a=()=>{t=!0,cancelAnimationFrame(o),h(new Error("animation stopped"))}}).catch(l=>l);return Gl.push(i.element,()=>(typeof i.beforeStart=="function"&&i.beforeStart(),requestAnimationFrame(n),new Promise(l=>{s.then(()=>l())}))),{promise:()=>s,stop:()=>a}},KA=400,ZA=(i,e,t)=>{let o,a;return YA({beforeStart:()=>{o=i.scrollLeft,a=i.scrollTop},duration:KA,element:i,advance:n=>{i.scrollLeft=o+n*e,i.scrollTop=a+n*t}})},QA="scroll",JA=Jl()?"touchend":"mouseup";class e2 extends ma{constructor(e){super(),this.supportsTouch=Jl(),this.containerComponent=e,this.mouseMove=this.ontouchmove.bind(this),this.mouseUp=this.ontouchend.bind(this),this.touchStart=this.ontouchstart.bind(this),this.supportsTouch=Jl(),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,o=0,a=0){let n=this.scrollContainer.clientHeight>0&&this.scrollContainer.clientWidth>0;for(;!n&&o>0;)await new Promise(s=>{setTimeout(()=>{n=this.scrollContainer.clientHeight>0&&this.scrollContainer.clientWidth>0,o--,s()},a)});this._container.scrollLeft=e,this._container.scrollTop=t}move(e,t,o){if(o){this._container.scrollLeft+=e,this._container.scrollTop+=t;return}if(this._container)return ZA(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 o=this._container.getBoundingClientRect(),a=this.supportsTouch?t.clientX:e.x,n=this.supportsTouch?t.clientY:e.y;return a>=o.left&&a<=o.right&&n>=o.top&&n<=o.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,o=this.supportsTouch?e.touches[0]:null,a=this.supportsTouch?o.pageX:e.x,n=this.supportsTouch?o.pageY:e.y;t.scrollLeft+=this._prevDragX-a,t.scrollTop+=this._prevDragY-n,this.fireEvent(QA,{isLeft:a>this._prevDragX,isRight:a<this._prevDragX}),this.cachedValue.dragX=this._prevDragX,this.cachedValue.dragY=this._prevDragY,this._prevDragX=a,this._prevDragY=n}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,o=this.supportsTouch?e.changedTouches[0].pageX:e.x,a=this.supportsTouch?e.changedTouches[0].pageY:e.y;t.scrollLeft+=this._prevDragX-o,t.scrollTop+=this._prevDragY-a;const s=o===this._prevDragX?this.cachedValue.dragX:o;this.fireEvent(JA,{isLeft:s<this._prevDragX,isRight:s>this._prevDragX}),this._prevDragX=o,this._prevDragY=a,this.supportsTouch||(document.removeEventListener("mousemove",this.mouseMove),document.removeEventListener("mouseup",this.mouseUp))}}var f_;(function(i){i.Content="Content",i.Navigation="Navigation"})(f_||(f_={}));const ua=f_;var b_;(function(i){i.Default="Default",i.Numeric="Numeric"})(b_||(b_={}));const x_=b_;var y_;(function(i){i.Solid="Solid",i.Transparent="Transparent",i.Translucent="Translucent"})(y_||(y_={}));const ku=y_;var w_;(function(i){i.Solid="Solid",i.None="None"})(w_||(w_={}));const zm=w_;function eD(i,e,t){return d`<section class="ui5-carousel-root ui5-carousel-background-${r(this._backgroundDesign)}" tabindex="0" role="list" aria-roledescription=${r(this._roleDescription)} aria-label="${r(this.ariaLabelTxt)}" aria-activedescendant="${r(this.ariaActiveDescendant)}" @focusin="${this._onfocusin}" @keydown=${this._onkeydown} @mouseout="${this._onmouseout}" @mouseover="${this._onmouseover}"><div class="${z(this.classes.viewport)}" part="content"><div class="${z(this.classes.content)}" style="${H(this.styles.content)}">${T(this.items,(o,a)=>o._id||a,(o,a)=>tD.call(this,i,e,t,o,a))}</div>${this.showArrows.content?iD.call(this,i,e,t):void 0}</div>${this.renderNavigation?oD.call(this,i,e,t):void 0}</div></section> `}function tD(i,e,t,o,a){return d`<div id="${r(o.id)}" class="ui5-carousel-item ${r(o.classes)}" style="${H(o.styles)}" role="listitem" aria-posinset="${r(o.posinset)}" aria-setsize="${r(o.setsize)}" part="item"><slot name="${r(o.item._individualSlot)}" tabindex="${r(o.tabIndex)}"></slot></div>`}function iD(i,e,t){return t?d`<div class="ui5-carousel-navigation-arrows"><${u("ui5-button",e,t)} arrow-back tooltip="${r(this.previousPageText)}" class="ui5-carousel-navigation-button ${z(this.classes.navPrevButton)}" icon="slim-arrow-left" tabindex="-1" @click=${this._navButtonClick}></${u("ui5-button",e,t)}><${u("ui5-button",e,t)} arrow-forward tooltip="${r(this.nextPageText)}" class="ui5-carousel-navigation-button ${z(this.classes.navNextButton)}" icon="slim-arrow-right" tabindex="-1" @click=${this._navButtonClick}></${u("ui5-button",e,t)}></div>`:d`<div class="ui5-carousel-navigation-arrows"><ui5-button arrow-back tooltip="${r(this.previousPageText)}" class="ui5-carousel-navigation-button ${z(this.classes.navPrevButton)}" icon="slim-arrow-left" tabindex="-1" @click=${this._navButtonClick}></ui5-button><ui5-button arrow-forward tooltip="${r(this.nextPageText)}" class="ui5-carousel-navigation-button ${z(this.classes.navNextButton)}" icon="slim-arrow-right" tabindex="-1" @click=${this._navButtonClick}></ui5-button></div>`}function oD(i,e,t){return d`<div class="${z(this.classes.navigation)}">${this.showArrows.navigation?aD.call(this,i,e,t):void 0}<div class="ui5-carousel-navigation">${this.hidePageIndicator?void 0:rD.call(this,i,e,t)}</div>${this.showArrows.navigation?dD.call(this,i,e,t):void 0}</div>`}function aD(i,e,t){return t?d`<${u("ui5-button",e,t)} arrow-back tooltip="${r(this.previousPageText)}" class="ui5-carousel-navigation-button ${z(this.classes.navPrevButton)}" icon="slim-arrow-left" tabindex="-1" @click=${this._navButtonClick}></${u("ui5-button",e,t)}>`:d`<ui5-button arrow-back tooltip="${r(this.previousPageText)}" class="ui5-carousel-navigation-button ${z(this.classes.navPrevButton)}" icon="slim-arrow-left" tabindex="-1" @click=${this._navButtonClick}></ui5-button>`}function rD(i,e,t){return d`${this.isPageTypeDots?nD.call(this,i,e,t):lD.call(this,i,e,t)}`}function nD(i,e,t){return d`${T(this.dots,(o,a)=>o._id||a,(o,a)=>sD.call(this,i,e,t,o,a))}`}function sD(i,e,t,o,a){return d`<div role="img" aria-label="${r(o.ariaLabel)}" ?active="${o.active}" class="ui5-carousel-navigation-dot"></div>`}function lD(i,e,t){return d`<div dir="auto" class="ui5-carousel-navigation-text">${r(this.selectedIndexToShow)} ${r(this.ofText)} ${r(this.pagesCount)}</div>`}function dD(i,e,t){return t?d`<${u("ui5-button",e,t)} arrow-forward tooltip="${r(this.nextPageText)}" class="ui5-carousel-navigation-button ${z(this.classes.navNextButton)}" icon="slim-arrow-right" tabindex="-1" @click=${this._navButtonClick}></${u("ui5-button",e,t)}>`:d`<ui5-button arrow-forward tooltip="${r(this.nextPageText)}" class="ui5-carousel-navigation-button ${z(this.classes.navNextButton)}" icon="slim-arrow-right" tabindex="-1" @click=${this._navButtonClick}></ui5-button>`}const cD="slim-arrow-left",t2="M351.5 421q12 12 0 23-5 5-11 5t-11-5l-166-165q-9-10-9-23t9-23l165-164q5-5 11.5-5t11.5 5 5 11-5 11l-159 159q-6 6 0 12z",uD=!1,hD="SAP-icons-v4",pD="@ui5/webcomponents-icons";D(cD,{pathData:t2,ltr:uD,collection:hD,packageName:pD});const _D="slim-arrow-left",i2="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",vD=!1,gD="SAP-icons-v5",mD="@ui5/webcomponents-icons";D(_D,{pathData:i2,ltr:vD,collection:gD,packageName:mD});oe();const fD="slim-arrow-right",o2="M357.5 233q10 10 10 23t-10 23l-165 165q-12 11-23 0t0-23l160-159q6-6 0-12l-159-159q-5-5-5-11t5-11 11-5 11 5z",bD=!1,xD="SAP-icons-v4",yD="@ui5/webcomponents-icons";D(fD,{pathData:o2,ltr:bD,collection:xD,packageName:yD});const wD="slim-arrow-right",a2="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",kD=!1,SD="SAP-icons-v5",$D="@ui5/webcomponents-icons";D(wD,{pathData:a2,ltr:kD,collection:SD,packageName:$D});oe();function TD(i,e,t){return d`<label class="ui5-label-root" @click=${this._onclick}><span class="ui5-label-text-wrapper"><bdi id="${r(this._id)}-bdi"><slot></slot></bdi></span><span aria-hidden="true" class="ui5-label-required-colon" data-colon="${r(this._colonSymbol)}"></span></label>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@ui5/webcomponents","sap_horizon",async()=>Z);const CD={packageName:"@ui5/webcomponents",fileName:"themes/Label.css.ts",content:`:host(:not([hidden])){display:inline-flex}:host{max-width:100%;color:var(--sapContent_LabelColor);font-family:"72override",var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;cursor:text}.ui5-label-root{width:100%;cursor:inherit}:host([wrapping-type="Normal"]) .ui5-label-root{white-space:normal}:host(:not([wrapping-type="Normal"])) .ui5-label-root{display:inline-flex;white-space:nowrap}:host(:not([wrapping-type="Normal"])) .ui5-label-text-wrapper{text-overflow:ellipsis;overflow:hidden;display:inline-block;vertical-align:top;flex:0 1 auto;min-width:0}:host([show-colon]) .ui5-label-required-colon:before{content:attr(data-colon)}:host([required]) .ui5-label-required-colon:after{content:"*";color:var(--sapField_RequiredColor);font-size:1.25rem;font-weight:700;position:relative;font-style:normal;vertical-align:middle;line-height:0}:host([required][show-colon]) .ui5-label-required-colon:after{margin-inline-start:.125rem}bdi{padding-right:.075rem}:host([show-colon]) .ui5-label-required-colon{margin-inline-start:-.05rem;white-space:pre}
|
|
@@ -97,7 +97,7 @@ or import '@sapudex/design-tokens/dist/themes/sap_glow/css_variables.css'`)};doc
|
|
|
97
97
|
`};function uP(i,e,t){return d`<div class="ui5-checkbox-root ${z(this.classes.main)}" role="checkbox" part="root" aria-checked="${r(this.effectiveAriaChecked)}" aria-readonly="${r(this.ariaReadonly)}" aria-disabled="${r(this.effectiveAriaDisabled)}" aria-label="${r(this.ariaLabelText)}" aria-labelledby="${r(this.ariaLabelledBy)}" aria-describedby="${r(this.ariaDescribedBy)}" aria-required="${r(this.required)}" tabindex="${r(this.effectiveTabIndex)}" @mousedown="${this._onmousedown}" @mouseup="${this._onmouseup}" @keydown="${this._onkeydown}" @keyup="${this._onkeyup}" @click="${this._onclick}" @focusout="${this._onfocusout}">${this.isDisplayOnly?hP.call(this,i,e,t):pP.call(this,i,e,t)}<input id="${r(this._id)}-CB" type='checkbox' ?checked="${this.checked}" ?readonly="${this.readonly}" ?disabled="${this.disabled}" tabindex="-1" aria-hidden="true" data-sap-no-tab-ref />${this.text?vP.call(this,i,e,t):void 0}${this.hasValueState?gP.call(this,i,e,t):void 0}<slot name="formSupport"></slot></div>`}function hP(i,e,t){return t?d`<div class="ui5-checkbox-display-only-icon-inner"><${u("ui5-icon",e,t)} aria-hidden="true" name=${r(this.displayOnlyIcon)} class="ui5-checkbox-display-only-icon" part="icon"></${u("ui5-icon",e,t)}></div>`:d`<div class="ui5-checkbox-display-only-icon-inner"><ui5-icon aria-hidden="true" name=${r(this.displayOnlyIcon)} class="ui5-checkbox-display-only-icon" part="icon"></ui5-icon></div>`}function pP(i,e,t){return d`<div id="${r(this._id)}-CbBg" class="ui5-checkbox-inner">${this.isCompletelyChecked?_P.call(this,i,e,t):void 0}</div>`}function _P(i,e,t){return t?d`<${u("ui5-icon",e,t)} aria-hidden="true" name="accept" class="ui5-checkbox-icon" part="icon"></${u("ui5-icon",e,t)}>`:d`<ui5-icon aria-hidden="true" name="accept" class="ui5-checkbox-icon" part="icon"></ui5-icon>`}function vP(i,e,t){return t?d`<${u("ui5-label",e,t)} part="label" id="${r(this._id)}-label" class="ui5-checkbox-label" wrapping-type="${r(this.wrappingType)}">${r(this.text)}</${u("ui5-label",e,t)}>`:d`<ui5-label part="label" id="${r(this._id)}-label" class="ui5-checkbox-label" wrapping-type="${r(this.wrappingType)}">${r(this.text)}</ui5-label>`}function gP(i,e,t){return d`<span id="${r(this._id)}-descr" class="ui5-hidden-text">${r(this.valueStateText)}</span>`}var mi=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},hs;let qm=!1,fp,$t=hs=class extends E{constructor(){super(),this._deactivate=()=>{fp&&(fp.active=!1)},qm||(document.addEventListener("mouseup",this._deactivate),qm=!0)}onBeforeRendering(){this._enableFormSupport()}_enableFormSupport(){const e=Le("FormSupport");e?e.syncNativeHiddenInput(this,(t,o)=>{o.disabled=!!t.disabled,o.checked=!!t.checked,o.value=t.checked?"on":""}):this.name&&console.warn('In order for the "name" property to have effect, you should also: import "@ui5/webcomponents/dist/features/InputElementsFormSupport.js";')}_onclick(){this.toggle()}_onmousedown(){this.readonly||this.disabled||(this.active=!0,fp=this)}_onmouseup(){this.active=!1}_onfocusout(){this.active=!1}_onkeydown(e){F(e)&&e.preventDefault(),!(this.readonly||this.disabled)&&(K(e)&&this.toggle(),this.active=!0)}_onkeyup(e){F(e)&&this.toggle(),this.active=!1}toggle(){if(this.canToggle()){const e={checked:this.checked,indeterminate:this.indeterminate};this.indeterminate?(this.indeterminate=!1,this.checked=!0):this.checked=!this.checked;const t=!this.fireEvent("change",null,!0),o=!this.fireEvent("value-changed",null,!0);(t||o)&&(this.checked=e.checked,this.indeterminate=e.indeterminate)}return this}canToggle(){return!(this.disabled||this.readonly||this.displayOnly)}valueStateTextMappings(){return{Error:hs.i18nBundle.getText(Ud),Warning:hs.i18nBundle.getText(Wd),Success:hs.i18nBundle.getText(Gd)}}get ariaLabelText(){return Ia(this)}get classes(){return{main:{"ui5-checkbox--hoverable":!this.disabled&&!this.readonly&&ge()}}}get ariaReadonly(){return this.readonly||this.displayOnly?"true":void 0}get effectiveAriaDisabled(){return this.disabled?"true":void 0}get effectiveAriaChecked(){return this.indeterminate&&this.checked?"mixed":this.checked}get ariaLabelledBy(){if(!this.ariaLabelText)return this.text?`${this._id}-label`:void 0}get ariaDescribedBy(){return this.hasValueState?`${this._id}-descr`:void 0}get hasValueState(){return this.valueState!==V.None}get valueStateText(){if(this.valueState!==V.None&&this.valueState!==V.Information)return this.valueStateTextMappings()[this.valueState]}get effectiveTabIndex(){const e=this.getAttribute("tabindex");return this.disabled||this.displayOnly?void 0:e||"0"}get isCompletelyChecked(){return this.checked&&!this.indeterminate}get isDisplayOnly(){return this.displayOnly&&!this.disabled}get displayOnlyIcon(){return this.isCompletelyChecked?"complete":this.checked&&this.indeterminate?"tri-state":"border"}static async onDefine(){hs.i18nBundle=await M("@ui5/webcomponents")}};mi([c()],$t.prototype,"accessibleNameRef",void 0);mi([c()],$t.prototype,"accessibleName",void 0);mi([c({type:Boolean})],$t.prototype,"disabled",void 0);mi([c({type:Boolean})],$t.prototype,"readonly",void 0);mi([c({type:Boolean})],$t.prototype,"displayOnly",void 0);mi([c({type:Boolean})],$t.prototype,"required",void 0);mi([c({type:Boolean})],$t.prototype,"indeterminate",void 0);mi([c({type:Boolean})],$t.prototype,"checked",void 0);mi([c()],$t.prototype,"text",void 0);mi([c({type:V,defaultValue:V.None})],$t.prototype,"valueState",void 0);mi([c({type:Ii,defaultValue:Ii.None})],$t.prototype,"wrappingType",void 0);mi([c()],$t.prototype,"name",void 0);mi([c({type:Boolean})],$t.prototype,"active",void 0);mi([$()],$t.prototype,"formSupport",void 0);$t=hs=mi([y({tag:"ui5-checkbox",languageAware:!0,renderer:k,template:uP,styles:p2,dependencies:[_h,U]}),f("change")],$t);$t.define();const _2=$t;v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const mP={packageName:"@sapudex/web-components",fileName:"themes/Checkbox.css.ts",content:`:host([readonly]){--sapField_TextColor: var(--sapField_ReadOnly_BorderColor)}:host([display-only])::part(icon){height:24px;width:24px}:host([text]) .ui5-checkbox-root,.ui5-checkbox-root{padding:0;padding-inline-end:var(--udexSpacer2, 2px)}.ui5-checkbox-inner{margin:9px}.ui5-checkbox-root .ui5-checkbox-label{font-family:var(--sapFontFamily);font-size:var(--udexTypographyBodySFontSize, var(--sapFontSize, 16px));margin-inline-start:2px}:host([readonly]) .ui5-checkbox-inner,:host([readonly][value-state="Warning"][value-state="Error"][value-state="Success"]) .ui5-checkbox-inner{background:var(--sapField_ReadOnly_Background);border:var(--sapElement_BorderWidth) var(--sapField_ReadOnly_BorderColor) dashed;color:var(--sapField_TextColor)}:host([required]) .ui5-checkbox-label:after{padding-inline:var(--udexSpacer8) var(--udexSpacer2);content:"*"}
|
|
98
98
|
`};var fP=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n};let Su=class extends _2{};Su=fP([y({tag:"udex-checkbox",renderer:k,styles:[p2,mP]})],Su);Su.define();const bP=Su;v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const xP={packageName:"@sapudex/web-components",fileName:"themes/ControlButton.css.ts",content:`:host{--udex-control-button-font-weight: 500;--udex-control-button-line-height: inherit;--udex-control-button-small-padding: 4.5px;--udex-control-button-medium-padding: 6px;--udex-control-button-large-padding: 11px;--udex-control-button-with-text-small-padding: 4.5px;--udex-control-button-with-text-medium-padding: 6px;--udex-control-button-with-text-large-padding: 11px;--udex-control-button-icon-text-spacing-medium-size: 8px;--udex-control-button-small-height: 25px;--udex-control-button-small-width: 25px;--udex-control-button-medium-height: 32px;--udex-control-button-medium-width: 32px;--udex-control-button-large-height: 42px;--udex-control-button-large-width: 42px;--udex-control-button-small-icon-size: 14px;--udex-control-button-medium-icon-size: 18px;--udex-control-button-large-icon-size: 18px;--udex-control-button-border-radius: var(--udexRadiusXS, 4px);--udex-control-button-color: var(--udexColorGrey7, var(--sapButton_TextColor));--udex-control-button-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-control-button-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-control-button-hover-color: var(--udexColorGrey7, var(--sapButton_Hover_TextColor));--udex-control-button-hover-border-color: var(--sapButton_Neutral_Hover_BorderColor, var(--sapButton_Hover_BorderColor));--udex-control-button-hover-background-color: var(--udexColorNeutralWhite, var(--sapButton_Hover_Background));--udex-control-button-selected-color: var(--udexColorGrey7, var(--sapButton_TextColor));--udex-control-button-selected-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-control-button-selected-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-control-button-active-color: var(--udexColorBlue9, #0040B0);--udex-control-button-active-border-color: var(--udexColorBlue4, #89D1FF);--udex-control-button-active-background-color: var(--udexColorNeutralWhite, var(--sapButton_BorderColor));--udex-control-button-warning-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-control-button-warning-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-control-button-warning-color: var(--udexColorGrey7, var(--sapButton_TextColor));--udex-control-button-error-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-control-button-error-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-control-button-error-color: var(--udexColorGrey7, var(--sapButton_TextColor));--udex-control-button-success-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-control-button-success-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-control-button-success-color: var(--udexColorGrey7, var(--sapButton_TextColor));--udex-control-button-warning-active-background-color: var(--udexColorNeutralWhite, var(--sapButton_Attention_Background));--udex-control-button-warning-active-border-color: var(--udexColorMango6, var(--sapButton_Attention_BorderColor));--udex-control-button-warning-active-color: var(--udexColorMango9, var(--sapButton_Attention_TextColor));--udex-control-button-error-active-background-color: var(--udexColorNeutralWhite, var(--sapButton_Reject_Background));--udex-control-button-error-active-border-color: var(--udexColorRed4, var(--sapButton_Attention_BorderColor));--udex-control-button-error-active-color: var(--udexColorRed9, var(--sapButton_Attention_TextColor));--udex-control-button-success-active-background-color: var(--udexColorNeutralWhite, var(--sapButton_Accept_Background));--udex-control-button-success-active-border-color: var(--udexColorGreen6, var(--sapButton_Attention_BorderColor));--udex-control-button-success-active-color: var(--udexColorGreen9, var(--sapButton_Attention_TextColor));--udex-control-button-warning-selected-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-control-button-warning-selected-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-control-button-warning-selected-color: var(--udexColorGrey7, var(--sapButton_TextColor));--udex-control-button-error-selected-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-control-button-error-selected-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-control-button-error-selected-color: var(--udexColorGrey7, var(--sapButton_TextColor));--udex-control-button-success-selected-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-control-button-success-selected-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-control-button-success-selected-color: var(--udexColorGrey7, var(--sapButton_TextColor));--udex-control-button-readonly-icon-color: var(--udexColorGrey8, #354A5F)}:host([design="Default"]),:host{background-color:var(--udex-control-button-background-color);border-style:solid;border-color:var(--udex-control-button-border-color);border-width:var(--sapButton_BorderWidth);color:var(--udex-control-button-color);border-radius:var(--udex-control-button-border-radius);height:var(--udex-control-button-medium-height);min-width:var(--udex-control-button-medium-width);font-weight:var(--udex-control-button-font-weight);line-height:var(--udex-control-button-line-height)}:host([has-icon]:not([icon-end])) .ui5-button-text{margin-inline-start:var(--udex-control-button-icon-text-spacing-medium-size)}.ui5-button-root{padding:var(--udex-control-button-with-text-medium-padding)}:host([has-icon]) .ui5-button-root{padding:var(--udex-control-button-medium-padding)}:host([size="Large"]){height:var(--udex-control-button-large-height);min-width:var(--udex-control-button-large-width)}:host([size="Medium"]){height:var(--udex-control-button-medium-height);min-width:var(--udex-control-button-medium-width)}:host([size="Small"]){height:var(--udex-control-button-small-height);min-width:var(--udex-control-button-small-width)}:host([size="Small"][has-icon]) .ui5-button-root{padding:var(--udex-control-button-small-padding)}:host([size="Medium"][has-icon]) .ui5-button-root{padding:var(--udex-control-button-medium-padding)}:host([size="Large"][has-icon]) .ui5-button-root{padding:var(--udex-control-button-large-padding)}:host([size="Small"]) .ui5-button-root{padding:var(--udex-control-button-with-text-small-padding)}:host([size="Medium"]) .ui5-button-root{padding:var(--udex-control-button-with-text-medium-padding)}:host([size="Large"]) .ui5-button-root{padding:var(--udex-control-button-with-text-large-padding)}:host([design="Success"][pressed]:not([active]):not([non-interactive]):not([_is-touch]):hover),:host([design="Error"][pressed]:not([active]):not([non-interactive]):not([_is-touch]):hover),:host([design="Warning"][pressed]:not([active]):not([non-interactive]):not([_is-touch]):hover),:host(:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host(:not([hidden]):not([disabled]).ui5_hovered),:host([design="Default"][pressed]:hover),:host([design="Default"][pressed]:not([active]):not([non-interactive]):not([_is-touch]):hover){background:var(--udex-control-button-hover-background-color);border-color:var(--udex-control-button-hover-border-color);border-width:var(--sapButton_BorderWidth);color:var(--udex-control-button-hover-color)}.ui5-button-icon{height:var(--udex-control-button-medium-icon-size);width:var(--udex-control-button-medium-icon-size)}:host([size="Small"]) .ui5-button-icon{height:var(--udex-control-button-small-icon-size);width:var(--udex-control-button-small-icon-size)}:host([size="Large"]) .ui5-button-icon{height:var(--udex-control-button-large-icon-size);width:var(--udex-control-button-large-icon-size)}:host([pressed]),:host([design="Default"][pressed]),:host([pressed]:not([active]):not([non-interactive]):not([_is-touch])),:host([design="Default"][pressed]:not([active]):not([non-interactive]):not([_is-touch])){background:var(--udex-control-button-selected-background-color);border-color:var(--udex-control-button-selected-border-color);border-width:var(--sapButton_BorderWidth);color:var(--udex-control-button-selected-color)}:host([active]),:host([active][pressed]),:host([design="Default"][active]),:host([design="Default"][pressed][active]):not([non-interactive]):not([_is-touch]){color:var(--udex-control-button-active-color);border-color:var(--udex-control-button-active-border-color);background-color:var(--udex-control-button-active-background-color)}:host([design="Success"]){background-color:var(--udex-control-button-success-background-color);border-color:var(--udex-control-button-success-border-color);color:var(--udex-control-button-success-color)}:host([design="Error"]){background-color:var(--udex-control-button-error-background-color);border-color:var(--udex-control-button-error-border-color);color:var(--udex-control-button-error-color)}:host([design="Warning"]){background-color:var(--udex-control-button-warning-background-color);border-color:var(--udex-control-button-warning-border-color);color:var(--udex-control-button-warning-color)}:host([design="Success"][pressed]:not([active]):not([non-interactive]):not([_is-touch])){background-color:var(--udex-control-button-success-selected-background-color);border-color:var(--udex-control-button-success-selected-border-color);color:var(--udex-control-button-success-selected-color)}:host([design="Error"][pressed]:not([active]):not([non-interactive]):not([_is-touch])){background-color:var(--udex-control-button-error-selected-background-color);border-color:var(--udex-control-button-error-selected-border-color);color:var(--udex-control-button-error-selected-color)}:host([design="Warning"][pressed]:not([active]):not([non-interactive]):not([_is-touch])){background-color:var(--udex-control-button-warning-selected-background-color);border-color:var(--udex-control-button-warning-selected-border-color);color:var(--udex-control-button-warning-selected-color)}:host([design="Success"][active]){background-color:var(--udex-control-button-success-active-background-color);border-color:var(--udex-control-button-success-active-border-color);color:var(--udex-control-button-success-active-color)}:host([design="Error"][active]){background-color:var(--udex-control-button-error-active-background-color);border-color:var(--udex-control-button-error-active-border-color);color:var(--udex-control-button-error-active-color)}:host([design="Warning"][active]){background-color:var(--udex-control-button-warning-active-background-color);border-color:var(--udex-control-button-warning-active-border-color);color:var(--udex-control-button-warning-active-color)}:host([disabled]),:host([disabled][pressed]),:host([design="Default"][disabled]),:host([design="Transparent"][disabled]),:host([design="Emphasized"][disabled]){color:var(--udex-control-button-color);border-color:transparent;background-color:var(--udex-control-button-background-color)}:host([readonly]){color:var(--udex-control-button-readonly-icon-color);pointer-events:none}.ui5-button-text bdi{display:flex;align-items:center}
|
|
99
99
|
`};var vh=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n};let Dn=class extends Ut{async onBeforeRendering(){await super.onBeforeRendering(),this.readonly&&(this.nonInteractive=!0)}onAfterRendering(){this._isComboboxRole&&this._setComboboxRole();const e=this.getAttribute("accessible-description");e&&this._setAccessibleDescription(e)}_setAccessibleDescription(e){this.setButtonAttribute("aria-description",e)}_setComboboxRole(){this.setButtonAttribute("role","combobox")}setButtonAttribute(e,t){var o,a;(a=(o=this.shadowRoot)==null?void 0:o.querySelector(".ui5-button-root"))==null||a.setAttribute(e,t)}};vh([c({type:Ci,defaultValue:Ci.Medium})],Dn.prototype,"size",void 0);vh([c({type:Boolean})],Dn.prototype,"readonly",void 0);vh([c({type:Boolean})],Dn.prototype,"_isComboboxRole",void 0);Dn=vh([y({tag:"udex-control-button",renderer:k,styles:[Ut.styles,xP]})],Dn);Dn.define();const gh=Dn;class it extends Kv{static isValid(e){return Number(e)===e}static attributeToProperty(e){return parseFloat(e)}}var Ki;(function(i){i._blank="_blank",i._parent="_parent",i._self="_self",i._top="_top"})(Ki||(Ki={}));var S_;(function(i){i.Standard="Standard",i.Warning="Warning",i.Error="Error",i.Success="Success"})(S_||(S_={}));const Be=S_;function yP(i,e,t){return d`<div class="udex-status-message udex-status-message__supporting-text">${this.iconFieldName?wP.call(this,i,e,t):void 0}${r(this.supportingText)}</div>`}function wP(i,e,t){return t?d`<${u("ui5-icon",e,t)} name="${r(this.iconFieldName)}" class="udex-status-message__icon"></${u("ui5-icon",e,t)}>`:d`<ui5-icon name="${r(this.iconFieldName)}" class="udex-status-message__icon"></ui5-icon>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const kP={packageName:"@sapudex/web-components",fileName:"themes/StatusMessage.css.ts",content:`:host{--udex-status-message-supporting-text-paddings: var(--udexSpacer4, 4px) 0;--udex-status-message-supporting-text-font-family: var(--sapFontFamily, "sans-serif");--udex-status-message-supporting-text-font-size: var(--sapFontSmallSize, 12px);--udex-status-message-color-standard-default-supporting-text: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-status-message-color-error-default-supporting-text: var(--sapField_InvalidColor, #d20a0a);--udex-status-message-color-success-default-supporting-text: var(--sapField_SuccessColor, #188918);--udex-status-message-color-warning-default-supporting-text: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7))}.udex-status-message__supporting-text{font-family:var(--udex-status-message-supporting-text-font-family);font-size:var(--udex-status-message-supporting-text-font-size);line-height:1.5;padding:var(--udex-status-message-supporting-text-paddings);color:var(--udex-status-message-color-standard-default-supporting-text);text-align:start;padding-inline-start:var(--udexSpacer12, 12px)}:host([supporting-text-alignment="Right"]:not([value-state="Error"]):not([value-state="Success"]):not([value-state="Warning"])) .udex-status-message__supporting-text{text-align:end}.udex-status-message__icon{color:inherit;vertical-align:top;margin-inline-end:var(--udexSpacer4, 4px)}:host([value-state="Error"]) .udex-status-message__supporting-text{color:var(--udex-status-message-color-error-default-supporting-text)}:host([value-state="Success"]) .udex-status-message__supporting-text{color:var(--udex-status-message-color-success-default-supporting-text)}:host([value-state="Warning"]) .udex-status-message__supporting-text{color:var(--udex-status-message-color-warning-default-supporting-text)}:host([disabled]) .udex-status-message__supporting-text{opacity:.4}
|
|
100
|
-
`};var ic=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},$_;(function(i){i.Success="accept",i.Error="error",i.Warning="alert"})($_||($_={}));let Mr=class extends E{get iconFieldName(){return this.valueState!==Be.Standard?$_[this.valueState]:""}};ic([c({type:String})],Mr.prototype,"supportingText",void 0);ic([c({type:String,defaultValue:"left"})],Mr.prototype,"supportingTextAlignment",void 0);ic([c({type:String})],Mr.prototype,"disabled",void 0);ic([c({type:Be,defaultValue:"Standard"})],Mr.prototype,"valueState",void 0);Mr=ic([y({tag:"udex-status-message",renderer:k,styles:kP,template:yP,dependencies:[U]})],Mr);Mr.define();const Gn=Mr;function SP(i,e,t){return d`<div class="udex-text-field__container">${this.label?$P.call(this,i,e,t):void 0}<div class="udex-text-field__wrap"><input id="${r(this._id)}-input" class="udex-text-field__input" type="${r(this.type)}" .value="${r(this.value)}" @change="${this.handleChange}" @input="${this.handleInput}" @focus="${this.handleFocus}" @blur="${this.handleBlur}" @click="${this.handleClick}" @keydown="${this.handleKeydown}" maxlength="${r(this.maxlength)}" autocomplete="${r(this.autocomplete)}" ?disabled="${this.disabled}" ?readonly="${this.isInputReadonly}" ?required="${this.required}" aria-required="${r(this.required)}" aria-readonly="${r(this.isInputReadonly)}" ?aria-disabled="${this.readonlyNotDisabled}" aria-invalid="${r(this.accInfo.ariaInvalid)}" aria-describedby="${r(this.accInfo.ariaDescribedBy)}" aria-haspopup="${r(this.accInfo.ariaHasPopup)}" aria-label="${r(this.accInfo.ariaLabel)}" aria-labelledby="${r(this.accInfo.ariaLabelledBy)}" role="${r(this.inputRole)}" part="textfield-input" min="${r(this.min)}" max="${r(this.max)}" step="${r(this.step)}" />${this.icon?CP.call(this,i,e,t):void 0}</div>${this.supportingText?IP.call(this,i,e,t):void 0}${this.supportingText?BP.call(this,i,e,t):void 0}${this.hasValueState?EP.call(this,i,e,t):void 0}${this.readonly?AP.call(this,i,e,t):void 0}</div>`}function $P(i,e,t){return d`<label for="${r(this._id)}-input" class="${r(this.labelClasses)}" part="label">${r(this.label)}${this.required?TP.call(this,i,e,t):void 0}</label>`}function TP(i,e,t){return d` * `}function CP(i,e,t){return t?d`<${u("udex-control-button",e,t)} accessible-name="${r(this.buttonAccessibleName)}" accessible-description="${r(this.buttonAccessibleDescription)}" tooltip="${r(this.showButtonTooltip)}" ?active="${this.active}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?non-interactive="${this.readonly}" ?_is-combobox-role="${r(this._isComboboxRole)}" design="${r(this.valueState)}" icon="${r(this.icon)}" @click="${this.handleIconClick}" part="textfield-control-btn" size="Large" class="udex-text-field_icon-container"></${u("udex-control-button",e,t)}>`:d`<udex-control-button accessible-name="${r(this.buttonAccessibleName)}" accessible-description="${r(this.buttonAccessibleDescription)}" tooltip="${r(this.showButtonTooltip)}" ?active="${this.active}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?non-interactive="${this.readonly}" ?_is-combobox-role="${r(this._isComboboxRole)}" design="${r(this.valueState)}" icon="${r(this.icon)}" @click="${this.handleIconClick}" part="textfield-control-btn" size="Large" class="udex-text-field_icon-container"></udex-control-button>`}function IP(i,e,t){return t?d`<${u("udex-status-message",e,t)} ?disabled="${this.disabled}" supporting-text="${r(this.supportingText)}" value-state="${r(this.valueState)}"></${u("udex-status-message",e,t)}>`:d`<udex-status-message ?disabled="${this.disabled}" supporting-text="${r(this.supportingText)}" value-state="${r(this.valueState)}"></udex-status-message>`}function BP(i,e,t){return d`<span id="${r(this._id)}-supportingTextDesc" class="hidden-text">${r(this.supportingText)}</span>`}function EP(i,e,t){return d`<span id="${r(this._id)}-valueStateDesc" class="hidden-text">${r(this.valueStateText)}</span>`}function AP(i,e,t){return d`<span id="${r(this._id)}-stateReadOnlyDesc" class="hidden-text">${r(this.readOnlyStateText)}</span>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const v2={packageName:"@sapudex/web-components",fileName:"themes/TextField.css.ts",content:`:host{--udex-input-color-standard-default-border: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-input-color-standard-default-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-standard-default-supporting-text: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-standard-default-typed-text: var(--sapField_TextColor, var(--udexCoreTextDark));--udex-input-color-standard-default-background-light: var(--sapField_Background, var(--udexColorNeutralWhite));--udex-input-color-standard-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-input-color-standard-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-input-color-error-default-border: var(--udexCoreSemanticError6, #EE3939);--udex-input-color-error-hover-border: var(--sapField_InvalidColor, var(--udexCoreSemanticError7));--udex-input-color-error-active-border: var(--udexCoreSemanticError9, #840606);--udex-input-color-error-default-supporting-text: var(--sapField_InvalidColor, var(--udexCoreSemanticError7));--udex-input-color-warning-default-border: var(--udexCoreSemanticWarning6, #E76500);--udex-input-color-warning-hover-border: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7));--udex-input-color-warning-active-border: var(--udexCoreSemanticWarning9, #8D2A00);--udex-input-color-warning-default-supporting-text: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7));--udex-input-color-success-default-border: var(--udexCoreSemanticSuccess6, #36A41D);--udex-input-color-success-hover-border: var(--sapField_SuccessColor, var(--udexCoreSemanticSuccess7));--udex-input-color-success-active-border: var(--udexCoreSemanticSuccess9, #1E592F);--udex-input-color-success-default-supporting-text: var(--sapField_SuccessColor, var(--udexCoreSemanticSuccess7));--udex-input-color-disabled-border: var(--udexColorGrey6, #5B738B);--udex-input-color-disabled-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-read-only-default-border: var(--sapField_ReadOnly_BorderColor, var(--udexColorGrey6));--udex-input-color-read-only-default-background: var(--sapField_ReadOnly_Background, var(--udexColorGrey2));--udex-input-padding: 0 var(--udexSpacer12, 12px);--udex-input-min-width-xs-and-s: 100%;--udex-input-max-width: 100%}.udex-text-field__wrap{display:flex;position:relative;border-radius:var(--udexRadiusXS, 4px);border:1px solid var(--udex-input-color-standard-default-border)}.udex-text-field__wrap:hover{border-color:var(--udex-input-color-standard-hover-border)}.udex-text-field__container{position:relative;font-family:var(--sapFontFamily, sans-serif);max-width:var(--udex-input-max-width);width:100%}@media (width < 640px){.udex-text-field__container{min-width:var(--udex-input-min-width-xs-and-s)}}:host([disabled]) .udex-text-field__container{opacity:var(--sapContent_DisabledOpacity)}.udex-text-field__input{width:100%;height:40px;font-size:var(--sapProgress_FontSize, 16px);font-family:inherit;line-height:24px;color:var(--udex-input-color-standard-default-typed-text);padding:var(--udex-input-padding);border-radius:var(--udexRadiusXS, 4px);box-sizing:border-box;font-weight:var(--udexTypographyFontWeightRegular, 400);background:transparent;border:none}.udex-text-field__input:focus{outline:none}:host(:not([_is-touched]):not([aria-expanded="true"])[active]) .udex-text-field__wrap:before{content:"";position:absolute;z-index:-1;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udexRadiusS, 6px)}.udex-text-field__wrap[open],:host([active]) .udex-text-field__wrap{border-color:var(--udex-input-color-standard-active-border);outline:0}.udex-text-field__wrap[open]:hover{border-color:var(--udex-input-color-standard-active-border)}:host([disabled]) .udex-text-field__wrap{border-color:var(--udex-input-color-disabled-border);background-color:var(--udex-input-color-standard-default-background-light)}:host([readonly]) .udex-text-field__wrap{border-color:var(--udex-input-color-read-only-default-border);background-color:var(--udex-input-color-read-only-default-background)}:host([value-state="Success"][displayonly]) .udex-text-field__wrap,:host([value-state="Warning"][displayonly]) .udex-text-field__wrap,:host([value-state="Error"][displayonly]) .udex-text-field__wrap,:host([displayonly]) .udex-text-field__wrap{border:0;background-color:transparent;font-family:inherit}:host([displayonly]) .udex-text-field__wrap[open],:host([displayonly]) .udex-text-field__wrap{outline:0;border:0}:host([displayonly][value-state="Success"]) .udex-text-field__wrap:hover,:host([displayonly][value-state="Warning"]) .udex-text-field__wrap:hover,:host([displayonly][value-state="Error"]) .udex-text-field__wrap:hover{border:none}:host([value-state="Error"]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-error-default-border)}:host([value-state="Error"]) .udex-text-field__wrap:hover{border:1px solid var(--udex-input-color-error-hover-border)}:host([value-state="Error"]) .udex-text-field__wrap[open],:host([value-state="Error"][active]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-error-active-border);outline:0}:host([value-state="Warning"]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-warning-default-border)}:host([value-state="Warning"]) .udex-text-field__wrap:hover{border:1px solid var(--udex-input-color-warning-hover-border)}:host([value-state="Warning"]) .udex-text-field__wrap[open],:host([value-state="Warning"][active]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-warning-active-border);outline:0}:host([value-state="Success"]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-success-default-border)}:host([value-state="Success"]) .udex-text-field__wrap:hover{border:1px solid var(--udex-input-color-success-hover-border)}:host([value-state="Success"]) .udex-text-field__wrap[open],:host([value-state="Success"][active]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-success-active-border);outline:0}.udex-text-field__label{position:absolute;z-index:2;color:var(--udex-input-color-standard-default-label);transition:transform .15s ease-out,font-size .15s ease-out;line-height:24px;font-weight:var(--udexTypographyFontWeightRegular, 400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - var(--udexSpacer12) * 2)}.udex-text-field__container:dir(rtl) .udex-text-field_icon-container{left:1px;right:auto}.udex-text-field__container:dir(ltr) .udex-text-field__label,.udex-text-field__container:dir(rtl) .udex-text-field__label{top:9px}.udex-text-field__container:dir(ltr) .udex-text-field__label{left:12px}.udex-text-field__container:dir(rtl) .udex-text-field__label{right:12px}:host([displayonly]:dir(ltr)) .udex-text-field__label,:host([displayonly]:dir(rtl)) .udex-text-field__label{padding:0}.udex-text-field__label.udex-text-field__label_active,:host:has(.udex-text-field__input:-webkit-autofill) .udex-text-field__label{line-height:18px;transform:translateY(-110%);padding:6px 4px 0;font-size:12px;background:linear-gradient(transparent 55%,var(--udex-input-color-standard-default-background-light) 45%)}:host([readonly]) .udex-text-field__label.udex-text-field__label_active{background:linear-gradient(transparent 55%,var(--udex-input-color-read-only-default-background) 45%)}:host([displayonly][readonly]) .udex-text-field__label.udex-text-field__label_active,:host([displayonly]) .udex-text-field__label.udex-text-field__label_active{background-color:transparent;background:none}:host([disabled]) .udex-text-field__label{color:var(--udex-input-color-disabled-label)}.udex-text-field_icon-container{--sapContent_DisabledOpacity: 1;--sapButton_BorderWidth: 0 0 0 1px;--udex-control-button-large-height: 40px;--udex-control-button-large-width: 40px;position:relative;padding:var(--udexSpacer4, 4px)}:host(:dir(rtl):not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__wrap:hover .udex-text-field_icon-container{--udex-control-button-border-color: var(--udexColorGrey4, #A9B4BE);--sapButton_BorderWidth: 0 1px 0 0}:host(:dir(rtl):not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__wrap .udex-text-field_icon-container{--sapButton_BorderWidth: 0 1px 0 0}.udex-text-field__supporting-text{font-size:12px;line-height:18px;color:var(--udex-input-color-standard-default-supporting-text);padding:4px 12px;display:block;position:relative}:host([value-state="Error"]) .udex-text-field__supporting-text{color:var(--udex-input-color-error-default-supporting-text)}:host([value-state="Warning"]) .udex-text-field__supporting-text{color:var(--udex-input-color-warning-default-supporting-text)}:host([value-state="Success"]) .udex-text-field__supporting-text{color:var(--udex-input-color-success-default-supporting-text)}.udex-text-field__icon{color:inherit;vertical-align:top;margin-inline-end:var(--udexSpacer4, 4px)}.udex-text-field__supporting-text-icon{color:inherit;vertical-align:top;margin-inline-end:var(--udexSpacer4, 4px);width:var(--sapContent_IconHeight, 16px);height:var(--sapContent_IconHeight, 16px)}.udex-text-field__input[type=number]::-webkit-outer-spin-button,.udex-text-field__input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.udex-text-field__input[type=number]{-moz-appearance:textfield;appearance:textfield}.hidden-text{display:none}
|
|
100
|
+
`};var ic=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},$_;(function(i){i.Success="accept",i.Error="error",i.Warning="alert"})($_||($_={}));let Mr=class extends E{get iconFieldName(){return this.valueState!==Be.Standard?$_[this.valueState]:""}};ic([c({type:String})],Mr.prototype,"supportingText",void 0);ic([c({type:String,defaultValue:"left"})],Mr.prototype,"supportingTextAlignment",void 0);ic([c({type:String})],Mr.prototype,"disabled",void 0);ic([c({type:Be,defaultValue:"Standard"})],Mr.prototype,"valueState",void 0);Mr=ic([y({tag:"udex-status-message",renderer:k,styles:kP,template:yP,dependencies:[U]})],Mr);Mr.define();const Gn=Mr;function SP(i,e,t){return d`<div class="udex-text-field__container">${this.label?$P.call(this,i,e,t):void 0}<div class="udex-text-field__wrap"><input id="${r(this._id)}-input" class="udex-text-field__input" type="${r(this.type)}" .value="${r(this.value)}" @change="${this.handleChange}" @input="${this.handleInput}" @focus="${this.handleFocus}" @blur="${this.handleBlur}" @click="${this.handleClick}" @keydown="${this.handleKeydown}" maxlength="${r(this.maxlength)}" autocomplete="${r(this.autocomplete)}" ?disabled="${this.disabled}" ?readonly="${this.isInputReadonly}" ?required="${this.required}" aria-required="${r(this.required)}" aria-readonly="${r(this.isInputReadonly)}" ?aria-disabled="${this.readonlyNotDisabled}" aria-invalid="${r(this.accInfo.ariaInvalid)}" aria-describedby="${r(this.accInfo.ariaDescribedBy)}" aria-haspopup="${r(this.accInfo.ariaHasPopup)}" aria-label="${r(this.accInfo.ariaLabel)}" aria-labelledby="${r(this.accInfo.ariaLabelledBy)}" role="${r(this.inputRole)}" part="textfield-input" min="${r(this.min)}" max="${r(this.max)}" step="${r(this.step)}" />${this.icon?CP.call(this,i,e,t):void 0}</div>${this.supportingText?IP.call(this,i,e,t):void 0}${this.supportingText?BP.call(this,i,e,t):void 0}${this.hasValueState?EP.call(this,i,e,t):void 0}${this.readonly?AP.call(this,i,e,t):void 0}</div>`}function $P(i,e,t){return d`<label for="${r(this._id)}-input" class="${r(this.labelClasses)}" part="label">${r(this.label)}${this.required?TP.call(this,i,e,t):void 0}</label>`}function TP(i,e,t){return d` * `}function CP(i,e,t){return t?d`<${u("udex-control-button",e,t)} accessible-name="${r(this.buttonAccessibleName)}" accessible-description="${r(this.buttonAccessibleDescription)}" tooltip="${r(this.showButtonTooltip)}" ?active="${this.active}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?non-interactive="${this.readonly}" ?_is-combobox-role="${r(this._isComboboxRole)}" design="${r(this.valueState)}" icon="${r(this.icon)}" @click="${this.handleIconClick}" part="textfield-control-btn" size="Large" class="udex-text-field_icon-container"></${u("udex-control-button",e,t)}>`:d`<udex-control-button accessible-name="${r(this.buttonAccessibleName)}" accessible-description="${r(this.buttonAccessibleDescription)}" tooltip="${r(this.showButtonTooltip)}" ?active="${this.active}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?non-interactive="${this.readonly}" ?_is-combobox-role="${r(this._isComboboxRole)}" design="${r(this.valueState)}" icon="${r(this.icon)}" @click="${this.handleIconClick}" part="textfield-control-btn" size="Large" class="udex-text-field_icon-container"></udex-control-button>`}function IP(i,e,t){return t?d`<${u("udex-status-message",e,t)} ?disabled="${this.disabled}" supporting-text="${r(this.supportingText)}" value-state="${r(this.valueState)}"></${u("udex-status-message",e,t)}>`:d`<udex-status-message ?disabled="${this.disabled}" supporting-text="${r(this.supportingText)}" value-state="${r(this.valueState)}"></udex-status-message>`}function BP(i,e,t){return d`<span id="${r(this._id)}-supportingTextDesc" class="hidden-text">${r(this.supportingText)}</span>`}function EP(i,e,t){return d`<span id="${r(this._id)}-valueStateDesc" class="hidden-text">${r(this.valueStateText)}</span>`}function AP(i,e,t){return d`<span id="${r(this._id)}-stateReadOnlyDesc" class="hidden-text">${r(this.readOnlyStateText)}</span>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const v2={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-input-background-color: var(--sapField_Background, var(--udexColorNeutralWhite))}.udex-text-field__wrap{display:flex;position:relative;border-radius:var(--udexRadiusXS, 4px);border:1px solid var(--udex-input-color-standard-default-border);background-color:var(--udex-input-background-color)}.udex-text-field__wrap:hover{border-color:var(--udex-input-color-standard-hover-border)}.udex-text-field__container{position:relative;font-family:var(--sapFontFamily, sans-serif);max-width:var(--udex-input-max-width);width:100%}@media (width < 640px){.udex-text-field__container{min-width:var(--udex-input-min-width-xs-and-s)}}:host([disabled]) .udex-text-field__container{opacity:var(--sapContent_DisabledOpacity)}.udex-text-field__input{width:100%;height:40px;font-size:var(--sapProgress_FontSize, 16px);font-family:inherit;line-height:24px;color:var(--udex-input-color-standard-default-typed-text);padding:var(--udex-input-padding);border-radius:var(--udexRadiusXS, 4px);box-sizing:border-box;font-weight:var(--udexTypographyFontWeightRegular, 400);background:transparent;border:none}.udex-text-field__input:focus{outline:none}:host(:not([_is-touched]):not([aria-expanded="true"])[active]) .udex-text-field__wrap:before{content:"";position:absolute;z-index:-1;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udexRadiusS, 6px)}.udex-text-field__wrap[open],:host([active]) .udex-text-field__wrap{border-color:var(--udex-input-color-standard-active-border);outline:0}.udex-text-field__wrap[open]:hover{border-color:var(--udex-input-color-standard-active-border)}:host([disabled]) .udex-text-field__wrap{border-color:var(--udex-input-color-disabled-border);background-color:var(--udex-input-color-standard-default-background-light)}:host([readonly]) .udex-text-field__wrap{border-color:var(--udex-input-color-read-only-default-border);background-color:var(--udex-input-color-read-only-default-background)}:host([value-state="Success"][displayonly]) .udex-text-field__wrap,:host([value-state="Warning"][displayonly]) .udex-text-field__wrap,:host([value-state="Error"][displayonly]) .udex-text-field__wrap,:host([displayonly]) .udex-text-field__wrap{border:0;background-color:transparent;font-family:inherit}:host([displayonly]) .udex-text-field__wrap[open],:host([displayonly]) .udex-text-field__wrap{outline:0;border:0}:host([displayonly][value-state="Success"]) .udex-text-field__wrap:hover,:host([displayonly][value-state="Warning"]) .udex-text-field__wrap:hover,:host([displayonly][value-state="Error"]) .udex-text-field__wrap:hover{border:none}:host([value-state="Error"]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-error-default-border)}:host([value-state="Error"]) .udex-text-field__wrap:hover{border:1px solid var(--udex-input-color-error-hover-border)}:host([value-state="Error"]) .udex-text-field__wrap[open],:host([value-state="Error"][active]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-error-active-border);outline:0}:host([value-state="Warning"]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-warning-default-border)}:host([value-state="Warning"]) .udex-text-field__wrap:hover{border:1px solid var(--udex-input-color-warning-hover-border)}:host([value-state="Warning"]) .udex-text-field__wrap[open],:host([value-state="Warning"][active]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-warning-active-border);outline:0}:host([value-state="Success"]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-success-default-border)}:host([value-state="Success"]) .udex-text-field__wrap:hover{border:1px solid var(--udex-input-color-success-hover-border)}:host([value-state="Success"]) .udex-text-field__wrap[open],:host([value-state="Success"][active]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-success-active-border);outline:0}.udex-text-field__label{position:absolute;z-index:2;color:var(--udex-input-color-standard-default-label);transition:transform .15s ease-out,font-size .15s ease-out;line-height:24px;font-weight:var(--udexTypographyFontWeightRegular, 400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - var(--udexSpacer12) * 2)}.udex-text-field__container:dir(rtl) .udex-text-field_icon-container{left:1px;right:auto}.udex-text-field__container:dir(ltr) .udex-text-field__label,.udex-text-field__container:dir(rtl) .udex-text-field__label{top:9px}.udex-text-field__container:dir(ltr) .udex-text-field__label{left:var(--udexSpacer8)}.udex-text-field__container:dir(rtl) .udex-text-field__label{right:var(--udexSpacer8)}:host([displayonly]:dir(ltr)) .udex-text-field__label,:host([displayonly]:dir(rtl)) .udex-text-field__label{padding:0}.udex-text-field__label.udex-text-field__label_active,:host:has(.udex-text-field__input:-webkit-autofill) .udex-text-field__label{line-height:18px;transform:translateY(-110%);padding:6px var(--udexSpacer4) 0;font-size:12px;background:linear-gradient(transparent 55%,var(--udex-input-color-standard-default-background-light) 45%)}:host([readonly]) .udex-text-field__label.udex-text-field__label_active{background:linear-gradient(transparent 55%,var(--udex-input-color-read-only-default-background) 45%)}:host([displayonly][readonly]) .udex-text-field__label.udex-text-field__label_active,:host([displayonly]) .udex-text-field__label.udex-text-field__label_active{background-color:transparent;background:none}:host([disabled]) .udex-text-field__label{color:var(--udex-input-color-disabled-label)}.udex-text-field_icon-container{--sapContent_DisabledOpacity: 1;--sapButton_BorderWidth: 0 0 0 1px;--udex-control-button-large-height: 40px;--udex-control-button-large-width: 40px;position:relative;padding:var(--udexSpacer4, 4px)}:host(:dir(rtl):not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__wrap:hover .udex-text-field_icon-container{--udex-control-button-border-color: var(--udexColorGrey4, #A9B4BE);--sapButton_BorderWidth: 0 1px 0 0}:host(:dir(rtl):not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__wrap .udex-text-field_icon-container{--sapButton_BorderWidth: 0 1px 0 0}.udex-text-field__supporting-text{font-size:12px;line-height:18px;color:var(--udex-input-color-standard-default-supporting-text);padding:4px 12px;display:block;position:relative}:host([value-state="Error"]) .udex-text-field__supporting-text{color:var(--udex-input-color-error-default-supporting-text)}:host([value-state="Warning"]) .udex-text-field__supporting-text{color:var(--udex-input-color-warning-default-supporting-text)}:host([value-state="Success"]) .udex-text-field__supporting-text{color:var(--udex-input-color-success-default-supporting-text)}.udex-text-field__icon{color:inherit;vertical-align:top;margin-inline-end:var(--udexSpacer4, 4px)}.udex-text-field__supporting-text-icon{color:inherit;vertical-align:top;margin-inline-end:var(--udexSpacer4, 4px);width:var(--sapContent_IconHeight, 16px);height:var(--sapContent_IconHeight, 16px)}.udex-text-field__input[type=number]::-webkit-outer-spin-button,.udex-text-field__input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.udex-text-field__input[type=number]{-moz-appearance:textfield;appearance:textfield}.hidden-text{display:none}
|
|
101
101
|
`};var Se=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},vr;let me=vr=class extends E{constructor(){super(...arguments),this._labelActiveClassName="udex-text-field__label_active",this.handleChange=()=>{this.fireEvent("change")},this.handleInput=e=>{var t;this.value=(t=e.target)==null?void 0:t.value},this.handleClick=()=>{ge()||(this._isTouched=!0)},this.handleFocus=()=>{!this.disabled&&!this.readonly&&!this.displayonly&&(this.labelActiveClass=this._labelActiveClassName,this.active=!0)},this.handleBlur=()=>{this.active=!1,this.value?this.labelActiveClass=this._labelActiveClassName:this.labelActiveClass="",this._isTouched=!1}}static async onDefine(){vr.i18nBundle=await M("@sapudex/web-components")}onBeforeRendering(){(this.value||this.active)&&this.labelActiveClass===""?this.labelActiveClass=this._labelActiveClassName:!this.active&&!this.value&&this.labelActiveClass.length&&(this.labelActiveClass=""),this.isInputReadonly=this.readonly||this.displayonly,this.labelClasses=`udex-text-field__label ${this.labelActiveClass}`}onAfterRendering(){const e=window.getComputedStyle(this).getPropertyValue("direction");e?this.direction=e:this.direction="ltr"}handleKeydown(e){e.stopPropagation(),this.fireEvent("keydown",e)}handleIconClick(){this.fireEvent("click-icon")}get _inputHolder(){return this.shadowRoot.querySelector(".udex-text-field__wrap")}get valueStateTypeMappings(){return{Success:vr.i18nBundle.getText(Wv),Standard:vr.i18nBundle.getText(i5),Error:vr.i18nBundle.getText(Uv),Warning:vr.i18nBundle.getText(t5)}}get hasValueState(){return this.valueState!==Be.Standard}get valueStateText(){return this.valueState!==Be.Standard?this.valueStateTypeMappings[this.valueState]:""}get readOnlyStateText(){return vr.i18nBundle.getText(Gv)}get ariaDescribedById(){return`${this.supportingTextId} ${this.valueStateTextId} ${this.readOnlyStateTextId}`.trim()}get supportingTextId(){return this.supportingText?`${this._id}-supportingTextDesc`:""}get valueStateTextId(){return this.hasValueState?`${this._id}-valueStateDesc`:""}get readOnlyStateTextId(){return this.readonly?`${this._id}-stateReadOnlyDesc`:""}get accInfo(){return{ariaInvalid:this.valueState===Be.Error?"true":void 0,ariaDescribedBy:this.ariaDescribedBy?this.ariaDescribedBy:this.ariaDescribedById||void 0,ariaLabelledBy:this.accessibleNameRef||void 0,ariaLabel:this.accessibleName||void 0,ariaHasPopup:this._ariaHasPopup||void 0}}get inputRole(){return this.isAutoCompleteDisabled?"presentation":void 0}get isAutoCompleteDisabled(){return this.autocomplete==="off"||this.autocomplete==="new-password"}get readonlyNotDisabled(){return this.isInputReadonly&&!this.disabled}get buttonAccessibleName(){return this._isComboboxRole?this.label:this.accessibleIconName||this.icon}get buttonAccessibleDescription(){return`${this._isComboboxRole?this.value:""} ${this.supportingText||""} ${this.valueStateText}`}};Se([c({type:Boolean})],me.prototype,"disabled",void 0);Se([c({type:String})],me.prototype,"value",void 0);Se([c({validator:q})],me.prototype,"maxlength",void 0);Se([c({type:String})],me.prototype,"label",void 0);Se([c()],me.prototype,"accessibleName",void 0);Se([c({defaultValue:""})],me.prototype,"accessibleNameRef",void 0);Se([c()],me.prototype,"accessibleIconName",void 0);Se([c({type:Boolean})],me.prototype,"readonly",void 0);Se([c({type:Boolean})],me.prototype,"displayonly",void 0);Se([c({type:Boolean})],me.prototype,"required",void 0);Se([c({type:Be,defaultValue:Be.Standard})],me.prototype,"valueState",void 0);Se([c({type:String})],me.prototype,"supportingText",void 0);Se([c({type:String})],me.prototype,"icon",void 0);Se([c({type:Boolean})],me.prototype,"active",void 0);Se([c({type:String,defaultValue:""})],me.prototype,"showButtonTooltip",void 0);Se([c({type:String,noAttribute:!0,defaultValue:""})],me.prototype,"labelActiveClass",void 0);Se([c({type:String,defaultValue:"off"})],me.prototype,"autocomplete",void 0);Se([c({type:Boolean,noAttribute:!0})],me.prototype,"isInputReadonly",void 0);Se([c({type:String,noAttribute:!0,defaultValue:""})],me.prototype,"labelClasses",void 0);Se([c({type:String,defaultValue:"text"})],me.prototype,"type",void 0);Se([c({type:String,noAttribute:!0})],me.prototype,"direction",void 0);Se([c({validator:it})],me.prototype,"max",void 0);Se([c({validator:it})],me.prototype,"min",void 0);Se([c({validator:it})],me.prototype,"step",void 0);Se([c()],me.prototype,"ariaDescribedBy",void 0);Se([c({type:String})],me.prototype,"_ariaHasPopup",void 0);Se([c({type:Boolean})],me.prototype,"_isTouched",void 0);Se([c({type:Boolean})],me.prototype,"_isComboboxRole",void 0);me=vr=Se([y({tag:"udex-text-field",renderer:k,styles:v2,template:SP,dependencies:[gh,U,Gn]}),f("input"),f("change"),f("click-icon")],me);me.define();const mh=me;function DP(i,e,t){return t?d`<div class="${r(this.countrySelectorClasses)}"><${u("udex-dropdown",e,t)} id="dropdown" horizontal-align="Left" height="${r(this.height)}" @ui5-item-press="${r(this.handleItemPress)}" @ui5-before-open="${r(this._dropdownBeforeOpen)}" @ui5-after-open="${r(this._dropdownAfterOpen)}" @ui5-before-close="${r(this._dropdownBeforeClose)}" @ui5-after-close="${r(this._dropdownAfterClose)}" @ui5-submit-search-value="${r(this.handleSubmitSearch)}" @ui5-handle-value-search="${r(this.handleValueSearch)}" @ui5-handle-value-reset="${r(this.handleResetSearch)}" @ui5-search-keydown="${r(this.handleKeyDownSearch)}" @keydown="${this.handleKeyDownDropdown}" @ui5-handle-close-search="${r(this.handleCloseSearch)}"><div class="${r(this.countrySelectorTriggerClasses)}" ?disabled="${this.isOpenerDisabled}" slot="trigger">${this.showFlagImages?Vm.call(this,i,e,t):void 0}<${u("udex-text-field",e,t)} label="${r(this.effectiveAriaLabel)}" id="udexTextField" class="udex-country-selector__text" value="${r(this.selectedCountryName)}" value-state="${r(this.valueState)}" supporting-text="${r(this.supportingText)}" direction="left" aria-label="${r(this.effectiveAriaLabel)}" accessible-name="${r(this.supportingText)}" accessible-name-ref="${r(this.accessibleNameRef)}" aria-controls="${r(this.ariaControls)}" aria-haspopup="true" aria-expanded="${r(this._open)}" ?required="${this.required}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?displayonly="${this.displayonly}" @click="${this.handleTriggerClick}" @mousedown="${this.handleInputMouseDown}" icon="${r(this.triggerIcon)}" accessible-icon-name="${r(this.effectiveAriaLabel)}" maxlength="0" _is-combobox-role></${u("udex-text-field",e,t)}></div>${r(this.searchableList)}</${u("udex-dropdown",e,t)}></div> `:d`<div class="${r(this.countrySelectorClasses)}"><udex-dropdown id="dropdown" horizontal-align="Left" height="${r(this.height)}" @ui5-item-press="${r(this.handleItemPress)}" @ui5-before-open="${r(this._dropdownBeforeOpen)}" @ui5-after-open="${r(this._dropdownAfterOpen)}" @ui5-before-close="${r(this._dropdownBeforeClose)}" @ui5-after-close="${r(this._dropdownAfterClose)}" @ui5-submit-search-value="${r(this.handleSubmitSearch)}" @ui5-handle-value-search="${r(this.handleValueSearch)}" @ui5-handle-value-reset="${r(this.handleResetSearch)}" @ui5-search-keydown="${r(this.handleKeyDownSearch)}" @keydown="${this.handleKeyDownDropdown}" @ui5-handle-close-search="${r(this.handleCloseSearch)}"><div class="${r(this.countrySelectorTriggerClasses)}" ?disabled="${this.isOpenerDisabled}" slot="trigger">${this.showFlagImages?Vm.call(this,i,e,t):void 0}<udex-text-field label="${r(this.effectiveAriaLabel)}" id="udexTextField" class="udex-country-selector__text" value="${r(this.selectedCountryName)}" value-state="${r(this.valueState)}" supporting-text="${r(this.supportingText)}" direction="left" aria-label="${r(this.effectiveAriaLabel)}" accessible-name="${r(this.supportingText)}" accessible-name-ref="${r(this.accessibleNameRef)}" aria-controls="${r(this.ariaControls)}" aria-haspopup="true" aria-expanded="${r(this._open)}" ?required="${this.required}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?displayonly="${this.displayonly}" @click="${this.handleTriggerClick}" @mousedown="${this.handleInputMouseDown}" icon="${r(this.triggerIcon)}" accessible-icon-name="${r(this.effectiveAriaLabel)}" maxlength="0" _is-combobox-role></udex-text-field></div>${r(this.searchableList)}</udex-dropdown></div> `}function Vm(i,e,t){return d`<img class="udex-country-selector__image" aria-label="${r(this.flagAriaLabel)}" style="background-position-x: ${r(this.selectedCountryFlagX)}; background-position-y: ${r(this.selectedCountryFlagY)}">`}function og(i,e,t){return d`${this.showSearch?PP.call(this,i,e,t):void 0}${this.isListEmpty?NP.call(this,i,e,t):RP.call(this,i,e,t)} `}function PP(i,e,t){return t?d`<${u("udex-search",e,t)} slot="header" mode="Standard" class="udex-filter-menu__search" label="${r(this.searchPlaceholder)}" label-animation-disabled non-interactive-submit-button show-submit-button></${u("udex-search",e,t)}><span aria-live="polite" aria-atomic="true" class="hidden">${r(this._accSearchResultInfo)}</span>`:d`<udex-search slot="header" mode="Standard" class="udex-filter-menu__search" label="${r(this.searchPlaceholder)}" label-animation-disabled non-interactive-submit-button show-submit-button></udex-search><span aria-live="polite" aria-atomic="true" class="hidden">${r(this._accSearchResultInfo)}</span>`}function NP(i,e,t){return d`<div class="udex-no-result"><span>${r(this.getNoResultText)}</span></div>`}function RP(i,e,t){return d`${this.busy?LP.call(this,i,e,t):jP.call(this,i,e,t)}`}function LP(i,e,t){return t?d`<${u("ui5-busy-indicator",e,t)} class="udex-busy-indicator" size="Medium" delay="${r(this.busyDelay)}" active></${u("ui5-busy-indicator",e,t)}>`:d`<ui5-busy-indicator class="udex-busy-indicator" size="Medium" delay="${r(this.busyDelay)}" active></ui5-busy-indicator>`}function jP(i,e,t){return t?d`<${u("udex-list",e,t)} id="udex-list" role="${r(this.roleForGroupList)}" accessible-role="${r(this.accessibleRoleForList)}" class="udex-filter-menu__list" ?controlled="${this.isControlled}" mode="${r(this.mode)}">${T(this._filteredItems,(o,a)=>o._id||a,(o,a)=>Um.call(this,i,e,t,o,a))}</${u("udex-list",e,t)}>`:d`<udex-list id="udex-list" role="${r(this.roleForGroupList)}" accessible-role="${r(this.accessibleRoleForList)}" class="udex-filter-menu__list" ?controlled="${this.isControlled}" mode="${r(this.mode)}">${T(this._filteredItems,(o,a)=>o._id||a,(o,a)=>Um.call(this,i,e,t,o,a))}</udex-list>`}function Um(i,e,t,o,a){return d`${o.isGroup?MP.call(this,i,e,t,o,a):FP.call(this,i,e,t,o,a)}`}function MP(i,e,t,o,a){return d`${o.item.isSelectAllHeader?OP.call(this,i,e,t,o,a):zP.call(this,i,e,t,o,a)}`}function OP(i,e,t,o,a){return t?d`<${u("udex-list-select-all",e,t)} _additional-class-name="${r(this.additionalClassName)}" data-token-id="${r(o.item._id)}" label="${r(o.item.label)}" ?controlled="${o.item.controlled}" supporting-text="${r(o.item.supportingText)}" ?disabled="${o.item.disabled}" ?selected="${o.item.selected}" ?indeterminate="${o.item.indeterminate}">${T(o.groupItems,(n,s)=>n._id||s,(n,s)=>Wm.call(this,i,e,t,n,s))}</${u("udex-list-select-all",e,t)}>`:d`<udex-list-select-all _additional-class-name="${r(this.additionalClassName)}" data-token-id="${r(o.item._id)}" label="${r(o.item.label)}" ?controlled="${o.item.controlled}" supporting-text="${r(o.item.supportingText)}" ?disabled="${o.item.disabled}" ?selected="${o.item.selected}" ?indeterminate="${o.item.indeterminate}">${T(o.groupItems,(n,s)=>n._id||s,(n,s)=>Wm.call(this,i,e,t,n,s))}</udex-list-select-all>`}function Wm(i,e,t,o,a){return t?d`<${u("udex-list-item",e,t)} data-token-id="${r(o._id)}" ?controlled="${o.controlled}" mode="${r(o.mode)}" supporting-text="${r(o.supportingText)}" ?divider="${o.divider}" ?disabled="${o.disabled}" ?selected="${o.selected}" label="${r(o.label)}">${je(o.innerHTML)}</${u("udex-list-item",e,t)}>`:d`<udex-list-item data-token-id="${r(o._id)}" ?controlled="${o.controlled}" mode="${r(o.mode)}" supporting-text="${r(o.supportingText)}" ?divider="${o.divider}" ?disabled="${o.disabled}" ?selected="${o.selected}" label="${r(o.label)}">${je(o.innerHTML)}</udex-list-item>`}function zP(i,e,t,o,a){return t?d`<${u("udex-list-group-header",e,t)} role="group" _additional-class-name="udex-searchable-list__header" class="${r(this.groupClassName)}" ?non-interactive="${o.item.nonInteractive}" data-token-id="${r(o.item._id)}" label="${r(o.item.label)}" supporting-text="${r(o.item.supportingText)}" ?controlled="${o.item.controlled}" ?disabled="${o.item.disabled}" ?selected="${o.item.selected}" ?indeterminate="${o.item.indeterminate}">${T(o.groupItems,(n,s)=>n._id||s,(n,s)=>Gm.call(this,i,e,t,n,s))}</${u("udex-list-group-header",e,t)}>`:d`<udex-list-group-header role="group" _additional-class-name="udex-searchable-list__header" class="${r(this.groupClassName)}" ?non-interactive="${o.item.nonInteractive}" data-token-id="${r(o.item._id)}" label="${r(o.item.label)}" supporting-text="${r(o.item.supportingText)}" ?controlled="${o.item.controlled}" ?disabled="${o.item.disabled}" ?selected="${o.item.selected}" ?indeterminate="${o.item.indeterminate}">${T(o.groupItems,(n,s)=>n._id||s,(n,s)=>Gm.call(this,i,e,t,n,s))}</udex-list-group-header>`}function Gm(i,e,t,o,a){return t?d`<${u("udex-list-item",e,t)} role="none" data-token-id="${r(o._id)}" ?controlled="${o.controlled}" mode="${r(o.mode)}" supporting-text="${r(o.supportingText)}" ?divider="${o.divider}" ?disabled="${o.disabled}" ?selected="${o.selected}" label="${r(o.label)}">${je(o.innerHTML)}</${u("udex-list-item",e,t)}>`:d`<udex-list-item role="none" data-token-id="${r(o._id)}" ?controlled="${o.controlled}" mode="${r(o.mode)}" supporting-text="${r(o.supportingText)}" ?divider="${o.divider}" ?disabled="${o.disabled}" ?selected="${o.selected}" label="${r(o.label)}">${je(o.innerHTML)}</udex-list-item>`}function FP(i,e,t,o,a){return t?d`<${u("udex-list-item",e,t)} data-token-id="${r(o.item._id)}" supporting-text="${r(o.item.supportingText)}" ?disabled="${o.item.disabled}" ?controlled="${o.controlled}" ?divider="${o.divider}" ?selected="${o.item.selected}" label="${r(o.item.label)}">${je(o.item.innerHTML)}</${u("udex-list-item",e,t)}>`:d`<udex-list-item data-token-id="${r(o.item._id)}" supporting-text="${r(o.item.supportingText)}" ?disabled="${o.item.disabled}" ?controlled="${o.controlled}" ?divider="${o.divider}" ?selected="${o.item.selected}" label="${r(o.item.label)}">${je(o.item.innerHTML)}</udex-list-item>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const XP={packageName:"@sapudex/web-components",fileName:"themes/CountrySelector.css.ts",content:`:host{--udex-country-selector-flag-width: 30px;--udex-country-selector-flag-height: 20px;--udex-country-selector-popover-min-width: 0px;--udex-country-selector-input-disabled-opacity: var(--sapContent_DisabledOpacity, .4);--udex-country-selector-max-width: 100%;--udex-country-selector-text-offset-left: 50px;--udex-country-selector-text-offset-right: 36px}:host(:not([disabled]):not([displayonly]):not([readonly])) .udex-country-selector__trigger{cursor:pointer}:host([displayonly])::part(textfield-input),:host([readonly])::part(textfield-input),:host([disabled])::part(textfield-input){cursor:default}:host(:not([hide-flag-images])) [udex-text-field][aria-expanded=false]:not([active])[value=""]::part(label){transform:translate(var(--udex-country-selector-text-offset-right))}:host(:not([hide-flag-images])) [udex-text-field][aria-expanded=false]:not([active])[value=""]::part(label):dir(rtl){transform:translate(calc(var(--udex-country-selector-text-offset-right)* -1))}:host([displayonly])::part(textfield-control-btn),.hidden-text{display:none}.udex-country-selector__text{width:100%}:host([hide-flag-images])::part(textfield-input),.udex-country-selector__dropdown--hide-flag [udex-list-item]::part(item){padding-left:var(--udexSpacer12);padding-right:var(--udexSpacer12)}:host([hide-flag-images]) [udex-text-field]::part(textfield-input){padding-inline-start:var(--udexSpacer12)}.udex-country-selector__dropdown--hide-flag .udex-country-selector__trigger:after{left:var(--udexSpacer12);right:var(--udexSpacer32)}.udex-country-selector__trigger{display:flex;align-items:center;position:relative;max-width:var(--udex-country-selector-max-width);width:100%}.udex-country-selector__trigger--disabled{opacity:var(--udex-country-selector-input-disabled-opacity)}.udex-list::part(content){padding:0}.udex-country-selector__trigger:after{content:attr(value);position:absolute;left:calc(24px + var(--udex-country-selector-flag-width));right:40px;font-family:var(--sapFontFamily, sans-serif);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 24px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;pointer-events:none}:dir(rtl) .udex-country-selector__trigger:after{right:calc(24px + var(--udex-country-selector-flag-width));left:40px}.udex-text-field__input{inset-inline-start:var(--udexSpacer12)}[udex-text-field][aria-expanded=true]::part(label){line-height:18px;transform:translateY(-110%);padding:0 4px;font-size:12px;background:linear-gradient(transparent 55%,var(--sapField_Background) 45%)}[udex-text-field]::part(label){background:linear-gradient(transparent 55%,var(--sapField_Background) 45%);padding:0 var(--udexSpacer4, 4px);max-width:calc(100% - var(--udex-country-selector-text-offset-left) - var(--udex-country-selector-text-offset-right) - 15px)}[udex-text-field][active]::part(label){padding:6px var(--udexSpacer4, 4px) 0}.udex-country-selector-item__image,.udex-country-selector__image{background-color:var(--udexColorGrey4, #A9B4BE);background-image:url(https://cdn.udex.services.sap.com/dds/design-tokens/assets/country_flag_iso3166.webp);background-repeat:no-repeat;background-position:1000px 0;position:absolute;top:0;transform:translateY(50%);z-index:1;width:var(--udex-country-selector-flag-width);height:var(--udex-country-selector-flag-height);inset-inline-start:var(--udexSpacer12);inset-inline-end:30px;pointer-events:none}[udex-list-item]::part(item){position:relative;padding-inline-start:calc(24px + var(--udex-country-selector-flag-width));padding-inline-end:var(--udexSpacer12, 12px)}[udex-text-field][readonly]::part(label){background:var(--sapField_ReadOnly_Background)}[udex-dropdown]{--udex-dropdown-pane-max-width: 100%}[udex-text-field]{--udex-input-padding: 0 var(--udex-country-selector-text-offset-right) 0 var(--udex-country-selector-text-offset-left)}[udex-text-field]:dir(rtl){--udex-input-padding: 0 var(--udex-country-selector-text-offset-left) 0 var(--udex-country-selector-text-offset-right)}[udex-text-field]::part(textfield-input){text-overflow:ellipsis;white-space:nowrap;cursor:pointer}[udex-dropdown]{--udex-dropdown-pane-min-width: var(--udex-country-selector-popover-min-width)}.hidden{position:absolute;width:0px;height:0px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0;padding:0}@media (width < 640px){[udex-dropdown]{--udex-dropdown-pane-min-width-xs: var(--udex-country-selector-popover-min-width)}}
|
|
102
102
|
`};var fe;(function(i){i.SingleSelect="SingleSelect",i.MultiSelect="MultiSelect",i.SingleContent="SingleContent",i.RadioGroup="RadioGroup"})(fe||(fe={}));var Wa;(function(i){i.None="None",i.Circle="Circle",i.Number="Number",i.Icon="Icon"})(Wa||(Wa={}));var js;(function(i){i.Standard="Standard",i.Large="Large"})(js||(js={}));var $u;(function(i){i.None="None",i.Success="Success",i.Warning="Warning",i.Error="Error",i.Information="Information"})($u||($u={}));function HP(i,e,t){return d`${this.modeSelected?qP.call(this,i,e,t):void 0}${this.modeSingleContent?UP.call(this,i,e,t):void 0} `}function qP(i,e,t){return d`<div class="udex-list-root" @ui5-item-press="${r(this.handleItemPress)}" @ui5-header-press="${r(this.handleItemPress)}" @keydown="${this.handleKeyDown}" style="height: ${r(this.holderHeight)}"><div class="udex-list__scroll-container">${this.headerText?VP.call(this,i,e,t):void 0}<span id="${r(this._id)}-mode-label" class="udex-list__hidden-text">${r(this.ariaLabelModeText)}</span><ul id="udex-list" class="udex-list" role="${r(this.accessibleRole)}" aria-labelledby="${r(this.ariaLabelledBy)}" aria-label="${r(this.accessibleName)}" aria-busy="${r(this.ariaBusy)}"><slot></slot></ul></div></div>`}function VP(i,e,t){return d`<header class="udex-list__header-text" part="header" id="${r(this._id)}-mode-label">${r(this.headerText)}</header>`}function UP(i,e,t){return d`${this.headerText?WP.call(this,i,e,t):void 0}<ul id="udex-list" class="udex-list" role="${r(this.accessibleRole)}" aria-labelledby="${r(this.ariaLabelledBy)}" aria-label="${r(this.accessibleName)}" aria-busy="${r(this.ariaBusy)}"><slot></slot></ul>`}function WP(i,e,t){return d`<header class="udex-list__header-text" part="header" id="${r(this._id)}-mode-label">${r(this.headerText)}</header>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const GP={packageName:"@sapudex/web-components",fileName:"themes/List.css.ts",content:`.udex-list{font-family:var(--sapFontFamily, sans-serif);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 24px);list-style-type:none;padding:0;margin:0}.udex-list__hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}.udex-list__scroll-container{overflow:auto;height:100%}.udex-list__header-text{font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 24px);font-weight:var(--udexTypographyFontWeightMedium, 500);padding:var(--udexSpacer8, 8px) var(--udexSpacer12, 12px);border-bottom:1px solid var(--sapList_BorderColor, #A9B4BE)}::slotted(udex-list-group-header:not(:last-child)){margin-bottom:var(--udexSpacer16, 16px);display:block}:host([mode="SingleContent"])::part(header){padding:var(--udexSpacer8, 8px) 0}:host([mode="RadioGroup"])::part(header),:host([mode="MultiSelect"])::part(header){padding:var(--udexSpacer8, 8px) var(--udexSpacer20, 20px)}
|
|
103
103
|
`},g2=i=>/^[a-zA-Z]$/.test(i),m2=i=>i.replace(/<\/?b[^>]*>/g,""),f2=(i,e)=>m2(i).toLowerCase().startsWith(e),YP=(i,e)=>{var t;return f2(((t=i._state)==null?void 0:t.label)||"",e)},KP=(i,e)=>f2((i==null?void 0:i.innerText)||"",e),b2=(i,e)=>YP(i,e)||KP(i,e),x2=(i,e)=>!((i==null?void 0:i.disabled)||!1)&&b2(i,e),ZP=(i,e)=>{const t=e.findIndex(o=>x2(o,i));return t>-1?t:0},QP=(i,e,t)=>e.slice(t,e.length).findIndex(o=>x2(o,i)),JP=(i,e)=>e.map(o=>b2(o,i)?o:null).filter(o=>o).length;class y2{resetMatchingItems(){this._pressedKey="",this._pressedCount=0,this._lastFoundPosition=0}setPressedKey(e){e===this._pressedKey?this._pressedCount++:(this._pressedKey=e,this._pressedCount=1,this._lastFoundPosition=0)}getFocusItemIndex(e,t,o){let a;if(this._pressedCount<=o){const n=this._pressedCount===1?0:this._lastFoundPosition+1;a=Ym(e,t,n)+this._lastFoundPosition,this._pressedCount!==1&&a++}else a=Ym(e,t),this._pressedCount=1;return a}focusMatchingListItem(e){const t=JP(e,this._focusableListItems);if(t>0){this.setPressedKey(e);const o=this.getFocusItemIndex(e,this._focusableListItems,t);this._lastFoundPosition=o,this._focusableListItems[o].focus()}}}const Ym=(i,e,t=0)=>t===0?ZP(i,e):QP(i,e,t);var Ea=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},Pl;let Zi=Pl=class extends E{constructor(){super(...arguments),this._focusHandler=new y2}static async onDefine(){Pl.i18nBundle=await M("@sapudex/web-components")}onBeforeRendering(){this.prepareListItemsMode(),this._focusHandler.resetMatchingItems(),this._focusHandler._focusableListItems=this.getItemsWithoutHeader()}handleItemPress(e){const t=e.detail.item;this.onItemPress(t)}handleKeyDown(e){Ee(e)&&this.handleUpArrow(e),Te(e)&&this.handleDownArrow(e),rt(e)&&this.handleHomeKey(e),jt(e)&&this.handleEndKey(e),(K(e)||F(e))&&this.handleEnterOrSpace(e),g2(e.key)&&this.handleLetterKey(e)}handleEnterOrSpace(e){e.preventDefault();const t=e.target;this.onItemPress(t)}handleUpArrow(e){e.preventDefault();const t=this.getKeyboardNavigationItems(),o=this.getCurrentIndex(t,e.target),a=t.length-1,n=o-1<0?a:o-1,s=t[n].isGroup,l=t[n].nonInteractive;if(l&&n===0){this.unsetTabIndexByIndex(t,o),this.setTabIndexByIndex(t,a),t[a].focus();return}if(l){this.unsetTabIndexByIndex(t,o),this.setTabIndexByIndex(t,n-1),t[n-1].focus();return}if(s){this.unsetTabIndexByIndex(t,o),this.setTabIndexByIndex(t,n),this.focusHeader(t[n]);return}this.modeRadioGroup&&(t[o].selected=!1,t[n].selected=!0),this.unsetTabIndexByIndex(t,o),this.setTabIndexByIndex(t,n),t[n].focus()}handleDownArrow(e){e.preventDefault();const t=this.getKeyboardNavigationItems(),o=this.getCurrentIndex(t,e.target),a=o+1>t.length-1?0:o+1,n=t[a].isGroup;if(t[a].nonInteractive){this.unsetTabIndexByIndex(t,o),this.setTabIndexByIndex(t,a+1),t[a+1].focus();return}if(n){this.unsetTabIndexByIndex(t,o),this.setTabIndexByIndex(t,a),this.focusHeader(t[a]);return}this.modeRadioGroup&&(t[o].selected=!1,t[a].selected=!0),this.unsetTabIndexByIndex(t,o),this.setTabIndexByIndex(t,a),t[a].focus()}handleHomeKey(e){e.preventDefault();const t=this.getKeyboardNavigationItems(),o=this.getCurrentIndex(t,e.target),a=t[0],n=a.isGroup;if(a.nonInteractive){this.unsetTabIndexByIndex(t,o),this.setTabIndexByIndex(t,1),t[1].focus();return}if(n){this.unsetTabIndexByIndex(t,o),this.setTabIndexByIndex(t,0),this.focusHeader(t[0]);return}this.modeRadioGroup&&(t[o].selected=!1,t[0].selected=!0),this.unsetTabIndexByIndex(t,o),this.setTabIndexByIndex(t,0),t[0].focus()}handleEndKey(e){e.preventDefault();const t=this.getKeyboardNavigationItems(),o=this.getCurrentIndex(t,e.target);this.modeRadioGroup&&(t[o].selected=!1,t[t.length-1].selected=!0),this.unsetTabIndexByIndex(t,o),this.setTabIndexByIndex(t,t.length-1),t[t.length-1].focus()}handleLetterKey(e){const t=e.key;e.stopPropagation(),e.preventDefault(),this._focusHandler.focusMatchingListItem(t)}onItemPress(e){if(this.modeSingleSelect&&!this.controlled&&(this.revertSelectedItems(this.getSelectedItems()),e.selected=!0),this.modeRadioGroup&&!this.controlled){const o=e.parentElement.getItems();this.revertSelectedItems(o),e.selected=!0}this.resetTabIndexes(),e._tabIndex="0",this.fireEvent("selection-change",{listItems:this.getItemsFromList(),selectedItems:this.getSelectedItems(),item:e})}revertSelectedItems(e){e.forEach(t=>{t.disabled||(t.selected=!1)})}focusSelectedItem(){const e=this.items.findIndex(t=>t.selected);this.resetTabIndexes(),e!==-1&&this.modeSingleSelect&&this.setTabIndexByIndex(this.items,e)}focusHeader(e){var o;((o=e.shadowRoot)==null?void 0:o.querySelector(".udex-list__group-header")).focus()}unsetTabIndexByIndex(e,t){e[t]._tabIndex="-1"}setTabIndexByIndex(e,t){e[t]._tabIndex="0"}getItems(){return this.getSlottedNodes("items")}getSelectedItems(){return this.getItemsFromList().filter(e=>e.selected)}getCurrentIndex(e,t){return e.indexOf(t)}getItemsWithoutHeader(){return this.getItemsFromList().filter(e=>!e.isGroup)}getKeyboardNavigationItems(){return(this.modeMultiSelect?this.getItemsFromList():this.getItemsWithoutHeader()).filter(t=>!t.disabled)}getItemsFromList(){const e=[];return this.getItems().forEach(o=>{const a=o.isGroup?o.children:[];e.push(o,...a)}),e}prepareListItemsMode(){this.getItemsFromList().forEach((e,t)=>{e.mode=this.mode,e.controlled=this.controlled,e.type=this.type,e._icon=this.itemIcon,e._tabIndex=this.getTabIndex(t,e)})}getTabIndex(e,t){const o=this.modeSelected&&e===0,a=this.isGroupList&&e===1,n=t.closest("[udex-list-group-header]"),s=this.modeSingleSelect||this.modeRadioGroup,h=t.isGroup&&o&&this.modeMultiSelect&&!t.nonInteractive,p=a&&s,_=a&&this.modeMultiSelect&&(n==null?void 0:n.nonInteractive);return h||p||_||o?"0":"-1"}resetTabIndexes(){this.getItemsFromList().forEach(e=>{e._tabIndex="-1"})}get isGroupList(){return this.getItemsFromList().some(e=>e.isGroup)}get ariaLabelModeText(){return this.modeSingleSelect||this.modeRadioGroup?Pl.i18nBundle.getText(PC):Pl.i18nBundle.getText(DC)}get ariaLabelledBy(){return`${this._id}-mode-label`}get modeRadioGroup(){return this.mode===fe.RadioGroup}get modeMultiSelect(){return this.mode===fe.MultiSelect}get modeSingleSelect(){return this.mode===fe.SingleSelect}get modeSingleContent(){return this.mode===fe.SingleContent}get modeSelected(){return[fe.SingleSelect,fe.MultiSelect,fe.RadioGroup].includes(this.mode)}get holderHeight(){return this.height?this.height:"auto"}};Ea([c({defaultValue:"listbox"})],Zi.prototype,"accessibleRole",void 0);Ea([c()],Zi.prototype,"accessibleName",void 0);Ea([c({type:fe,defaultValue:fe.SingleSelect})],Zi.prototype,"mode",void 0);Ea([c({type:Wa,defaultValue:Wa.None})],Zi.prototype,"type",void 0);Ea([c({type:String})],Zi.prototype,"height",void 0);Ea([c({type:Boolean})],Zi.prototype,"controlled",void 0);Ea([c({type:String})],Zi.prototype,"headerText",void 0);Ea([c({type:String,defaultValue:""})],Zi.prototype,"itemIcon",void 0);Ea([$({type:HTMLElement,default:!0})],Zi.prototype,"items",void 0);Zi=Pl=Ea([y({tag:"udex-list",renderer:k,styles:[GP,Ba()],template:HP,dependencies:[]}),f("selection-change",{detail:{listItems:{type:Array},selectedItems:{type:Array},item:{type:HTMLElement}}})],Zi);Zi.define();const al=Zi;var so=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n};let hi=class extends E{get _effectiveTabIndex(){return this.disabled?"-1":this._tabIndex}get numberOfItem(){return[...this.parentNode.children].indexOf(this)+1}get isGroup(){return!1}get modeRadioGroup(){return this.mode===fe.RadioGroup}get modeMultiSelect(){return this.mode===fe.MultiSelect}get modeSingleSelect(){return this.mode===fe.SingleSelect}get modeMultiSelectOrRadioGroup(){return this.modeMultiSelect||this.modeRadioGroup}get typeNumber(){return this.type===Wa.Number}get typeCircle(){return this.type===Wa.Circle}get typeIcon(){return this.type===Wa.Icon}};so([c()],hi.prototype,"label",void 0);so([c({type:Boolean})],hi.prototype,"divider",void 0);so([c({type:Boolean})],hi.prototype,"disabled",void 0);so([c()],hi.prototype,"supportingText",void 0);so([c({type:Boolean})],hi.prototype,"selected",void 0);so([c({type:Boolean})],hi.prototype,"indeterminate",void 0);so([c({type:Boolean})],hi.prototype,"controlled",void 0);so([c({type:fe,defaultValue:fe.SingleSelect})],hi.prototype,"mode",void 0);so([c({type:js,defaultValue:js.Standard})],hi.prototype,"size",void 0);so([c({type:Wa,defaultValue:Wa.None})],hi.prototype,"type",void 0);so([c({type:String,defaultValue:""})],hi.prototype,"_icon",void 0);so([c({type:String})],hi.prototype,"_tabIndex",void 0);hi=so([y({renderer:k})],hi);const rl=hi,eN="decline",w2="M86 109l22-23q5-5 12-5 6 0 11 5l124 125L380 86q5-5 11-5 7 0 12 5l22 23q12 11 0 23L301 256l124 125q11 11 0 22l-22 23q-8 5-12 5-3 0-11-5L255 301 131 426q-5 5-11 5-4 0-12-5l-22-23q-11-11 0-22l124-125L86 132q-12-12 0-23z",tN=!1,iN=f5,oN="SAP-icons-v4",aN="@ui5/webcomponents-icons";D(eN,{pathData:w2,ltr:tN,accData:iN,collection:oN,packageName:aN});const rN="decline",k2="M292 256l117 116q7 7 7 18 0 12-7.5 19t-18.5 7q-10 0-18-8L256 292 140 408q-8 8-18 8-11 0-18.5-7.5T96 390q0-10 8-18l116-116-116-116q-8-8-8-18 0-11 7.5-18.5T122 96t18 7l116 117 116-117q7-7 18-7t18.5 7.5T416 122t-7 18z",nN=!1,sN=f5,lN="SAP-icons-v5",dN="@ui5/webcomponents-icons";D(rN,{pathData:k2,ltr:nN,accData:sN,collection:lN,packageName:dN});oe();const cN="search",S2="M470 426q10 9 10 22.5T470 471q-9 9-22 9t-23-9L308 353q-45 31-100 31-36 0-68-13.5T84 333t-38-56-14-69q0-36 14-68t38-56 56-38 68-14 68 14 56 38 38 56 14 68q0 28-8.5 53T353 308zm-262-74q30 0 56-11t45.5-30.5 31-46T352 208t-11.5-56-31-45.5-45.5-31T208 64t-56.5 11.5-46 31T75 152t-11 56 11 56.5 30.5 46 46 30.5 56.5 11z",uN=!0,hN=k5,pN="SAP-icons-v4",_N="@ui5/webcomponents-icons";D(cN,{pathData:S2,ltr:uN,accData:hN,collection:pN,packageName:_N});const vN="search",$2="M473 436q7 7 7 18t-7.5 18.5T454 480q-10 0-18-8l-95-95q-51 39-117 39-40 0-75-15t-61-41-41-61-15-75 15-75 41-61 61-41 75-15 75 15 61 41 41 61 15 75q0 64-39 117zM83 224q0 30 11 55.5t30 44.5 44.5 30 55.5 11 55.5-11 44.5-30 30-44.5 11-55.5-11-55.5-30-44.5-44.5-30T224 83t-55.5 11-44.5 30-30 44.5T83 224z",gN=!0,mN=k5,fN="SAP-icons-v5",bN="@ui5/webcomponents-icons";D(vN,{pathData:$2,ltr:gN,accData:mN,collection:fN,packageName:bN});oe();const xN="microphone",T2="M160 256V96q0-42 27-69t69-27q41 0 69 27 27 28 27 69v160q0 42-27 69t-69 27q-41 0-68-28-28-27-28-68zm-80-64h48v64q0 30 10 49 10 25 28 41 17 18 41 28t49 10q27 0 50-10t40.5-27.5 27.5-41 10-49.5v-64h48q16 0 16 16t-16 16h-16v32q0 60-35.5 101.5T288 413v67h112q16 0 16 16t-16 16H112q-16 0-16-16t16-16h112v-67q-27-7-50.5-21.5t-41-35-27-46T96 256v-32H80q-16 0-16-16t16-16zm112-96v160q0 26 19 45t45 19q27 0 45.5-18.5T320 256V96q0-27-18-46-19-18-46-18-26 0-45 19t-19 45z",yN=!1,wN="SAP-icons-v4",kN="@ui5/webcomponents-icons";D(xN,{pathData:T2,ltr:yN,collection:wN,packageName:kN});const SN="microphone",C2="M256 320q-33 0-56.5-23.5T176 240V80q0-33 23.5-56.5T256 0t56.5 23.5T336 80v160q0 33-23.5 56.5T256 320zm-29-80q0 12 8.5 20.5T256 269t20.5-8.5T285 240V80q0-12-8.5-20.5T256 51t-20.5 8.5T227 80v160zm195-48q11 0 18.5 7.5T448 218q0 36-12.5 69t-35 60-53 44.5T282 414v72q0 11-7.5 18.5T256 512t-18.5-7.5T230 486v-72q-35-5-65.5-23t-53-44.5-35-59.5T64 218q0-11 7.5-18.5T90 192t18 7.5 7 18.5q0 28 11 55t30.5 47 45 32.5T256 365t54.5-12.5 45-32.5 30.5-47 11-55q0-11 7-18.5t18-7.5z",$N=!1,TN="SAP-icons-v5",CN="@ui5/webcomponents-icons";D(SN,{pathData:C2,ltr:$N,collection:TN,packageName:CN});oe();const IN=(i,e=300)=>{let t=null;const o=(...a)=>{t&&clearTimeout(t),t=setTimeout(()=>{t=null,i(...a)},e)};return o.cancel=()=>{t&&(clearTimeout(t),t=null)},o},BN=(i,e,t,o)=>new Promise((a,n)=>{let s=0;const l=()=>{s++;const h=i();h!==void 0?a(h):s<t?setTimeout(l,e):n(new Error(o))};l()}),mc=i=>i.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'").replace(/<b>/g,"<b>").replace(/<\/b>/g,"</b>");function EN(i,e,t){return d`<div class="udex-search__root ${r(this.searchClasses)}">${this.isShowSearchHomePrefix?AN.call(this,i,e,t):void 0}<form role="search" class="udex-search__container ${r(this.focusClasses)}${r(this.isNotEmptyClass)}">${this.labelAnimationDisabled?DN.call(this,i,e,t):PN.call(this,i,e,t)}${this.open?RN.call(this,i,e,t):void 0}<div class="udex-search__icons">${this.isShowHomeResetButton?LN.call(this,i,e,t):void 0}${this.isShowResetButton?jN.call(this,i,e,t):void 0}${this.isVoiceButton?MN.call(this,i,e,t):void 0}${this.showNonInteractiveButton?ON.call(this,i,e,t):void 0}${this.showSubmitHomeButton?zN.call(this,i,e,t):void 0}${this.showSubmitStandardButton?FN.call(this,i,e,t):void 0}</div></form></div>`}function AN(i,e,t){return t?d`<div class="udex-search__prefix ${r(this.prefixWrapperClasses)}"><button type="button" role="combobox" aria-expanded="${r(this._prefixDropdownExpanded)}" aria-label="${r(this.labelPrefix)}" aria-haspopup="true" aria-controls="udex-search-prefix" class="udex-search__prefix-button" @click="${this.handleDropdownClick}"><span class="udex-search__prefix-label">${r(this.labelPrefix)}</span><${u("ui5-icon",e,t)} class="udex-search__prefix-icon" name="slim-arrow-down"></${u("ui5-icon",e,t)}></button><${u("ui5-popover",e,t)} id="udex-search-prefix" class="${r(this.prefixPopoverClasses)}" hide-arrow placement-type="Bottom" horizontal-align="Left" style="${H(this.prefixPopoverStyles)}" @after-close="${this.handleAfterClosePrefixPopover}"><slot></slot></${u("ui5-popover",e,t)}></div>`:d`<div class="udex-search__prefix ${r(this.prefixWrapperClasses)}"><button type="button" role="combobox" aria-expanded="${r(this._prefixDropdownExpanded)}" aria-label="${r(this.labelPrefix)}" aria-haspopup="true" aria-controls="udex-search-prefix" class="udex-search__prefix-button" @click="${this.handleDropdownClick}"><span class="udex-search__prefix-label">${r(this.labelPrefix)}</span><ui5-icon class="udex-search__prefix-icon" name="slim-arrow-down"></ui5-icon></button><ui5-popover id="udex-search-prefix" class="${r(this.prefixPopoverClasses)}" hide-arrow placement-type="Bottom" horizontal-align="Left" style="${H(this.prefixPopoverStyles)}" @after-close="${this.handleAfterClosePrefixPopover}"><slot></slot></ui5-popover></div>`}function DN(i,e,t){return d`<input role="searchbox" id="search-input" type="search" name="search" class="udex-search__field" autocomplete="off" aria-autocomplete="list" aria-haspopup="${r(this.getAriaHasPopup)}" aria-label="${r(this.accInfo.ariaLabel)}" aria-describedby="search-description" placeholder="${r(this.effectivePlaceholder)}" .value="${r(this.value)}" @input="${this.handleSearchChange}" @keydown="${this.handleKeyDown}" @focus="${this.handleFocus}" @focusout="${this.handleFocusout}" @blur="${this.handleBlur}" @click="${this.handleInputClick}" />`}function PN(i,e,t){return d`${this.label?NN.call(this,i,e,t):void 0}<input role="searchbox" id="search-input" type="search" name="search" class="udex-search__field" autocomplete="off" aria-autocomplete="list" aria-label="${r(this.accInfo.ariaLabel)}" aria-describedby="search-description" aria-haspopup="${r(this.getAriaHasPopup)}" .value="${r(this.value)}" @input="${this.handleSearchChange}" @keydown="${this.handleKeyDown}" @focus="${this.handleFocus}" @focusout="${this.handleFocusout}" @blur="${this.handleBlur}" @click="${this.handleInputClick}" />`}function NN(i,e,t){return d`<label for="search-input" class="${r(this.labelClasses)}">${r(this.label)}</label>`}function RN(i,e,t){return d`<span aria-live="polite" aria-atomic="true" id="search-description" class="hidden" aria-hidden="true">${r(this.suggestionsDescription)}</span>`}function LN(i,e,t){return t?d`<${u("ui5-button",e,t)} id="reset-button" class="udex-search__button udex-search__reset-button" design="Default" tooltip="${r(this.tooltipInfo.tooltipResetButton)}" @click="${this.onReset}" @keydown="${this.handleKeyDownReset}"><${u("ui5-icon",e,t)} class="udex-search__button-icon" accessible-name="${r(this.accInfo.accessibleNameResetIcon)}" accessible-role="presentation" name="decline"></${u("ui5-icon",e,t)}></${u("ui5-button",e,t)}>`:d`<ui5-button id="reset-button" class="udex-search__button udex-search__reset-button" design="Default" tooltip="${r(this.tooltipInfo.tooltipResetButton)}" @click="${this.onReset}" @keydown="${this.handleKeyDownReset}"><ui5-icon class="udex-search__button-icon" accessible-name="${r(this.accInfo.accessibleNameResetIcon)}" accessible-role="presentation" name="decline"></ui5-icon></ui5-button>`}function jN(i,e,t){return t?d`<${u("udex-control-button",e,t)} id="reset-button" class="udex-search__reset-button" design="Default" tooltip="${r(this.tooltipInfo.tooltipResetButton)}" icon="decline" size="Large" accessible-name="${r(this.accInfo.accessibleNameResetIcon)}" @click="${this.onReset}" @keydown="${this.handleKeyDownReset}"></${u("udex-control-button",e,t)}>`:d`<udex-control-button id="reset-button" class="udex-search__reset-button" design="Default" tooltip="${r(this.tooltipInfo.tooltipResetButton)}" icon="decline" size="Large" accessible-name="${r(this.accInfo.accessibleNameResetIcon)}" @click="${this.onReset}" @keydown="${this.handleKeyDownReset}"></udex-control-button>`}function MN(i,e,t){return t?d`<${u("ui5-button",e,t)} id="voice-button" class="udex-search__button udex-search__voice-button ${r(this.voiceActiveClass)}" design="Default" icon="microphone" tooltip="${r(this.tooltipInfo.tooltipVoiceButton)}" @click="${this.onVoice}"></${u("ui5-button",e,t)}>`:d`<ui5-button id="voice-button" class="udex-search__button udex-search__voice-button ${r(this.voiceActiveClass)}" design="Default" icon="microphone" tooltip="${r(this.tooltipInfo.tooltipVoiceButton)}" @click="${this.onVoice}"></ui5-button>`}function ON(i,e,t){return t?d`<${u("ui5-icon",e,t)} class="udex-search__icon" aria-hidden="true" accessible-name="${r(this.accInfo.accessibleNameSearchIcon)}" show-tooltip name="search"></${u("ui5-icon",e,t)}>`:d`<ui5-icon class="udex-search__icon" aria-hidden="true" accessible-name="${r(this.accInfo.accessibleNameSearchIcon)}" show-tooltip name="search"></ui5-icon>`}function zN(i,e,t){return t?d`<${u("ui5-button",e,t)} id="submit-button" class="udex-search__button udex-search__submit-button ${r(this.searchButtonActiveClass)}" design="Default" icon="search" tooltip="${r(this.tooltipInfo.tooltipSubmitButton)}" @click="${this.onSubmit}"></${u("ui5-button",e,t)}>`:d`<ui5-button id="submit-button" class="udex-search__button udex-search__submit-button ${r(this.searchButtonActiveClass)}" design="Default" icon="search" tooltip="${r(this.tooltipInfo.tooltipSubmitButton)}" @click="${this.onSubmit}"></ui5-button>`}function FN(i,e,t){return t?d`<${u("udex-control-button",e,t)} id="submit-button" class="udex-search__submit-button" size="Large" design="Default" icon="search" tooltip="${r(this.tooltipInfo.tooltipSubmitButton)}" @click="${this.onSubmit}"></${u("udex-control-button",e,t)}>`:d`<udex-control-button id="submit-button" class="udex-search__submit-button" size="Large" design="Default" icon="search" tooltip="${r(this.tooltipInfo.tooltipSubmitButton)}" @click="${this.onSubmit}"></udex-control-button>`}function XN(i,e,t){return t?d`<${u("ui5-popover",e,t)} class="udex-search-suggestions__root ${r(this.homeSearchPopoverClass)}" hide-arrow _disable-initial-focus placement-type="Bottom" horizontal-align="Right" style="${H(this.popoverStyles)}" id="${r(this.getSuggestionsPopoverId)}" aria-orientation="vertical" accessible-role="Dialog" @keydown="${this.handleKeyPressSuggestionList}" accessible-name="${r(this.suggestionsAccessibleName)}">${this.showNoResultMessage?Km.call(this,i,e,t):Zm.call(this,i,e,t)}</${u("ui5-popover",e,t)}>`:d`<ui5-popover class="udex-search-suggestions__root ${r(this.homeSearchPopoverClass)}" hide-arrow _disable-initial-focus placement-type="Bottom" horizontal-align="Right" style="${H(this.popoverStyles)}" id="${r(this.getSuggestionsPopoverId)}" aria-orientation="vertical" accessible-role="Dialog" @keydown="${this.handleKeyPressSuggestionList}" accessible-name="${r(this.suggestionsAccessibleName)}">${this.showNoResultMessage?Km.call(this,i,e,t):Zm.call(this,i,e,t)}</ui5-popover>`}function Km(i,e,t){return d`<span class="udex-search-suggestions__message">${r(this.noResultMessage)}</span>`}function Zm(i,e,t){return d`<div role="tree">${this.isShowSuggestedList?HN.call(this,i,e,t):void 0}${this.isShowRecommendedList?UN.call(this,i,e,t):void 0}</div>`}function HN(i,e,t){return d`<div class="udex-search-suggestions__block" role="treeitem">${this.suggestedHeading?qN.call(this,i,e,t):void 0}<div class="udex-search-suggestions__list" role="listbox" aria-labelledby="suggested-heading" tabindex="0" @keydown="${this.handleKeyDownPopover}">${T(this.suggestedList,(o,a)=>o._id||a,(o,a)=>VN.call(this,i,e,t,o,a))}</div></div>`}function qN(i,e,t){return d`<span class="udex-search-suggestions__heading" id="suggested-heading">${r(this.suggestedHeading)}</span>`}function VN(i,e,t,o,a){return t?d`<${u("ui5-button",e,t)} id="${r(o.id)}" icon="${r(o.icon)}" type="Button" design="Default" accessible-name="${r(o.suggestionDescription)}" class="udex-search-suggestions__item-button" title="${r(o.title)}" tabindex="-1" role="option" @click="${o.handleSelectItem}">${je(o.text)}</${u("ui5-button",e,t)}>`:d`<ui5-button id="${r(o.id)}" icon="${r(o.icon)}" type="Button" design="Default" accessible-name="${r(o.suggestionDescription)}" class="udex-search-suggestions__item-button" title="${r(o.title)}" tabindex="-1" role="option" @click="${o.handleSelectItem}">${je(o.text)}</ui5-button>`}function UN(i,e,t){return d`<div class="udex-search-suggestions__block" role="treeitem">${this.recommendedHeading?WN.call(this,i,e,t):void 0}<div class="udex-search-suggestions__list" role="listbox" aria-labelledby="recommended-heading" tabindex="0" @keydown="${this.handleKeyDownPopover}">${T(this.recommendedList,(o,a)=>o._id||a,(o,a)=>GN.call(this,i,e,t,o,a))}</div></div>`}function WN(i,e,t){return d`<span class="udex-search-suggestions__heading" id="recommended-heading">${r(this.recommendedHeading)}</span>`}function GN(i,e,t,o,a){return d`${o.hasCustomIcon?YN.call(this,i,e,t,o,a):KN.call(this,i,e,t,o,a)}`}function YN(i,e,t,o,a){return t?d`<${u("ui5-button",e,t)} id="${r(o.id)}" icon="${r(o.icon)}" type="Button" design="Default" class="udex-search-suggestions__item-button" title="${r(o.title)}" accessible-name="${r(o.suggestionDescription)}" tabindex="-1" role="option" @click="${o.handleSelectItem}">${je(o.text)}</${u("ui5-button",e,t)}>`:d`<ui5-button id="${r(o.id)}" icon="${r(o.icon)}" type="Button" design="Default" class="udex-search-suggestions__item-button" title="${r(o.title)}" accessible-name="${r(o.suggestionDescription)}" tabindex="-1" role="option" @click="${o.handleSelectItem}">${je(o.text)}</ui5-button>`}function KN(i,e,t,o,a){return t?d`<${u("ui5-button",e,t)} id="${r(o.id)}" type="Button" design="Default" class="udex-search-suggestions__item-button" accessible-name="${r(o.suggestionDescription)}" title="${r(o.title)}" tabindex="-1" role="option" @click="${o.handleSelectItem}">${je(o.text)}</${u("ui5-button",e,t)}>`:d`<ui5-button id="${r(o.id)}" type="Button" design="Default" class="udex-search-suggestions__item-button" accessible-name="${r(o.suggestionDescription)}" title="${r(o.title)}" tabindex="-1" role="option" @click="${o.handleSelectItem}">${je(o.text)}</ui5-button>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const ZN={packageName:"@sapudex/web-components",fileName:"themes/Search.css.ts",content:`:host{--udex-input-color-border: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-input-color-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-font-family-label: var(--sapFontFamily, sans-serif);--udex-input-font-size-label: var(--sapFontLargeSize, var(--udexTypographyBodySFontSize));--udex-input-font-weight-label: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label: var(--udexTypographyBodyLineHeight, 24px);--udex-input-background-color: var(--sapList_Hover_Background, var(--udexColorGrey1));--udex-input-font-family-label-active: var(--sapFontFamily, sans-serif);--udex-input-font-size-label-active: var(--sapFontSmallSize, var(--udexTypographyBodyXXSFontSize));--udex-input-font-weight-label-active: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label-active: var(--udexTypographyBodyLineHeight, 1.5);--udex-input-color-typed-text: var(--sapField_TextColor, var(--udexCoreTextDark));--udex-input-color-background-light: var(--sapField_Background, var(--udexColorNeutralWhite));--udex-input-color-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-input-color-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-input-radius: var(--sapField_BorderCornerRadius, var(--udexRadiusXS));--udex-input-padding-horizontal: var(--udexSpacer12, 12px);--udex-input-padding-vertical: 8px;--udex-home-input-padding-left: var(--udexSpacer12, 12px);--udex-home-input-padding-right: var(--udexSpacer8, 8px);--udex-home-input-padding-vertical: 8px;--udex-button-size: var(--sapFontHeader2Size, 28px);--udex-button-color: var(--sapAccentColor10, var(--udexColorGrey7));--udex-button-non-interactive-icon-color: var(--sapContent_NonInteractiveIconColor, var(--udexColorGrey7));--udex-button-non-interactive-icon-size: var(--sapFontHeader5Size, 18px);--udex-dropdown-border-width: auto;--udex-search-container-padding-inline-end: var(--udexSpacer12, 12px);--udex-search-home-container-padding-inline-end: var(--udexSpacer8, 8px);--udex-search-label-inset-inline-start: var(--udexSpacer12, 12px);--udex-search-icons-column-gap: 0;--udex-search-home-icons-column-gap: var(--udexSpacer4, 4px);--udex-search-label-width: calc( 100% - var(--udex-search-label-inset-inline-start) - var(--udex-input-padding-horizontal) - var(--udex-search-container-padding-inline-end) );display:block;width:100%;position:relative}:host([mode="Standard"]) .udex-search__label.udex-search__label--active{display:none}:host(:not([mode="Home Search"])) .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled,:host(:not([mode="Home Search"])) .udex-search-prefix .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled{display:block;inset-block-start:9px;line-height:18px;transform:translateY(-110%);padding:0 4px;font-family:var(--udex-input-font-family-label-active);font-size:var(--udex-input-font-size-label-active);font-weight:var(--udex-input-font-weight-label-active);line-height:var(--udex-input-line-height-label-active);background-color:#fff}:host([mode="Home Search"]) .udex-search__root,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix{--udex-input-radius: var(--udexRadiusXXL, 24px);position:relative;z-index:1}:host([mode="Home Search"]) .udex-search__root.udex-search-prefix{display:flex;width:100%;position:relative;z-index:1}:host([mode="Home Search"]) .udex-search-prefix .udex-search__prefix+.udex-search__container{border-start-start-radius:0;border-start-end-radius:var(--udexRadiusXXL, 24px);border-end-start-radius:0;border-end-end-radius:var(--udexRadiusXXL, 24px);flex-grow:1}:host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover:after,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover:after,:host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover-top:after,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top:after{content:"";position:absolute;z-index:-1;height:23px;inset-inline:0;inset-block-end:0;background-color:var(--udexColorNeutralWhite, #fff);border-left:1px solid var(--udexColorGrey6, #5B738B);border-right:1px solid var(--udexColorGrey6, #5B738B);box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34, 54, 73, .3));overflow-y:hidden;bottom:-2px}:host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover-top:after,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top:after,.udex-search__prefix--show-popover-top:after{transform:translateY(-23px)}:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover:after{inset-inline-start:auto;width:50px}:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top:after{inset-inline-start:auto;width:50px}:host([mode="Home Search"]) .udex-search__container:not(.udex-search__container--has-value),:host([mode="Home Search"]) .udex-search__container:not(.udex-search__container--has-value) .udex-search__field,:host([mode="Home Search"]) .udex-search-prefix .udex-search__container:not(.udex-search__container--has-value),:host([mode="Home Search"]) .udex-search-prefix .udex-search__container:not(.udex-search__container--has-value) .udex-search__field{background-color:var(--udex-input-background-color)}:host([mode="Home Search"]) .udex-search__label.udex-search__label--active,:host([mode="Home Search"]) .udex-search-prefix .udex-search__label.udex-search__label--active{display:none}.udex-search__container{padding-inline-end:var(--udex-search-container-padding-inline-end);display:flex;align-items:center;position:relative;z-index:1;border:1px solid var(--udex-input-color-border);border-radius:var(--udex-input-radius);background-color:field}.udex-search-mode-home-search .udex-search__container{padding-inline-end:var(--udex-search-home-container-padding-inline-end)}.udex-search__container:not(.udex-search__container--focus):hover{border-color:var(--udex-input-color-hover-border)}.udex-search__container--focus{border-color:var(--udex-input-color-active-border)}:host(:not([_is-touched])[active]) .udex-search__root:before{content:"";position:absolute;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udex-input-radius)}:host([mode="Home Search"]:not([_is-touched])[active]) .udex-search__root:before{z-index:-1}.udex-search__field{display:block;width:100%;color:var(--udex-input-color-typed-text);font-size:16px;font-family:var(--sapFontFamily);line-height:24px;padding:var(--udex-input-padding-vertical) var(--udex-input-padding-horizontal);box-sizing:border-box;border:0;border-radius:var(--udex-input-radius);font-weight:var(--udexTypographyFontWeightRegular, 400);background:var(--udex-input-color-background-light)}.udex-search-mode-home-search .udex-search__field{padding:var(--udex-home-input-padding-vertical) var(--udex-home-input-padding-right) var(--udex-home-input-padding-vertical) var(--udex-home-input-padding-left)}.udex-search__field::placeholder{color:var(--udexColorGrey7);font-family:var(--sapFontFamily, sans-serif);font-size:16px}.udex-search__field:focus{outline:none}input[type=search]::-ms-clear{display:none;width:0;height:0}input[type=search]::-ms-reveal{display:none;width:0;height:0}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.udex-search__label{position:absolute;inset-inline-start:var(--udex-search-label-inset-inline-start);z-index:2;color:var(--udex-input-color-label);font-family:var(--udex-input-font-family-label);font-size:var(--udex-input-font-size-label);font-weight:var(--udex-input-font-weight-label);line-height:var(--udex-input-line-height-label);transition:transform .15s ease-out,font-size .15s ease-out;overflow:hidden;white-space:nowrap;max-width:var(--udex-search-label-width)}.udex-search__label-with-search-icon,.udex-search__label-with-voice-icon{max-width:calc(var(--udex-search-label-width) - var(--udex-button-size))}.udex-search__label-with-search-icon.udex-search__label-with-voice-icon{max-width:calc(var(--udex-search-label-width) - var(--udex-button-size) * 2 - var(--udex-search-icons-column-gap))}.udex-search__icons{display:flex;align-items:center;column-gap:var(--udex-search-icons-column-gap)}.udex-search-mode-home-search .udex-search__icons{column-gap:var(--udex-search-home-icons-column-gap)}.udex-search__icon{margin-inline:5px;background-color:transparent;border:none;color:var(--udex-button-non-interactive-icon-color);min-width:var(--udex-button-non-interactive-icon-size);height:var(--udex-button-non-interactive-icon-size);border-radius:50%;position:relative;z-index:1;overflow:visible}.udex-search__button{background-color:transparent;border:none;color:var(--udex-button-color);min-width:var(--udex-button-size);height:var(--udex-button-size);border-radius:50%;position:relative;z-index:1;overflow:visible}[udex-control-button]{--udex-control-button-large-height: 40px;--udex-control-button-large-width: 40px}[udex-control-button].udex-search__reset-button{--sapButton_BorderWidth: 0px 1px 0 1px}[udex-control-button].udex-search__submit-button{margin:0px calc((var(--udex-search-container-padding-inline-end)) * -1) 0px 0;--sapButton_BorderWidth: 0 0 0 1px}[ui5-button].udex-search__button::part(button):focus-visible:before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;width:28px;height:28px;border:2px solid var(--udexColorBlue9, #0040B0);border-radius:50%;box-sizing:border-box}[ui5-button].udex-search__button::part(button){padding:0;width:28px;height:28px;line-height:0}[ui5-icon].udex-search__button-icon{color:inherit;width:18px;height:18px}[ui5-button].udex-search__button::part(icon){width:18px;height:18px}[ui5-button].udex-search__button::part(button):after{display:none}[ui5-button].udex-search__button.udex-search__voice-button:hover{background-color:#0000001a;border:none;box-shadow:none}[ui5-button].udex-search__button.udex-search__voice-button.udex-search__voice-button--active,[ui5-button][active].udex-search__button.udex-search__voice-button{background:var(--udexColorBlue8, #0057D2);color:var(--udexColorNeutralWhite, #FFFFFF)}[ui5-button].udex-search__button:focus{outline:none}.udex-search__prefix{position:relative;z-index:1}.udex-search__prefix--show-popover:after,.udex-search__prefix--show-popover-top:after{content:"";position:absolute;z-index:-1;height:50%;width:50px;inset-inline-start:0;inset-block-end:0;background-color:var(--udexColorNeutralWhite, #fff);border-left:1px solid var(--udexColorGrey6, #5B738B);border-right:1px solid var(--udexColorGrey6, #5B738B);box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34, 54, 73, .3));overflow-y:hidden}.udex-search__prefix-button{padding-inline:var(--udexSpacer12) var(--udexSpacer8);display:flex;align-items:center;max-width:200px;height:100%;border:1px solid var(--udex-input-color-border);border-inline-end:0;border-start-start-radius:var(--udexRadiusXXL, 24px);border-end-start-radius:var(--udexRadiusXXL, 24px);background-color:var(--sapShell_Navigation_Active_Background, var(--udexColorGrey1));color:var(--sapContent_LabelColor, var(--udexColorGrey7));font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodySFontSize, 16px);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:var(--udexTypographyBodyLineHeight, 1.5);text-align:start;white-space:nowrap}.udex-search__prefix-button:hover{cursor:pointer;background-color:var(--udexCoreBase);color:var(--udexColorBlue8)}.udex-search__prefix-button:focus,.udex-search__prefix-button:focus-visible{outline:2px solid var(--udexColorBlue10, #002A86);outline-offset:-2px}.udex-search__prefix-button--active{background-color:var(--udexCoreBase);color:var(--udexColorBlue10)}.udex-search__prefix-label{margin-inline-end:var(--udexSpacer4, 4px);max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis}.udex-search__prefix-icon{width:16px;height:16px;color:inherit;flex-shrink:1}.udex-search__prefix-popover{border-start-start-radius:0;border-start-end-radius:0;border:1px solid var(--udexCoreBorderDefault);border-block-start:0;box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));background-color:var(--udexColorNeutralWhite, #fff);clip-path:inset(0px -10px -10px -10px)}.udex-search__prefix-popover-top{border-end-start-radius:0;border-end-end-radius:0;border:1px solid var(--udexCoreBorderDefault);border-block-end:0;box-shadow:none;background-color:var(--udexColorNeutralWhite, #fff);clip-path:inset(0px -10px -10px -10px)}.udex-search__prefix-popover::part(content),.udex-search__prefix-popover-top::part(content){padding:0}[udex-dropdown]{--udex-dropdown-pane-max-width: 100%}.hidden{position:absolute;width:0px;height:0px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0;padding:0}
|
|
@@ -205,7 +205,7 @@ or import '@sapudex/design-tokens/dist/themes/sap_glow/css_variables.css'`)};doc
|
|
|
205
205
|
`};var cj=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n};const uj="udex-list__group_large";let Au=class extends ll{handleHeaderPress(){this.controlled||this.handleSelectionGroupState(),this.fireHeaderPress()}handleKeyDownPress(e){F(e)&&e.preventDefault(),(F(e)||K(e))&&this.handleHeaderPress()}fireHeaderPress(){this.fireEvent("header-press",{item:this})}getHandleGroupItemsClick(){return this.modeMultiSelect&&!this.controlled?this.handleHeaderState():void 0}get sizeClass(){return this.size===js.Large?uj:""}};Au=cj([y({tag:"udex-list-group-header",renderer:k,styles:dj,template:JL,dependencies:[U]}),f("header-press",{detail:{item:{type:HTMLElement}}})],Au);Au.define();const s0=Au;var l0=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n};let md=class extends rl{};l0([c({type:Boolean})],md.prototype,"_isFilterSelectAllItem",void 0);md=l0([y({tag:"udex-filter-menu-item",renderer:k})],md);md.define();const d0=md;var c0=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n};let fd=class extends ll{getItems(){return this.getSlottedNodes("items")}};c0([$({type:d0,default:!0})],fd.prototype,"items",void 0);fd=c0([y({tag:"udex-filter-menu-group-header",renderer:k})],fd);fd.define();const hj=fd;var pj=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n};let Du=class extends ll{get isSelectAllHeader(){return!0}get isFilterMenuSelectAllHeader(){return!0}};Du=pj([y({tag:"udex-filter-menu-select-all",renderer:k})],Du);Du.define();const _j=Du;function vj(i,e,t){return t?d`<ul class="udex-list__group-list"><li part="item" class="udex-list__group"><ul class="${r(this.groupListClassName)}" @ui5-item-press="${r(this.handleSelectAllGroupItemsPress)}"><${u("udex-list-item",e,t)} _tab-index="${r(this._effectiveTabIndex)}" role="list" _additional-class-name="${r(this.additionalClassName)}" class="${r(this.className)}" ?selected="${this.selected}" aria-current="${r(this.selected)}" ?indeterminate="${this.indeterminate}" mode="${r(this.multiselectMode)}" part="group-item" @click="${this.handleSelectAllPress}" ?controlled="${this.controlled}" supporting-text="${r(this.supportingText)}" @keydown="${this.handleKeyDownPress}" divider>${r(this.selectAllLabel)}</${u("udex-list-item",e,t)}><slot></slot></ul></li></ul>`:d`<ul class="udex-list__group-list"><li part="item" class="udex-list__group"><ul class="${r(this.groupListClassName)}" @ui5-item-press="${r(this.handleSelectAllGroupItemsPress)}"><udex-list-item _tab-index="${r(this._effectiveTabIndex)}" role="list" _additional-class-name="${r(this.additionalClassName)}" class="${r(this.className)}" ?selected="${this.selected}" aria-current="${r(this.selected)}" ?indeterminate="${this.indeterminate}" mode="${r(this.multiselectMode)}" part="group-item" @click="${this.handleSelectAllPress}" ?controlled="${this.controlled}" supporting-text="${r(this.supportingText)}" @keydown="${this.handleKeyDownPress}" divider>${r(this.selectAllLabel)}</udex-list-item><slot></slot></ul></li></ul>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const gj={packageName:"@sapudex/web-components",fileName:"themes/ListGroupHeader.css.ts",content:`:host{--udex-list-item-group-header-padding-vertical: var(--udexSpacer8, 8px);--udex-list-item-group-header-padding-horizontal: var(--udexSpacer12, 12px);--udex-list-item-group-header-supporting-text-color: var(--sapContent_LabelColor, #223548);--udex-list-item-group-header-border-color: var(--sapList_BorderColor, #A9B4BE)}.udex-list__header{font-weight:var(--udexTypographyFontWeightMedium, 500);display:flex;flex-direction:column}.udex-list__supporting-text{font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 21px);font-weight:var(--udexTypographyFontWeightRegular, 400);color:var(--udex-list-item-group-header-supporting-text-color);padding-top:var(--udexSpacer8, 8px)}.udex-list__group-list{list-style-type:none;padding:0;margin:0}.udex-list__header,.udex-list__group-header{font-weight:var(--udexTypographyFontWeightMedium, 500)}.udex-list__group-list.udex-list__sticky{padding-top:59px}.udex-list__group-content{display:flex;border-bottom:1px solid var(--udex-list-item-group-header-border-color);padding:var(--udex-list-item-group-header-padding-vertical) var(--udex-list-item-group-header-padding-horizontal)}.udex-list__number{margin-inline-end:var(--udexSpacer8, 8px)}.udex-list__circle{display:block;min-width:20px;height:22px;position:relative}:host([mode="SingleContent"])::part(group-item){padding:var(--udexSpacer4, 4px) 0}:host([mode="MultiSelect"]) .udex-list__group-header{border-bottom:1px solid var(--udex-list-item-group-header-border-color)}.udex-list__group_large{font-size:var(--udexTypographyBodyLFontSize, 20px);line-height:var(--udexTypographyHeadingLineHeight, 22px);font-weight:var(--udexTypographyFontWeightMedium, 500)}.udex-list__group_large.udex-list__supporting-text{font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 24px);font-weight:var(--udexTypographyFontWeightRegular, 400)}.udex-list__icon{margin-inline-end:var(--udexSpacer8, 8px);padding-top:2px;min-width:18px;height:18px}.udex-list__inactive-header{font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 24px);font-weight:var(--udexTypographyFontWeightMedium, 500);padding:var(--udexSpacer8, 8px) var(--udexSpacer20, 20px);border-bottom:1px solid var(--sapList_BorderColor, #A9B4BE);display:flex;flex-direction:column}
|
|
206
206
|
`};var mj=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},Fc;const fj="udex-list__header-select-all",bj="udex-list__group-list";let Pu=Fc=class extends ll{static async onDefine(){Fc.i18nBundle=await M("@sapudex/web-components")}handleSelectAllPress(){this.controlled||this.handleSelectionGroupState(),this.fireEvent("select-all",{item:this})}handleSelectAllGroupItemsPress(){this.controlled||this.handleHeaderState()}handleKeyDownPress(e){F(e)&&e.preventDefault(),(F(e)||K(e))&&this.handleSelectAllPress()}get isSelectAllHeader(){return!0}get multiselectMode(){return fe.MultiSelect}get selectAllLabel(){var t;return this.label!=="undefined"&&((t=this.label)==null?void 0:t.length)>0?this.label:Fc.i18nBundle.getText(GC)}get additionalClassName(){return`${fj} ${this._additionalClassName}`}get groupListClassName(){return`${bj} ${this._additionalClassName}`}};Pu=Fc=mj([y({tag:"udex-list-select-all",renderer:k,styles:gj,template:vj,dependencies:[Yn]}),f("select-all",{detail:{item:{type:HTMLElement}}})],Pu);Pu.define();const u0=Pu;function xj(i,e,t){return t?d`<div><button id="filterMenuTrigger" @click="${this.handleTriggerClick}" @keydown="${this.handleTriggerKeydown}" aria-label="${r(this.triggerButtonAccessibleName)}" aria-labelledby="${r(this.accessibleNameRef)}" aria-expanded="${r(this._open)}" aria-haspopup="true" role="${r(this.triggerAccessibleRole)}" aria-controls="${r(this._id)}_udex-filter-menu-dropdown" ?disabled="${this.disabled}" class="udex-filter-menu__trigger" tabindex="0">${this.hasFilterNamePrefix?gf.call(this,i,e,t):void 0}<span class="udex-filter-menu__trigger-wrap" ?disabled="${this.disabled}"><span class="udex-filter-menu__trigger-name">${r(this.filterName)}</span>${this.badgeValue?mf.call(this,i,e,t):void 0}<${u("ui5-icon",e,t)} class="udex-filter-menu__trigger-icon" name="navigation-down-arrow" accessible-name="${r(this._iconAccessibleNameText)}"></${u("ui5-icon",e,t)}></span></button><${u("ui5-popover",e,t)} id="${r(this._id)}_udex-filter-menu-dropdown" hide-arrow accessible-role="${r(this.accessibleRole)}" ?allow-target-overlap="${this.disableAllowTargetOverlap}" placement-type="${r(this.placementType)}" horizontal-align="${r(this.horizontalAlign)}" @ui5-item-press="${r(this.handleItemPress)}" @ui5-header-press="${r(this.handleHeaderPress)}" @keydown="${this.handleKeyDownList}" @search-keydown="${this.handleKeyDownSearch}" @ui5-before-open="${r(this._dropdownBeforeOpen)}" @ui5-after-open="${r(this._dropdownAfterOpen)}" @ui5-before-close="${r(this._dropdownBeforeClose)}" @ui5-after-close="${r(this._dropdownAfterClose)}" @ui5-select-all="${r(this.handleSelectAll)}" @ui5-submit-search-value="${r(this.handleSubmitSearch)}" @ui5-handle-value-search="${r(this.handleValueSearch)}" @ui5-handle-value-reset="${r(this.handleResetSearch)}">${r(this.searchableList)}${this.modeMultiSelect?ff.call(this,i,e,t):void 0}</${u("ui5-popover",e,t)}></div> `:d`<div><button id="filterMenuTrigger" @click="${this.handleTriggerClick}" @keydown="${this.handleTriggerKeydown}" aria-label="${r(this.triggerButtonAccessibleName)}" aria-labelledby="${r(this.accessibleNameRef)}" aria-expanded="${r(this._open)}" aria-haspopup="true" role="${r(this.triggerAccessibleRole)}" aria-controls="${r(this._id)}_udex-filter-menu-dropdown" ?disabled="${this.disabled}" class="udex-filter-menu__trigger" tabindex="0">${this.hasFilterNamePrefix?gf.call(this,i,e,t):void 0}<span class="udex-filter-menu__trigger-wrap" ?disabled="${this.disabled}"><span class="udex-filter-menu__trigger-name">${r(this.filterName)}</span>${this.badgeValue?mf.call(this,i,e,t):void 0}<ui5-icon class="udex-filter-menu__trigger-icon" name="navigation-down-arrow" accessible-name="${r(this._iconAccessibleNameText)}"></ui5-icon></span></button><ui5-popover id="${r(this._id)}_udex-filter-menu-dropdown" hide-arrow accessible-role="${r(this.accessibleRole)}" ?allow-target-overlap="${this.disableAllowTargetOverlap}" placement-type="${r(this.placementType)}" horizontal-align="${r(this.horizontalAlign)}" @ui5-item-press="${r(this.handleItemPress)}" @ui5-header-press="${r(this.handleHeaderPress)}" @keydown="${this.handleKeyDownList}" @search-keydown="${this.handleKeyDownSearch}" @ui5-before-open="${r(this._dropdownBeforeOpen)}" @ui5-after-open="${r(this._dropdownAfterOpen)}" @ui5-before-close="${r(this._dropdownBeforeClose)}" @ui5-after-close="${r(this._dropdownAfterClose)}" @ui5-select-all="${r(this.handleSelectAll)}" @ui5-submit-search-value="${r(this.handleSubmitSearch)}" @ui5-handle-value-search="${r(this.handleValueSearch)}" @ui5-handle-value-reset="${r(this.handleResetSearch)}">${r(this.searchableList)}${this.modeMultiSelect?ff.call(this,i,e,t):void 0}</ui5-popover></div> `}function gf(i,e,t){return d`<span class="udex-filter-menu__trigger-prefix">${r(this.filterNamePrefix)}</span>`}function mf(i,e,t){return t?d`<${u("udex-badge",e,t)} class="udex-filter-menu__badge" type="Number" design="Info" size="Small">${r(this.badgeValue)}</${u("udex-badge",e,t)}>`:d`<udex-badge class="udex-filter-menu__badge" type="Number" design="Info" size="Small">${r(this.badgeValue)}</udex-badge>`}function ff(i,e,t){return d`${this.hideActionBar?void 0:yj.call(this,i,e,t)}`}function yj(i,e,t){return d`<div class="udex-filter-menu__footer" slot="footer" name="footer">${this.hideResultBtn?void 0:wj.call(this,i,e,t)}${this.hideResetBtn?void 0:kj.call(this,i,e,t)}</div>`}function wj(i,e,t){return t?d`<${u("udex-button",e,t)} class="udex-filter-menu__result-btn" size="Medium" design="Primary" @keydown="${this.handleKeyDownResultBtn}" @click="${this.handleResult}">${r(this.getResultLabelText)}</${u("udex-button",e,t)}>`:d`<udex-button class="udex-filter-menu__result-btn" size="Medium" design="Primary" @keydown="${this.handleKeyDownResultBtn}" @click="${this.handleResult}">${r(this.getResultLabelText)}</udex-button>`}function kj(i,e,t){return t?d`<${u("udex-button",e,t)} class="udex-filter-menu__reset-btn" size="Medium" design="Tertiary" @keydown="${this.handleKeyDownResetBtn}" @click="${this.handleReset}">${r(this.getResetLabelText)}</${u("udex-button",e,t)}>`:d`<udex-button class="udex-filter-menu__reset-btn" size="Medium" design="Tertiary" @keydown="${this.handleKeyDownResetBtn}" @click="${this.handleReset}">${r(this.getResetLabelText)}</udex-button>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const Sj={packageName:"@sapudex/web-components",fileName:"themes/FilterMenu.css.ts",content:`:host{--udex-filter-menu-trigger-color-default: var(--sapTextColor, #223548);--udex-filter-menu-trigger-color-hover: var(--sapHoverColor, #0070f2);--udex-filter-menu-trigger-color-active: var(--sapShell_Active_TextColor, #0040b0);--udex-filter-menu-trigger-color-disabled: var(--sapTextColor, #223548);--udex-filter-menu-trigger-icon-default: var(--sapContent_IconColor, #223548);--udex-filter-menu-trigger-icon-hover: var(--sapHoverColor, #0070f2);--udex-filter-menu-trigger-icon-active: var(--sapSelectedColor, #0040b0);--udex-filter-menu-trigger-icon-disabled: var(--sapContent_IconColor, #223548);--udex-filter-menu-trigger-prefix-color-default: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-prefix-color-hover: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-prefix-color-active: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-prefix-color-disabled: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-selection-bar-background: var(--sapHoverColor, #0070f2);--udex-filter-menu-trigger-outline-border-color: var(--udexColorBlue10, #002A86);--udex-filter-menu-popover-left-offset: 0px;--udex-filter-menu-popover-min-width-xs: calc(100% - var(--udex-filter-menu-popover-left-offset));--udex-filter-menu-popover-max-width-xs: 100%;--udex-filter-menu-popover-width: fit-content;--udex-filter-menu-popover-min-width: 320px;--udex-filter-menu-popover-max-width: 640px;--udex-filter-menu-popover-shadow: var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));--udex-filter-menu-popover-border-color: var(--sapField_BorderColor, var(--udexCoreBorderDefault));--udex-filter-menu-popover-border-width: var(--sapElement_BorderWidth, 1px);--udex-filter-menu-popover-border-radius: var(--udexRadiusM, 8px);display:inline-block}:host([desktop]) .udex-filter-menu__trigger:focus,.udex-filter-menu__trigger:focus-visible{outline:2px solid var(--udex-filter-menu-trigger-outline-border-color);outline-offset:var(--udexSpacer2, 2px);border-radius:var(--udexRadiusM, 8px)}.udex-filter-menu__trigger{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 1.5);display:inline-flex;align-items:center;padding:5px 0;position:relative;background:none;border:none}.udex-filter-menu__trigger-wrap{cursor:pointer;display:inline-flex;align-items:center}.udex-filter-menu__trigger-wrap[disabled]{pointer-events:none}.udex-filter-menu__trigger-wrap[disabled]:hover .udex-filter-menu__trigger-name,.udex-filter-menu__trigger-wrap[disabled] .udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-disabled);opacity:var(--sapContent_DisabledOpacity, .4)}.udex-filter-menu__trigger-wrap[disabled] .udex-filter-menu__trigger-prefix{color:var(--udex-filter-menu-trigger-prefix-color-disabled)}.udex-filter-menu__trigger-wrap[disabled]:hover .udex-filter-menu__trigger-icon,.udex-filter-menu__trigger-wrap[disabled] .udex-filter-menu__trigger-icon{color:var(--udex-filter-menu-trigger-icon-disabled);opacity:var(--sapContent_DisabledOpacity, .4)}.udex-filter-menu__trigger-prefix{margin-right:var(--udexSpacer8, 8px);color:var(--udex-filter-menu-trigger-prefix-color-default)}.udex-filter-menu__trigger-wrap:hover .udex-filter-menu__trigger-prefix{color:var(--udex-filter-menu-trigger-prefix-color-hover)}.udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-default)}.udex-filter-menu__trigger:before{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:2px 2px 0;background:var(--udex-filter-menu-trigger-selection-bar-background);opacity:0}.udex-filter-menu__trigger-active .udex-filter-menu__trigger-prefix{color:var(--udex-filter-menu-trigger-prefix-color-active)}.udex-filter-menu__trigger-active:before{opacity:1}.udex-filter-menu__trigger-icon{width:16px;height:16px;margin-inline-start:var(--udexSpacer8, 8px);color:var(--udex-filter-menu-trigger-icon-default)}.udex-filter-menu__trigger-wrap:hover .udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-hover)}.udex-filter-menu__trigger-wrap:hover .udex-filter-menu__trigger-icon{color:var(--udex-filter-menu-trigger-icon-hover)}.udex-filter-menu__trigger-active .udex-filter-menu__trigger-icon{transform:rotate(180deg);color:var(--udex-filter-menu-trigger-icon-active)}.udex-filter-menu__trigger-active .udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-active)}.udex-filter-menu__search{width:100%}.udex-filter-menu__footer{width:100%;display:flex;gap:10px}.udex-filter-menu__badge{margin-inline-start:var(--udexSpacer4, 4px)}[ui5-popover]{border:var(--udex-filter-menu-popover-border-width) solid var(--udex-filter-menu-popover-border-color);border-radius:var(--udex-filter-menu-popover-border-radius);box-shadow:var(--udex-filter-menu-popover-shadow);min-width:var(--udex-filter-menu-popover-min-width);max-width:var(--udex-filter-menu-popover-max-width);width:var(--udex-filter-menu-popover-width)}[ui5-popover]::part(content){padding:0;overflow:auto}[ui5-popover]::part(header),[ui5-popover]::part(footer){padding:var(--udexSpacer16, 16px) var(--udexSpacer12, 12px)}[ui5-popover]::part(footer){justify-content:flex-start;border-color:var(--sapField_BorderColor, var(--udexCoreBorderDefault));box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3))}::slotted([slot="header"]){width:100%}.udex-no-result{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 1.5);color:var(--sapContent_TitleColor, #000000);padding:0 var(--udexSpacer12, 12px) var(--udexSpacer16, 16px)}@media (width < 640px){[ui5-popover]{min-width:var(--udex-filter-menu-popover-min-width-xs);max-width:var(--udex-filter-menu-popover-max-width-xs)}}
|
|
207
207
|
`};v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const h0={packageName:"@sapudex/web-components",fileName:"themes/SearchableList.css.ts",content:`:host::part(checkbox){pointer-events:none}.udex-searchable-list__header{display:block;margin-top:var(--udexSpacer16, 16px)}.udex-searchable-list__header:only-child,.udex-searchable-list__header.udex-searchable-list__header_no-margin{margin-top:0}.udex-busy-indicator{padding-block:var(--udexSpacer16, 16px);margin:0 auto;display:block}.udex-filter-menu__search+.udex-busy-indicator{padding-top:0}.hidden{position:absolute;width:0px;height:0px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0;padding:0}
|
|
208
|
-
`};var st=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},pn;let Ue=pn=class extends ag{constructor(){super(...arguments),this._shouldApplyFilter=!1,this._requestRender=!1,this._breakpointSizeXS=640,this._initialState=[]}onEnterDOM(){ge()&&this.setAttribute("desktop","")}onBeforeRendering(){super.onBeforeRendering()}onAfterRendering(){this._search=this.getSearch(),this._popover=this.getPopover(),this._trigger=this.getTriggerButton()}handleSelectAll(e){this.onFilterSelectAllHeaderPress(e),this.fireEvent("select-all")}handleItemPress(e){this.onItemPress(e),this.modeSingleSelect&&this.onDropdownClose()}handleHeaderPress(e){this.onHeaderPress(e)}handleValueSearch(e){this.onSearch(e)}handleSubmitSearch(){this.onDropdownClose(),this.onSubmitSearch()}handleResetSearch(){this.onResetSearch()}handleReset(){this._shouldApplyFilter=!0,this.onDropdownClose(),this.fireEvent("reset-click",{restoredItems:this.selectedItems}),this.onReset()}handleResult(){this._shouldApplyFilter=!0,this.onDropdownClose(),this.fireEvent("result-click",{selectedItems:this.selectedItems})}handleKeyDownList(e){const t=Lt(e)&&!this.hasFooterButtons,o=St(e)&&!this._search,n=e.target===this._search;(t&&(!n||this.isListEmpty)||o)&&this.onDropdownClose(e)}handleKeyDownSearch(e){const t=e.detail;(St(t)||Fe(t))&&this.onDropdownClose(t)}handleKeyDownResultBtn(e){e.stopPropagation(),Lt(e)&&!this.hasResetBtn&&this.onDropdownClose()}handleKeyDownResetBtn(e){e.stopPropagation(),Lt(e)&&this.onDropdownClose()}handleTriggerClick(){this.toggleDropdown()}handleTriggerKeydown(e){(F(e)||K(e))&&(e.preventDefault(),this.toggleDropdown())}toggleDropdown(){this._open=!this._open,this._open?(this._trigger.classList.add("udex-filter-menu__trigger-active"),this._popover.showAt(this._trigger)):this.onDropdownClose()}onDropdownClose(e){this._popover.open&&(e&&(St(e)||Fe(e))?(e.preventDefault(),this._popover.close(!0)):this._popover.close())}getSearch(){return this.shadowRoot.querySelector("[udex-search]")}_dropdownBeforeOpen(){if(this.height){const e=this._popover.shadowRoot.querySelector("[part=content]");e.style.maxHeight=this.height}this._initialState=this._getInitialState(this.items),this.fireEvent("before-open")}_dropdownAfterOpen(){const e=+this._popover.style.left.split("px")[0];this._popover.offsetWidth+e<this._breakpointSizeXS&&this.style.setProperty("--udex-filter-menu-popover-left-offset",`${this._popover.style.left}`),this.fireEvent("after-open")}_dropdownBeforeClose(){this.fireEvent("before-close")}_dropdownAfterClose(){!this._shouldApplyFilter&&this.modeMultiSelect&&!this.modeSelectAll&&this._setInitialState(),this._shouldApplyFilter=!1,this._open=!1,this._trigger.classList.remove("udex-filter-menu__trigger-active"),this.fireEvent("after-close")}_getInitialState(e){return e.flatMap(t=>{if(t.isGroup){const o={id:t._id,selected:t.selected,indeterminate:t.indeterminate},a=t.getItems().map(n=>({id:n._id,selected:n.selected}));return[o,...a]}return{id:t._id,selected:t.selected}})}_setInitialListState(){this.getSlottedItems(this.items).forEach((e,t)=>{const o=this._initialState[t];e._id===(o==null?void 0:o.id)&&(e.selected=o.selected,e.isGroup&&(e.indeterminate=o.indeterminate))})}_setInitialState(){this._setInitialListState(),this._requestRender=!0}get disableAllowTargetOverlap(){return!this.disableTargetOverlap}get hasFilterNamePrefix(){var e;return!!((e=this.filterNamePrefix)!=null&&e.length)}get getResultLabelText(){return this.resultBtnLabel!=="undefined"&&this.resultBtnLabel.length>0?this.resultBtnLabel:pn.i18nBundle.getText(UC)}get getResetLabelText(){return this.resetBtnLabel!=="undefined"&&this.resetBtnLabel.length>0?this.resetBtnLabel:pn.i18nBundle.getText(WC)}get _iconAccessibleNameText(){return pn.i18nBundle.getText(Wp)}get triggerButtonAccessibleName(){return this.accessibleName||pn.i18nBundle.getText(Wp)}get searchableList(){return Ya(pn.searchableListBaseTemplate,this)}get hideActionBar(){return this.hideResultBtn&&this.hideResetBtn}get hasFooterButtons(){return!!this.shadowRoot.querySelector("[udex-button]")}get hasResetBtn(){return!this.hideResetBtn}get modeSelectAll(){return!!this.querySelector("[udex-filter-menu-select-all]")}getTriggerButton(){return this.shadowRoot.querySelector("#filterMenuTrigger")}getPopover(){return this.shadowRoot.querySelector("[ui5-popover]")}getItems(){return this.getSlottedNodes("items")}static get searchableListBaseTemplate(){return og}};st([c({validator:q})],Ue.prototype,"badgeValue",void 0);st([c({type:Boolean})],Ue.prototype,"disableTargetOverlap",void 0);st([c({type:String})],Ue.prototype,"height",void 0);st([c({type:Ps,defaultValue:Ps.Bottom})],Ue.prototype,"placementType",void 0);st([c({type:Ns,defaultValue:Ns.Left})],Ue.prototype,"horizontalAlign",void 0);st([c({type:fe,defaultValue:fe.SingleSelect})],Ue.prototype,"mode",void 0);st([c()],Ue.prototype,"resetBtnLabel",void 0);st([c()],Ue.prototype,"resultBtnLabel",void 0);st([c()],Ue.prototype,"filterName",void 0);st([c()],Ue.prototype,"filterNamePrefix",void 0);st([c({type:Boolean})],Ue.prototype,"disabled",void 0);st([c({type:Boolean})],Ue.prototype,"_open",void 0);st([c({type:Boolean})],Ue.prototype,"hideResultBtn",void 0);st([c({type:Boolean})],Ue.prototype,"hideResetBtn",void 0);st([c()],Ue.prototype,"accessibleName",void 0);st([c()],Ue.prototype,"accessibleNameRef",void 0);st([c({type:bo,defaultValue:bo.None})],Ue.prototype,"accessibleRole",void 0);st([c({type:String,defaultValue:"combobox"})],Ue.prototype,"triggerAccessibleRole",void 0);st([c({type:Boolean})],Ue.prototype,"_shouldApplyFilter",void 0);st([c({type:Boolean,noAttribute:!0})],Ue.prototype,"_requestRender",void 0);Ue=pn=st([y({tag:"udex-filter-menu",renderer:k,styles:[Sj,h0],template:xj,dependencies:[Yi,U,Sh,d0,hj,_j,al,u0,Yn,s0,uh,fh,Wt]}),f("reset-click",{detail:{restoredItems:{type:Array}}}),f("result-click",{detail:{selectedItems:{type:Array}}}),f("select-all"),f("before-open"),f("after-open"),f("before-close"),f("after-close")],Ue);Ue.define();const $j="headset",p0="M0 240.96q0-26.996 12.998-46.993t34.994-33.994q1-10.998 5.499-23.496t11.498-25.496q10.998-20.996 29.495-40.993t41.493-35.494 49.491-24.496T239.96 1h1q4 0 7.499-.5t7.499-.5q29.994 0 58.99 8.998t54.49 23.996 45.493 34.994 31.994 42.993q16.997 25.996 16.997 48.992 21.996 13.997 34.994 33.994t12.998 46.992q1 34.994-9.498 51.491t-22.497 27.496q-3.999 27.995-9.498 46.492t-14.497 33.494-22.497 29.495-33.494 34.494q-5.999 5-16.997 8.999t-18.997 3.999q-3-1-6.499-1h-6.499q-12.997 0-13.997 1-5 0-5 4-1.999 3.999-4.999 7.998t-6.998 6.999q-2 2-4 3t-3.999 2.999q-12.998 9.998-31.995 9.998-26.995 0-43.492-20.996t-10.498-47.992q4.999-19.997 19.996-30.995t34.994-10.998q21.997 0 36.994 13.498t18.997 34.494h30.994q4 0 6-2 6.998-4 19.496-12.998t24.496-23.996 20.996-37.493 8.999-52.491h-15.997l-2-1q-1 0-2.5-.5t-3.499-.5q-7.999-5-7.999-13.998V175.97l1-2q0-2 .5-2.999t.5-3q3-5.999 13.998-7.998-6-23.996-22.497-46.992t-40.493-40.993-52.99-28.995-59.99-10.998q-60.99 0-109.482 33.994t-66.489 93.984q8.999 0 13.998 7.998 1 1 1 6 1 1 1 2v127.977q0 8.999-7.999 13.998-2 0-3 .5t-2.999.5q-1 1-2 1H63.99q-11.998 0-23.496-3.5t-20.496-12.498-14.498-23.996T0 240.96z",Tj=!1,Cj="SAP-icons-v4",Ij="@ui5/webcomponents-icons";D($j,{pathData:p0,ltr:Tj,collection:Cj,packageName:Ij});const Bj="headset",_0="M480 358q0 32-12 60t-33 49-49 33-60 12h-76q-11 0-18.5-7.5T224 486v-26q0-13 8-19t17-6q10 0 18 6.5t8 19.5h51q28 0 50.5-13t36.5-35q-10 3-23 3h-44q-11 0-18.5-7.5T320 390V250q0-11 7.5-18.5T346 224h83q-1-36-15.5-67.5t-37.5-55-54-37T256 51t-66 13.5-54 37-37 55T83 224h83q11 0 18.5 7.5T192 250v140q0 11-7.5 18.5T166 416h-44q-38 0-64-26t-26-64v-96q0-47 17.5-88.5t47.5-73 71-50T256 0q48 0 89 18.5t71 50 47 73 17 88.5v128zm-339-83H83v51q0 17 11 28t28 11h19v-90zm249 90q17 0 28-11t11-28v-51h-58v90h19z",Ej=!1,Aj="SAP-icons-v5",Dj="@ui5/webcomponents-icons";D(Bj,{pathData:_0,ltr:Ej,collection:Aj,packageName:Dj});oe();const Pj="email",v0="M480 64q14 0 23 9t9 23v320q0 13-9 22.5t-23 9.5H32q-13 0-22.5-9.5T0 416V96q0-14 9.5-23T32 64h448zM64 96l192 160L448 96H64zm416 16L256 288 32 112v288l133-136 19 18L48 416h416L329 282l17-18 134 136V112z",Nj=!1,Rj="SAP-icons-v4",Lj="@ui5/webcomponents-icons";D(Pj,{pathData:v0,ltr:Nj,collection:Rj,packageName:Lj});const jj="email",g0="M422 64q38 0 64 26t26 64v204q0 38-26 64t-64 26H90q-38 0-64-26T0 358V154q0-38 26-64t64-26h332zM90 115q-11 0-22 7l167 108q8 7 21 7t21-7l166-109q-9-6-21-6H90zm332 282q17 0 28-11t11-28V171L305 273q-22 15-49 15-26 0-49-15L51 172v186q0 17 11 28t28 11h332z",Mj=!1,Oj="SAP-icons-v5",zj="@ui5/webcomponents-icons";D(jj,{pathData:g0,ltr:Mj,collection:Oj,packageName:zj});oe();const Fj="back-to-top",m0="M480 0q14 0 23 9.5t9 22.5q0 14-9 23t-23 9H32q-14 0-23-9T0 32Q0 19 9 9.5T32 0h448zm-98 239q12 11 0 23-12 11-23 0l-87-87v321q0 16-16 16t-16-16V177l-85 85q-5 5-11 5t-11-5q-12-11 0-23l102-101q10-9 22.5-9.5T280 138z",Xj=!1,Hj=m5,qj="SAP-icons-v4",Vj="@ui5/webcomponents-icons";D(Fj,{pathData:m0,ltr:Xj,accData:Hj,collection:qj,packageName:Vj});const Uj="back-to-top",f0="M26 51q-11 0-18.5-7T0 26 7.5 7.5 26 0h460q11 0 18.5 7.5T512 26t-7.5 18-18.5 7H26zm363 200q8 8 8 18 0 11-7.5 18t-18.5 7-18-7l-71-72v271q0 11-7.5 18.5T256 512t-18.5-7.5T230 486V215l-71 72q-7 7-18 7t-18.5-7-7.5-18q0-10 8-18l115-116q9-7 18-7t18 7z",Wj=!1,Gj=m5,Yj="SAP-icons-v5",Kj="@ui5/webcomponents-icons";D(Uj,{pathData:f0,ltr:Wj,accData:Gj,collection:Yj,packageName:Kj});oe();const Zj="discussion-2",b0="M0 288V128q0-26 19-45t45-19h384q26 0 45 19t19 45v160q0 27-19 45.5T448 352h-32v140q0 9-6.5 14.5T395 512q-9 0-13-4l-94-156h-80l-78 92q-4 4-13 4-8 0-14.5-5.5T96 428v-76H64q-26 0-45-18.5T0 288zm64 32h64v80l64-79h112l80 127V320h64q14 0 23-9t9-23V128q0-13-9-22.5T448 96H64q-14 0-23 9.5T32 128v160q0 14 9 23t23 9zm240-96h96q7 0 11.5 5t4.5 11q0 16-16 16h-96q-16 0-16-16 0-6 4.5-11t11.5-5zm0-64h96q7 0 11.5 5t4.5 11q0 16-16 16h-96q-16 0-16-16 0-6 4.5-11t11.5-5zm-192-32h96q7 0 11.5 5t4.5 11q0 16-16 16h-96q-16 0-16-16 0-6 4.5-11t11.5-5zm0 64h96q7 0 11.5 5t4.5 11q0 16-16 16h-96q-16 0-16-16 0-6 4.5-11t11.5-5z",Qj=!1,Jj="SAP-icons-v4",e6="@ui5/webcomponents-icons";D(Zj,{pathData:b0,ltr:Qj,collection:Jj,packageName:e6});const t6="discussion-2",x0="M422 0q38 0 64 26t26 64v300q0 12-8 19t-18 7-18-8l-84-89q-1 18-8.5 33T356 378.5t-28 18-34 6.5H139L44 504q-7 8-18 8-10 0-18-7t-8-19V186q0-38 26-64t64-26h38v-6q0-38 26-64t64-26h204zm39 90q0-17-11-28t-28-11H218q-17 0-28 11t-11 28v128q0 16 11 27t28 11h166q11 0 19 8l58 62V90zM294 352q17 0 28-11t11-27v-7H218q-38 0-64-26t-26-63v-71H90q-17 0-28 11t-11 28v236l58-62q8-8 19-8h166z",i6=!1,o6="SAP-icons-v5",a6="@ui5/webcomponents-icons";D(t6,{pathData:x0,ltr:i6,collection:o6,packageName:a6});oe();const r6="navigation-right-arrow",y0="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",n6=!1,s6="SAP-icons-v4",l6="@ui5/webcomponents-icons";D(r6,{pathData:y0,ltr:n6,collection:s6,packageName:l6});const d6="navigation-right-arrow",w0="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",c6=!1,u6="SAP-icons-v5",h6="@ui5/webcomponents-icons";D(d6,{pathData:w0,ltr:c6,collection:u6,packageName:h6});oe();const rs={XS:{min:360,max:639},S:{min:640,max:979},M:{min:980,max:1279},L:{min:1280,max:1599},XL:{min:1600,max:1/0}};class Ja{static get width(){return typeof window<"u"?window.innerWidth:0}static getCurrentBreakpoint(){return Object.keys(rs).find(e=>this.isInRange(e))}static isInRange(e){const{min:t,max:o}=rs[e];return this.width>=t&&this.width<=o}static isAtLeast(e){return this.width>=rs[e].min}static isAbove(e){return this.width>rs[e].min}static isAtMost(e){return this.width<=rs[e].max}static isBelow(e){return this.width<rs[e].max}}function p6(i,e,t){return t?d`<footer class="udex-footer"><div class="udex-footer__content"><div class="udex-footer__contact-social">${this.logoUrl?bf.call(this,i,e,t):void 0}${this.isContactContainerVisible?xf.call(this,i,e,t):void 0}</div>${this.isContactContainerVisible?kf.call(this,i,e,t):void 0}${this._shouldRenderMobileMenu?Sf.call(this,i,e,t):Pf.call(this,i,e,t)}<${u("udex-divider",e,t)} class="udex-footer__divider"></${u("udex-divider",e,t)}><div class="udex-footer__copyright">${this.isChineseLang?Nf.call(this,i,e,t):void 0}<span class="udex-footer__copyright-text">${r(this.copyrightText)}</span></div>${this.socialLinksArray.length?Rf.call(this,i,e,t):void 0}</div><${u("udex-button",e,t)} class="udex-footer__back-to-top-button" icon="back-to-top" @click="${this.onBackToTopClick}" design="Tertiary" size="Large" accessible-name="back to top"></${u("udex-button",e,t)}></footer> `:d`<footer class="udex-footer"><div class="udex-footer__content"><div class="udex-footer__contact-social">${this.logoUrl?bf.call(this,i,e,t):void 0}${this.isContactContainerVisible?xf.call(this,i,e,t):void 0}</div>${this.isContactContainerVisible?kf.call(this,i,e,t):void 0}${this._shouldRenderMobileMenu?Sf.call(this,i,e,t):Pf.call(this,i,e,t)}<udex-divider class="udex-footer__divider"></udex-divider><div class="udex-footer__copyright">${this.isChineseLang?Nf.call(this,i,e,t):void 0}<span class="udex-footer__copyright-text">${r(this.copyrightText)}</span></div>${this.socialLinksArray.length?Rf.call(this,i,e,t):void 0}</div><udex-button class="udex-footer__back-to-top-button" icon="back-to-top" @click="${this.onBackToTopClick}" design="Tertiary" size="Large" accessible-name="back to top"></udex-button></footer> `}function bf(i,e,t){return d`<div class="udex-footer__logo">${this.logoLink?_6.call(this,i,e,t):v6.call(this,i,e,t)}</div>`}function _6(i,e,t){return d`<a href="${r(this.parsedRef)}" @click="${this._onLogoClick}" title="${r(this.logoTitle)}" aria-label="${r(this.logoAriaLabel)}"><img id="udex-footer__logo-image" src="${r(this.logoUrl)}" class="udex-footer__logo-image" alt="${r(this.logoAlt)}"/></a>`}function v6(i,e,t){return d`<img id="udex-footer__logo-image" src="${r(this.logoUrl)}" class="udex-footer__logo-image" alt="${r(this.logoAlt)}"/>`}function xf(i,e,t){return d`<div class="udex-footer__contact">${this.contactNumbersArray.length?g6.call(this,i,e,t):void 0}${this.contactUsLink?m6.call(this,i,e,t):void 0}${this.chatWithUsLink?f6.call(this,i,e,t):void 0}</div>`}function g6(i,e,t){return t?d`<div class="udex-footer__numbers"><div class="udex-footer__icon-container"><${u("ui5-icon",e,t)} class="udex-footer__icon" name="headset"></${u("ui5-icon",e,t)}></div><div><div class="udex-footer__numbers-wrapper">${T(this.contactNumbersArray,(o,a)=>o._id||a,(o,a)=>yf.call(this,i,e,t,o,a))}</div>${this.localCountryNumbersLink?wf.call(this,i,e,t):void 0}</div></div>`:d`<div class="udex-footer__numbers"><div class="udex-footer__icon-container"><ui5-icon class="udex-footer__icon" name="headset"></ui5-icon></div><div><div class="udex-footer__numbers-wrapper">${T(this.contactNumbersArray,(o,a)=>o._id||a,(o,a)=>yf.call(this,i,e,t,o,a))}</div>${this.localCountryNumbersLink?wf.call(this,i,e,t):void 0}</div></div>`}function yf(i,e,t,o,a){return d`<div><span class="hidden" aria-hidden id="udex-footer__${a}_phone-label">${r(this.phoneNumberAccessibleName)}${r(o.country)} : ${r(o.number)}</span><p class="udex-footer__country">${r(o.country)}</p><a href="tel:${r(o.number)}" class="udex-footer__number" @click="${this._onContactPhoneClick}" aria-labelledby="udex-footer__${a}_phone-label">${r(o.number)}</a></div>`}function wf(i,e,t){return t?d`<p class="udex-footer__remark">${r(this.completeListTitle)}<${u("udex-link",e,t)} class="udex-footer__remark-link" @click="${this._onContactPhoneLocalNumbersClick}" href="${r(this.localCountryNumbersLink)}" design="Subtle">${r(this.localCountryTitle)}.</${u("udex-link",e,t)}></p>`:d`<p class="udex-footer__remark">${r(this.completeListTitle)}<udex-link class="udex-footer__remark-link" @click="${this._onContactPhoneLocalNumbersClick}" href="${r(this.localCountryNumbersLink)}" design="Subtle">${r(this.localCountryTitle)}.</udex-link></p>`}function m6(i,e,t){return t?d`<div class="udex-footer__contact-us"><div class="udex-footer__icon-container"><${u("ui5-icon",e,t)} class="udex-footer__icon" name="email"></${u("ui5-icon",e,t)}></div><span class="hidden" aria-hidden id="udex-footer__contact-us-label">${r(this.contactUsAccessibleLabel)}</span><a href="${r(this.contactUsLink)}" class="udex-footer__contact-us-link" aria-labelledby="udex-footer__contact-us-label" @click="${this._onContactEmailClick}">${r(this.contactUsAccessibleName)}</a></div>`:d`<div class="udex-footer__contact-us"><div class="udex-footer__icon-container"><ui5-icon class="udex-footer__icon" name="email"></ui5-icon></div><span class="hidden" aria-hidden id="udex-footer__contact-us-label">${r(this.contactUsAccessibleLabel)}</span><a href="${r(this.contactUsLink)}" class="udex-footer__contact-us-link" aria-labelledby="udex-footer__contact-us-label" @click="${this._onContactEmailClick}">${r(this.contactUsAccessibleName)}</a></div>`}function f6(i,e,t){return t?d`<div class="udex-footer__chat-with-us"><div class="udex-footer__icon-container"><${u("ui5-icon",e,t)} class="udex-footer__icon" name="discussion-2"></${u("ui5-icon",e,t)}></div><a href="${r(this.chatWithUsLink)}" class="udex-footer__chat-with-us-link" @click="${this._onContactChatClick}">${r(this.chatWithUsAccessibleName)}</a></div>`:d`<div class="udex-footer__chat-with-us"><div class="udex-footer__icon-container"><ui5-icon class="udex-footer__icon" name="discussion-2"></ui5-icon></div><a href="${r(this.chatWithUsLink)}" class="udex-footer__chat-with-us-link" @click="${this._onContactChatClick}">${r(this.chatWithUsAccessibleName)}</a></div>`}function kf(i,e,t){return t?d`<${u("udex-divider",e,t)} class="udex-footer__divider"></${u("udex-divider",e,t)}>`:d`<udex-divider class="udex-footer__divider"></udex-divider>`}function Sf(i,e,t){return t?d`<${u("udex-accordion",e,t)} class="udex-footer__accordion">${this.quickLinksArray.length?$f.call(this,i,e,t):void 0}${this.trendingLinksArray.length?Cf.call(this,i,e,t):void 0}${this.aboutLinksArray.length?Bf.call(this,i,e,t):void 0}${this.siteInformationLinksArray.length?Af.call(this,i,e,t):void 0}</${u("udex-accordion",e,t)}>`:d`<udex-accordion class="udex-footer__accordion">${this.quickLinksArray.length?$f.call(this,i,e,t):void 0}${this.trendingLinksArray.length?Cf.call(this,i,e,t):void 0}${this.aboutLinksArray.length?Bf.call(this,i,e,t):void 0}${this.siteInformationLinksArray.length?Af.call(this,i,e,t):void 0}</udex-accordion>`}function $f(i,e,t){return t?d`<${u("udex-accordion-item",e,t)} title="${r(this._quickLinksTitle)}" class="udex-footer__action-item"><ul class="udex-footer__links-list udex-footer__links-list--mobile">${T(this.quickLinksArray,(o,a)=>o._id||a,(o,a)=>Tf.call(this,i,e,t,o,a))}</ul></${u("udex-accordion-item",e,t)}><h3 class="udex-footer__links-item hidden" aria-hidden="true" id="udex-footer__quick-links">${r(this._quickLinksTitle)}</h3>`:d`<udex-accordion-item title="${r(this._quickLinksTitle)}" class="udex-footer__action-item"><ul class="udex-footer__links-list udex-footer__links-list--mobile">${T(this.quickLinksArray,(o,a)=>o._id||a,(o,a)=>Tf.call(this,i,e,t,o,a))}</ul></udex-accordion-item><h3 class="udex-footer__links-item hidden" aria-hidden="true" id="udex-footer__quick-links">${r(this._quickLinksTitle)}</h3>`}function Tf(i,e,t,o,a){return d`<li><a target="${r(o.target)}" aria-describedby="udex-footer__quick-links" href="${r(o.url)}" data-id="${r(o.id)}" @click="${this._onQuickLinksClick}">${r(o.title)}</a></li>`}function Cf(i,e,t){return t?d`<${u("udex-accordion-item",e,t)} title="${r(this._trendingTitle)}" class="udex-footer__action-item"><ul class="udex-footer__links-list udex-footer__links-list--mobile">${T(this.trendingLinksArray,(o,a)=>o._id||a,(o,a)=>If.call(this,i,e,t,o,a))}</ul></${u("udex-accordion-item",e,t)}><h3 class="udex-footer__links-item hidden" aria-hidden="true" id="udex-footer__trending">${r(this._trendingTitle)}</h3>`:d`<udex-accordion-item title="${r(this._trendingTitle)}" class="udex-footer__action-item"><ul class="udex-footer__links-list udex-footer__links-list--mobile">${T(this.trendingLinksArray,(o,a)=>o._id||a,(o,a)=>If.call(this,i,e,t,o,a))}</ul></udex-accordion-item><h3 class="udex-footer__links-item hidden" aria-hidden="true" id="udex-footer__trending">${r(this._trendingTitle)}</h3>`}function If(i,e,t,o,a){return d`<li><a target="${r(o.target)}" aria-describedby="udex-footer__footer__trending" href="${r(o.url)}" @click="${this._onTrendingClick}" data-id="${r(o.id)}">${r(o.title)}</a></li>`}function Bf(i,e,t){return t?d`<${u("udex-accordion-item",e,t)} title="${r(this._aboutSapTitle)}" class="udex-footer__action-item"><ul class="udex-footer__links-list udex-footer__links-list--mobile">${T(this.aboutLinksArray,(o,a)=>o._id||a,(o,a)=>Ef.call(this,i,e,t,o,a))}</ul></${u("udex-accordion-item",e,t)}><h3 class="udex-footer__links-item hidden" aria-hidden="true" id="udex-footer__about">${r(this._aboutSapTitle)}</h3>`:d`<udex-accordion-item title="${r(this._aboutSapTitle)}" class="udex-footer__action-item"><ul class="udex-footer__links-list udex-footer__links-list--mobile">${T(this.aboutLinksArray,(o,a)=>o._id||a,(o,a)=>Ef.call(this,i,e,t,o,a))}</ul></udex-accordion-item><h3 class="udex-footer__links-item hidden" aria-hidden="true" id="udex-footer__about">${r(this._aboutSapTitle)}</h3>`}function Ef(i,e,t,o,a){return d`<li><a target="${r(o.target)}" aria-describedby="udex-footer__about" href="${r(o.url)}" data-id="${r(o.id)}" @click="${this._onAboutSapClick}">${r(o.title)}</a></li>`}function Af(i,e,t){return t?d`<${u("udex-accordion-item",e,t)} title="${r(this._siteInformationTitle)}" class="udex-footer__action-item"><ul class="udex-footer__links-list udex-footer__links-list--mobile">${T(this.siteInformationLinksArray,(o,a)=>o._id||a,(o,a)=>Df.call(this,i,e,t,o,a))}</ul></${u("udex-accordion-item",e,t)}><h3 class="udex-footer__links-item hidden" aria-hidden="true" id="udex-footer__site-information">${r(this._siteInformationTitle)}</h3>`:d`<udex-accordion-item title="${r(this._siteInformationTitle)}" class="udex-footer__action-item"><ul class="udex-footer__links-list udex-footer__links-list--mobile">${T(this.siteInformationLinksArray,(o,a)=>o._id||a,(o,a)=>Df.call(this,i,e,t,o,a))}</ul></udex-accordion-item><h3 class="udex-footer__links-item hidden" aria-hidden="true" id="udex-footer__site-information">${r(this._siteInformationTitle)}</h3>`}function Df(i,e,t,o,a){return d`<li><a target="${r(o.target)}" aria-describedby="udex-footer__site-information" href="${r(o.url)}" data-id="${r(o.id)}" @click="${this._onSiteInformationClick}">${r(o.title)}</a></li>`}function Pf(i,e,t){return d`<div class="udex-footer__links">${this.quickLinksArray.length?b6.call(this,i,e,t):void 0}${this.trendingLinksArray.length?y6.call(this,i,e,t):void 0}${this.aboutLinksArray.length?k6.call(this,i,e,t):void 0}${this.siteInformationLinksArray.length?$6.call(this,i,e,t):void 0}</div>`}function b6(i,e,t){return d`<div class="udex-footer__links-group udex-footer__quick-links"><h3 class="udex-footer__links-item" id="udex-footer__quick-links">${r(this._quickLinksTitle)}</h3><nav aria-labelledby="udex-footer__quick-links"><ul class="udex-footer__links-list udex-footer__links-list--desktop">${T(this.quickLinksArray,(o,a)=>o._id||a,(o,a)=>x6.call(this,i,e,t,o,a))}</ul></nav></div>`}function x6(i,e,t,o,a){return d`<li><a target="${r(o.target)}" aria-describedby="udex-footer__quick-links" data-id="${r(o.id)}" href="${r(o.url)}" @click="${this._onQuickLinksClick}">${r(o.title)}</a></li>`}function y6(i,e,t){return d`<div class="udex-footer__links-group udex-footer__trending-links"><h3 class="udex-footer__links-item" id="udex-footer__trending">${r(this._trendingTitle)}</h3><nav aria-labelledby="udex-footer__trending"><ul class="udex-footer__links-list udex-footer__links-list--desktop">${T(this.trendingLinksArray,(o,a)=>o._id||a,(o,a)=>w6.call(this,i,e,t,o,a))}</ul></nav></div>`}function w6(i,e,t,o,a){return d`<li><a target="${r(o.target)}" aria-describedby="udex-footer__footer__trending" data-id="${r(o.id)}" href="${r(o.url)}" @click="${this._onTrendingClick}">${r(o.title)}</a></li>`}function k6(i,e,t){return d`<div class="udex-footer__links-group udex-footer__about-links"><h3 class="udex-footer__links-item" id="udex-footer__about">${r(this._aboutSapTitle)}</h3><nav aria-labelledby="udex-footer__about"><ul class="udex-footer__links-list udex-footer__links-list--desktop">${T(this.aboutLinksArray,(o,a)=>o._id||a,(o,a)=>S6.call(this,i,e,t,o,a))}</ul></nav></div>`}function S6(i,e,t,o,a){return d`<li><a target="${r(o.target)}" aria-describedby="udex-footer__about" data-id="${r(o.id)}" href="${r(o.url)}" @click="${this._onAboutSapClick}">${r(o.title)}</a></li>`}function $6(i,e,t){return d`<div class="udex-footer__links-group udex-footer__site-information-links"><h3 class="udex-footer__links-item" id="udex-footer__site-information">${r(this._siteInformationTitle)}</h3><nav aria-labelledby="udex-footer__site-information"><ul class="udex-footer__links-list udex-footer__links-list--desktop">${T(this.siteInformationLinksArray,(o,a)=>o._id||a,(o,a)=>T6.call(this,i,e,t,o,a))}</ul></nav></div>`}function T6(i,e,t,o,a){return d`<li><a target="${r(o.target)}" aria-describedby="udex-footer__site-information" data-id="${r(o.id)}" href="${r(o.url)}" @click="${this._onSiteInformationClick}">${r(o.title)}</a></li>`}function Nf(i,e,t){return d`<span class="udex-footer__copyright-chinese-text"><a href="${r(this.chineseIcpNumberLink)}" title="${r(this.chineseICPNumber)}" class="udex-footer__copyright-chinese-link" target="_blank">${r(this.chineseICPNumber)}</a>${r(this.chineseSecurityNetworkNumber)}</span>`}function Rf(i,e,t){return d`<div class="udex-footer__social-container">${T(this.socialLinksArray,(o,a)=>o._id||a,(o,a)=>C6.call(this,i,e,t,o,a))}</div>`}function C6(i,e,t,o,a){return d`<a target="${r(o.target)}" href="${r(o.url)}" class="udex-footer__social-icon" data-name="${r(o.name)}" data-id="${r(o.id)}" @click="${this._onSocialMediaLinkClick}"><img data-name="${r(o.name)}" data-id="${r(o.id)}" alt="${r(o.name)}${r(this.socialIconAccessibleName)}" src="${r(o.iconUrl)}" loading="lazy" /></a>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const I6={packageName:"@sapudex/web-components",fileName:"themes/Footer.css.ts",content:`:host{--udex-footer-container-xl-max-width: 1432px;--udex-footer-container-l-max-width: 1456px;--udex-footer-background-color: var(--udexCoreSurfaceHigher, #EAECEE);--udex-footer-icon-color: var(--udexColorGrey9, #223548);--udex-footer-text-color: var(--sapShell_NeutralColor, #475E75);--udex-footer-expandable-link-text-color: var(--sapTitleColor, #000);--udex-footer-expandable-link-underline-border: var(--sapNeutralBorderColor, #A9B4BE);--udex-footer-link-color-heading: var(--sapShell_GroupTitleTextColor, #354A5F);--udex-footer-link-color: var(--sapShell_InteractiveTextColor, #354A5F);display:block;container-type:inline-size;width:100%}:host a{text-decoration:none;color:var(--udex-footer-link-color)}:host a:hover{text-decoration:underline}.udex-footer{background:var(--udex-footer-background-color);padding:var(--udexSpacer72) var(--udexSpacer84);font-family:var(--sapFontFamily);color:var(--udex-footer-text-color);position:relative}.udex-footer__content{display:flex;flex-wrap:wrap;position:relative;justify-content:space-between;margin:0 auto;max-width:var(--udex-footer-container-xl-max-width);column-gap:var(--udexSpacer48)}.udex-footer__contact-social{position:relative;flex:1 0 24.8%}.udex-footer__back-to-top-button{position:absolute;top:var(--udexSpacer48);right:var(--udexSpacer24);left:auto;bottom:auto}.udex-footer__back-to-top-button:dir(rtl){left:var(--udexSpacer24);right:auto}.udex-footer__logo{margin-bottom:var(--udexSpacer48)}.udex-footer__logo-image{height:32px;width:65.6px}.udex-footer__contact-social,.udex-footer__numbers-wrapper,.udex-footer__contact{display:flex;flex-direction:column}.udex-footer__contact>div{display:flex;margin-bottom:var(--udexSpacer20)}.udex-footer__numbers-wrapper{gap:var(--udexSpacer20)}.udex-footer__icon-container{box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:26px;height:26px;padding:var(--udexSpacer4);margin-inline-end:var(--udexSpacer16)}.udex-footer__contact .udex-footer__icon{width:18px;height:18px;color:var(--udex-footer-icon-color)}.udex-footer__country,.udex-footer__chat-with-us-link,.udex-footer__contact-us-link{font-size:var(--udexTypographyBodyXSFontSize);line-height:21px}.udex-footer__number{font-size:var(--udexTypographyHeadingMediumXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium);line-height:22px}.udex-footer__remark,.udex-footer__remark-link{font-size:var(--udexTypographyBodyXXSFontSize);line-height:18px}.udex-footer__country{margin:0 0 var(--udexSpacer2)}.udex-footer__remark,.udex-footer__number{margin:var(--udexSpacer2) 0 0}.hidden,.udex-footer__divider,.udex-footer__action-item,.udex-footer__accordion::part(head){display:none}.udex-footer__social-container{display:flex;flex-wrap:wrap;width:100%;padding-top:var(--udexSpacer20);row-gap:var(--udexSpacer12);column-gap:var(--udexSpacer12)}a.udex-footer__social-icon{display:flex;width:32px;height:32px;border-radius:var(--udexRadiusXS);background-color:var(--udexColorNeutralWhite);color:var(--udex-footer-icon-color)}.udex-footer__social-icon>img{margin:auto;align-items:center;max-width:100%;max-height:100%}.udex-footer__links{display:flex;gap:var(--udexSpacer48);flex:1 1 59%}.udex-footer__links-group{flex-basis:21.5%}.udex-footer__links>div{margin:0}.udex-footer__links-list{list-style:none;margin:0;padding:0}h3{font-size:var(--udexTypographyNavigationMediumXLFontSize);line-height:18px;font-weight:var(--udexTypographyFontWeightMedium);color:var(--udex-footer-link-color-heading);margin:0 0 var(--udexSpacer20)}.udex-footer__links-list li a{padding:var(--udexSpacer8) 0;font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyBodyLineHeight, 1.5);display:inline-block;box-sizing:border-box;min-height:38px}:host([desktop]) .udex-footer a:focus,.udex-footer a:focus-visible{outline:solid var(--udexSpacer2, 2px) var(--sapContent_FocusColor, #0040B0);border-radius:var(--udexRadiusXXS, 2px)}.udex-footer__contact-us,.udex-footer__chat-with-us{align-items:center}.udex-footer__copyright{display:flex;flex-direction:column;font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyBodyLineHeight);padding-top:var(--udexSpacer32)}:host a.udex-footer__copyright-chinese-link{color:var(--udex-footer-text-color)}@media (max-width: 1599px){.udex-footer{padding:var(--udexSpacer72)}.udex-footer__content{max-width:var(--udex-footer-container-l-max-width)}}@media (max-width: 1279px){.udex-footer__back-to-top-button{top:var(--udexSpacer40)}.udex-footer{padding:var(--udexSpacer40) var(--udexSpacer84)}.udex-footer__copyright{padding-top:0}.udex-footer__content{flex-direction:column;flex-wrap:nowrap;gap:var(--udexSpacer20)}.udex-footer__logo{margin-bottom:var(--udexSpacer32)}.udex-footer__contact-us,.udex-footer__chat-with-us,.udex-footer__contact>div{margin-bottom:auto}.udex-footer__social-container{padding-top:0}.udex-footer__back-to-top-button{right:var(--udexSpacer16)}.udex-footer__back-to-top-button:dir(rtl){left:var(--udexSpacer16)}.udex-footer__contact{gap:var(--udexSpacer48);flex-direction:row}.udex-footer__divider{display:block}.udex-footer__contact>div,.udex-footer__links-group{flex:1}.udex-footer__links{flex:1 1 auto}}@media (max-width: 979px){.udex-footer__copyright{padding-bottom:var(--udexSpacer4)}.udex-footer{padding:var(--udexSpacer40) var(--udexSpacer48) var(--udexSpacer120) var(--udexSpacer48)}.udex-footer__back-to-top-button{bottom:38px;left:var(--udexSpacer48);top:auto;right:auto}.udex-footer__back-to-top-button:dir(rtl){bottom:38px;right:var(--udexSpacer48);top:auto;left:auto}.udex-footer__content{gap:var(--udexSpacer16)}.udex-footer__contact{gap:var(--udexSpacer20);flex-direction:column}.udex-footer__action-item{--udex-accordion-border-width: 1px;--udex-accordion-item-title-font-weight: var(--udexTypographyFontWeightRegular);--udex-accordion-item-headline-font-size: var(--udexTypographyHeadingRegularXXXXSFontSize);--udex-accordion-item-header-padding: var(--udexSpacer4) var(--udexSpacer12) var(--udexSpacer4) var(--udexSpacer8);--udex-accordion-item-headline-color: var(--udex-footer-expandable-link-text-color);--udex-accordion-item-border-color: var(--udex-footer-expandable-link-underline-border);display:block;width:100%}.udex-footer__links,.udex-footer__divider{display:none}}@media (max-width: 639px){.udex-footer{padding:var(--udexSpacer40) var(--udexSpacer24) var(--udexSpacer120)}.udex-footer__back-to-top-button{left:var(--udexSpacer24)}.udex-footer__back-to-top-button:dir(rtl){right:var(--udexSpacer24)}}
|
|
208
|
+
`};var st=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},pn;let Ue=pn=class extends ag{constructor(){super(...arguments),this._shouldApplyFilter=!1,this._requestRender=!1,this._breakpointSizeXS=640,this._initialState=[]}onEnterDOM(){ge()&&this.setAttribute("desktop","")}onBeforeRendering(){super.onBeforeRendering()}onAfterRendering(){this._search=this.getSearch(),this._popover=this.getPopover(),this._trigger=this.getTriggerButton()}handleSelectAll(e){this.onFilterSelectAllHeaderPress(e),this.fireEvent("select-all")}handleItemPress(e){this.onItemPress(e),this.modeSingleSelect&&this.onDropdownClose()}handleHeaderPress(e){this.onHeaderPress(e)}handleValueSearch(e){this.onSearch(e)}handleSubmitSearch(){this.onDropdownClose(),this.onSubmitSearch()}handleResetSearch(){this.onResetSearch()}handleReset(){this._shouldApplyFilter=!0,this.onDropdownClose(),this.fireEvent("reset-click",{restoredItems:this.selectedItems}),this.onReset()}handleResult(){this._shouldApplyFilter=!0,this.onDropdownClose(),this.fireEvent("result-click",{selectedItems:this.selectedItems})}handleKeyDownList(e){const t=Lt(e)&&!this.hasFooterButtons,o=St(e)&&!this._search,n=e.target===this._search;(t&&(!n||this.isListEmpty)||o)&&this.onDropdownClose(e)}handleKeyDownSearch(e){const t=e.detail;(St(t)||Fe(t))&&this.onDropdownClose(t)}handleKeyDownResultBtn(e){e.stopPropagation(),Lt(e)&&!this.hasResetBtn&&this.onDropdownClose()}handleKeyDownResetBtn(e){e.stopPropagation(),Lt(e)&&this.onDropdownClose()}handleTriggerClick(){this.toggleDropdown()}handleTriggerKeydown(e){(F(e)||K(e))&&(e.preventDefault(),this.toggleDropdown())}toggleDropdown(){this._open=!this._open,this._open?(this._trigger.classList.add("udex-filter-menu__trigger-active"),this._popover.showAt(this._trigger)):this.onDropdownClose()}onDropdownClose(e){this._popover.open&&(e&&(St(e)||Fe(e))?(e.preventDefault(),this._popover.close(!0)):this._popover.close())}getSearch(){return this.shadowRoot.querySelector("[udex-search]")}_dropdownBeforeOpen(){if(this.height){const e=this._popover.shadowRoot.querySelector("[part=content]");e.style.maxHeight=this.height}this._initialState=this._getInitialState(this.items),this.fireEvent("before-open")}_dropdownAfterOpen(){const e=+this._popover.style.left.split("px")[0];this._popover.offsetWidth+e<this._breakpointSizeXS&&this.style.setProperty("--udex-filter-menu-popover-left-offset",`${this._popover.style.left}`),this.fireEvent("after-open")}_dropdownBeforeClose(){this.fireEvent("before-close")}_dropdownAfterClose(){!this._shouldApplyFilter&&this.modeMultiSelect&&!this.modeSelectAll&&this._setInitialState(),this._shouldApplyFilter=!1,this._open=!1,this._trigger.classList.remove("udex-filter-menu__trigger-active"),this.fireEvent("after-close")}_getInitialState(e){return e.flatMap(t=>{if(t.isGroup){const o={id:t._id,selected:t.selected,indeterminate:t.indeterminate},a=t.getItems().map(n=>({id:n._id,selected:n.selected}));return[o,...a]}return{id:t._id,selected:t.selected}})}_setInitialListState(){this.getSlottedItems(this.items).forEach((e,t)=>{const o=this._initialState[t];e._id===(o==null?void 0:o.id)&&(e.selected=o.selected,e.isGroup&&(e.indeterminate=o.indeterminate))})}_setInitialState(){this._setInitialListState(),this._requestRender=!0}get disableAllowTargetOverlap(){return!this.disableTargetOverlap}get hasFilterNamePrefix(){var e;return!!((e=this.filterNamePrefix)!=null&&e.length)}get getResultLabelText(){return this.resultBtnLabel!=="undefined"&&this.resultBtnLabel.length>0?this.resultBtnLabel:pn.i18nBundle.getText(UC)}get getResetLabelText(){return this.resetBtnLabel!=="undefined"&&this.resetBtnLabel.length>0?this.resetBtnLabel:pn.i18nBundle.getText(WC)}get _iconAccessibleNameText(){return pn.i18nBundle.getText(Wp)}get triggerButtonAccessibleName(){return this.accessibleName||pn.i18nBundle.getText(Wp)}get searchableList(){return Ya(pn.searchableListBaseTemplate,this)}get hideActionBar(){return this.hideResultBtn&&this.hideResetBtn}get hasFooterButtons(){return!!this.shadowRoot.querySelector("[udex-button]")}get hasResetBtn(){return!this.hideResetBtn}get modeSelectAll(){return!!this.querySelector("[udex-filter-menu-select-all]")}getTriggerButton(){return this.shadowRoot.querySelector("#filterMenuTrigger")}getPopover(){return this.shadowRoot.querySelector("[ui5-popover]")}getItems(){return this.getSlottedNodes("items")}static get searchableListBaseTemplate(){return og}};st([c({validator:q})],Ue.prototype,"badgeValue",void 0);st([c({type:Boolean})],Ue.prototype,"disableTargetOverlap",void 0);st([c({type:String})],Ue.prototype,"height",void 0);st([c({type:Ps,defaultValue:Ps.Bottom})],Ue.prototype,"placementType",void 0);st([c({type:Ns,defaultValue:Ns.Left})],Ue.prototype,"horizontalAlign",void 0);st([c({type:fe,defaultValue:fe.SingleSelect})],Ue.prototype,"mode",void 0);st([c()],Ue.prototype,"resetBtnLabel",void 0);st([c()],Ue.prototype,"resultBtnLabel",void 0);st([c()],Ue.prototype,"filterName",void 0);st([c()],Ue.prototype,"filterNamePrefix",void 0);st([c({type:Boolean})],Ue.prototype,"disabled",void 0);st([c({type:Boolean})],Ue.prototype,"_open",void 0);st([c({type:Boolean})],Ue.prototype,"hideResultBtn",void 0);st([c({type:Boolean})],Ue.prototype,"hideResetBtn",void 0);st([c()],Ue.prototype,"accessibleName",void 0);st([c()],Ue.prototype,"accessibleNameRef",void 0);st([c({type:bo,defaultValue:bo.None})],Ue.prototype,"accessibleRole",void 0);st([c({type:String,defaultValue:"combobox"})],Ue.prototype,"triggerAccessibleRole",void 0);st([c({type:Boolean})],Ue.prototype,"_shouldApplyFilter",void 0);st([c({type:Boolean,noAttribute:!0})],Ue.prototype,"_requestRender",void 0);Ue=pn=st([y({tag:"udex-filter-menu",renderer:k,styles:[Sj,h0],template:xj,dependencies:[Yi,U,Sh,d0,hj,_j,al,u0,Yn,s0,uh,fh,Wt]}),f("reset-click",{detail:{restoredItems:{type:Array}}}),f("result-click",{detail:{selectedItems:{type:Array}}}),f("select-all"),f("before-open"),f("after-open"),f("before-close"),f("after-close")],Ue);Ue.define();const $j="headset",p0="M0 240.96q0-26.996 12.998-46.993t34.994-33.994q1-10.998 5.499-23.496t11.498-25.496q10.998-20.996 29.495-40.993t41.493-35.494 49.491-24.496T239.96 1h1q4 0 7.499-.5t7.499-.5q29.994 0 58.99 8.998t54.49 23.996 45.493 34.994 31.994 42.993q16.997 25.996 16.997 48.992 21.996 13.997 34.994 33.994t12.998 46.992q1 34.994-9.498 51.491t-22.497 27.496q-3.999 27.995-9.498 46.492t-14.497 33.494-22.497 29.495-33.494 34.494q-5.999 5-16.997 8.999t-18.997 3.999q-3-1-6.499-1h-6.499q-12.997 0-13.997 1-5 0-5 4-1.999 3.999-4.999 7.998t-6.998 6.999q-2 2-4 3t-3.999 2.999q-12.998 9.998-31.995 9.998-26.995 0-43.492-20.996t-10.498-47.992q4.999-19.997 19.996-30.995t34.994-10.998q21.997 0 36.994 13.498t18.997 34.494h30.994q4 0 6-2 6.998-4 19.496-12.998t24.496-23.996 20.996-37.493 8.999-52.491h-15.997l-2-1q-1 0-2.5-.5t-3.499-.5q-7.999-5-7.999-13.998V175.97l1-2q0-2 .5-2.999t.5-3q3-5.999 13.998-7.998-6-23.996-22.497-46.992t-40.493-40.993-52.99-28.995-59.99-10.998q-60.99 0-109.482 33.994t-66.489 93.984q8.999 0 13.998 7.998 1 1 1 6 1 1 1 2v127.977q0 8.999-7.999 13.998-2 0-3 .5t-2.999.5q-1 1-2 1H63.99q-11.998 0-23.496-3.5t-20.496-12.498-14.498-23.996T0 240.96z",Tj=!1,Cj="SAP-icons-v4",Ij="@ui5/webcomponents-icons";D($j,{pathData:p0,ltr:Tj,collection:Cj,packageName:Ij});const Bj="headset",_0="M480 358q0 32-12 60t-33 49-49 33-60 12h-76q-11 0-18.5-7.5T224 486v-26q0-13 8-19t17-6q10 0 18 6.5t8 19.5h51q28 0 50.5-13t36.5-35q-10 3-23 3h-44q-11 0-18.5-7.5T320 390V250q0-11 7.5-18.5T346 224h83q-1-36-15.5-67.5t-37.5-55-54-37T256 51t-66 13.5-54 37-37 55T83 224h83q11 0 18.5 7.5T192 250v140q0 11-7.5 18.5T166 416h-44q-38 0-64-26t-26-64v-96q0-47 17.5-88.5t47.5-73 71-50T256 0q48 0 89 18.5t71 50 47 73 17 88.5v128zm-339-83H83v51q0 17 11 28t28 11h19v-90zm249 90q17 0 28-11t11-28v-51h-58v90h19z",Ej=!1,Aj="SAP-icons-v5",Dj="@ui5/webcomponents-icons";D(Bj,{pathData:_0,ltr:Ej,collection:Aj,packageName:Dj});oe();const Pj="email",v0="M480 64q14 0 23 9t9 23v320q0 13-9 22.5t-23 9.5H32q-13 0-22.5-9.5T0 416V96q0-14 9.5-23T32 64h448zM64 96l192 160L448 96H64zm416 16L256 288 32 112v288l133-136 19 18L48 416h416L329 282l17-18 134 136V112z",Nj=!1,Rj="SAP-icons-v4",Lj="@ui5/webcomponents-icons";D(Pj,{pathData:v0,ltr:Nj,collection:Rj,packageName:Lj});const jj="email",g0="M422 64q38 0 64 26t26 64v204q0 38-26 64t-64 26H90q-38 0-64-26T0 358V154q0-38 26-64t64-26h332zM90 115q-11 0-22 7l167 108q8 7 21 7t21-7l166-109q-9-6-21-6H90zm332 282q17 0 28-11t11-28V171L305 273q-22 15-49 15-26 0-49-15L51 172v186q0 17 11 28t28 11h332z",Mj=!1,Oj="SAP-icons-v5",zj="@ui5/webcomponents-icons";D(jj,{pathData:g0,ltr:Mj,collection:Oj,packageName:zj});oe();const Fj="back-to-top",m0="M480 0q14 0 23 9.5t9 22.5q0 14-9 23t-23 9H32q-14 0-23-9T0 32Q0 19 9 9.5T32 0h448zm-98 239q12 11 0 23-12 11-23 0l-87-87v321q0 16-16 16t-16-16V177l-85 85q-5 5-11 5t-11-5q-12-11 0-23l102-101q10-9 22.5-9.5T280 138z",Xj=!1,Hj=m5,qj="SAP-icons-v4",Vj="@ui5/webcomponents-icons";D(Fj,{pathData:m0,ltr:Xj,accData:Hj,collection:qj,packageName:Vj});const Uj="back-to-top",f0="M26 51q-11 0-18.5-7T0 26 7.5 7.5 26 0h460q11 0 18.5 7.5T512 26t-7.5 18-18.5 7H26zm363 200q8 8 8 18 0 11-7.5 18t-18.5 7-18-7l-71-72v271q0 11-7.5 18.5T256 512t-18.5-7.5T230 486V215l-71 72q-7 7-18 7t-18.5-7-7.5-18q0-10 8-18l115-116q9-7 18-7t18 7z",Wj=!1,Gj=m5,Yj="SAP-icons-v5",Kj="@ui5/webcomponents-icons";D(Uj,{pathData:f0,ltr:Wj,accData:Gj,collection:Yj,packageName:Kj});oe();const Zj="discussion-2",b0="M0 288V128q0-26 19-45t45-19h384q26 0 45 19t19 45v160q0 27-19 45.5T448 352h-32v140q0 9-6.5 14.5T395 512q-9 0-13-4l-94-156h-80l-78 92q-4 4-13 4-8 0-14.5-5.5T96 428v-76H64q-26 0-45-18.5T0 288zm64 32h64v80l64-79h112l80 127V320h64q14 0 23-9t9-23V128q0-13-9-22.5T448 96H64q-14 0-23 9.5T32 128v160q0 14 9 23t23 9zm240-96h96q7 0 11.5 5t4.5 11q0 16-16 16h-96q-16 0-16-16 0-6 4.5-11t11.5-5zm0-64h96q7 0 11.5 5t4.5 11q0 16-16 16h-96q-16 0-16-16 0-6 4.5-11t11.5-5zm-192-32h96q7 0 11.5 5t4.5 11q0 16-16 16h-96q-16 0-16-16 0-6 4.5-11t11.5-5zm0 64h96q7 0 11.5 5t4.5 11q0 16-16 16h-96q-16 0-16-16 0-6 4.5-11t11.5-5z",Qj=!1,Jj="SAP-icons-v4",e6="@ui5/webcomponents-icons";D(Zj,{pathData:b0,ltr:Qj,collection:Jj,packageName:e6});const t6="discussion-2",x0="M422 0q38 0 64 26t26 64v300q0 12-8 19t-18 7-18-8l-84-89q-1 18-8.5 33T356 378.5t-28 18-34 6.5H139L44 504q-7 8-18 8-10 0-18-7t-8-19V186q0-38 26-64t64-26h38v-6q0-38 26-64t64-26h204zm39 90q0-17-11-28t-28-11H218q-17 0-28 11t-11 28v128q0 16 11 27t28 11h166q11 0 19 8l58 62V90zM294 352q17 0 28-11t11-27v-7H218q-38 0-64-26t-26-63v-71H90q-17 0-28 11t-11 28v236l58-62q8-8 19-8h166z",i6=!1,o6="SAP-icons-v5",a6="@ui5/webcomponents-icons";D(t6,{pathData:x0,ltr:i6,collection:o6,packageName:a6});oe();const r6="navigation-right-arrow",y0="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",n6=!1,s6="SAP-icons-v4",l6="@ui5/webcomponents-icons";D(r6,{pathData:y0,ltr:n6,collection:s6,packageName:l6});const d6="navigation-right-arrow",w0="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",c6=!1,u6="SAP-icons-v5",h6="@ui5/webcomponents-icons";D(d6,{pathData:w0,ltr:c6,collection:u6,packageName:h6});oe();const rs={XS:{min:360,max:639},S:{min:640,max:979},M:{min:980,max:1279},L:{min:1280,max:1599},XL:{min:1600,max:1/0}};class Ja{static get width(){return typeof window<"u"?window.innerWidth:0}static getCurrentBreakpoint(){return Object.keys(rs).find(e=>this.isInRange(e))}static isInRange(e){const{min:t,max:o}=rs[e];return this.width>=t&&this.width<=o}static isAtLeast(e){return this.width>=rs[e].min}static isAbove(e){return this.width>rs[e].min}static isAtMost(e){return this.width<=rs[e].max}static isBelow(e){return this.width<rs[e].max}}function p6(i,e,t){return t?d`<footer class="udex-footer"><div class="udex-footer__content"><div class="udex-footer__contact-social">${this.logoUrl?bf.call(this,i,e,t):void 0}${this.isContactContainerVisible?xf.call(this,i,e,t):void 0}</div>${this.isContactContainerVisible?kf.call(this,i,e,t):void 0}${this._shouldRenderMobileMenu?Sf.call(this,i,e,t):Pf.call(this,i,e,t)}<${u("udex-divider",e,t)} class="udex-footer__divider"></${u("udex-divider",e,t)}><div class="udex-footer__copyright">${this.isChineseLang?Nf.call(this,i,e,t):void 0}<span class="udex-footer__copyright-text">${r(this.copyrightText)}</span></div>${this.socialLinksArray.length?Rf.call(this,i,e,t):void 0}</div><${u("udex-button",e,t)} class="udex-footer__back-to-top-button" icon="back-to-top" @click="${this.onBackToTopClick}" design="Tertiary" size="Large" accessible-name="back to top"></${u("udex-button",e,t)}></footer> `:d`<footer class="udex-footer"><div class="udex-footer__content"><div class="udex-footer__contact-social">${this.logoUrl?bf.call(this,i,e,t):void 0}${this.isContactContainerVisible?xf.call(this,i,e,t):void 0}</div>${this.isContactContainerVisible?kf.call(this,i,e,t):void 0}${this._shouldRenderMobileMenu?Sf.call(this,i,e,t):Pf.call(this,i,e,t)}<udex-divider class="udex-footer__divider"></udex-divider><div class="udex-footer__copyright">${this.isChineseLang?Nf.call(this,i,e,t):void 0}<span class="udex-footer__copyright-text">${r(this.copyrightText)}</span></div>${this.socialLinksArray.length?Rf.call(this,i,e,t):void 0}</div><udex-button class="udex-footer__back-to-top-button" icon="back-to-top" @click="${this.onBackToTopClick}" design="Tertiary" size="Large" accessible-name="back to top"></udex-button></footer> `}function bf(i,e,t){return d`<div class="udex-footer__logo">${this.logoLink?_6.call(this,i,e,t):v6.call(this,i,e,t)}</div>`}function _6(i,e,t){return d`<a href="${r(this.parsedRef)}" @click="${this._onLogoClick}" title="${r(this.logoTitle)}" aria-label="${r(this.logoAriaLabel)}"><img id="udex-footer__logo-image" src="${r(this.logoUrl)}" class="udex-footer__logo-image" alt="${r(this.logoAlt)}"/></a>`}function v6(i,e,t){return d`<img id="udex-footer__logo-image" src="${r(this.logoUrl)}" class="udex-footer__logo-image" alt="${r(this.logoAlt)}"/>`}function xf(i,e,t){return d`<div class="udex-footer__contact">${this.contactNumbersArray.length?g6.call(this,i,e,t):void 0}${this.contactUsLink?m6.call(this,i,e,t):void 0}${this.chatWithUsLink?f6.call(this,i,e,t):void 0}</div>`}function g6(i,e,t){return t?d`<div class="udex-footer__numbers"><div class="udex-footer__icon-container"><${u("ui5-icon",e,t)} class="udex-footer__icon" name="headset"></${u("ui5-icon",e,t)}></div><div><div class="udex-footer__numbers-wrapper">${T(this.contactNumbersArray,(o,a)=>o._id||a,(o,a)=>yf.call(this,i,e,t,o,a))}</div>${this.localCountryNumbersLink?wf.call(this,i,e,t):void 0}</div></div>`:d`<div class="udex-footer__numbers"><div class="udex-footer__icon-container"><ui5-icon class="udex-footer__icon" name="headset"></ui5-icon></div><div><div class="udex-footer__numbers-wrapper">${T(this.contactNumbersArray,(o,a)=>o._id||a,(o,a)=>yf.call(this,i,e,t,o,a))}</div>${this.localCountryNumbersLink?wf.call(this,i,e,t):void 0}</div></div>`}function yf(i,e,t,o,a){return d`<div><span class="hidden" aria-hidden id="udex-footer__${a}_phone-label">${r(this.phoneNumberAccessibleName)}${r(o.country)} : ${r(o.number)}</span><p class="udex-footer__country">${r(o.country)}</p><a href="tel:${r(o.number)}" class="udex-footer__number" @click="${this._onContactPhoneClick}" aria-labelledby="udex-footer__${a}_phone-label">${r(o.number)}</a></div>`}function wf(i,e,t){return t?d`<p class="udex-footer__remark">${r(this.completeListTitle)}<${u("udex-link",e,t)} class="udex-footer__remark-link" @click="${this._onContactPhoneLocalNumbersClick}" href="${r(this.localCountryNumbersLink)}" design="Subtle">${r(this.localCountryTitle)}.</${u("udex-link",e,t)}></p>`:d`<p class="udex-footer__remark">${r(this.completeListTitle)}<udex-link class="udex-footer__remark-link" @click="${this._onContactPhoneLocalNumbersClick}" href="${r(this.localCountryNumbersLink)}" design="Subtle">${r(this.localCountryTitle)}.</udex-link></p>`}function m6(i,e,t){return t?d`<div class="udex-footer__contact-us"><div class="udex-footer__icon-container"><${u("ui5-icon",e,t)} class="udex-footer__icon" name="email"></${u("ui5-icon",e,t)}></div><span class="hidden" aria-hidden id="udex-footer__contact-us-label">${r(this.contactUsAccessibleLabel)}</span><a href="${r(this.contactUsLink)}" class="udex-footer__contact-us-link" aria-labelledby="udex-footer__contact-us-label" @click="${this._onContactEmailClick}">${r(this.contactUsAccessibleName)}</a></div>`:d`<div class="udex-footer__contact-us"><div class="udex-footer__icon-container"><ui5-icon class="udex-footer__icon" name="email"></ui5-icon></div><span class="hidden" aria-hidden id="udex-footer__contact-us-label">${r(this.contactUsAccessibleLabel)}</span><a href="${r(this.contactUsLink)}" class="udex-footer__contact-us-link" aria-labelledby="udex-footer__contact-us-label" @click="${this._onContactEmailClick}">${r(this.contactUsAccessibleName)}</a></div>`}function f6(i,e,t){return t?d`<div class="udex-footer__chat-with-us"><div class="udex-footer__icon-container"><${u("ui5-icon",e,t)} class="udex-footer__icon" name="discussion-2"></${u("ui5-icon",e,t)}></div><a href="${r(this.chatWithUsLink)}" class="udex-footer__chat-with-us-link" @click="${this._onContactChatClick}">${r(this.chatWithUsAccessibleName)}</a></div>`:d`<div class="udex-footer__chat-with-us"><div class="udex-footer__icon-container"><ui5-icon class="udex-footer__icon" name="discussion-2"></ui5-icon></div><a href="${r(this.chatWithUsLink)}" class="udex-footer__chat-with-us-link" @click="${this._onContactChatClick}">${r(this.chatWithUsAccessibleName)}</a></div>`}function kf(i,e,t){return t?d`<${u("udex-divider",e,t)} class="udex-footer__divider"></${u("udex-divider",e,t)}>`:d`<udex-divider class="udex-footer__divider"></udex-divider>`}function Sf(i,e,t){return t?d`<${u("udex-accordion",e,t)} class="udex-footer__accordion">${this.quickLinksArray.length?$f.call(this,i,e,t):void 0}${this.trendingLinksArray.length?Cf.call(this,i,e,t):void 0}${this.aboutLinksArray.length?Bf.call(this,i,e,t):void 0}${this.siteInformationLinksArray.length?Af.call(this,i,e,t):void 0}</${u("udex-accordion",e,t)}>`:d`<udex-accordion class="udex-footer__accordion">${this.quickLinksArray.length?$f.call(this,i,e,t):void 0}${this.trendingLinksArray.length?Cf.call(this,i,e,t):void 0}${this.aboutLinksArray.length?Bf.call(this,i,e,t):void 0}${this.siteInformationLinksArray.length?Af.call(this,i,e,t):void 0}</udex-accordion>`}function $f(i,e,t){return t?d`<${u("udex-accordion-item",e,t)} title="${r(this._quickLinksTitle)}" class="udex-footer__action-item"><ul class="udex-footer__links-list udex-footer__links-list--mobile">${T(this.quickLinksArray,(o,a)=>o._id||a,(o,a)=>Tf.call(this,i,e,t,o,a))}</ul><h3 class="udex-footer__links-item hidden" aria-hidden="true" id="udex-footer__quick-links">${r(this._quickLinksTitle)}</h3></${u("udex-accordion-item",e,t)}>`:d`<udex-accordion-item title="${r(this._quickLinksTitle)}" class="udex-footer__action-item"><ul class="udex-footer__links-list udex-footer__links-list--mobile">${T(this.quickLinksArray,(o,a)=>o._id||a,(o,a)=>Tf.call(this,i,e,t,o,a))}</ul><h3 class="udex-footer__links-item hidden" aria-hidden="true" id="udex-footer__quick-links">${r(this._quickLinksTitle)}</h3></udex-accordion-item>`}function Tf(i,e,t,o,a){return d`<li><a target="${r(o.target)}" aria-describedby="udex-footer__quick-links" href="${r(o.url)}" data-id="${r(o.id)}" @click="${this._onQuickLinksClick}">${r(o.title)}</a></li>`}function Cf(i,e,t){return t?d`<${u("udex-accordion-item",e,t)} title="${r(this._trendingTitle)}" class="udex-footer__action-item"><ul class="udex-footer__links-list udex-footer__links-list--mobile">${T(this.trendingLinksArray,(o,a)=>o._id||a,(o,a)=>If.call(this,i,e,t,o,a))}</ul><h3 class="udex-footer__links-item hidden" aria-hidden="true" id="udex-footer__trending">${r(this._trendingTitle)}</h3></${u("udex-accordion-item",e,t)}>`:d`<udex-accordion-item title="${r(this._trendingTitle)}" class="udex-footer__action-item"><ul class="udex-footer__links-list udex-footer__links-list--mobile">${T(this.trendingLinksArray,(o,a)=>o._id||a,(o,a)=>If.call(this,i,e,t,o,a))}</ul><h3 class="udex-footer__links-item hidden" aria-hidden="true" id="udex-footer__trending">${r(this._trendingTitle)}</h3></udex-accordion-item>`}function If(i,e,t,o,a){return d`<li><a target="${r(o.target)}" aria-describedby="udex-footer__footer__trending" href="${r(o.url)}" @click="${this._onTrendingClick}" data-id="${r(o.id)}">${r(o.title)}</a></li>`}function Bf(i,e,t){return t?d`<${u("udex-accordion-item",e,t)} title="${r(this._aboutSapTitle)}" class="udex-footer__action-item"><ul class="udex-footer__links-list udex-footer__links-list--mobile">${T(this.aboutLinksArray,(o,a)=>o._id||a,(o,a)=>Ef.call(this,i,e,t,o,a))}</ul><h3 class="udex-footer__links-item hidden" aria-hidden="true" id="udex-footer__about">${r(this._aboutSapTitle)}</h3></${u("udex-accordion-item",e,t)}>`:d`<udex-accordion-item title="${r(this._aboutSapTitle)}" class="udex-footer__action-item"><ul class="udex-footer__links-list udex-footer__links-list--mobile">${T(this.aboutLinksArray,(o,a)=>o._id||a,(o,a)=>Ef.call(this,i,e,t,o,a))}</ul><h3 class="udex-footer__links-item hidden" aria-hidden="true" id="udex-footer__about">${r(this._aboutSapTitle)}</h3></udex-accordion-item>`}function Ef(i,e,t,o,a){return d`<li><a target="${r(o.target)}" aria-describedby="udex-footer__about" href="${r(o.url)}" data-id="${r(o.id)}" @click="${this._onAboutSapClick}">${r(o.title)}</a></li>`}function Af(i,e,t){return t?d`<${u("udex-accordion-item",e,t)} title="${r(this._siteInformationTitle)}" class="udex-footer__action-item"><ul class="udex-footer__links-list udex-footer__links-list--mobile">${T(this.siteInformationLinksArray,(o,a)=>o._id||a,(o,a)=>Df.call(this,i,e,t,o,a))}</ul><h3 class="udex-footer__links-item hidden" aria-hidden="true" id="udex-footer__site-information">${r(this._siteInformationTitle)}</h3></${u("udex-accordion-item",e,t)}>`:d`<udex-accordion-item title="${r(this._siteInformationTitle)}" class="udex-footer__action-item"><ul class="udex-footer__links-list udex-footer__links-list--mobile">${T(this.siteInformationLinksArray,(o,a)=>o._id||a,(o,a)=>Df.call(this,i,e,t,o,a))}</ul><h3 class="udex-footer__links-item hidden" aria-hidden="true" id="udex-footer__site-information">${r(this._siteInformationTitle)}</h3></udex-accordion-item>`}function Df(i,e,t,o,a){return d`<li><a target="${r(o.target)}" aria-describedby="udex-footer__site-information" href="${r(o.url)}" data-id="${r(o.id)}" @click="${this._onSiteInformationClick}">${r(o.title)}</a></li>`}function Pf(i,e,t){return d`<div class="udex-footer__links">${this.quickLinksArray.length?b6.call(this,i,e,t):void 0}${this.trendingLinksArray.length?y6.call(this,i,e,t):void 0}${this.aboutLinksArray.length?k6.call(this,i,e,t):void 0}${this.siteInformationLinksArray.length?$6.call(this,i,e,t):void 0}</div>`}function b6(i,e,t){return d`<div class="udex-footer__links-group udex-footer__quick-links"><h3 class="udex-footer__links-item" id="udex-footer__quick-links">${r(this._quickLinksTitle)}</h3><nav aria-labelledby="udex-footer__quick-links"><ul class="udex-footer__links-list udex-footer__links-list--desktop">${T(this.quickLinksArray,(o,a)=>o._id||a,(o,a)=>x6.call(this,i,e,t,o,a))}</ul></nav></div>`}function x6(i,e,t,o,a){return d`<li><a target="${r(o.target)}" aria-describedby="udex-footer__quick-links" data-id="${r(o.id)}" href="${r(o.url)}" @click="${this._onQuickLinksClick}">${r(o.title)}</a></li>`}function y6(i,e,t){return d`<div class="udex-footer__links-group udex-footer__trending-links"><h3 class="udex-footer__links-item" id="udex-footer__trending">${r(this._trendingTitle)}</h3><nav aria-labelledby="udex-footer__trending"><ul class="udex-footer__links-list udex-footer__links-list--desktop">${T(this.trendingLinksArray,(o,a)=>o._id||a,(o,a)=>w6.call(this,i,e,t,o,a))}</ul></nav></div>`}function w6(i,e,t,o,a){return d`<li><a target="${r(o.target)}" aria-describedby="udex-footer__footer__trending" data-id="${r(o.id)}" href="${r(o.url)}" @click="${this._onTrendingClick}">${r(o.title)}</a></li>`}function k6(i,e,t){return d`<div class="udex-footer__links-group udex-footer__about-links"><h3 class="udex-footer__links-item" id="udex-footer__about">${r(this._aboutSapTitle)}</h3><nav aria-labelledby="udex-footer__about"><ul class="udex-footer__links-list udex-footer__links-list--desktop">${T(this.aboutLinksArray,(o,a)=>o._id||a,(o,a)=>S6.call(this,i,e,t,o,a))}</ul></nav></div>`}function S6(i,e,t,o,a){return d`<li><a target="${r(o.target)}" aria-describedby="udex-footer__about" data-id="${r(o.id)}" href="${r(o.url)}" @click="${this._onAboutSapClick}">${r(o.title)}</a></li>`}function $6(i,e,t){return d`<div class="udex-footer__links-group udex-footer__site-information-links"><h3 class="udex-footer__links-item" id="udex-footer__site-information">${r(this._siteInformationTitle)}</h3><nav aria-labelledby="udex-footer__site-information"><ul class="udex-footer__links-list udex-footer__links-list--desktop">${T(this.siteInformationLinksArray,(o,a)=>o._id||a,(o,a)=>T6.call(this,i,e,t,o,a))}</ul></nav></div>`}function T6(i,e,t,o,a){return d`<li><a target="${r(o.target)}" aria-describedby="udex-footer__site-information" data-id="${r(o.id)}" href="${r(o.url)}" @click="${this._onSiteInformationClick}">${r(o.title)}</a></li>`}function Nf(i,e,t){return d`<span class="udex-footer__copyright-chinese-text"><a href="${r(this.chineseIcpNumberLink)}" title="${r(this.chineseICPNumber)}" class="udex-footer__copyright-chinese-link" target="_blank">${r(this.chineseICPNumber)}</a>${r(this.chineseSecurityNetworkNumber)}</span>`}function Rf(i,e,t){return d`<div class="udex-footer__social-container">${T(this.socialLinksArray,(o,a)=>o._id||a,(o,a)=>C6.call(this,i,e,t,o,a))}</div>`}function C6(i,e,t,o,a){return d`<a target="${r(o.target)}" href="${r(o.url)}" class="udex-footer__social-icon" data-name="${r(o.name)}" data-id="${r(o.id)}" @click="${this._onSocialMediaLinkClick}"><img data-name="${r(o.name)}" data-id="${r(o.id)}" alt="${r(o.name)}${r(this.socialIconAccessibleName)}" src="${r(o.iconUrl)}" loading="lazy" /></a>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const I6={packageName:"@sapudex/web-components",fileName:"themes/Footer.css.ts",content:`:host{--udex-footer-container-xl-max-width: 1432px;--udex-footer-container-l-max-width: 1456px;--udex-footer-background-color: var(--udexCoreSurfaceHigher, #EAECEE);--udex-footer-icon-color: var(--udexColorGrey9, #223548);--udex-footer-text-color: var(--sapShell_NeutralColor, #475E75);--udex-footer-expandable-link-text-color: var(--sapTitleColor, #000);--udex-footer-expandable-link-underline-border: var(--sapNeutralBorderColor, #A9B4BE);--udex-footer-link-color-heading: var(--sapShell_GroupTitleTextColor, #354A5F);--udex-footer-link-color: var(--sapShell_InteractiveTextColor, #354A5F);display:block;container-type:inline-size;width:100%}:host a{text-decoration:none;color:var(--udex-footer-link-color)}:host a:hover{text-decoration:underline}.udex-footer{background:var(--udex-footer-background-color);padding:var(--udexSpacer72) var(--udexSpacer84);font-family:var(--sapFontFamily);color:var(--udex-footer-text-color);position:relative}.udex-footer__content{display:flex;flex-wrap:wrap;position:relative;justify-content:space-between;margin:0 auto;max-width:var(--udex-footer-container-xl-max-width);column-gap:var(--udexSpacer48)}.udex-footer__contact-social{position:relative;flex:1 0 24.8%}.udex-footer__back-to-top-button{position:absolute;top:var(--udexSpacer48);right:var(--udexSpacer24);left:auto;bottom:auto}.udex-footer__back-to-top-button:dir(rtl){left:var(--udexSpacer24);right:auto}.udex-footer__logo{margin-bottom:var(--udexSpacer48)}.udex-footer__logo-image{height:32px;width:65.6px}.udex-footer__contact-social,.udex-footer__numbers-wrapper,.udex-footer__contact{display:flex;flex-direction:column}.udex-footer__contact>div{display:flex;margin-bottom:var(--udexSpacer20)}.udex-footer__numbers-wrapper{gap:var(--udexSpacer20)}.udex-footer__icon-container{box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:26px;height:26px;padding:var(--udexSpacer4);margin-inline-end:var(--udexSpacer16)}.udex-footer__contact .udex-footer__icon{width:18px;height:18px;color:var(--udex-footer-icon-color)}.udex-footer__country,.udex-footer__chat-with-us-link,.udex-footer__contact-us-link{font-size:var(--udexTypographyBodyXSFontSize);line-height:21px}.udex-footer__number{font-size:var(--udexTypographyHeadingMediumXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium);line-height:22px}.udex-footer__remark,.udex-footer__remark-link{font-size:var(--udexTypographyBodyXXSFontSize);line-height:18px}.udex-footer__country{margin:0 0 var(--udexSpacer2)}.udex-footer__remark,.udex-footer__number{margin:var(--udexSpacer2) 0 0}.hidden,.udex-footer__divider,.udex-footer__action-item,.udex-footer__accordion::part(head){display:none}.udex-footer__social-container{display:flex;flex-wrap:wrap;width:100%;padding-top:var(--udexSpacer20);row-gap:var(--udexSpacer12);column-gap:var(--udexSpacer12)}a.udex-footer__social-icon{display:flex;width:32px;height:32px;border-radius:var(--udexRadiusXS);background-color:var(--udexColorNeutralWhite);color:var(--udex-footer-icon-color)}.udex-footer__social-icon>img{margin:auto;align-items:center;max-width:100%;max-height:100%}.udex-footer__links{display:flex;gap:var(--udexSpacer48);flex:1 1 59%}.udex-footer__links-group{flex-basis:21.5%}.udex-footer__links>div{margin:0}.udex-footer__links-list{list-style:none;margin:0;padding:0}h3{font-size:var(--udexTypographyNavigationMediumXLFontSize);line-height:18px;font-weight:var(--udexTypographyFontWeightMedium);color:var(--udex-footer-link-color-heading);margin:0 0 var(--udexSpacer20)}.udex-footer__links-list li a{padding:var(--udexSpacer8) 0;font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyBodyLineHeight, 1.5);display:inline-block;box-sizing:border-box;min-height:38px}:host([desktop]) .udex-footer a:focus,.udex-footer a:focus-visible{outline:solid var(--udexSpacer2, 2px) var(--sapContent_FocusColor, #0040B0);border-radius:var(--udexRadiusXXS, 2px)}.udex-footer__contact-us,.udex-footer__chat-with-us{align-items:center}.udex-footer__copyright{display:flex;flex-direction:column;font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyBodyLineHeight);padding-top:var(--udexSpacer32)}:host a.udex-footer__copyright-chinese-link{color:var(--udex-footer-text-color)}@media (max-width: 1599px){.udex-footer{padding:var(--udexSpacer72)}.udex-footer__content{max-width:var(--udex-footer-container-l-max-width)}}@media (max-width: 1279px){.udex-footer__back-to-top-button{top:var(--udexSpacer40)}.udex-footer{padding:var(--udexSpacer40) var(--udexSpacer84)}.udex-footer__copyright{padding-top:0}.udex-footer__content{flex-direction:column;flex-wrap:nowrap;gap:var(--udexSpacer20)}.udex-footer__logo{margin-bottom:var(--udexSpacer32)}.udex-footer__contact-us,.udex-footer__chat-with-us,.udex-footer__contact>div{margin-bottom:auto}.udex-footer__social-container{padding-top:0}.udex-footer__back-to-top-button{right:var(--udexSpacer16)}.udex-footer__back-to-top-button:dir(rtl){left:var(--udexSpacer16)}.udex-footer__contact{gap:var(--udexSpacer48);flex-direction:row}.udex-footer__divider{display:block}.udex-footer__contact>div,.udex-footer__links-group{flex:1}.udex-footer__links{flex:1 1 auto}}@media (max-width: 979px){.udex-footer__copyright{padding-bottom:var(--udexSpacer4)}.udex-footer{padding:var(--udexSpacer40) var(--udexSpacer48) var(--udexSpacer120) var(--udexSpacer48)}.udex-footer__back-to-top-button{bottom:38px;left:var(--udexSpacer48);top:auto;right:auto}.udex-footer__back-to-top-button:dir(rtl){bottom:38px;right:var(--udexSpacer48);top:auto;left:auto}.udex-footer__content{gap:var(--udexSpacer16)}.udex-footer__contact{gap:var(--udexSpacer20);flex-direction:column}.udex-footer__action-item{--udex-accordion-border-width: 1px;--udex-accordion-item-title-font-weight: var(--udexTypographyFontWeightRegular);--udex-accordion-item-headline-font-size: var(--udexTypographyHeadingRegularXXXXSFontSize);--udex-accordion-item-header-padding: var(--udexSpacer4) var(--udexSpacer12) var(--udexSpacer4) var(--udexSpacer8);--udex-accordion-item-headline-color: var(--udex-footer-expandable-link-text-color);--udex-accordion-item-border-color: var(--udex-footer-expandable-link-underline-border);display:block;width:100%}.udex-footer__links,.udex-footer__divider{display:none}}@media (max-width: 639px){.udex-footer{padding:var(--udexSpacer40) var(--udexSpacer24) var(--udexSpacer120)}.udex-footer__back-to-top-button{left:var(--udexSpacer24)}.udex-footer__back-to-top-button:dir(rtl){right:var(--udexSpacer24)}}
|
|
209
209
|
`};var lt=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},Pt;const B6="https://beian.miit.gov.cn/",ns={detail:{originalEvent:{type:Event}}},$l={detail:{originalEvent:{type:Event},name:{type:String},id:{type:String},sourceNode:{type:HTMLElement}}};let We=Pt=class extends E{static async onDefine(){Pt.i18nBundle=await M("@sapudex/web-components")}constructor(){super(),this._handleResizeBound=this._handleResize.bind(this)}onExitDOM(){J.deregister(this,this._handleResizeBound)}onEnterDOM(){ge()&&this.setAttribute("desktop",""),J.register(this,this._handleResizeBound)}_handleResize(){this._shouldRenderMobileMenu=this.isMobile}onBackToTopClick(e){this.fireEvent("back-to-top-click",{originalEvent:e},!0),window.scrollTo(0,0)}parseArrayFromString(e){return e?JSON.parse(e):[]}get parsedRef(){return this.logoLink&&this.logoLink.length>0?this.logoLink:void 0}get quickLinksArray(){return this.parseArrayFromString(this.quickLinks)}get trendingLinksArray(){return this.parseArrayFromString(this.trendingLinks)}get aboutLinksArray(){return this.parseArrayFromString(this.aboutLinks)}get siteInformationLinksArray(){return this.parseArrayFromString(this.siteInformationLinks)}get contactNumbersArray(){return this.parseArrayFromString(this.contactNumbersList)}get socialLinksArray(){return this.parseArrayFromString(this.socialLinks)}get isContactContainerVisible(){return!!this.contactNumbersArray.length||!!this.contactUsLink||!!this.chatWithUsLink}get socialIconAccessibleName(){return` ${Pt.i18nBundle.getText(n3)}`}get phoneNumberAccessibleName(){return`${Pt.i18nBundle.getText(s3)} `}get contactUsAccessibleName(){return Pt.i18nBundle.getText(l3)}get contactUsAccessibleLabel(){return this.contactUsLink.includes("mailto:")?`${this.contactUsAccessibleName} ${Pt.i18nBundle.getText(d3)}`:`${this.contactUsAccessibleName}`}get chatWithUsAccessibleName(){return Pt.i18nBundle.getText(c3)}get _quickLinksTitle(){return this.quickLinksTitle||Pt.i18nBundle.getText(u3)}get _trendingTitle(){return this.trendingTitle||Pt.i18nBundle.getText(h3)}get _aboutSapTitle(){return this.aboutSapTitle||Pt.i18nBundle.getText(p3)}get _siteInformationTitle(){return this.siteInformationTitle||Pt.i18nBundle.getText(_3)}get completeListTitle(){return`${Pt.i18nBundle.getText(v3)} `}get localCountryTitle(){return Pt.i18nBundle.getText(g3)}get copyrightText(){return Pt.i18nBundle.getText(m3,new Date().getFullYear())}get chineseICPNumber(){return`${Pt.i18nBundle.getText(b3)} `}get chineseSecurityNetworkNumber(){return Pt.i18nBundle.getText(f3)}get isMobile(){return Ja.isAtMost("S")}get isChineseLang(){var e;return((e=rh())==null?void 0:e.toLowerCase())==="zh_cn"}_onLogoClick(e){this.fireFooterBaseEvent(e,"logo-click")}_onContactPhoneClick(e){this.fireFooterBaseEvent(e,"contact-phone-click")}_onContactPhoneLocalNumbersClick(e){this.fireFooterBaseEvent(e,"contact-phone-local-numbers-click")}_onContactEmailClick(e){this.fireFooterBaseEvent(e,"contact-email-click")}_onContactChatClick(e){this.fireFooterBaseEvent(e,"contact-chat-click")}_onQuickLinksClick(e){this.fireFooterDetailedClickEvent(e,"quick-links-click")}_onTrendingClick(e){this.fireFooterDetailedClickEvent(e,"trending-click")}_onAboutSapClick(e){this.fireFooterDetailedClickEvent(e,"about-sap-click")}_onSiteInformationClick(e){this.fireFooterDetailedClickEvent(e,"site-information-click")}_onSocialMediaLinkClick(e){this.fireFooterDetailedClickEvent(e,"social-media-link-click")}fireFooterBaseEvent(e,t){this.fireEvent(t,{originalEvent:e},!0)}fireFooterDetailedClickEvent(e,t){const o=e.composedPath()[0],{innerText:a,dataset:{id:n,name:s}}=o;this.fireEvent(t,{...!!(n!=null&&n.length)&&{id:n},name:a.length?a:s,originalEvent:e,sourceNode:o},!0)}};lt([c({type:String,defaultValue:""})],We.prototype,"logoTitle",void 0);lt([c({type:String,defaultValue:""})],We.prototype,"logoUrl",void 0);lt([c({type:String,defaultValue:""})],We.prototype,"logoLink",void 0);lt([c({type:String,defaultValue:"[]"})],We.prototype,"quickLinks",void 0);lt([c({type:String,defaultValue:"[]"})],We.prototype,"trendingLinks",void 0);lt([c({type:String,defaultValue:"[]"})],We.prototype,"aboutLinks",void 0);lt([c({type:String,defaultValue:"[]"})],We.prototype,"siteInformationLinks",void 0);lt([c({type:String,defaultValue:"[]"})],We.prototype,"contactNumbersList",void 0);lt([c({type:String,defaultValue:""})],We.prototype,"localCountryNumbersLink",void 0);lt([c({type:String,defaultValue:""})],We.prototype,"contactUsLink",void 0);lt([c({type:String,defaultValue:""})],We.prototype,"chatWithUsLink",void 0);lt([c({type:String,defaultValue:"[]"})],We.prototype,"socialLinks",void 0);lt([c({type:String,defaultValue:""})],We.prototype,"logoAlt",void 0);lt([c({type:String})],We.prototype,"logoAriaLabel",void 0);lt([c({type:String})],We.prototype,"quickLinksTitle",void 0);lt([c({type:String})],We.prototype,"trendingTitle",void 0);lt([c({type:String})],We.prototype,"aboutSapTitle",void 0);lt([c({type:String})],We.prototype,"siteInformationTitle",void 0);lt([c({type:String,defaultValue:B6})],We.prototype,"chineseIcpNumberLink",void 0);lt([c({type:Boolean})],We.prototype,"_shouldRenderMobileMenu",void 0);We=Pt=lt([y({languageAware:!0,tag:"udex-footer",renderer:k,styles:[I6],template:p6,dependencies:[zI,HB,U,Wt,n0,ig]}),f("logo-click",ns),f("back-to-top-click",ns),f("contact-phone-click",ns),f("contact-phone-local-numbers-click",ns),f("contact-email-click",ns),f("contact-chat-click",ns),f("quick-links-click",$l),f("trending-click",$l),f("about-sap-click",$l),f("site-information-click",$l),f("social-media-link-click",$l)],We);We.define();const E6="media-play",k0="M433.5 246q8 5 8 13.5t-8 13.5l-314 203q-8 4-17 4-13 0-22.5-9t-9.5-23V64q0-14 9.5-23t22.5-9q7 0 17 5zm-96 13l-203-135v266z",A6=!0,D6="SAP-icons-v4",P6="@ui5/webcomponents-icons";D(E6,{pathData:k0,ltr:A6,collection:D6,packageName:P6});const N6="media-play",S0="M122 480q-11 0-18.5-7.5T96 454V58q0-11 7.5-18.5T122 32q7 0 15 5l269 198q10 8 10 21t-10 21L137 475q-8 5-15 5zm25-372v296l200-148z",R6=!0,L6="SAP-icons-v5",j6="@ui5/webcomponents-icons";D(N6,{pathData:S0,ltr:R6,collection:L6,packageName:j6});oe();const M6="media-pause",$0="M160 64q0-14 9.5-23t22.5-9q14 0 23 9t9 23v385q0 13-9 22.5t-23 9.5q-13 0-22.5-9.5T160 449V64zm128 0q0-14 9.5-23t22.5-9q14 0 23 9t9 23v385q0 13-9 22.5t-23 9.5q-13 0-22.5-9.5T288 449V64z",O6=!1,z6="SAP-icons-v4",F6="@ui5/webcomponents-icons";D(M6,{pathData:$0,ltr:O6,collection:z6,packageName:F6});const X6="media-pause",T0="M358 480h-33q-11 0-18.5-7.5T299 454V58q0-11 7.5-18.5T325 32h33q11 0 18.5 7.5T384 58v396q0 11-7.5 18.5T358 480zm-171 0h-33q-11 0-18.5-7.5T128 454V58q0-11 7.5-18.5T154 32h33q11 0 18.5 7.5T213 58v396q0 11-7.5 18.5T187 480z",H6=!1,q6="SAP-icons-v5",V6="@ui5/webcomponents-icons";D(X6,{pathData:T0,ltr:H6,collection:q6,packageName:V6});oe();function U6(i,e,t){return d`<div class="${r(this.heroBannerClasses)}" part="wrapper" style="background-color: ${r(this.wrapperBackgroundColor)}; ${r(this.wrapperBackgroundImage)}">${this.hasBackgroundVideo?W6.call(this,i,e,t):G6.call(this,i,e,t)}</div> `}function W6(i,e,t){return t?d`<div class="udex-hero-banner__background-video-wrapper" tabindex="0" @keydown="${this._handleKeydown}"><video ?autoplay="${this.shouldVideoAutoplay}" muted loop playsinline part="background-video" class="udex-hero-banner__background-video" alt="${r(this.backgroundVideoLabel)}"><source src="${r(this.backgroundVideo)}" type="video/mp4" /></video><div class="udex-hero-banner__background-video-overlay"></div>${this.hasBackgroundImage?Lf.call(this,i,e,t):void 0}<div class="udex-hero-banner__content-container"><slot id="udex-hero-banner__content" name="content" part="content"></slot><slot id="udex-hero-banner__additionalContent" name="additionalContent" part="additionalContent"></slot></div><button class="udex-hero-banner__media-button" aria-label="Play / Pause button" role="button" @click="${this._toggleMediaButton}"><${u("ui5-icon",e,t)} name="${r(this.mediaButtonIconName)}"></${u("ui5-icon",e,t)}></button></div>`:d`<div class="udex-hero-banner__background-video-wrapper" tabindex="0" @keydown="${this._handleKeydown}"><video ?autoplay="${this.shouldVideoAutoplay}" muted loop playsinline part="background-video" class="udex-hero-banner__background-video" alt="${r(this.backgroundVideoLabel)}"><source src="${r(this.backgroundVideo)}" type="video/mp4" /></video><div class="udex-hero-banner__background-video-overlay"></div>${this.hasBackgroundImage?Lf.call(this,i,e,t):void 0}<div class="udex-hero-banner__content-container"><slot id="udex-hero-banner__content" name="content" part="content"></slot><slot id="udex-hero-banner__additionalContent" name="additionalContent" part="additionalContent"></slot></div><button class="udex-hero-banner__media-button" aria-label="Play / Pause button" role="button" @click="${this._toggleMediaButton}"><ui5-icon name="${r(this.mediaButtonIconName)}"></ui5-icon></button></div>`}function Lf(i,e,t){return d`<picture><img loading="${r(this.backgroundImageLoadingStrategy)}" src="${r(this.backgroundImage)}" part="background-image" class="udex-hero-banner__background-image" alt="${r(this.backgroundImageLabel)}" /></picture>`}function G6(i,e,t){return d`<div class="udex-hero-banner__container">${this.hasCustomBackgroundPicture?Y6.call(this,i,e,t):K6.call(this,i,e,t)}<div class="udex-hero-banner__content-container"><slot id="udex-hero-banner__content" name="content" part="content"></slot>${this.hasAdditionalContent?Q6.call(this,i,e,t):void 0}</div></div>`}function Y6(i,e,t){return d`<slot name="backgroundPicture"></slot>`}function K6(i,e,t){return d`${this.hasBackgroundImage?Z6.call(this,i,e,t):void 0}`}function Z6(i,e,t){return d`<picture><img loading="${r(this.backgroundImageLoadingStrategy)}" src="${r(this.backgroundImage)}" part="background-image" class="udex-hero-banner__background-image" alt="${r(this.backgroundImageLabel)}" /></picture>`}function Q6(i,e,t){return d`<slot id="udex-hero-banner__additionalContent" name="additionalContent" part="additionalContent"></slot>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const J6={packageName:"@sapudex/web-components",fileName:"themes/HeroBanner.css.ts",content:`:host{--udexHeroBannerMinHeight: 200px;--udexHeroBannerBackgroundImageObjectFit: contain;--udexHeroBannerVerticalLayoutBackgroundImageAlignment: bottom right;--udexHeroBannerHorizontalLayoutBackgroundImageAlignment: top right;--udexHeroBannerBackroundImageZIndex: 1;--udexHeroBannerBackroundVideoZIndex: 1;--udexHeroBannerContentZIndex: 2;--udexHeroBannerContentPaddingHorizontal: var(--udexGridXSMargins, 24px);--udexHeroBannerContentPaddingVertical: var(--udexGridXSMargins, 24px);--udexHeroBannerContentPaddingVerticalXLtoM: var(--udexSpacer56, 56px);--udexHeroBannerPaddingHorizontalLandM: var(--udexSpacer72);--udexHeroBannerPaddingHorizontalS: var(--udexSpacer48);--udexHeroBannerPaddingHorizontalXS: var(--udexSpacer24);--udexHeroBannerBackgroundVideoColor: trasparent;--udexHeroBannerSlotMaxHeight: calc( 100% - (2 * var(--udexHeroBannerContentPaddingHorizontal)) );--udex-hero-banner-container-xl-max-width: 1432px;--udex-hero-banner-container-l-max-width: 1456px}.udex-hero-banner{container-type:inline-size;min-height:var(--udexHeroBannerMinHeight, 200px)}.udex-hero-banner__container{position:relative;max-width:var(--udex-hero-banner-container-xl-max-width);padding:var(--udexHeroBannerContentPaddingVerticalXLtoM) var(--udexSpacer84);margin:0 auto;height:100%}.udex-hero-banner--video{color:var(--udexColorNeutralWhite);justify-content:center}.udex-hero-banner__background-image{position:absolute;width:100%;height:100%;object-fit:var(--udexHeroBannerBackgroundImageObjectFit, contain);object-position:var( --udexHeroBannerVerticalLayoutBackgroundImageAlignment, bottom right );z-index:var(--udexHeroBannerBackroundImageZIndex, 1);top:0;left:0}.udex-hero-banner__background-video-wrapper{position:relative;width:100%;padding:var(--udexHeroBannerContentPaddingVerticalXLtoM) var(--udexSpacer84);height:100%;box-sizing:border-box;.udex-hero-banner__background-image{display:none}}.udex-hero-banner__media-button:dir(rtl){left:0;right:initial}.udex-hero-banner__media-button:hover{cursor:pointer;background:var(--udexColorNeutralBlack70)}.udex-hero-banner__media-button ui5-icon{color:var(--udexColorNeutralWhite);display:flex;align-items:center;justify-content:center;height:1.5rem;width:1.5rem}.udex-hero-banner__background-image:dir(rtl),.udex-hero-banner__background-video-overlay:dir(rtl){transform:scaleX(-1)}.udex-hero-banner__background-video,.udex-hero-banner__background-video-overlay,.udex-hero-banner__media-button{display:none}#udex-hero-banner__content,#udex-hero-banner__additionalContent{position:relative;display:flex;max-height:var(--udexHeroBannerSlotMaxHeight);flex-basis:100%;flex-grow:1;z-index:var(--udexHeroBannerContentZIndex, 2);padding:0}.udex-hero-banner__content-container{display:flex;gap:var(--udexSpacer48, 48px);padding:0}@media (max-width: 1599px){.udex-hero-banner__container{padding:var(--udexHeroBannerContentPaddingVerticalXLtoM) var(--udexHeroBannerPaddingHorizontalLandM);max-width:var(--udex-hero-banner-container-l-max-width)}.udex-hero-banner__background-video-wrapper{padding:var(--udexHeroBannerContentPaddingVerticalXLtoM) var(--udexHeroBannerPaddingHorizontalLandM)}}@media (max-width: 979px){.udex-hero-banner__container{padding:var(--udexHeroBannerContentPaddingVertical) var(--udexHeroBannerPaddingHorizontalS);max-width:100%}.udex-hero-banner__content-container{display:flex;flex-direction:column;gap:var(--udexSpacer32, 32px)}.udex-hero-banner__background-video-wrapper{padding:var(--udexHeroBannerContentPaddingVertical) var(--udexHeroBannerPaddingHorizontalS);background-color:var(--udexHeroBannerBackgroundVideoColor);.udex-hero-banner__background-image{display:block}}}@media (max-width: 639px){.udex-hero-banner__container{max-width:100%;padding:var(--udexHeroBannerContentPaddingVertical) var(--udexHeroBannerPaddingHorizontalXS)}.udex-hero-banner__background-video-wrapper{padding:var(--udexHeroBannerContentPaddingVertical) var(--udexHeroBannerPaddingHorizontalXS);.udex-hero-banner__background-image{display:none}}}@media (min-width: 980px){.udex-hero-banner--video{height:28.125rem}.udex-hero-banner__media-button{border:3px solid var(--udexColorNeutralWhite);color:var(--udexColorNeutralWhite);background:var(--udexColorNeutralBlack40);display:flex;justify-content:center;align-items:center;border-radius:50%;padding:0;width:3rem;height:3rem;position:absolute;bottom:0;right:0;margin:var(--udexHeroBannerContentPaddingHorizontal);z-index:3}.udex-hero-banner__background-video{position:absolute;display:block;width:100%;object-fit:cover;object-position:center;height:100%;top:0;left:0}.udex-hero-banner__background-video-overlay{position:absolute;display:block;width:100%;height:100%;background:linear-gradient(90deg,rgba(18,23,28,.765) 0%,rgba(18,23,28,.09) 100%);top:0;left:0}.udex-hero-banner__background-image{object-position:var( --udexHeroBannerHorizontalLayoutBackgroundImageAlignment, top right )}}
|
|
210
210
|
`};var Bo=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},Nu;(function(i){i.eager="eager",i.lazy="lazy"})(Nu||(Nu={}));let Ei=class extends E{constructor(){super(...arguments),this._isHTMLDivElement=e=>e.tagName==="DIV"}get hasBackgroundImage(){return!!this.backgroundImage}get hasBackgroundVideo(){return!!this.backgroundVideo}get wrapperBackgroundColor(){return this.backgroundColor?this.backgroundColor:"transparent"}get wrapperBackgroundImage(){return this.backgroundGradient?`background-image:${this.backgroundGradient}`:""}get shouldVideoAutoplay(){return!window.matchMedia("(prefers-reduced-motion: reduce)").matches}get heroBannerClasses(){const e=["udex-hero-banner"];return this.hasBackgroundVideo&&e.push("udex-hero-banner--video"),e.join(" ")}get hasAdditionalContent(){var e;return!!((e=this.additionalContent)!=null&&e.length)}get hasCustomBackgroundPicture(){var e;return!!((e=this.backgroundPicture)!=null&&e.length)}get mediaButtonIconName(){return this._isVideoRunning?"media-pause":"media-play"}get _video(){var e;return(e=this.shadowRoot)==null?void 0:e.querySelector("video")}_toggleMediaButton(){var e,t,o;(e=this._video)!=null&&e.paused?(t=this._video)==null||t.play():(o=this._video)==null||o.pause(),this._calculateMediaButtonState()}_calculateMediaButtonState(){var e;this._isVideoRunning=!((e=this._video)!=null&&e.paused)}_handleKeydown(e){const t=e.target;this._isHTMLDivElement(t)&&F(e)&&(e.preventDefault(),e.stopPropagation(),this._toggleMediaButton())}onEnterDOM(){var e;this.backgroundVideo&&(this.backgroundColor&&this.style.setProperty("--udexHeroBannerBackgroundVideoColor",`${this.wrapperBackgroundColor}`),(e=this._video)==null||e.addEventListener("play",()=>{this._calculateMediaButtonState()}))}};Bo([c({type:String})],Ei.prototype,"backgroundImage",void 0);Bo([c({type:Nu,defaultValue:Nu.eager})],Ei.prototype,"backgroundImageLoadingStrategy",void 0);Bo([c({type:String})],Ei.prototype,"backgroundImageLabel",void 0);Bo([c({type:String})],Ei.prototype,"backgroundVideo",void 0);Bo([c({type:String})],Ei.prototype,"backgroundVideoLabel",void 0);Bo([c({type:String})],Ei.prototype,"backgroundColor",void 0);Bo([c({type:String})],Ei.prototype,"backgroundGradient",void 0);Bo([c({type:Boolean,noAttribute:!0})],Ei.prototype,"_isVideoRunning",void 0);Bo([$()],Ei.prototype,"content",void 0);Bo([$()],Ei.prototype,"additionalContent",void 0);Bo([$()],Ei.prototype,"backgroundPicture",void 0);Ei=Bo([y({tag:"udex-hero-banner",renderer:k,styles:J6,template:U6,dependencies:[U]})],Ei);Ei.define();function eM(i,e,t){return d`<div id="${r(this._id)}-input-group" class="udex-input-group__container" role="group" aria-describedby="${r(this._id)}-valueStateDesc"><div class="udex-input-group__content">${T(this._items,(o,a)=>o._id||a,(o,a)=>tM.call(this,i,e,t,o,a))}</div>${this.valueStateText?iM.call(this,i,e,t):void 0}</div>`}function tM(i,e,t,o,a){return d`<div class="udex-input-group__item"><slot name="${r(o.item._individualSlot)}"></slot></div>`}function iM(i,e,t){return t?d`<${u("udex-status-message",e,t)} supporting-text="${r(this.valueStateText)}" value-state="${r(this.valueState)}"></${u("udex-status-message",e,t)}><span id="${r(this._id)}-valueStateDesc" class="hidden-text">${r(this.valueStateText)}</span>`:d`<udex-status-message supporting-text="${r(this.valueStateText)}" value-state="${r(this.valueState)}"></udex-status-message><span id="${r(this._id)}-valueStateDesc" class="hidden-text">${r(this.valueStateText)}</span>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const oM={packageName:"@sapudex/web-components",fileName:"themes/InputGroup.css.ts",content:`.udex-input-group__content{display:flex;flex-direction:column;gap:var(--udexSpacer4)}:host([orientation="Horizontal"]) .udex-input-group__content{flex-direction:row;flex-wrap:wrap;gap:var(--udexSpacer12)}.udex-input-group__content{padding-bottom:var(--udexSpacer4)}.hidden-text{display:none}
|
|
211
211
|
`};var dl=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},Ml,bd;(function(i){i.Standard="Standard",i.Error="Error",i.Success="Success"})(bd||(bd={}));var Ru;(function(i){i.Vertical="Vertical",i.Horizontal="Horizontal"})(Ru||(Ru={}));let zr=Ml=class extends E{static async onDefine(){Ml.i18nBundle=await M("@sapudex/web-components")}get _items(){return this.items.map(e=>(this.groupName&&(e.name=this.groupName),{item:e}))}get valueStateTypeMappings(){return{Success:Ml.i18nBundle.getText(Wv),Error:Ml.i18nBundle.getText(Uv)}}get hasValueState(){return this.valueState!==bd.Standard}get valueStateText(){return this.supportingText||this.valueStateTypeMappings[this.valueState]}};dl([c({type:String})],zr.prototype,"groupName",void 0);dl([c({type:Ru,defaultValue:Ru.Vertical})],zr.prototype,"orientation",void 0);dl([c({type:bd,defaultValue:bd.Standard})],zr.prototype,"valueState",void 0);dl([c({type:String})],zr.prototype,"supportingText",void 0);dl([$({type:HTMLElement,default:!0,individualSlots:!0})],zr.prototype,"items",void 0);zr=Ml=dl([y({tag:"udex-input-group",renderer:k,styles:oM,template:eM,dependencies:[U,Gn]})],zr);zr.define();function aM(i,e,t){return d`${this.isActive?rM.call(this,i,e,t):hM.call(this,i,e,t)} `}function rM(i,e,t){return d`<a class="udex-masthead-menu-item ${r(this.rootClass)}" aria-describedby="${r(this.ariaDescribedby)}" role="${r(this.accessibleRoleText)}" href="${r(this.url)}" part="${r(this.partAttr)}" target="${r(this.targetLink)}" tabindex="${r(this._tabIndex)}">${this.iconStart?nM.call(this,i,e,t):void 0}<span class="${r(this.labelClass)}">${this.externalLink?sM.call(this,i,e,t):lM.call(this,i,e,t)}</span>${this.iconEnd?dM.call(this,i,e,t):void 0}</a>${this.externalLink?cM.call(this,i,e,t):void 0}${this.badge?uM.call(this,i,e,t):void 0}`}function nM(i,e,t){return t?d`<${u("ui5-icon",e,t)} class="udex-masthead-menu-item__icon udex-masthead-menu-item_icon-left" name="slim-arrow-left" part="left"></${u("ui5-icon",e,t)}>`:d`<ui5-icon class="udex-masthead-menu-item__icon udex-masthead-menu-item_icon-left" name="slim-arrow-left" part="left"></ui5-icon>`}function sM(i,e,t){return t?d`${r(this.leadingWordsOfLabel)}<span class="udex-masthead-menu-item__text-with-icon">${r(this.lastWordOfLabel)}<${u("ui5-icon",e,t)} class="udex-masthead-menu-item__icon udex-masthead-menu-item_icon-action" name="action"></${u("ui5-icon",e,t)}></span>`:d`${r(this.leadingWordsOfLabel)}<span class="udex-masthead-menu-item__text-with-icon">${r(this.lastWordOfLabel)}<ui5-icon class="udex-masthead-menu-item__icon udex-masthead-menu-item_icon-action" name="action"></ui5-icon></span>`}function lM(i,e,t){return d`<span>${r(this.label)}</span>`}function dM(i,e,t){return t?d`<${u("ui5-icon",e,t)} class="udex-masthead-menu-item__icon udex-masthead-menu-item_icon-right" name="slim-arrow-right" part="right"></${u("ui5-icon",e,t)}>`:d`<ui5-icon class="udex-masthead-menu-item__icon udex-masthead-menu-item_icon-right" name="slim-arrow-right" part="right"></ui5-icon>`}function cM(i,e,t){return d`<span id="new-win-desc" class="udex-masthead-hidden-text">${r(this.openInNewWindowText)}</span>`}function uM(i,e,t){return t?d`<${u("udex-badge",e,t)} part="badge" class="udex-masthead-menu-item-badge" type="Number" number-design="Blue" size="Small">${r(this.badge)}</${u("udex-badge",e,t)}>`:d`<udex-badge part="badge" class="udex-masthead-menu-item-badge" type="Number" number-design="Blue" size="Small">${r(this.badge)}</udex-badge>`}function hM(i,e,t){return d`${this.isButtonType?pM.call(this,i,e,t):gM.call(this,i,e,t)}`}function pM(i,e,t){return d`<button _id="${r(this.id)}" class="udex-masthead-menu-item ${r(this.rootClass)}" part="menu-item-button" aria-haspopup="${r(this.ariaHasPopup)}" role="${r(this.accessibleRoleText)}" tabindex="${r(this._tabIndex)}">${this.iconStart?_M.call(this,i,e,t):void 0}${r(this.label)}${this.iconEnd?vM.call(this,i,e,t):void 0}</button>`}function _M(i,e,t){return t?d`<${u("ui5-icon",e,t)} class="udex-masthead-menu-item__icon udex-masthead-menu-item_icon-left" name="slim-arrow-left" part="left"></${u("ui5-icon",e,t)}>`:d`<ui5-icon class="udex-masthead-menu-item__icon udex-masthead-menu-item_icon-left" name="slim-arrow-left" part="left"></ui5-icon>`}function vM(i,e,t){return t?d`<${u("ui5-icon",e,t)} class="udex-masthead-menu-item__icon udex-masthead-menu-item_icon-right" name="slim-arrow-right" part="right"></${u("ui5-icon",e,t)}>`:d`<ui5-icon class="udex-masthead-menu-item__icon udex-masthead-menu-item_icon-right" name="slim-arrow-right" part="right"></ui5-icon>`}function gM(i,e,t){return d`<span class="udex-masthead-menu-item ${r(this.rootClass)}" part="menu-item">${this.iconStart?mM.call(this,i,e,t):void 0}${r(this.label)}${this.iconEnd?fM.call(this,i,e,t):void 0}</span>`}function mM(i,e,t){return t?d`<${u("ui5-icon",e,t)} class="udex-masthead-menu-item__icon udex-masthead-menu-item_icon-left" name="slim-arrow-left" part="left"></${u("ui5-icon",e,t)}>`:d`<ui5-icon class="udex-masthead-menu-item__icon udex-masthead-menu-item_icon-left" name="slim-arrow-left" part="left"></ui5-icon>`}function fM(i,e,t){return t?d`<${u("ui5-icon",e,t)} class="udex-masthead-menu-item__icon udex-masthead-menu-item_icon-right" name="slim-arrow-right" part="right"></${u("ui5-icon",e,t)}>`:d`<ui5-icon class="udex-masthead-menu-item__icon udex-masthead-menu-item_icon-right" name="slim-arrow-right" part="right"></ui5-icon>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const bM={packageName:"@sapudex/web-components",fileName:"themes/MastheadMenuItem.css.ts",content:`:host{--udex-masthead-menu-item-header-padding-desktop: var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer12) var(--udexSpacer8);--udex-masthead-menu-item-header-padding-mobile: var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer8);--udex-masthead-menu-item-padding-desktop: var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer8) var(--udexSpacer8);--udex-masthead-menu-item-padding-mobile: var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer8);--udex-masthead-menu-item-padding-mobile-with-badge-vertical: var(--udexSpacer16);--udex-masthead-menu-item-padding-mobile-start-with-badge: var(--udexSpacer8);--udex-masthead-menu-item-padding-mobile-end-with-badge: var(--udexSpacer48);--udex-masthead-menu-item-color: var(--sapList_TextColor, #000);--udex-masthead-menu-item-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-menu-item-focus: var(--udexColorBlue10, #002A86);--udex-masthead-menu-item-font-family: var(--sapFontFamily, sans-serif);--udex-masthead-menu-item-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-masthead-menu-item-line-height: var(--udexTypographyHeadingLineHeight, 1.1);--udex-masthead-menu-item-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-masthead-menu-item-explore-background: var(--udexColorBlue7, #0070F2);--udex-masthead-menu-item-explore-background-hover: var(--udexColorBlue9, #0040B0);--udex-masthead-menu-item-explore-background-active: var(--udexColorNeutralWhite, #FFF);--udex-masthead-menu-item-explore-border-color-active: var(--udexColorBlue9, #0040B0);--udex-masthead-menu-item-explore-color-active: var(--udexColorBlue9, #0040B0);--udex-masthead-menu-item-explore-color: var(--sapShell_Color, #FFF);--udex-masthead-menu-item-explore-icon-color: var(--sapShell_Color, #FFF);--udex-masthead-menu-item-explore-icon-active-color: var(--udexColorBlue9, #0040B0);--udex-masthead-menu-item-explore-padding: var(--sapShell_Color, #FFF);--udex-masthead-menu-item-explore-focus: var(--sapShell_Color, #FFF);display:flex;justify-content:space-between;align-items:center;position:relative}:host([is-explore]) .udex-masthead-menu-item{color:var(--udex-masthead-menu-item-explore-color);background:var(--udex-masthead-menu-item-explore-background);padding:var(--udexSpacer24);box-sizing:border-box}:host([is-explore]:hover) .udex-masthead-menu-item{background:var(--udex-masthead-menu-item-explore-background-hover);text-decoration:none}:host([is-explore]:hover:active) .udex-masthead-menu-item{background:var(--udex-masthead-menu-item-explore-background-active);border:1px solid var(--udex-masthead-menu-item-explore-border-color-active);color:var(--udex-masthead-menu-item-explore-color-active)}:host([is-explore][desktop]) .udex-masthead-menu-item:focus,:host([is-explore]) .udex-masthead-menu-item:focus-visible{outline:none;outline-offset:0;border-radius:0}:host([is-explore][desktop]) .udex-masthead-menu-item:focus:before,:host([is-explore]) .udex-masthead-menu-item:focus-visible:before{outline:var(--udexRadiusXXS) solid var(--udex-masthead-menu-item-explore-focus);border-radius:var(--udexRadiusM, 8px);content:"";position:absolute;inset:0;outline-offset:-4px;pointer-events:none}:host([is-explore]:hover:active)::part(right){color:var(--udex-masthead-menu-item-explore-icon-active-color)}:host([is-explore])::part(right){color:var(--udex-masthead-menu-item-explore-icon-color);padding-inline-start:var(--udexSpacer12)}:host([has-border])::part(menu-item-button),:host([has-border])::part(menu-item-link-badge),:host([has-border])::part(menu-item-link),:host([has-border])::part(menu-item){border-bottom:1px solid var(--udex-masthead-menu-item-border-color)}.udex-masthead-menu-item{font-family:var(--udex-masthead-menu-item-font-family);font-size:var(--udex-masthead-menu-item-font-size);line-height:var(--udex-masthead-menu-item-line-height);font-weight:var(--udex-masthead-menu-item-font-weight);color:var(--udex-masthead-menu-item-color);padding:var(--udex-masthead-menu-item-padding-desktop);text-decoration:none;box-sizing:border-box}span.udex-masthead-menu-item:hover{text-decoration:none}button.udex-masthead-menu-item:dir(rtl){text-align:right}button.udex-masthead-menu-item{text-align:left;border:none;background:none;cursor:pointer;display:flex;justify-content:space-between;width:100%}.udex-masthead-menu-item:hover{text-decoration:underline}:host([desktop]) .udex-masthead-menu-item:focus,.udex-masthead-menu-item:focus-visible{outline:var(--udexRadiusXXS) solid var(--udex-masthead-menu-item-focus);outline-offset:calc(-1 * var(--udexSpacer2, 2px));border-radius:var(--udexRadiusM, 8px)}.udex-masthead-menu-item.udex-masthead-menu-item_is-header{padding:var(--udex-masthead-menu-item-header-padding-desktop);width:100%}.udex-masthead-menu-item_is-header{font-weight:var(--udexTypographyFontWeightMedium, 500);display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;white-space:normal;margin:0}.udex-masthead-menu-item__label{display:block;width:100%}.udex-masthead-menu-item__text-with-icon{white-space:nowrap}.udex-masthead-menu-item__icon{margin-inline-start:var(--udexSpacer4);min-width:14px;width:14px;height:14px}.udex-masthead-menu-item_is-list{display:inline-flex;align-items:center;justify-content:space-between}.udex-masthead-menu-item-badge{margin-inline-start:var(--udexSpacer8)}.udex-masthead-menu-item_is-header .udex-masthead-menu-item_icon-action{margin-inline-end:auto}.udex-masthead-hidden-text{display:none}@media (max-width: 1279px){.udex-masthead-menu-item{padding:var(--udex-masthead-menu-item-padding-mobile)}.udex-masthead-menu-item.udex-masthead-menu-item_badge{padding-block-start:var(--udex-masthead-menu-item-padding-mobile-with-badge-vertical);padding-inline-end:var(--udex-masthead-menu-item-padding-mobile-end-with-badge);padding-inline-start:var(--udex-masthead-menu-item-padding-mobile-start-with-badge)}.udex-masthead-menu-item.udex-masthead-menu-item_is-header{padding:var(--udex-masthead-menu-item-header-padding-mobile)}.udex-masthead-menu-item_is-header{width:100%}.udex-masthead-menu-item_is-list{display:flex;align-items:center;justify-content:space-between;width:100%}.udex-masthead-menu-item_icon-left{margin-inline-end:auto}.udex-masthead-menu-item_icon-right{margin-inline-start:auto;padding-inline-start:var(--udexSpacer4)}.udex-masthead-menu-item_icon-left+.udex-masthead-menu-item_icon-action{margin-inline-end:inherit}.udex-masthead-menu-item-badge{position:absolute;top:50%;right:var(--udexSpacer16);transform:translateY(-50%);margin-inline-start:0;pointer-events:none}.udex-masthead-menu-item-badge:dir(rtl){right:auto;left:var(--udexSpacer16)}}
|
|
@@ -242,10 +242,10 @@ or import '@sapudex/design-tokens/dist/themes/sap_glow/css_variables.css'`)};doc
|
|
|
242
242
|
`};var DF=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n};let zu=class extends sw{};zu=DF([y({tag:"udex-progress-bar",renderer:k,styles:[sw.styles,AF]})],zu);zu.define();const PF=zu;function NF(i,e,t){return d`<div class="udex-quote__container"><div class="udex-quote__image-container">${this.image?RF.call(this,i,e,t):void 0}</div><div class="udex-quote__content-container"><div class="content-container__text-container"><p class="content-container__text"><slot></slot></p></div>${this.author?LF.call(this,i,e,t):void 0}${this.link?jF.call(this,i,e,t):void 0}</div></div>`}function RF(i,e,t){return d`<slot name="image" slot="image"></slot>`}function LF(i,e,t){return d`<slot slot="author" name="author"></slot>`}function jF(i,e,t){return d`<slot slot="link" name="link"></slot>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const MF={packageName:"@sapudex/web-components",fileName:"themes/Quote.css.ts",content:`:host{display:block;width:100%;container-type:inline-size}.udex-quote__container{display:flex;flex-direction:row;width:100%;text-align:left;gap:24px}:host([image-size="small"]) .udex-quote__container,:host([text-size="small"]) .udex-quote__container{gap:16px}.content-container__text,::slotted([slot="author"]),::slotted([slot="link"]){padding:0 40px}::slotted([slot="image"]){display:block;width:120px;height:120px}:host([mask="rectangle"]) ::slotted([slot="image"]){display:block;width:200px;height:100px;background-color:transparent;object-fit:contain}:host([image-size="small"]) ::slotted([slot="image"]){width:64px;height:64px}:host([image-size="small"][mask="rectangle"]) ::slotted([slot="image"]){width:160px;height:80px}.content-container__text-container{position:relative}.content-container__text{margin:0 0 16px;font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodyXLFontSize, 24px);line-height:var(--udexTypographyBodyLineHeight, 1.5);color:var(--udexQuoteColorText, #354A5F)}.content-container__text ::slotted(*){margin:0}.content-container__text-container:before,.content-container__text-container:after{font-family:var(--sapFontFamily);position:absolute;display:inline-block;font-size:84px;line-height:84px;height:58px;width:34px;color:var(--udexQuoteColorText, #354A5F);margin-top:-9px}.content-container__text-container:before{content:open-quote;top:0;left:0}.content-container__text-container:after{content:close-quote;top:0;right:0}:host([text-size="small"]) .content-container__text-container:after,:host([text-size="small"]) .content-container__text-container:before{font-size:72px;line-height:72px;height:50px;width:26px;margin-top:-12px}::slotted([slot="author"]){display:block;margin-bottom:16px;font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyHeadingRegularXXSFontSize, 20px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--udexQuoteColorText, #354A5F)}::slotted([slot="link"]){text-decoration:none;font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 1.5);color:var(--udexLinksColorDefault, #0070F2)}:host([text-size="small"]) .content-container__text{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 1.5)}:host([text-size="small"]) ::slotted([slot="author"]){font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1)}@media screen and (max-width: 1279px){.udex-quote__container{gap:16px}::slotted([slot="image"]){width:64px;height:64px}:host([mask="rectangle"]) ::slotted([slot="image"]){width:160px;height:80px}.content-container__text-container:after,.content-container__text-container:before{font-size:72px;line-height:72px;height:50px;width:26px;margin-top:-12px}.content-container__text{font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 1.5)}::slotted([slot="author"]){font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1)}}@container (max-width: 545px){.udex-quote__container{flex-direction:column;gap:16px}::slotted([slot="image"]){margin:0 auto}}
|
|
243
243
|
`};var Jr=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},Fu;(function(i){i.small="small",i.large="large"})(Fu||(Fu={}));var G_;(function(i){i.avatar="avatar",i.rectangle="rectangle"})(G_||(G_={}));let ka=class extends E{};Jr([$({type:HTMLElement,default:!0})],ka.prototype,"content",void 0);Jr([$()],ka.prototype,"link",void 0);Jr([$()],ka.prototype,"author",void 0);Jr([$()],ka.prototype,"image",void 0);Jr([c({type:Fu,defaultValue:"large"})],ka.prototype,"imageSize",void 0);Jr([c({type:Fu,defaultValue:"large"})],ka.prototype,"textSize",void 0);Jr([c({type:G_,defaultValue:"avatar"})],ka.prototype,"mask",void 0);ka=Jr([y({tag:"udex-quote",renderer:k,styles:MF,template:NF})],ka);ka.define();const OF="direction-arrows",lw="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",zF=!1,FF="SAP-icons-v4",XF="@ui5/webcomponents-icons";D(OF,{pathData:lw,ltr:zF,collection:FF,packageName:XF});const HF="direction-arrows",dw="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",qF=!1,VF="SAP-icons-v5",UF="@ui5/webcomponents-icons";D(HF,{pathData:dw,ltr:qF,collection:VF,packageName:UF});oe();v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@ui5/webcomponents","sap_horizon",async()=>Z);const WF={packageName:"@ui5/webcomponents",fileName:"themes/SliderBase.css.ts",content:`.ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host([disabled]){opacity:var(--_ui5-v1-24-23_slider_disabled_opacity);cursor:default;pointer-events:none}:host{box-sizing:border-box;cursor:pointer;vertical-align:top;width:100%}:host(:not([hidden])){display:inline-block}.ui5-slider-root{box-sizing:border-box;height:3.3125rem;outline:none;padding:var(--_ui5-v1-24-23_slider_padding);touch-action:none}.ui5-slider-inner{background-repeat:no-repeat;position:relative;min-width:var(--_ui5-v1-24-23_slider_inner_min_width);height:100%}.ui5-slider-progress-container{width:100%;background:var(--_ui5-v1-24-23_slider_progress_container_background);border:var(--_ui5-v1-24-23_slider_progress_border);border-radius:var(--_ui5-v1-24-23_slider_progress_border_radius);height:var(--_ui5-v1-24-23_slider_inner_height);position:relative;box-sizing:var(--_ui5-v1-24-23_slider_progress_box_sizing);top:var(--_ui5-v1-24-23_slider_progress_container_top)}.ui5-slider-progress-container:before,.ui5-slider-progress-container:after{display:var(--_ui5-v1-24-23_slider_progress_container_dot_display);content:"";position:absolute;border-radius:50%;width:var(--_ui5-v1-24-23_slider_start_end_point_size);height:var(--_ui5-v1-24-23_slider_start_end_point_size);top:var(--_ui5-v1-24-23_slider_start_end_point_top)}.ui5-slider-progress-container:before{inset-inline-start:var(--_ui5-v1-24-23_slider_start_end_point_left);background-color:var(--_ui5-v1-24-23_slider_progress_before_background);border:var(--_ui5-v1-24-23_slider_progress_before_border)}.ui5-slider-progress-container:after{inset-inline-end:var(--_ui5-v1-24-23_slider_start_end_point_left);background-color:var(--_ui5-v1-24-23_slider_progress_after_background);border:var(--_ui5-v1-24-23_slider_progress_after_border)}.ui5-slider-progress{background:var(--_ui5-v1-24-23_slider_progress_background);border-radius:var(--_ui5-v1-24-23_slider_progress_border_radius);height:var(--_ui5-v1-24-23_slider_progress_height);position:relative;outline:none;box-sizing:border-box;border:var(--_ui5-v1-24-23_slider_active_progress_border);left:var(--_ui5-v1-24-23_slider_active_progress_left);top:var(--_ui5-v1-24-23_slider_active_progress_top)}.ui5-slider-tickmarks{list-style:none;padding:0;margin:0;top:var(--_ui5-v1-24-23_slider_tickmark_top);display:flex;box-sizing:border-box;width:100%;justify-content:space-between;position:absolute;z-index:1}.ui5-slider-tickmarks li{height:var(--_ui5-v1-24-23_slider_tickmark_height);border-inline-start:1px solid var(--_ui5-v1-24-23_slider_tickmark_bg)}.ui5-slider-handle{background:var(--_ui5-v1-24-23_slider_handle_background);border:var(--_ui5-v1-24-23_slider_handle_border);border-radius:var(--_ui5-v1-24-23_slider_handle_border_radius);margin-inline-start:calc(-1 * var(--_ui5-v1-24-23_slider_handle_width) / 2);top:var(--_ui5-v1-24-23_slider_handle_top);position:absolute;outline:none;height:var(--_ui5-v1-24-23_slider_handle_height);width:var(--_ui5-v1-24-23_slider_handle_width);box-sizing:var(--_ui5-v1-24-23_slider_handle_box_sizing);display:flex;justify-content:center;align-items:center;z-index:2}[slider-icon]{display:var(--_ui5-v1-24-23_slider_handle_icon_display);color:var(--sapContent_Selected_ForegroundColor);width:var(--_ui5-v1-24-23_slider_handle_icon_size);height:var(--_ui5-v1-24-23_slider_handle_icon_size)}.ui5-slider-root .ui5-slider-handle:focus [slider-icon]{display:var(--_ui5-v1-24-23_range_slider_active_handle_icon_display)}.ui5-slider-progress-container:hover~.ui5-slider-handle:not(:focus),.ui5-slider-handle:hover{background:var(--_ui5-v1-24-23_slider_handle_hover_background);border:var(--_ui5-v1-24-23_slider_handle_hover_border)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{outline:var(--_ui5-v1-24-23_slider_handle_outline);outline-offset:var(--_ui5-v1-24-23_slider_handle_outline_offset);border:var(--_ui5-v1-24-23_slider_handle_focus_border);background:var(--_ui5-v1-24-23_slider_handle_background_focus)}.ui5-slider-handle.ui5-slider-handle--start:focus,.ui5-slider-handle--end:focus{border:var(--_ui5-v1-24-23_slider_handle_focus_border)}.ui5-slider-root:focus:hover .ui5-slider-handle,.ui5-slider-handle:focus:hover{border:var(--_ui5-v1-24-23_slider_handle_focus_border)}.ui5-slider-tooltip{display:flex;justify-content:center;align-items:center;visibility:hidden;pointer-events:none;line-height:1rem;position:absolute;left:50%;transform:translate(-50%);bottom:var(--_ui5-v1-24-23_slider_tooltip_bottom);background:var(--_ui5-v1-24-23_slider_tooltip_background);border:var(--_ui5-v1-24-23_slider_tooltip_border);border-radius:var(--_ui5-v1-24-23_slider_tooltip_border_radius);box-shadow:var(--_ui5-v1-24-23_slider_tooltip_box_shadow);font-size:var(--_ui5-v1-24-23_slider_tooltip_fontsize);color:var(--_ui5-v1-24-23_slider_tooltip_color);height:var(--_ui5-v1-24-23_slider_tooltip_height);min-width:var(--_ui5-v1-24-23_slider_tooltip_min_width);padding:var(--_ui5-v1-24-23_slider_tooltip_padding);box-sizing:var(--_ui5-v1-24-23_slider_tooltip_border_box)}.ui5-slider-tooltip-value{position:relative;display:flex;justify-content:center;align-items:center}.ui5-slider-labels{position:absolute;top:1.25rem;margin:0;padding:0;white-space:nowrap}.ui5-slider-labels li{position:relative;list-style:none;padding-top:.3125rem;height:1rem;margin:0;text-align:center;display:inline-block;color:var(--_ui5-v1-24-23_slider_label_color);font-size:var(--_ui5-v1-24-23_slider_label_fontsize);padding-top:0;box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;vertical-align:top}.ui5-slider-hidden-labels li:not(:first-child):not(:last-child){visibility:hidden}.ui5-slider-handle:focus .ui5-slider-tooltip{bottom:var(--_ui5-v1-24-23_slider_handle_focused_tooltip_distance)}.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range{border-inline-start:1px solid var(--_ui5-v1-24-23_slider_tickmark_in_range_bg)}:host([show-tickmarks]) .ui5-slider-progress{height:var(--_ui5-v1-24-23_slider_no_tickmarks_progress_height);border:var(--_ui5-v1-24-23_slider_no_tickmarks_active_progress_border);left:var(--_ui5-v1-24-23_slider_no_tickmarks_active_progress_left);top:var(--_ui5-v1-24-23_slider_no_tickmarks_active_progress_top)}:host([show-tickmarks]) .ui5-slider-progress-container{top:var(--_ui5-v1-24-23_slider_no_tickmarks_progress_container_top)}.ui5-slider-handle:focus:after{content:"";display:var(--_ui5-v1-24-23_slider_handle_focus_visibility);width:calc(100% + (var(--sapContent_FocusWidth) * 2) + 2px);height:calc(100% + (var(--sapContent_FocusWidth) * 2) + 2px);border:var(--sapContent_FocusWidth) dotted var(--sapContent_FocusColor);position:absolute;border-radius:var(--_ui5-v1-24-23_slider_handle_border_radius);pointer-events:none}
|
|
244
244
|
`};var Eo=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},Ro;let Ai=Ro=class extends E{constructor(){super(),this.notResized=!1,this._isUserInteraction=!1,this._isInnerElementFocusing=!1,this._labelWidth=0,this._resizeHandler=this._handleResize.bind(this),this._moveHandler=this._handleMove.bind(this),this._upHandler=this._handleUp.bind(this),this._stateStorage={step:void 0,min:void 0,max:void 0,labelInterval:void 0};const e=t=>{this._onmousedown(t)};this._ontouchstart={handleEvent:e,passive:!0}}_handleMove(e){}_handleUp(){}_onmousedown(e){}_handleActionKeyPress(e){}static get ACTION_KEYS(){return[ke,be,Ee,Te,Bc,Wl,bs,rd,up,ZT,rt,jt,Ua,An,Fe]}static get MIN_SPACE_BETWEEN_TICKMARKS(){return 8}static get TOOLTIP_VISIBILITY(){return{VISIBLE:"visible",HIDDEN:"hidden"}}static get render(){return k}static get styles(){return WF}get classes(){return{root:{"ui5-slider-root-phone":Pe()},labelContainer:{"ui5-slider-hidden-labels":this._labelsOverlapping}}}onEnterDOM(){J.register(this,this._resizeHandler)}onExitDOM(){J.deregister(this,this._resizeHandler)}onAfterRendering(){this.notResized&&this._resizeHandler()}_onmouseover(){this.showTooltip&&(this._tooltipVisibility=Ro.TOOLTIP_VISIBILITY.VISIBLE)}_onmouseout(){this.showTooltip&&!this.shadowRoot.activeElement&&(this._tooltipVisibility=Ro.TOOLTIP_VISIBILITY.HIDDEN)}_onkeydown(e){this.disabled||this._effectiveStep===0||Ro._isActionKey(e)&&(e.preventDefault(),this._isUserInteraction=!0,this._handleActionKeyPress(e))}_onkeyup(){this.disabled||(this._isUserInteraction=!1)}_preserveFocus(e){this._isInnerElementFocusing=e}_isFocusing(){return this._isInnerElementFocusing}_preventFocusOut(){this.focusInnerElement()}focusInnerElement(){this.focus()}_handleResize(){if(!this.showTickmarks||(this.notResized=!1,this._spaceBetweenTickmarks()<Ro.MIN_SPACE_BETWEEN_TICKMARKS?(this._hiddenTickmarks=!0,this._labelsOverlapping=!0):this._hiddenTickmarks=!1,this.labelInterval<=0||this._hiddenTickmarks))return;const t=this.shadowRoot.querySelectorAll(".ui5-slider-labels li");this._labelsOverlapping=[...t].some(o=>o.scrollWidth>o.clientWidth)}handleDownBase(e){const t=this._effectiveMin,o=this._effectiveMax,a=this.getBoundingClientRect(),n=this.directionStart,s=this._effectiveStep,l=Ro.getValueFromInteraction(e,s,t,o,a,n);return this._isUserInteraction=!0,window.addEventListener("mouseup",this._upHandler),window.addEventListener("touchend",this._upHandler),Jl()&&e instanceof TouchEvent?window.addEventListener("touchmove",this._moveHandler):window.addEventListener("mousemove",this._moveHandler),this._handleFocusOnMouseDown(e),l}_handleFocusOnMouseDown(e){const t=this.shadowRoot.activeElement;(!t||t!==e.target)&&(this._preserveFocus(!0),this.focusInnerElement())}handleUpBase(){window.removeEventListener("mouseup",this._upHandler),window.removeEventListener("touchend",this._upHandler),window.removeEventListener("mousemove",this._moveHandler),window.removeEventListener("touchmove",this._moveHandler),this._isUserInteraction=!1,this._preserveFocus(!1)}updateStateStorageAndFireInputEvent(e){this.storePropertyState(e),this._isUserInteraction&&this.fireEvent("input")}static _isActionKey(e){return this.ACTION_KEYS.some(t=>t(e))}static clipValue(e,t,o){return e=Math.min(Math.max(e,t),o),e}static getValueFromInteraction(e,t,o,a,n,s){const l=this.getPageXValueFromEvent(e),h=this.computedValueFromPageX(l,o,a,n,s),p=this.getSteppedValue(h,t,o);return this.clipValue(p,o,a)}static getSteppedValue(e,t,o){const a=Math.abs((e-o)%t);if(t===0||a===0)return e;e=a*2>=t?e+t-a:e-a;const n=Ro._getDecimalPrecisionOfNumber(t);return Number(e.toFixed(n))}static getPageXValueFromEvent(e){return Jl()&&e instanceof TouchEvent?e.targetTouches&&e.targetTouches.length>0?e.targetTouches[0].pageX:0:e.pageX}static computedValueFromPageX(e,t,o,a,n){const l=(n==="left"?e-a[n]:a[n]-e)/a.width;return t+l*(o-t)}static _getDecimalPrecisionOfNumber(e){if(Number.isInteger(e))return 0;const t=String(e).match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);return!t||t.length<2?0:Math.max(0,(t[1]?t[1].length:0)-(t[2]?Number(t[2]):0))}isCurrentStateOutdated(){return Object.entries(this._stateStorage).some(([e,t])=>this[e]!==t)}getStoredPropertyState(e){return this._stateStorage[e]}isPropertyUpdated(...e){return e.some(t=>this.getStoredPropertyState(t)!==this[t])}storePropertyState(...e){e.forEach(t=>{this._stateStorage[t]=this[t]})}get directionStart(){return this.effectiveDir==="rtl"?"right":"left"}_createLabels(){if(!this.labelInterval||!this.showTickmarks)return;const e=this.labelInterval,t=this._effectiveStep,o=(this._effectiveMax-this._effectiveMin)/(t*e);if(o===this._oldNumberOfLabels&&this._oldMin===this._effectiveMin&&this._oldMax===this._effectiveMax)return;this._oldMin=this._effectiveMin,this._oldMax=this._effectiveMax,this._oldNumberOfLabels=o,this._labelWidth=100/o,this._labelValues=[];const a=Ro._getDecimalPrecisionOfNumber(t);for(let n=0;n<=o;n++){const s=(n*t*e+this._effectiveMin).toFixed(a);this._labelValues.push(s)}}_handleActionKeyPressBase(e,t){const o=Ro._isIncreaseValueAction(e,this.directionStart),a=Ro._isBigStepAction(e),n=this[t],s=this._effectiveMin,l=this._effectiveMax;let h=this._effectiveStep;return h=a&&(l-s)/h>10?(l-s)/10:h,jt(e)?l-n:rt(e)?(n-s)*-1:o?h:h*-1}static _isIncreaseValueAction(e,t){return t==="right"?Ee(e)||bs(e)||ke(e)||Bc(e)||up(e)||Ua(e):Ee(e)||bs(e)||be(e)||Wl(e)||up(e)||Ua(e)}static _isBigStepAction(e){return rd(e)||bs(e)||Bc(e)||Wl(e)||Ua(e)||An(e)}get _tickmarksCount(){return(this._effectiveMax-this._effectiveMin)/this._effectiveStep}_spaceBetweenTickmarks(){return this.getBoundingClientRect().width/this._tickmarksCount}_validateStep(e){e===0&&console.warn("The 'step' property must be a positive float number"),e<0&&console.warn("The 'step' property must be a positive float number. The provided negative number has been converted to its positve equivalent"),Number.isNaN(e)&&console.warn("The 'step' property must be a positive float number. It has been set to its default value of 1")}get _labels(){return this._labelValues||[]}get _effectiveStep(){let e=this.step;return e<0&&(e=Math.abs(e)),Number.isNaN(e)&&(e=1),e}get _effectiveMin(){return Math.min(this.min,this.max)}get _effectiveMax(){return Math.max(this.min,this.max)}get _tabIndex(){return this.disabled?"-1":"0"}get _ariaLabelledByHandleRefs(){return[`${this._id}-accName`,`${this._id}-sliderDesc`].join(" ").trim()}};Eo([c({validator:it,defaultValue:0})],Ai.prototype,"min",void 0);Eo([c({validator:it,defaultValue:100})],Ai.prototype,"max",void 0);Eo([c({validator:it,defaultValue:1})],Ai.prototype,"step",void 0);Eo([c({validator:q,defaultValue:0})],Ai.prototype,"labelInterval",void 0);Eo([c({type:Boolean})],Ai.prototype,"showTickmarks",void 0);Eo([c({type:Boolean})],Ai.prototype,"showTooltip",void 0);Eo([c({type:Boolean})],Ai.prototype,"disabled",void 0);Eo([c()],Ai.prototype,"accessibleName",void 0);Eo([c({defaultValue:"hidden"})],Ai.prototype,"_tooltipVisibility",void 0);Eo([c({type:Boolean})],Ai.prototype,"_labelsOverlapping",void 0);Eo([c({type:Boolean})],Ai.prototype,"_hiddenTickmarks",void 0);Ai=Ro=Eo([f("change"),f("input")],Ai);const vo=Ai;function GF(i,e,t){return t?d`<div class="ui5-slider-root ${z(this.classes.root)}" @mousedown="${this._onmousedown}" @touchstart="${this._ontouchstart}" @mouseover="${this._onmouseover}" @mouseout="${this._onmouseout}" @keydown="${this._onkeydown}" @keyup="${this._onkeyup}" part="root-container"><span id="${r(this._id)}-startHandleDesc" class="ui5-hidden-text">${r(this._ariaHandlesText.startHandleText)}</span><span id="${r(this._id)}-endHandleDesc" class="ui5-hidden-text">${r(this._ariaHandlesText.endHandleText)}</span><div class="ui5-slider-inner">${this.step?pb.call(this,i,e,t):void 0}<div class="ui5-slider-progress-container" part="progress-container"><div class="ui5-slider-progress" part="progress-bar" style="${H(this.styles.progress)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" role="slider" tabindex="${r(this._tabIndex)}" aria-orientation="horizontal" aria-valuemin="${r(this.min)}" aria-valuemax="${r(this.max)}" aria-valuenow="${r(this._ariaValueNow)}" aria-valuetext="From ${r(this.startValue)} to ${r(this.endValue)}" aria-labelledby="${r(this._ariaLabelledByProgressBarRefs)}" aria-disabled="${r(this._ariaDisabled)}"></div></div><div class="ui5-slider-handle ui5-slider-handle--start" part="handle" style="${H(this.styles.startHandle)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" role="slider" tabindex="${r(this._tabIndex)}" aria-orientation="horizontal" aria-valuemin="${r(this.min)}" aria-valuemax="${r(this.max)}" aria-valuenow="${r(this.startValue)}" aria-labelledby="${r(this._ariaLabelledByStartHandleRefs)}" aria-disabled="${r(this._ariaDisabled)}"><${u("ui5-icon",e,t)} name="direction-arrows" slider-icon></${u("ui5-icon",e,t)}>${this.showTooltip?_b.call(this,i,e,t):void 0}</div><div class="ui5-slider-handle ui5-slider-handle--end" part="handle" style="${H(this.styles.endHandle)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" role="slider" tabindex="${r(this._tabIndex)}" aria-orientation="horizontal" aria-valuemin="${r(this.min)}" aria-valuemax="${r(this.max)}" aria-valuenow="${r(this.endValue)}" aria-labelledby="${r(this._ariaLabelledByEndHandleRefs)}" aria-disabled="${r(this._ariaDisabled)}"><${u("ui5-icon",e,t)} name="direction-arrows" slider-icon></${u("ui5-icon",e,t)}>${this.showTooltip?vb.call(this,i,e,t):void 0}</div></div><span id="${r(this._id)}-accName" class="ui5-hidden-text">${r(this.accessibleName)}</span><span id="${r(this._id)}-sliderDesc" class="ui5-hidden-text">${r(this._ariaLabelledByText)}</span></div> `:d`<div class="ui5-slider-root ${z(this.classes.root)}" @mousedown="${this._onmousedown}" @touchstart="${this._ontouchstart}" @mouseover="${this._onmouseover}" @mouseout="${this._onmouseout}" @keydown="${this._onkeydown}" @keyup="${this._onkeyup}" part="root-container"><span id="${r(this._id)}-startHandleDesc" class="ui5-hidden-text">${r(this._ariaHandlesText.startHandleText)}</span><span id="${r(this._id)}-endHandleDesc" class="ui5-hidden-text">${r(this._ariaHandlesText.endHandleText)}</span><div class="ui5-slider-inner">${this.step?pb.call(this,i,e,t):void 0}<div class="ui5-slider-progress-container" part="progress-container"><div class="ui5-slider-progress" part="progress-bar" style="${H(this.styles.progress)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" role="slider" tabindex="${r(this._tabIndex)}" aria-orientation="horizontal" aria-valuemin="${r(this.min)}" aria-valuemax="${r(this.max)}" aria-valuenow="${r(this._ariaValueNow)}" aria-valuetext="From ${r(this.startValue)} to ${r(this.endValue)}" aria-labelledby="${r(this._ariaLabelledByProgressBarRefs)}" aria-disabled="${r(this._ariaDisabled)}"></div></div><div class="ui5-slider-handle ui5-slider-handle--start" part="handle" style="${H(this.styles.startHandle)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" role="slider" tabindex="${r(this._tabIndex)}" aria-orientation="horizontal" aria-valuemin="${r(this.min)}" aria-valuemax="${r(this.max)}" aria-valuenow="${r(this.startValue)}" aria-labelledby="${r(this._ariaLabelledByStartHandleRefs)}" aria-disabled="${r(this._ariaDisabled)}"><ui5-icon name="direction-arrows" slider-icon></ui5-icon>${this.showTooltip?_b.call(this,i,e,t):void 0}</div><div class="ui5-slider-handle ui5-slider-handle--end" part="handle" style="${H(this.styles.endHandle)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" role="slider" tabindex="${r(this._tabIndex)}" aria-orientation="horizontal" aria-valuemin="${r(this.min)}" aria-valuemax="${r(this.max)}" aria-valuenow="${r(this.endValue)}" aria-labelledby="${r(this._ariaLabelledByEndHandleRefs)}" aria-disabled="${r(this._ariaDisabled)}"><ui5-icon name="direction-arrows" slider-icon></ui5-icon>${this.showTooltip?vb.call(this,i,e,t):void 0}</div></div><span id="${r(this._id)}-accName" class="ui5-hidden-text">${r(this.accessibleName)}</span><span id="${r(this._id)}-sliderDesc" class="ui5-hidden-text">${r(this._ariaLabelledByText)}</span></div> `}function pb(i,e,t){return d`${this.showTickmarks?YF.call(this,i,e,t):void 0}`}function YF(i,e,t){return d`<ul class="ui5-slider-tickmarks">${T(this.tickmarksObject,(o,a)=>o._id||a,(o,a)=>KF.call(this,i,e,t,o,a))}</ul>${this.labelInterval?JF.call(this,i,e,t):void 0}`}function KF(i,e,t,o,a){return d`${o?ZF.call(this,i,e,t,o,a):QF.call(this,i,e,t,o,a)}`}function ZF(i,e,t,o,a){return d`<li class="ui5-slider-tickmark ui5-slider-tickmark-in-range"></li>`}function QF(i,e,t,o,a){return d`<li class="ui5-slider-tickmark"></li>`}function JF(i,e,t){return d`<ul class="ui5-slider-labels ${z(this.classes.labelContainer)}" style="${H(this.styles.labelContainer)}">${T(this._labels,(o,a)=>o._id||a,(o,a)=>eX.call(this,i,e,t,o,a))}</ul>`}function eX(i,e,t,o,a){return d`<li style="${H(this.styles.label)}">${r(o)}</li>`}function _b(i,e,t){return d`<div class="ui5-slider-tooltip ui5-slider-tooltip--start" style="${H(this.styles.tooltip)}"><span class="ui5-slider-tooltip-value">${r(this.tooltipStartValue)}</span></div>`}function vb(i,e,t){return d`<div class="ui5-slider-tooltip ui5-slider-tooltip--end" style="${H(this.styles.tooltip)}"><span class="ui5-slider-tooltip-value">${r(this.tooltipEndValue)}</span></div>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@ui5/webcomponents","sap_horizon",async()=>Z);const cw={packageName:"@ui5/webcomponents",fileName:"themes/RangeSlider.css.ts",content:`:host([ui5-range-slider]) .ui5-slider-progress-container:before{background-color:var(--_ui5-v1-24-23_slider_progress_container_dot_background)}.ui5-slider-root:hover:active .ui5-slider-handle:not(:focus){background:var(--sapSlider_RangeHandleBackground)}:host([range-pressed]) .ui5-slider-root:active .ui5-slider-handle:not(:focus){background:var(--_ui5-v1-24-23_range_slider_handle_active_background);border:var(--_ui5-v1-24-23_slider_handle_focus_border);box-shadow:none}:host([range-pressed]) .ui5-slider-handle [slider-icon]{display:var(--_ui5-v1-24-23_range_slider_active_handle_icon_display)}.ui5-slider-root:not(.ui5-slider-root-phone):focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-root:not(.ui5-slider-root-phone) .ui5-slider-inner .ui5-slider-handle:focus{background:var(--_ui5-v1-24-23_range_slider_handle_background_focus)}.ui5-slider-root:not(.ui5-slider-root-phone) .ui5-slider-inner .ui5-slider-handle:focus [slider-icon]{display:none}.ui5-slider-root:not(.ui5-slider-root-phone) .ui5-slider-progress:focus:before{display:var(--_ui5-v1-24-23_range_slider_legacy_progress_focus_display);content:"";position:absolute;width:var(--_ui5-v1-24-23_range_slider_focus_outline_width);border:var(--_ui5-v1-24-23_slider_progress_outline);border-radius:var(--_ui5-v1-24-23_range_slider_focus_outline_radius);top:var(--_ui5-v1-24-23_slider_progress_outline_offset);height:var(--_ui5-v1-24-23_slider_outer_height);box-sizing:border-box;left:var(--_ui5-v1-24-23_slider_progress_outline_offset_left)}.ui5-slider-progress{position:relative}.ui5-slider-progress:focus:after{border:.125rem solid var(--sapContent_FocusColor);border-radius:.5rem;content:"";display:var(--_ui5-v1-24-23_range_slider_progress_focus_display);position:absolute;top:var(--_ui5-v1-24-23_range_slider_progress_focus_top);left:var(--_ui5-v1-24-23_range_slider_progress_focus_left);padding:var(--_ui5-v1-24-23_range_slider_progress_focus_padding);width:var(--_ui5-v1-24-23_range_slider_progress_focus_width);height:var(--_ui5-v1-24-23_range_slider_progress_focus_height);box-sizing:border-box}.ui5-slider-handle{background:var(--_ui5-v1-24-23_range_slider_handle_background)}.ui5-slider-progress-container:hover~.ui5-slider-handle:not(:focus),.ui5-slider-handle:hover{background:var(--_ui5-v1-24-23_range_slider_root_hover_handle_bg)}.ui5-slider-root:hover .ui5-slider-handle:not(:focus) [slider-icon]{display:var(--_ui5-v1-24-23_range_slider_root_hover_handle_icon_display)}:host([range-pressed]) .ui5-slider-root:active .ui5-slider-handle:not(:focus) [slider-icon]{display:var(--_ui5-v1-24-23_range_slider_root_active_handle_icon_display)}
|
|
245
|
-
`};var Ih=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},br;let Mn=br=class extends vo{constructor(){super(),this._isPressInCurrentRange=!1,this._handeIsPressed=!1,this._reversedValues=!1,this._stateStorage.startValue=void 0,this._stateStorage.endValue=void 0}get tooltipStartValue(){const t=this.constructor._getDecimalPrecisionOfNumber(this._effectiveStep);return this.startValue.toFixed(t)}get tooltipEndValue(){const t=this.constructor._getDecimalPrecisionOfNumber(this._effectiveStep);return this.endValue.toFixed(t)}get _ariaDisabled(){return this.disabled||void 0}get _ariaLabelledByText(){return br.i18nBundle.getText(J4)}get _ariaHandlesText(){const e=this.effectiveDir==="rtl",t=this._areValuesReversed(),o={};return e&&!t||!e&&t?(o.startHandleText=br.i18nBundle.getText(Tm),o.endHandleText=br.i18nBundle.getText($m)):(o.startHandleText=br.i18nBundle.getText($m),o.endHandleText=br.i18nBundle.getText(Tm)),o}get _ariaValueNow(){return Math.abs(this.endValue-this.startValue)}onBeforeRendering(){if(this.startValue>this.endValue){const e=this._valueAffected==="startValue"?"endValue":"startValue";this._swapValues(),this._setAffectedValue(e),this.update(e,this.startValue,this.endValue)}this.isCurrentStateOutdated()&&(this.notResized=!0,this.syncUIAndState(),this._updateHandlesAndRange(0))}syncUIAndState(){if(this.isPropertyUpdated("step")&&(this._validateStep(this.step),this.storePropertyState("step")),this.isPropertyUpdated("min","max","startValue","endValue")){this.storePropertyState("min","max");const e=vo.clipValue(this.startValue,this._effectiveMin,this._effectiveMax);this.startValue=e,this.updateStateStorageAndFireInputEvent("startValue"),this.storePropertyState("startValue");const t=vo.clipValue(this.endValue,this._effectiveMin,this._effectiveMax);this.endValue=t,this.updateStateStorageAndFireInputEvent("endValue"),this.storePropertyState("endValue")}this.labelInterval&&this.showTickmarks&&this._createLabels(),this.isPropertyUpdated("labelInterval")&&this.storePropertyState("labelInterval")}_onfocusin(){this._endValueInitial||(this._startValueInitial=this.startValue,this._endValueInitial=this.endValue),this.showTooltip&&(this._tooltipVisibility=vo.TOOLTIP_VISIBILITY.VISIBLE)}_onfocusout(){if(this._isFocusing()){this._preventFocusOut();return}this._setAffectedValue(void 0),this._startValueInitial=void 0,this._endValueInitial=void 0,this.showTooltip&&(this._tooltipVisibility=vo.TOOLTIP_VISIBILITY.HIDDEN)}_onkeyup(){super._onkeyup(),this._setAffectedValue(void 0),(this.startValue!==this._startValueAtBeginningOfAction||this.endValue!==this._endValueAtBeginningOfAction)&&this.fireEvent("change"),this._startValueAtBeginningOfAction=void 0,this._endValueAtBeginningOfAction=void 0}_handleActionKeyPress(e){if(this._startValueAtBeginningOfAction=this.startValue,this._endValueAtBeginningOfAction=this.endValue,Fe(e)){this.update(void 0,this._startValueInitial,this._endValueInitial);return}this._setAffectedValueByFocusedElement();const t=this._effectiveMin,o=this._effectiveMax,a=this._valueAffected;if((jt(e)||rt(e))&&!a){this._homeEndForSelectedRange(e,rt(e)?"startValue":"endValue",t,o);return}const n=this._handleActionKeyPressBase(e,a);if(!n)return;const s=this.constructor;if(a&&!this._isPressInCurrentRange){const l=this[a],h=s.clipValue(n+l,t,o);this.update(a,h,void 0)}else if(n<0&&this.startValue>t||n>0&&this.endValue<o){const l=s.clipValue(n+this.startValue,t,o),h=s.clipValue(n+this.endValue,t,o);this.update(a,l,h)}}_setAffectedValueByFocusedElement(){this.shadowRoot.activeElement===this._startHandle&&this._setAffectedValue("startValue"),this.shadowRoot.activeElement===this._endHandle&&this._setAffectedValue("endValue"),this.shadowRoot.activeElement===this._progressBar&&this._setAffectedValue(void 0),this._setIsPressInCurrentRange(!this._valueAffected)}_homeEndForSelectedRange(e,t,o,a){const n=this._handleActionKeyPressBase(e,t),s=this.constructor,l=s.clipValue(n+this.startValue,o,a),h=s.clipValue(n+this.endValue,o,a);this.update(void 0,l,h)}update(e,t,o){if(!e)this.startValue=t,this.updateStateStorageAndFireInputEvent("startValue"),this.endValue=o,this.updateStateStorageAndFireInputEvent("endValue"),this._updateHandlesAndRange(0);else{const a=o&&e==="endValue"?o:t;this._updateHandlesAndRange(a||0),e==="startValue"&&(this.startValue=a,this.updateStateStorageAndFireInputEvent("startValue")),e==="endValue"&&(this.endValue=a,this.updateStateStorageAndFireInputEvent("endValue"))}}_onmousedown(e){if(this.disabled||this._effectiveStep===0)return;const t=this.handleDownBase(e);if(this._saveInteractionStartData(e,t),this.rangePressed=this._isPressInCurrentRange,this._isPressInCurrentRange||this._handeIsPressed){this._handeIsPressed=!1;return}this.update(this._valueAffected,t,void 0)}_saveInteractionStartData(e,t){const o=this.shadowRoot.querySelector(".ui5-slider-progress").getBoundingClientRect();this._startValueAtBeginningOfAction=this.startValue,this._endValueAtBeginningOfAction=this.endValue;const a=this.constructor;this._initialPageXPosition=a.getPageXValueFromEvent(e),this._pressTargetAndAffectedValue(this._initialPageXPosition,t),this._initialStartHandlePageX=this.directionStart==="left"?o.left:o.right}_handleMove(e){if(e.preventDefault(),!(this.disabled||this._effectiveStep===0)){if(!this._isPressInCurrentRange){this._updateValueOnHandleDrag(e);return}this._updateValueOnRangeDrag(e)}}_updateValueOnHandleDrag(e){const o=this.constructor.getValueFromInteraction(e,this._effectiveStep,this._effectiveMin,this._effectiveMax,this.getBoundingClientRect(),this.directionStart);this.update(this._valueAffected,o,void 0)}_updateValueOnRangeDrag(e){const o=this.constructor.getPageXValueFromEvent(e),a=this._calculateRangeOffset(o,this._initialStartHandlePageX);this._setAffectedValue(void 0),this.update(void 0,a[0],a[1])}_handleUp(){this._setAffectedValueByFocusedElement(),this._setAffectedValue(void 0),(this.startValue!==this._startValueAtBeginningOfAction||this.endValue!==this._endValueAtBeginningOfAction)&&this.fireEvent("change"),this._setIsPressInCurrentRange(!1),this.handleUpBase(),this.rangePressed=!1,this._startValueAtBeginningOfAction=void 0,this._endValueAtBeginningOfAction=void 0}_pressTargetAndAffectedValue(e,t){const o=this.shadowRoot.querySelector(".ui5-slider-handle--start"),a=this.shadowRoot.querySelector(".ui5-slider-handle--end"),n=o.getBoundingClientRect(),s=a.getBoundingClientRect(),l=e>=n.left&&e<=n.right,h=e>=s.left&&e<=s.right;(h||l)&&(this._handeIsPressed=!0),(h||t>this.endValue)&&this._setAffectedValue("endValue"),(l||t<this.startValue)&&this._setAffectedValue("startValue");const p=this._startValueAtBeginningOfAction!==void 0&&this._endValueAtBeginningOfAction!==void 0&&t>=this._startValueAtBeginningOfAction&&t<=this._endValueAtBeginningOfAction;this._setIsPressInCurrentRange(this._valueAffected||this._handeIsPressed?!1:p)}_setAffectedValue(e){this._valueAffected=e,this._areValuesReversed()&&this._setValuesAreReversed()}_setIsPressInCurrentRange(e){this._isPressInCurrentRange=e}focusInnerElement(){const e=this._areValuesReversed(),t=this._valueAffected;(this._isPressInCurrentRange||!t)&&this._progressBar.focus(),(t==="startValue"&&!e||t==="endValue"&&e)&&this._startHandle.focus(),(t==="endValue"&&!e||t==="startValue"&&e)&&this._endHandle.focus()}_calculateRangeOffset(e,t){if(this._initialPageXPosition===e)return[this.startValue,this.endValue];const o=this._effectiveMin,a=this._effectiveMax,n=this.endValue-this.startValue;let s=this._calculateStartValueByOffset(e,t);return s=this.constructor.clipValue(s,o,a-n),[s,s+n]}_calculateStartValueByOffset(e,t){const o=this._effectiveMin,a=this._effectiveMax,n=this._effectiveStep,s=this.getBoundingClientRect();let l,h,p;const _=this.constructor;return e>this._initialPageXPosition?(p=e-this._initialPageXPosition,h=t+p,l=_.computedValueFromPageX(h,o,a,s,this.directionStart),l=_.getSteppedValue(l,n,o)):(p=this._initialPageXPosition-e,h=t-p,l=_.computedValueFromPageX(h,o,a,s,this.directionStart),l=_.getSteppedValue(l,n,o)),l}_updateHandlesAndRange(e){const t=this._effectiveMax,o=this._effectiveMin,a=this.getStoredPropertyState("startValue")||0,n=this.getStoredPropertyState("endValue")||0,s=this._valueAffected;s==="startValue"?(this._selectedRange=(n-e)/(t-o),this._firstHandlePositionFromStart=(e-o)/(t-o)*100):s==="endValue"?(this._selectedRange=(e-a)/(t-o),this._secondHandlePositionFromStart=(e-o)/(t-o)*100):(this._selectedRange=(this.endValue-this.startValue)/(t-o),this._firstHandlePositionFromStart=(this.startValue-o)/(t-o)*100,this._secondHandlePositionFromStart=(this.endValue-o)/(t-o)*100)}_swapValues(){const e=this._valueAffected;if(e){if(e==="startValue"&&this.startValue>this.endValue){const t=this.endValue;this.endValue=this.startValue,this.startValue=t}if(e==="endValue"&&this.endValue<this.startValue){const t=this.startValue;this.startValue=this.endValue,this.endValue=t}this._setValuesAreReversed(),this._updateHandlesAndRange(this[e]),this.focusInnerElement(),this.syncUIAndState()}}_setValuesAreReversed(){this._reversedValues=!this._reversedValues}_areValuesReversed(){return this._reversedValues}get tickmarksObject(){const e=this._tickmarksCount,t=[];if(this._hiddenTickmarks)return[!1,!1];for(let o=0;o<=e;o++){const a=this._effectiveMin+o*this.step>=this.startValue,n=this._effectiveMin+o*this.step<=this.endValue;t.push(a&&n)}return t}get _startHandle(){return this.shadowRoot.querySelector(".ui5-slider-handle--start")}get _endHandle(){return this.shadowRoot.querySelector(".ui5-slider-handle--end")}get _progressBar(){return this.shadowRoot.querySelector(".ui5-slider-progress")}get _ariaLabelledByStartHandleRefs(){return[`${this._id}-accName`,`${this._id}-startHandleDesc`].join(" ").trim()}get _ariaLabelledByEndHandleRefs(){return[`${this._id}-accName`,`${this._id}-endHandleDesc`].join(" ").trim()}get _ariaLabelledByProgressBarRefs(){return[`${this._id}-accName`,`${this._id}-sliderDesc`].join(" ").trim()}get styles(){return{progress:{width:`${this._selectedRange*100}%`,"transform-origin":`${this.directionStart} top`,[this.directionStart]:`${this._firstHandlePositionFromStart}%`},startHandle:{[this.directionStart]:`${this._firstHandlePositionFromStart}%`},endHandle:{[this.directionStart]:`${this._secondHandlePositionFromStart}%`},label:{width:`${this._labelWidth}%`},labelContainer:{width:"100%",[this.directionStart]:`-${this._labelWidth/2}%`},tooltip:{visibility:`${this._tooltipVisibility}`}}}static async onDefine(){br.i18nBundle=await M("@ui5/webcomponents")}};Ih([c({validator:it,defaultValue:0})],Mn.prototype,"startValue",void 0);Ih([c({validator:it,defaultValue:100})],Mn.prototype,"endValue",void 0);Ih([c({type:Boolean})],Mn.prototype,"rangePressed",void 0);Mn=br=Ih([y({tag:"ui5-range-slider",languageAware:!0,template:GF,dependencies:[U],styles:[vo.styles,cw]})],Mn);Mn.define();const tX=Mn;v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const uw={packageName:"@sapudex/web-components",fileName:"themes/Slider.css.ts",content:`:host{--udex-slider-color-track-start-point: var( --sapSlider_Selected_Background, #0070f2 );--udex-slider-color-track-active: var( --sapSlider_Selected_Background, #0070f2 );--udex-slider-color-handle-focus-range: var( --sapSlider_Selected_BorderColor, #0070f2 );--udex-slider-color-handle-active-background: var( --sapSlider_Active_HandleBackground, #ffffff );--udex-slider-color-handle-default-icon: var( --sapContent_Selected_ForegroundColor, #0040b0 );--udex-slider-radius-range-size: var(---udexRadiusM, .5rem)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v0-231-9_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}
|
|
245
|
+
`};var Ih=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},br;let Mn=br=class extends vo{constructor(){super(),this._isPressInCurrentRange=!1,this._handeIsPressed=!1,this._reversedValues=!1,this._stateStorage.startValue=void 0,this._stateStorage.endValue=void 0}get tooltipStartValue(){const t=this.constructor._getDecimalPrecisionOfNumber(this._effectiveStep);return this.startValue.toFixed(t)}get tooltipEndValue(){const t=this.constructor._getDecimalPrecisionOfNumber(this._effectiveStep);return this.endValue.toFixed(t)}get _ariaDisabled(){return this.disabled||void 0}get _ariaLabelledByText(){return br.i18nBundle.getText(J4)}get _ariaHandlesText(){const e=this.effectiveDir==="rtl",t=this._areValuesReversed(),o={};return e&&!t||!e&&t?(o.startHandleText=br.i18nBundle.getText(Tm),o.endHandleText=br.i18nBundle.getText($m)):(o.startHandleText=br.i18nBundle.getText($m),o.endHandleText=br.i18nBundle.getText(Tm)),o}get _ariaValueNow(){return Math.abs(this.endValue-this.startValue)}onBeforeRendering(){if(this.startValue>this.endValue){const e=this._valueAffected==="startValue"?"endValue":"startValue";this._swapValues(),this._setAffectedValue(e),this.update(e,this.startValue,this.endValue)}this.isCurrentStateOutdated()&&(this.notResized=!0,this.syncUIAndState(),this._updateHandlesAndRange(0))}syncUIAndState(){if(this.isPropertyUpdated("step")&&(this._validateStep(this.step),this.storePropertyState("step")),this.isPropertyUpdated("min","max","startValue","endValue")){this.storePropertyState("min","max");const e=vo.clipValue(this.startValue,this._effectiveMin,this._effectiveMax);this.startValue=e,this.updateStateStorageAndFireInputEvent("startValue"),this.storePropertyState("startValue");const t=vo.clipValue(this.endValue,this._effectiveMin,this._effectiveMax);this.endValue=t,this.updateStateStorageAndFireInputEvent("endValue"),this.storePropertyState("endValue")}this.labelInterval&&this.showTickmarks&&this._createLabels(),this.isPropertyUpdated("labelInterval")&&this.storePropertyState("labelInterval")}_onfocusin(){this._endValueInitial||(this._startValueInitial=this.startValue,this._endValueInitial=this.endValue),this.showTooltip&&(this._tooltipVisibility=vo.TOOLTIP_VISIBILITY.VISIBLE)}_onfocusout(){if(this._isFocusing()){this._preventFocusOut();return}this._setAffectedValue(void 0),this._startValueInitial=void 0,this._endValueInitial=void 0,this.showTooltip&&(this._tooltipVisibility=vo.TOOLTIP_VISIBILITY.HIDDEN)}_onkeyup(){super._onkeyup(),this._setAffectedValue(void 0),(this.startValue!==this._startValueAtBeginningOfAction||this.endValue!==this._endValueAtBeginningOfAction)&&this.fireEvent("change"),this._startValueAtBeginningOfAction=void 0,this._endValueAtBeginningOfAction=void 0}_handleActionKeyPress(e){if(this._startValueAtBeginningOfAction=this.startValue,this._endValueAtBeginningOfAction=this.endValue,Fe(e)){this.update(void 0,this._startValueInitial,this._endValueInitial);return}this._setAffectedValueByFocusedElement();const t=this._effectiveMin,o=this._effectiveMax,a=this._valueAffected;if((jt(e)||rt(e))&&!a){this._homeEndForSelectedRange(e,rt(e)?"startValue":"endValue",t,o);return}const n=this._handleActionKeyPressBase(e,a);if(!n)return;const s=this.constructor;if(a&&!this._isPressInCurrentRange){const l=this[a],h=s.clipValue(n+l,t,o);this.update(a,h,void 0)}else if(n<0&&this.startValue>t||n>0&&this.endValue<o){const l=s.clipValue(n+this.startValue,t,o),h=s.clipValue(n+this.endValue,t,o);this.update(a,l,h)}}_setAffectedValueByFocusedElement(){this.shadowRoot.activeElement===this._startHandle&&this._setAffectedValue("startValue"),this.shadowRoot.activeElement===this._endHandle&&this._setAffectedValue("endValue"),this.shadowRoot.activeElement===this._progressBar&&this._setAffectedValue(void 0),this._setIsPressInCurrentRange(!this._valueAffected)}_homeEndForSelectedRange(e,t,o,a){const n=this._handleActionKeyPressBase(e,t),s=this.constructor,l=s.clipValue(n+this.startValue,o,a),h=s.clipValue(n+this.endValue,o,a);this.update(void 0,l,h)}update(e,t,o){if(!e)this.startValue=t,this.updateStateStorageAndFireInputEvent("startValue"),this.endValue=o,this.updateStateStorageAndFireInputEvent("endValue"),this._updateHandlesAndRange(0);else{const a=o&&e==="endValue"?o:t;this._updateHandlesAndRange(a||0),e==="startValue"&&(this.startValue=a,this.updateStateStorageAndFireInputEvent("startValue")),e==="endValue"&&(this.endValue=a,this.updateStateStorageAndFireInputEvent("endValue"))}}_onmousedown(e){if(this.disabled||this._effectiveStep===0)return;const t=this.handleDownBase(e);if(this._saveInteractionStartData(e,t),this.rangePressed=this._isPressInCurrentRange,this._isPressInCurrentRange||this._handeIsPressed){this._handeIsPressed=!1;return}this.update(this._valueAffected,t,void 0)}_saveInteractionStartData(e,t){const o=this.shadowRoot.querySelector(".ui5-slider-progress").getBoundingClientRect();this._startValueAtBeginningOfAction=this.startValue,this._endValueAtBeginningOfAction=this.endValue;const a=this.constructor;this._initialPageXPosition=a.getPageXValueFromEvent(e),this._pressTargetAndAffectedValue(this._initialPageXPosition,t),this._initialStartHandlePageX=this.directionStart==="left"?o.left:o.right}_handleMove(e){if(e.preventDefault(),!(this.disabled||this._effectiveStep===0)){if(!this._isPressInCurrentRange){this._updateValueOnHandleDrag(e);return}this._updateValueOnRangeDrag(e)}}_updateValueOnHandleDrag(e){const o=this.constructor.getValueFromInteraction(e,this._effectiveStep,this._effectiveMin,this._effectiveMax,this.getBoundingClientRect(),this.directionStart);this.update(this._valueAffected,o,void 0)}_updateValueOnRangeDrag(e){const o=this.constructor.getPageXValueFromEvent(e),a=this._calculateRangeOffset(o,this._initialStartHandlePageX);this._setAffectedValue(void 0),this.update(void 0,a[0],a[1])}_handleUp(){this._setAffectedValueByFocusedElement(),this._setAffectedValue(void 0),(this.startValue!==this._startValueAtBeginningOfAction||this.endValue!==this._endValueAtBeginningOfAction)&&this.fireEvent("change"),this._setIsPressInCurrentRange(!1),this.handleUpBase(),this.rangePressed=!1,this._startValueAtBeginningOfAction=void 0,this._endValueAtBeginningOfAction=void 0}_pressTargetAndAffectedValue(e,t){const o=this.shadowRoot.querySelector(".ui5-slider-handle--start"),a=this.shadowRoot.querySelector(".ui5-slider-handle--end"),n=o.getBoundingClientRect(),s=a.getBoundingClientRect(),l=e>=n.left&&e<=n.right,h=e>=s.left&&e<=s.right;(h||l)&&(this._handeIsPressed=!0),(h||t>this.endValue)&&this._setAffectedValue("endValue"),(l||t<this.startValue)&&this._setAffectedValue("startValue");const p=this._startValueAtBeginningOfAction!==void 0&&this._endValueAtBeginningOfAction!==void 0&&t>=this._startValueAtBeginningOfAction&&t<=this._endValueAtBeginningOfAction;this._setIsPressInCurrentRange(this._valueAffected||this._handeIsPressed?!1:p)}_setAffectedValue(e){this._valueAffected=e,this._areValuesReversed()&&this._setValuesAreReversed()}_setIsPressInCurrentRange(e){this._isPressInCurrentRange=e}focusInnerElement(){const e=this._areValuesReversed(),t=this._valueAffected;(this._isPressInCurrentRange||!t)&&this._progressBar.focus(),(t==="startValue"&&!e||t==="endValue"&&e)&&this._startHandle.focus(),(t==="endValue"&&!e||t==="startValue"&&e)&&this._endHandle.focus()}_calculateRangeOffset(e,t){if(this._initialPageXPosition===e)return[this.startValue,this.endValue];const o=this._effectiveMin,a=this._effectiveMax,n=this.endValue-this.startValue;let s=this._calculateStartValueByOffset(e,t);return s=this.constructor.clipValue(s,o,a-n),[s,s+n]}_calculateStartValueByOffset(e,t){const o=this._effectiveMin,a=this._effectiveMax,n=this._effectiveStep,s=this.getBoundingClientRect();let l,h,p;const _=this.constructor;return e>this._initialPageXPosition?(p=e-this._initialPageXPosition,h=t+p,l=_.computedValueFromPageX(h,o,a,s,this.directionStart),l=_.getSteppedValue(l,n,o)):(p=this._initialPageXPosition-e,h=t-p,l=_.computedValueFromPageX(h,o,a,s,this.directionStart),l=_.getSteppedValue(l,n,o)),l}_updateHandlesAndRange(e){const t=this._effectiveMax,o=this._effectiveMin,a=this.getStoredPropertyState("startValue")||0,n=this.getStoredPropertyState("endValue")||0,s=this._valueAffected;s==="startValue"?(this._selectedRange=(n-e)/(t-o),this._firstHandlePositionFromStart=(e-o)/(t-o)*100):s==="endValue"?(this._selectedRange=(e-a)/(t-o),this._secondHandlePositionFromStart=(e-o)/(t-o)*100):(this._selectedRange=(this.endValue-this.startValue)/(t-o),this._firstHandlePositionFromStart=(this.startValue-o)/(t-o)*100,this._secondHandlePositionFromStart=(this.endValue-o)/(t-o)*100)}_swapValues(){const e=this._valueAffected;if(e){if(e==="startValue"&&this.startValue>this.endValue){const t=this.endValue;this.endValue=this.startValue,this.startValue=t}if(e==="endValue"&&this.endValue<this.startValue){const t=this.startValue;this.startValue=this.endValue,this.endValue=t}this._setValuesAreReversed(),this._updateHandlesAndRange(this[e]),this.focusInnerElement(),this.syncUIAndState()}}_setValuesAreReversed(){this._reversedValues=!this._reversedValues}_areValuesReversed(){return this._reversedValues}get tickmarksObject(){const e=this._tickmarksCount,t=[];if(this._hiddenTickmarks)return[!1,!1];for(let o=0;o<=e;o++){const a=this._effectiveMin+o*this.step>=this.startValue,n=this._effectiveMin+o*this.step<=this.endValue;t.push(a&&n)}return t}get _startHandle(){return this.shadowRoot.querySelector(".ui5-slider-handle--start")}get _endHandle(){return this.shadowRoot.querySelector(".ui5-slider-handle--end")}get _progressBar(){return this.shadowRoot.querySelector(".ui5-slider-progress")}get _ariaLabelledByStartHandleRefs(){return[`${this._id}-accName`,`${this._id}-startHandleDesc`].join(" ").trim()}get _ariaLabelledByEndHandleRefs(){return[`${this._id}-accName`,`${this._id}-endHandleDesc`].join(" ").trim()}get _ariaLabelledByProgressBarRefs(){return[`${this._id}-accName`,`${this._id}-sliderDesc`].join(" ").trim()}get styles(){return{progress:{width:`${this._selectedRange*100}%`,"transform-origin":`${this.directionStart} top`,[this.directionStart]:`${this._firstHandlePositionFromStart}%`},startHandle:{[this.directionStart]:`${this._firstHandlePositionFromStart}%`},endHandle:{[this.directionStart]:`${this._secondHandlePositionFromStart}%`},label:{width:`${this._labelWidth}%`},labelContainer:{width:"100%",[this.directionStart]:`-${this._labelWidth/2}%`},tooltip:{visibility:`${this._tooltipVisibility}`}}}static async onDefine(){br.i18nBundle=await M("@ui5/webcomponents")}};Ih([c({validator:it,defaultValue:0})],Mn.prototype,"startValue",void 0);Ih([c({validator:it,defaultValue:100})],Mn.prototype,"endValue",void 0);Ih([c({type:Boolean})],Mn.prototype,"rangePressed",void 0);Mn=br=Ih([y({tag:"ui5-range-slider",languageAware:!0,template:GF,dependencies:[U],styles:[vo.styles,cw]})],Mn);Mn.define();const tX=Mn;v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const uw={packageName:"@sapudex/web-components",fileName:"themes/Slider.css.ts",content:`:host{--udex-slider-color-track-start-point: var( --sapSlider_Selected_Background, #0070f2 );--udex-slider-color-track-active: var( --sapSlider_Selected_Background, #0070f2 );--udex-slider-color-handle-focus-range: var( --sapSlider_Selected_BorderColor, #0070f2 );--udex-slider-color-handle-active-background: var( --sapSlider_Active_HandleBackground, #ffffff );--udex-slider-color-handle-default-icon: var( --sapContent_Selected_ForegroundColor, #0040b0 );--udex-slider-radius-range-size: var(---udexRadiusM, .5rem)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v0-231-10_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}
|
|
246
246
|
`};var iX=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n};let Y_=class extends tX{onEnterDOM(){ge()&&this.setAttribute("desktop","")}};Y_=iX([y({tag:"udex-range-slider",renderer:k,styles:[vo.styles,cw,uw]})],Y_);Y_.define();function oX(i,e,t){return t?d`<div class="udex-rating-bar__container"><div aria-hidden="true" class="udex-rating-bar__rating">${r(this.validatedRating)}</div><${u("ui5-icon",e,t)} role="img" aria-labelledby="ratingDescription" name="favorite" class="udex-rating__icon"></${u("ui5-icon",e,t)}><div class="udex-rating-bar__track"><div class="udex-rating-bar__progress"></div></div>${this.showPercentage?gb.call(this,i,e,t):void 0}<span id="ratingDescription" class="hidden-text">${r(this._ratingDescription)}</span></div>`:d`<div class="udex-rating-bar__container"><div aria-hidden="true" class="udex-rating-bar__rating">${r(this.validatedRating)}</div><ui5-icon role="img" aria-labelledby="ratingDescription" name="favorite" class="udex-rating__icon"></ui5-icon><div class="udex-rating-bar__track"><div class="udex-rating-bar__progress"></div></div>${this.showPercentage?gb.call(this,i,e,t):void 0}<span id="ratingDescription" class="hidden-text">${r(this._ratingDescription)}</span></div>`}function gb(i,e,t){return d`<div role="note" class="udex-rating-bar__percentage" aria-label="${r(this.validatedPercentage)}">${r(this.validatedPercentage)}</div>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const aX={packageName:"@sapudex/web-components",fileName:"themes/RatingBar.css.ts",content:`:host{--udex-rating-bar-progress-color: var(--udexColorMango6);--udex-rating-bar-progress-track-color: var(--udexColorGrey1);--udex-rating-bar-text-color: var(--udexColorGrey7);--udex-rating-bar-container-height: 1.5rem;--udex-rating-bar-progress: 100%;--udex-rating-bar-track-height: .75rem;--udex-rating-bar-progress-radius: var(---udexRadiusM, .5rem)}.udex-rating-bar__container{display:flex;flex-direction:row;align-items:center;gap:var(--udexSpacer4);height:var(--udex-rating-bar-container-height);font-family:var(--sapFontFamily, sans-serif)}.udex-rating-bar__percentage,.udex-rating-bar__rating{color:var(--udex-rating-bar-text-color);font-size:var(--udexTypographyBodySFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-rating-bar__track{width:100%;height:var(--udex-rating-bar-track-height);background-color:var(--udex-rating-bar-progress-track-color);border:none;overflow:hidden;border-radius:var(--udex-rating-bar-progress-radius)}.udex-rating-bar__progress{width:var(--udex-rating-bar-progress);height:100%;background-color:var(--udex-rating-bar-progress-color);border:none;border-radius:var(--udex-rating-bar-progress-radius)}.udex-rating__icon{height:.875rem;width:.875rem;color:var(--udexColorMango6)}.hidden-text{display:none}
|
|
247
247
|
`};var Bh=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},Kc;let On=Kc=class extends E{constructor(){super(...arguments),this._minRating=0,this._maxRating=5,this._minPercentage=0,this._maxPercentage=100}static async onDefine(){Kc.i18nBundle=await M("@sapudex/web-components")}onBeforeRendering(){this.style.setProperty("--udex-rating-bar-progress",`${this.percentage}%`)}get validatedRating(){return this.rating>this._maxRating?(console.warn("UDEx RatingBar: The rating shouldn't be more than 5."),this._maxRating):this.rating<this._minRating?(console.warn("UDEx RatingBar: The rating shouldn't be less than 0."),this._minRating):this.rating}get validatedPercentage(){return this.percentage>this._maxPercentage?(console.warn("UDEx RatingBar: The percentage shouldn't be more than 100."),`${this._maxPercentage}%`):this.percentage<this._minPercentage?(console.warn("UDEx RatingBar: The percentage shouldn't be less than 0."),`${this._minPercentage}%`):`${this.percentage}%`}get _ratingDescription(){return`${this.validatedRating} ${Kc.i18nBundle.getText(Zy)}`}};Bh([c({type:Number,defaultValue:0,validator:q})],On.prototype,"rating",void 0);Bh([c({type:Number,defaultValue:0,validator:q})],On.prototype,"percentage",void 0);Bh([c({type:Boolean})],On.prototype,"showPercentage",void 0);On=Kc=Bh([y({tag:"udex-rating-bar",renderer:k,styles:aX,template:oX,dependencies:[U]})],On);On.define();const hw=On;function rX(i,e,t){return d`<div class="ui5-rating-indicator-root" role="slider" aria-roledescription="${r(this._ariaRoleDescription)}" aria-valuemin="0" aria-valuenow="${r(this.value)}" aria-valuemax="${r(this.max)}" aria-valuetext="${r(this.value)} of ${r(this.max)}" aria-orientation="horizontal" aria-disabled="${r(this._ariaDisabled)}" aria-readonly="${r(this.ariaReadonly)}" aria-description="${r(this._ariaDescription)}" tabindex="${r(this.effectiveTabIndex)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" @click="${this._onclick}" @keydown="${this._onkeydown}" title="${r(this.ratingTooltip)}" aria-label="${r(this._ariaLabel)}"><ul class="ui5-rating-indicator-list" aria-hidden="true">${T(this._stars,(o,a)=>o._id||a,(o,a)=>nX.call(this,i,e,t,o,a))}</ul></div>`}function nX(i,e,t,o,a){return d`${o.selected?sX.call(this,i,e,t,o,a):lX.call(this,i,e,t,o,a)}`}function sX(i,e,t,o,a){return t?d`<li data-ui5-value="${r(o.index)}" class="ui5-rating-indicator-item ui5-rating-indicator-item-sel"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="favorite"></${u("ui5-icon",e,t)}></li>`:d`<li data-ui5-value="${r(o.index)}" class="ui5-rating-indicator-item ui5-rating-indicator-item-sel"><ui5-icon data-ui5-value="${r(o.index)}" name="favorite"></ui5-icon></li>`}function lX(i,e,t,o,a){return d`${o.halfStar?dX.call(this,i,e,t,o,a):cX.call(this,i,e,t,o,a)}`}function dX(i,e,t,o,a){return t?d`<li class="ui5-rating-indicator-item ui5-rating-indicator-item-half"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="unfavorite"></${u("ui5-icon",e,t)}><div class="ui5-rating-indicator-half-icon-wrapper"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="favorite" class="ui5-rating-indicator-half-icon"></${u("ui5-icon",e,t)}></div></li>`:d`<li class="ui5-rating-indicator-item ui5-rating-indicator-item-half"><ui5-icon data-ui5-value="${r(o.index)}" name="unfavorite"></ui5-icon><div class="ui5-rating-indicator-half-icon-wrapper"><ui5-icon data-ui5-value="${r(o.index)}" name="favorite" class="ui5-rating-indicator-half-icon"></ui5-icon></div></li>`}function cX(i,e,t,o,a){return d`${this.readonly?uX.call(this,i,e,t,o,a):hX.call(this,i,e,t,o,a)}`}function uX(i,e,t,o,a){return t?d`<li class="ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="favorite"></${u("ui5-icon",e,t)}></li>`:d`<li class="ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><ui5-icon data-ui5-value="${r(o.index)}" name="favorite"></ui5-icon></li>`}function hX(i,e,t,o,a){return d`${this.disabled?pX.call(this,i,e,t,o,a):_X.call(this,i,e,t,o,a)}`}function pX(i,e,t,o,a){return t?d`<li class="ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="favorite"></${u("ui5-icon",e,t)}></li>`:d`<li class="ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><ui5-icon data-ui5-value="${r(o.index)}" name="favorite"></ui5-icon></li>`}function _X(i,e,t,o,a){return t?d`<li data-ui5-value="${r(o.index)}" class="ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="unfavorite"></${u("ui5-icon",e,t)}></li>`:d`<li data-ui5-value="${r(o.index)}" class="ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><ui5-icon data-ui5-value="${r(o.index)}" name="unfavorite"></ui5-icon></li>`}const vX="favorite",pw="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",gX=!1,mX="SAP-icons-v4",fX="@ui5/webcomponents-icons";D(vX,{pathData:pw,ltr:gX,collection:mX,packageName:fX});const bX="favorite",_w="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",xX=!1,yX="SAP-icons-v5",wX="@ui5/webcomponents-icons";D(bX,{pathData:_w,ltr:xX,collection:yX,packageName:wX});oe();const kX="unfavorite",vw="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",SX=!1,$X="SAP-icons-v4",TX="@ui5/webcomponents-icons";D(kX,{pathData:vw,ltr:SX,collection:$X,packageName:TX});const CX="unfavorite",gw="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",IX=!1,BX="SAP-icons-v5",EX="@ui5/webcomponents-icons";D(CX,{pathData:gw,ltr:IX,collection:BX,packageName:EX});oe();v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@ui5/webcomponents","sap_horizon",async()=>Z);const AX={packageName:"@ui5/webcomponents",fileName:"themes/RatingIndicator.css.ts",content:`:host(:not([hidden])){display:inline-block;font-size:24px;margin:var(--_ui5-v1-24-23_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:.4;cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .ui5-rating-indicator-item-unsel,:host([readonly]) .ui5-rating-indicator-item-unsel{padding-inline:var(--_ui5-v1-24-23_rating_indicator_readonly_item_spacing);width:var(--_ui5-v1-24-23_rating_indicator_readonly_item_width);height:var(--_ui5-v1-24-23_rating_indicator_readonly_item_height)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:.9}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:var(--_ui5-v1-24-23_rating_indicator_outline_offset);border-radius:var(--_ui5-v1-24-23_rating_indicator_border_radius)}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.ui5-rating-indicator-root{outline:none;position:relative}.ui5-rating-indicator-list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.ui5-rating-indicator-item{position:relative;width:var(--_ui5-v1-24-23_rating_indicator_item_width);height:var(--_ui5-v1-24-23_rating_indicator_item_height)}.ui5-rating-indicator-item:not(:last-child){margin-inline-end:.1875rem}.ui5-rating-indicator-item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.ui5-rating-indicator-item.ui5-rating-indicator-item-sel{color:var(--sapContent_RatedColor)}.ui5-rating-indicator-item.ui5-rating-indicator-item-unsel,.ui5-rating-indicator-item.ui5-rating-indicator-item-half{color:var(--sapContent_UnratedColor)}.ui5-rating-indicator-item [ui5-icon].ui5-rating-indicator-half-icon{position:absolute;inset-inline-start:50%;color:var(--sapContent_RatedColor)}.ui5-rating-indicator-half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}
|
|
248
|
-
`};var ta=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},ps;let Di=ps=class extends E{static async onDefine(){ps.i18nBundle=await M("@ui5/webcomponents")}constructor(){super()}onBeforeRendering(){this.calcState()}calcState(){this._stars=[];for(let e=1;e<this.max+1;e++){const t=Math.round((this.value-Math.floor(this.value))*10);let o=!1,a=this.value;Math.floor(this.value)+1===e&&t>2&&t<8?o=!0:t<=2?a=Math.floor(this.value):t>=8&&(a=Math.ceil(this.value)),this._stars.push({selected:e<=a,index:e,halfStar:o})}}_onclick(e){const t=e.target;if(!(t instanceof HTMLElement)||this.disabled||this.readonly)return;const o=t.getAttribute("data-ui5-value");o!==null&&(this.value=parseInt(o),this.value===1&&this._liveValue===1&&(this.value=0),this._liveValue!==this.value&&(this.fireEvent("change"),this._liveValue=this.value))}_onkeydown(e){if(this.disabled||this.readonly)return;const t=Te(e)||ke(e),o=be(e)||Ee(e),a=F(e)||K(e),n=rt(e),s=jt(e),l=e.keyCode>=48&&e.keyCode<=57||e.keyCode>=96&&e.keyCode<=105;if(t||o||a||n||s||l){if(e.preventDefault(),t&&this.value>0)this.value=Math.round(this.value-1);else if(o&&this.value<this.max)this.value=Math.round(this.value+1);else if(a){const h=Math.round(this.value+1);this.value=h>this.max?0:h}else if(n)this.value=0;else if(s)this.value=this.max;else if(l){const h=parseInt(e.key);this.value=h>this.max?this.max:h}this.fireEvent("change")}}_onfocusin(){this.disabled||(this._focused=!0,this._liveValue=this.value)}_onfocusout(){this._focused=!1}get effectiveTabIndex(){const e=this.getAttribute("tabindex");return this.disabled?"-1":e||"0"}get ratingTooltip(){return this.tooltip?this.tooltip:Yp()?this.defaultTooltip:void 0}get defaultTooltip(){return ps.i18nBundle.getText(eI)}get _ariaRoleDescription(){return ps.i18nBundle.getText(tI)}get _ariaDisabled(){return this.disabled||void 0}get _ariaLabel(){return Ia(this)}get _ariaDescription(){return this.required?ps.i18nBundle.getText(iI):void 0}get ariaReadonly(){return this.readonly?"true":void 0}};ta([c({validator:it,defaultValue:0})],Di.prototype,"value",void 0);ta([c({validator:q,defaultValue:5})],Di.prototype,"max",void 0);ta([c({type:Boolean})],Di.prototype,"disabled",void 0);ta([c({type:Boolean})],Di.prototype,"readonly",void 0);ta([c()],Di.prototype,"accessibleName",void 0);ta([c({defaultValue:""})],Di.prototype,"accessibleNameRef",void 0);ta([c({type:Boolean})],Di.prototype,"required",void 0);ta([c()],Di.prototype,"tooltip",void 0);ta([c({type:Object,multiple:!0})],Di.prototype,"_stars",void 0);ta([c({type:Boolean})],Di.prototype,"_focused",void 0);Di=ps=ta([y({tag:"ui5-rating-indicator",languageAware:!0,renderer:k,styles:AX,template:rX,dependencies:[U]}),f("change")],Di);Di.define();const K_=Di;function DX(i,e,t){return d`<div class="udex-rating-indicator ui5-rating-indicator-root ${r(this.classNames)}" role="slider" aria-roledescription="${r(this._ariaRoleDescription)}" aria-valuemin="0" aria-valuenow="${r(this.value)}" aria-valuemax="${r(this.max)}" aria-valuetext="${r(this.value)} of ${r(this.max)}" aria-orientation="horizontal" aria-disabled="${r(this._ariaDisabled)}" aria-readonly="${r(this.ariaReadonly)}" aria-description="${r(this._ariaDescription)}" tabindex="${r(this.effectiveTabIndex)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" @click="${this._onclick}" @keydown="${this._onkeydown}" title="${r(this.ratingTooltip)}" aria-label="${r(this._ariaLabel)}"><ul class="udex-rating-indicator__list ui5-rating-indicator-list" aria-hidden="true">${T(this._stars,(o,a)=>o._id||a,(o,a)=>PX.call(this,i,e,t,o,a))}</ul>${this.totalCount?XX.call(this,i,e,t):void 0}</div>`}function PX(i,e,t,o,a){return d`${o.selected?NX.call(this,i,e,t,o,a):RX.call(this,i,e,t,o,a)}`}function NX(i,e,t,o,a){return t?d`<li data-ui5-value="${r(o.index)}" class="udex-rating-indicator__item udex-rating-indicator__item-sel ui5-rating-indicator-item ui5-rating-indicator-item-sel"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="favorite"></${u("ui5-icon",e,t)}></li>`:d`<li data-ui5-value="${r(o.index)}" class="udex-rating-indicator__item udex-rating-indicator__item-sel ui5-rating-indicator-item ui5-rating-indicator-item-sel"><ui5-icon data-ui5-value="${r(o.index)}" name="favorite"></ui5-icon></li>`}function RX(i,e,t,o,a){return d`${o.halfStar?LX.call(this,i,e,t,o,a):jX.call(this,i,e,t,o,a)}`}function LX(i,e,t,o,a){return t?d`<li class="udex-rating-indicator__item udex-rating-indicator__item-half ui5-rating-indicator-item ui5-rating-indicator-item-half"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="unfavorite"></${u("ui5-icon",e,t)}><div class="udex-rating-indicator__half-icon-wrapper ui5-rating-indicator-half-icon-wrapper"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="favorite" class="udex-rating-indicator__half-icon ui5-rating-indicator-half-icon"></${u("ui5-icon",e,t)}></div></li>`:d`<li class="udex-rating-indicator__item udex-rating-indicator__item-half ui5-rating-indicator-item ui5-rating-indicator-item-half"><ui5-icon data-ui5-value="${r(o.index)}" name="unfavorite"></ui5-icon><div class="udex-rating-indicator__half-icon-wrapper ui5-rating-indicator-half-icon-wrapper"><ui5-icon data-ui5-value="${r(o.index)}" name="favorite" class="udex-rating-indicator__half-icon ui5-rating-indicator-half-icon"></ui5-icon></div></li>`}function jX(i,e,t,o,a){return d`${this.readonly?MX.call(this,i,e,t,o,a):OX.call(this,i,e,t,o,a)}`}function MX(i,e,t,o,a){return t?d`<li class="udex-rating-indicator__item udex-rating-indicator__item-unsel ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="unfavorite"></${u("ui5-icon",e,t)}></li>`:d`<li class="udex-rating-indicator__item udex-rating-indicator__item-unsel ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><ui5-icon data-ui5-value="${r(o.index)}" name="unfavorite"></ui5-icon></li>`}function OX(i,e,t,o,a){return d`${this.disabled?zX.call(this,i,e,t,o,a):FX.call(this,i,e,t,o,a)}`}function zX(i,e,t,o,a){return t?d`<li class="udex-rating-indicator__item udex-rating-indicator__item-unsel ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="unfavorite"></${u("ui5-icon",e,t)}></li>`:d`<li class="udex-rating-indicator__item udex-rating-indicator__item-unsel ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><ui5-icon data-ui5-value="${r(o.index)}" name="unfavorite"></ui5-icon></li>`}function FX(i,e,t,o,a){return t?d`<li data-ui5-value="${r(o.index)}" class="udex-rating-indicator__item udex-rating-indicator__item-unsel ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="unfavorite"></${u("ui5-icon",e,t)}></li>`:d`<li data-ui5-value="${r(o.index)}" class="udex-rating-indicator__item udex-rating-indicator__item-unsel ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><ui5-icon data-ui5-value="${r(o.index)}" name="unfavorite"></ui5-icon></li>`}function XX(i,e,t){return d`<div class="udex-rating-indicator__total">(${r(this.totalCount)})</div>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const HX={packageName:"@sapudex/web-components",fileName:"themes/RatingIndicator.css.ts",content:`:host{--udex_rating_indicator_readonly_item_width: 1.5rem;--udex_rating_indicator_readonly_item_height: 1.5rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: 8px;--udex-rating_indicator_mobile_items_gap: 8px;--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey6 ,#5B738B);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500)}.udex-rating-indicator{font-family:var(--sapFontFamily);font-size:var(--sapFontSize, 16px)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v0-231-9_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:var(--udex_rating_indicator_disabled_opacity);cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .udex-rating-indicator__item-unsel,:host([readonly]) .udex-rating-indicator__item-unsel{width:var(--udex_rating_indicator_readonly_item_width);height:var(--udex_rating_indicator_readonly_item_height);padding-inline:0}:host([disabled]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_disabled-unrated_color)}:host([readonly]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_read-only-unrated_color)}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:.125rem;border-radius:.25rem}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.udex-rating-indicator{outline:none;position:relative;display:inline-flex;gap:12px;align-items:center}.udex-rating-indicator__total{color:var(--udexColorGrey6);line-height:24px}.udex-rating-indicator__list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.udex-rating-indicator__item{position:relative;width:var(--udex_rating_indicator_item_width);height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_items_gap)}.udex-rating-indicator__item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.udex-rating-indicator__item.udex-rating-indicator__item-sel{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{position:absolute;inset-inline-start:50%;color:var(--udex-rating_indicator_rated_color)}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-sel,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__half-icon,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_hover_color)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:1}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_hover_color)}.udex-rating-indicator__half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}.udex-rating-indicator--mobile .udex-rating-indicator__half-icon-wrapper{top:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator--mobile .udex-rating-indicator__item{padding:var(--udex_rating_indicator_mobile_item_padding)}:host([readonly]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel,:host([disabled]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel{padding-left:var(--udex_rating_indicator_mobile_item_padding);padding-right:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_mobile_items_gap)}
|
|
248
|
+
`};var ta=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},ps;let Di=ps=class extends E{static async onDefine(){ps.i18nBundle=await M("@ui5/webcomponents")}constructor(){super()}onBeforeRendering(){this.calcState()}calcState(){this._stars=[];for(let e=1;e<this.max+1;e++){const t=Math.round((this.value-Math.floor(this.value))*10);let o=!1,a=this.value;Math.floor(this.value)+1===e&&t>2&&t<8?o=!0:t<=2?a=Math.floor(this.value):t>=8&&(a=Math.ceil(this.value)),this._stars.push({selected:e<=a,index:e,halfStar:o})}}_onclick(e){const t=e.target;if(!(t instanceof HTMLElement)||this.disabled||this.readonly)return;const o=t.getAttribute("data-ui5-value");o!==null&&(this.value=parseInt(o),this.value===1&&this._liveValue===1&&(this.value=0),this._liveValue!==this.value&&(this.fireEvent("change"),this._liveValue=this.value))}_onkeydown(e){if(this.disabled||this.readonly)return;const t=Te(e)||ke(e),o=be(e)||Ee(e),a=F(e)||K(e),n=rt(e),s=jt(e),l=e.keyCode>=48&&e.keyCode<=57||e.keyCode>=96&&e.keyCode<=105;if(t||o||a||n||s||l){if(e.preventDefault(),t&&this.value>0)this.value=Math.round(this.value-1);else if(o&&this.value<this.max)this.value=Math.round(this.value+1);else if(a){const h=Math.round(this.value+1);this.value=h>this.max?0:h}else if(n)this.value=0;else if(s)this.value=this.max;else if(l){const h=parseInt(e.key);this.value=h>this.max?this.max:h}this.fireEvent("change")}}_onfocusin(){this.disabled||(this._focused=!0,this._liveValue=this.value)}_onfocusout(){this._focused=!1}get effectiveTabIndex(){const e=this.getAttribute("tabindex");return this.disabled?"-1":e||"0"}get ratingTooltip(){return this.tooltip?this.tooltip:Yp()?this.defaultTooltip:void 0}get defaultTooltip(){return ps.i18nBundle.getText(eI)}get _ariaRoleDescription(){return ps.i18nBundle.getText(tI)}get _ariaDisabled(){return this.disabled||void 0}get _ariaLabel(){return Ia(this)}get _ariaDescription(){return this.required?ps.i18nBundle.getText(iI):void 0}get ariaReadonly(){return this.readonly?"true":void 0}};ta([c({validator:it,defaultValue:0})],Di.prototype,"value",void 0);ta([c({validator:q,defaultValue:5})],Di.prototype,"max",void 0);ta([c({type:Boolean})],Di.prototype,"disabled",void 0);ta([c({type:Boolean})],Di.prototype,"readonly",void 0);ta([c()],Di.prototype,"accessibleName",void 0);ta([c({defaultValue:""})],Di.prototype,"accessibleNameRef",void 0);ta([c({type:Boolean})],Di.prototype,"required",void 0);ta([c()],Di.prototype,"tooltip",void 0);ta([c({type:Object,multiple:!0})],Di.prototype,"_stars",void 0);ta([c({type:Boolean})],Di.prototype,"_focused",void 0);Di=ps=ta([y({tag:"ui5-rating-indicator",languageAware:!0,renderer:k,styles:AX,template:rX,dependencies:[U]}),f("change")],Di);Di.define();const K_=Di;function DX(i,e,t){return d`<div class="udex-rating-indicator ui5-rating-indicator-root ${r(this.classNames)}" role="slider" aria-roledescription="${r(this._ariaRoleDescription)}" aria-valuemin="0" aria-valuenow="${r(this.value)}" aria-valuemax="${r(this.max)}" aria-valuetext="${r(this.value)} of ${r(this.max)}" aria-orientation="horizontal" aria-disabled="${r(this._ariaDisabled)}" aria-readonly="${r(this.ariaReadonly)}" aria-description="${r(this._ariaDescription)}" tabindex="${r(this.effectiveTabIndex)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" @click="${this._onclick}" @keydown="${this._onkeydown}" title="${r(this.ratingTooltip)}" aria-label="${r(this._ariaLabel)}"><ul class="udex-rating-indicator__list ui5-rating-indicator-list" aria-hidden="true">${T(this._stars,(o,a)=>o._id||a,(o,a)=>PX.call(this,i,e,t,o,a))}</ul>${this.totalCount?XX.call(this,i,e,t):void 0}</div>`}function PX(i,e,t,o,a){return d`${o.selected?NX.call(this,i,e,t,o,a):RX.call(this,i,e,t,o,a)}`}function NX(i,e,t,o,a){return t?d`<li data-ui5-value="${r(o.index)}" class="udex-rating-indicator__item udex-rating-indicator__item-sel ui5-rating-indicator-item ui5-rating-indicator-item-sel"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="favorite"></${u("ui5-icon",e,t)}></li>`:d`<li data-ui5-value="${r(o.index)}" class="udex-rating-indicator__item udex-rating-indicator__item-sel ui5-rating-indicator-item ui5-rating-indicator-item-sel"><ui5-icon data-ui5-value="${r(o.index)}" name="favorite"></ui5-icon></li>`}function RX(i,e,t,o,a){return d`${o.halfStar?LX.call(this,i,e,t,o,a):jX.call(this,i,e,t,o,a)}`}function LX(i,e,t,o,a){return t?d`<li class="udex-rating-indicator__item udex-rating-indicator__item-half ui5-rating-indicator-item ui5-rating-indicator-item-half"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="unfavorite"></${u("ui5-icon",e,t)}><div class="udex-rating-indicator__half-icon-wrapper ui5-rating-indicator-half-icon-wrapper"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="favorite" class="udex-rating-indicator__half-icon ui5-rating-indicator-half-icon"></${u("ui5-icon",e,t)}></div></li>`:d`<li class="udex-rating-indicator__item udex-rating-indicator__item-half ui5-rating-indicator-item ui5-rating-indicator-item-half"><ui5-icon data-ui5-value="${r(o.index)}" name="unfavorite"></ui5-icon><div class="udex-rating-indicator__half-icon-wrapper ui5-rating-indicator-half-icon-wrapper"><ui5-icon data-ui5-value="${r(o.index)}" name="favorite" class="udex-rating-indicator__half-icon ui5-rating-indicator-half-icon"></ui5-icon></div></li>`}function jX(i,e,t,o,a){return d`${this.readonly?MX.call(this,i,e,t,o,a):OX.call(this,i,e,t,o,a)}`}function MX(i,e,t,o,a){return t?d`<li class="udex-rating-indicator__item udex-rating-indicator__item-unsel ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="unfavorite"></${u("ui5-icon",e,t)}></li>`:d`<li class="udex-rating-indicator__item udex-rating-indicator__item-unsel ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><ui5-icon data-ui5-value="${r(o.index)}" name="unfavorite"></ui5-icon></li>`}function OX(i,e,t,o,a){return d`${this.disabled?zX.call(this,i,e,t,o,a):FX.call(this,i,e,t,o,a)}`}function zX(i,e,t,o,a){return t?d`<li class="udex-rating-indicator__item udex-rating-indicator__item-unsel ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="unfavorite"></${u("ui5-icon",e,t)}></li>`:d`<li class="udex-rating-indicator__item udex-rating-indicator__item-unsel ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><ui5-icon data-ui5-value="${r(o.index)}" name="unfavorite"></ui5-icon></li>`}function FX(i,e,t,o,a){return t?d`<li data-ui5-value="${r(o.index)}" class="udex-rating-indicator__item udex-rating-indicator__item-unsel ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="unfavorite"></${u("ui5-icon",e,t)}></li>`:d`<li data-ui5-value="${r(o.index)}" class="udex-rating-indicator__item udex-rating-indicator__item-unsel ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><ui5-icon data-ui5-value="${r(o.index)}" name="unfavorite"></ui5-icon></li>`}function XX(i,e,t){return d`<div class="udex-rating-indicator__total">(${r(this.totalCount)})</div>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const HX={packageName:"@sapudex/web-components",fileName:"themes/RatingIndicator.css.ts",content:`:host{--udex_rating_indicator_readonly_item_width: 1.5rem;--udex_rating_indicator_readonly_item_height: 1.5rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: 8px;--udex-rating_indicator_mobile_items_gap: 8px;--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey6 ,#5B738B);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500)}.udex-rating-indicator{font-family:var(--sapFontFamily);font-size:var(--sapFontSize, 16px)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v0-231-10_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:var(--udex_rating_indicator_disabled_opacity);cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .udex-rating-indicator__item-unsel,:host([readonly]) .udex-rating-indicator__item-unsel{width:var(--udex_rating_indicator_readonly_item_width);height:var(--udex_rating_indicator_readonly_item_height);padding-inline:0}:host([disabled]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_disabled-unrated_color)}:host([readonly]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_read-only-unrated_color)}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:.125rem;border-radius:.25rem}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.udex-rating-indicator{outline:none;position:relative;display:inline-flex;gap:12px;align-items:center}.udex-rating-indicator__total{color:var(--udexColorGrey6);line-height:24px}.udex-rating-indicator__list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.udex-rating-indicator__item{position:relative;width:var(--udex_rating_indicator_item_width);height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_items_gap)}.udex-rating-indicator__item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.udex-rating-indicator__item.udex-rating-indicator__item-sel{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{position:absolute;inset-inline-start:50%;color:var(--udex-rating_indicator_rated_color)}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-sel,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__half-icon,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_hover_color)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:1}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_hover_color)}.udex-rating-indicator__half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}.udex-rating-indicator--mobile .udex-rating-indicator__half-icon-wrapper{top:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator--mobile .udex-rating-indicator__item{padding:var(--udex_rating_indicator_mobile_item_padding)}:host([readonly]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel,:host([disabled]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel{padding-left:var(--udex_rating_indicator_mobile_item_padding);padding-right:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_mobile_items_gap)}
|
|
249
249
|
`};var hg=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},Z_;(function(i){i.Desktop="Desktop",i.Mobile="Mobile"})(Z_||(Z_={}));let Fs=class extends K_{get classNames(){return`udex-rating-indicator--${this.display.toLowerCase()}`}get _ariaLabel(){const e=Ia(this);return this.totalCount?`${e?`${e}, `:""}${K_.i18nBundle.getText($C)} ${this.totalCount}`:e}};hg([c({defaultValue:Z_.Desktop})],Fs.prototype,"display",void 0);hg([c()],Fs.prototype,"totalCount",void 0);Fs=hg([y({tag:"udex-rating-indicator",renderer:k,styles:[K_.styles,HX],template:DX,dependencies:[U]})],Fs);Fs.define();const mw=Fs;function qX(i,e,t){return d`${this.isEmpty?VX.call(this,i,e,t):UX.call(this,i,e,t)}`}function VX(i,e,t){return d`<div class="udex-review__empty-container"><slot class="udex-review__default-text" name="defaultText"></slot><slot name="reviewButton"></slot></div>`}function UX(i,e,t){return d`${this.withoutBreakdown?WX.call(this,i,e,t):GX.call(this,i,e,t)}`}function WX(i,e,t){return t?d`<div class="udex-review__container-without-breakdown"><div class="udex-review__content-without-breakdown"><div aria-level="2" role="heading" aria-hidden="true" class="udex-review__rating">${r(this.validatedRating)}</div><div class="udex-review__rating-info-without-breakdown"><${u("udex-rating-indicator",e,t)} readonly value="${r(this.validatedRating)}" max="${r(this._maxRating)}"></${u("udex-rating-indicator",e,t)}><div class="udex-review__reviews-text">${r(this.reviewsText)}</div></div></div><div class="udex-review__additional-content-without-breakdown"><slot class="udex-review__default-text" name="defaultText"></slot><slot name="reviewButton"></slot></div></div>`:d`<div class="udex-review__container-without-breakdown"><div class="udex-review__content-without-breakdown"><div aria-level="2" role="heading" aria-hidden="true" class="udex-review__rating">${r(this.validatedRating)}</div><div class="udex-review__rating-info-without-breakdown"><udex-rating-indicator readonly value="${r(this.validatedRating)}" max="${r(this._maxRating)}"></udex-rating-indicator><div class="udex-review__reviews-text">${r(this.reviewsText)}</div></div></div><div class="udex-review__additional-content-without-breakdown"><slot class="udex-review__default-text" name="defaultText"></slot><slot name="reviewButton"></slot></div></div>`}function GX(i,e,t){return t?d`<div class="udex-review__container"><div class="udex-review__content"><div class="udex-review__rating-info"><div aria-level="2" role="heading" aria-hidden="true" class="udex-review__rating">${r(this.validatedRating)}</div><${u("ui5-icon",e,t)} aria-labelledby="ratingDescription" role="img" name="favorite" class="udex-review__icon"></${u("ui5-icon",e,t)}></div><div class="udex-review__reviews-text">${r(this.reviewsText)}</div><slot name="reviewButton"></slot></div><div class="udex-review__additional-content">${T(this.validatedRatingBars,(o,a)=>o._id||a,(o,a)=>mb.call(this,i,e,t,o,a))}</div></div><span id="ratingDescription" class="hidden-text">${r(this._ratingDescription)}</span>`:d`<div class="udex-review__container"><div class="udex-review__content"><div class="udex-review__rating-info"><div aria-level="2" role="heading" aria-hidden="true" class="udex-review__rating">${r(this.validatedRating)}</div><ui5-icon aria-labelledby="ratingDescription" role="img" name="favorite" class="udex-review__icon"></ui5-icon></div><div class="udex-review__reviews-text">${r(this.reviewsText)}</div><slot name="reviewButton"></slot></div><div class="udex-review__additional-content">${T(this.validatedRatingBars,(o,a)=>o._id||a,(o,a)=>mb.call(this,i,e,t,o,a))}</div></div><span id="ratingDescription" class="hidden-text">${r(this._ratingDescription)}</span>`}function mb(i,e,t,o,a){return d`<slot name="${r(o._individualSlot)}"></slot>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const YX={packageName:"@sapudex/web-components",fileName:"themes/Review.css.ts",content:`:host{--udex-review-container-vertical-padding: var(--udexSpacer32);--udex-review-container-vertical-padding-xs: var(--udexSpacer24);--udex-review-xs-gutter: var(--udexSpacer40)}.udex-review__container{width:100%;display:flex;flex-direction:row;align-items:center;padding:var(--udex-review-container-vertical-padding) var(--udexGridXLMargins);font-family:var(--sapFontFamily, sans-serif);box-sizing:border-box}.udex-review__container-without-breakdown{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:var(--udex-review-container-vertical-padding) var(--udexGridXLMargins);font-family:var(--sapFontFamily, sans-serif);box-sizing:border-box}.udex-review__empty-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--udexSpacer12);padding:var(--udex-review-container-vertical-padding) 0;font-family:var(--sapFontFamily, sans-serif);box-sizing:border-box}.udex-review__rating{font-size:var(--udexTypographyDisplayBoldMFontSize);font-weight:var(--udexTypographyFontWeightBold)}.udex-review__content{font-size:var(--udexTypographyDisplayBoldMFontSize);font-weight:var(--udexTypographyFontWeightBold);display:flex;flex-direction:column;justify-content:center;align-items:center;margin-inline-end:var(--udexGridXLGutters);width:calc((100vw / var(--udexGridColumns) * 2) + var(--udexGridXLGutters))}.udex-review__content-without-breakdown{font-size:var(--udexTypographyDisplayBoldMFontSize);font-weight:var(--udexTypographyFontWeightBold);display:flex;flex-direction:row;align-items:center;margin-bottom:0}.udex-review__additional-content{display:flex;flex-direction:column;gap:var(--udexSpacer8);width:100%}.udex-review__additional-content-without-breakdown{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--udexSpacer12);margin-bottom:0}.udex-review__rating-info{display:flex;flex-direction:row;align-items:center;gap:var(--udexSpacer8)}.udex-review__rating-info-without-breakdown{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-inline-start:var(--udexSpacer16);.udex-review__reviews-text{margin-bottom:0}}.udex-review__default-text{font-size:var(--udexTypographyBodySFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight);margin-bottom:var(--udexSpacer12);text-align:center}.udex-review__reviews-text{font-size:var(--udexTypographyBodyXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight);color:var(--udexColorGrey7);margin-top:var(--udexSpacer8);margin-bottom:var(--udexSpacer12)}@media (max-width: 1599px){.udex-review__container{padding:var(--udex-review-container-vertical-padding) var(--udexGridLMargins)}}@media (max-width: 1279px){.udex-review__container{padding:var(--udex-review-container-vertical-padding) var(--udexGridMMargins)}.udex-review__content{width:calc((100vw / var(--udexGridColumns) * 3) + 2 * var(--udexGridMGutters))}}@media (max-width: 979px){.udex-review__container-without-breakdown{flex-direction:column;align-items:center;padding:var(--udex-review-container-vertical-padding) var(--udexGridSMargins)}.udex-review__container{padding:var(--udex-review-container-vertical-padding) var(--udexGridSMargins)}.udex-review__content{margin-inline-end:var(--udexGridSGutters);width:calc((100vw / var(--udexGridColumns) * 4) + 3 * var(--udexGridSGutters))}.udex-review__default-text{font-size:var(--udexTypographyBodyXSFontSize)}.udex-review__content-without-breakdown{margin-bottom:var(--udexSpacer16)}.udex-review__additional-content-without-breakdown{justify-content:space-between;gap:var(--udexSpacer16)}}@media (max-width: 639px){.udex-review__container{padding:var(--udex-review-container-vertical-padding-xs) var(--udexGridXSMargins);flex-direction:column;align-items:center}.udex-review__container-without-breakdown{padding:var(--udex-review-container-vertical-padding-xs) var(--udexGridXSMargins)}.udex-review__empty-container{padding:var(--udex-review-container-vertical-padding-xs) 0}.udex-review__content{margin-bottom:var(--udex-review-xs-gutter);margin-inline-end:0}}.udex-review__icon{height:1.5rem;width:1.5rem;color:var(--udexColorMango6)}[udex-rating-indicator]{--udex-rating_indicator_read-only-unrated_color: var(--udexColorMango6) }.hidden-text{display:none}
|
|
250
250
|
`};var pl=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},Zc;let Vr=Zc=class extends E{constructor(){super(...arguments),this._minRating=0,this._maxRating=5,this._maxRatingBars=5}static async onDefine(){Zc.i18nBundle=await M("@sapudex/web-components")}get reviewsText(){return`${this.reviews} ${Zc.i18nBundle.getText(SC)}`}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} ${hw.i18nBundle.getText(Zy)}`}};pl([c({type:Number,defaultValue:0,validator:it})],Vr.prototype,"rating",void 0);pl([c({type:Number,defaultValue:0,validator:q})],Vr.prototype,"reviews",void 0);pl([$({type:HTMLElement})],Vr.prototype,"reviewButton",void 0);pl([$({type:HTMLElement})],Vr.prototype,"defaultText",void 0);pl([$({type:HTMLElement,default:!0,individualSlots:!0})],Vr.prototype,"bars",void 0);Vr=Zc=pl([y({tag:"udex-review",renderer:k,styles:YX,template:qX,dependencies:[hw,mw,U]})],Vr);Vr.define();function KX(i,e,t){return t?d`<div class="${r(this.reviewItemClasses)}"><div class="udex-review-item__rating-container"><${u("udex-rating-indicator",e,t)} value="${r(this.validatedRating)}" max="${r(this._maxRating)}" readonly></${u("udex-rating-indicator",e,t)}>${this.date?fb.call(this,i,e,t):void 0}</div><div class="udex-review-item__text-container"><div class="udex-review-item__title">${r(this.reviewTitle)}</div><div class="udex-review-item__text-wrapper"><p class="udex-review-item__text" id="udex-review-item__text">${r(this._completeText)}</p>${this._showTextExpander?bb.call(this,i,e,t):void 0}</div>${this.author?xb.call(this,i,e,t):void 0}</div></div>`:d`<div class="${r(this.reviewItemClasses)}"><div class="udex-review-item__rating-container"><udex-rating-indicator value="${r(this.validatedRating)}" max="${r(this._maxRating)}" readonly></udex-rating-indicator>${this.date?fb.call(this,i,e,t):void 0}</div><div class="udex-review-item__text-container"><div class="udex-review-item__title">${r(this.reviewTitle)}</div><div class="udex-review-item__text-wrapper"><p class="udex-review-item__text" id="udex-review-item__text">${r(this._completeText)}</p>${this._showTextExpander?bb.call(this,i,e,t):void 0}</div>${this.author?xb.call(this,i,e,t):void 0}</div></div>`}function fb(i,e,t){return d`<slot slot="date" name="date" class="udex-review-item__date"></slot>`}function bb(i,e,t){return t?d`<${u("udex-button",e,t)} id="reviewExpander" class="udex-review-item__text-expander" design="Invisible" size="Large" @click="${this._toggleText}">${r(this.buttonText)}</${u("udex-button",e,t)}>`:d`<udex-button id="reviewExpander" class="udex-review-item__text-expander" design="Invisible" size="Large" @click="${this._toggleText}">${r(this.buttonText)}</udex-button>`}function xb(i,e,t){return d`<slot slot="author" name="author" class="udex-review-item__author"></slot>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const ZX={packageName:"@sapudex/web-components",fileName:"themes/ReviewItem.css.ts",content:`:host{--udex-review-item-column-space-xl: var(--udexSpacer84, 84px);--udex-review-item-column-space-l-m: var(--udexSpacer72, 72px);--udex-review-item-column-space-s-xs: var(--udexSpacer24, 24px);--udex-review-item-underline-color: var(--udexColorGrey1);--udex-review-item-text-and-title-color: var(--udexColorGrey9);--udex-review-item-date-and-author-color: var(--udexColorGrey6);--udex-review-item-max-text-height: 48px}.udex-review-item{display:flex;flex-direction:row;width:100%;text-align:left;gap:calc((100vw - (11 * var(--udex-review-item-column-space-xl))) / 12);padding:var(--udexSpacer24) 0;border-bottom:1px solid var(--udex-review-item-underline-color);font-family:var(--sapFontFamily, sans-serif)}.udex-review-item:dir(rtl){text-align:right}.udex-review-item__rating-top{display:flex;gap:var(--udexSpacer24);flex-direction:column}.udex-review-item__rating-top .udex-review-item__rating-container{display:flex;flex-direction:row;justify-content:space-between}.udex-review-item__rating-container,.udex-review-item__text-container{display:flex;flex-direction:column;gap:var(--udexSpacer16)}.udex-review-item__title{font-size:var(--udexTypographyHeadingMediumXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium);line-height:var(--udexTypographyHeadingLineHeight);color:var(--udex-review-item-text-and-title-color);padding:0;margin:0}.udex-review-item__date{font-size:var(--udexTypographyBodyXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight);color:var(--udex-review-item-date-and-author-color)}.udex-review-item__text-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:var(--udexSpacer8)}.udex-review-item__text-expander{font-size:var(--udexTypographyBodySFontSize);font-weight:var(--udexTypographyFontWeightRegular)}.udex-review-item__text{font-size:var(--udexTypographyBodySFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight);color:var(--udex-review-item-text-and-title-color);white-space:pre-wrap;padding:0;margin:0;max-height:var(--udex-review-item-max-text-height);overflow:hidden}.udex-review-item__text-expanded{max-height:none}.udex-review-item__author{font-size:var(--udexTypographyNavigationRegularMFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyNavigationLineHeight);color:var(--udex-review-item-date-and-author-color);padding:0;margin:0}@media (max-width: 1599px){.udex-review-item{gap:calc((100vw - (11 * var(--udex-review-item-column-space-l-m))) / 12)}}@media (max-width: 979px){.udex-review-item{display:flex;gap:var(--udex-review-item-column-space-s-xs);flex-direction:column}.udex-review-item__rating-container{display:flex;flex-direction:row;justify-content:space-between}}[udex-rating-indicator]{--udex-rating_indicator_read-only-unrated_color: var(--udexColorMango6) }
|
|
251
251
|
`};var ia=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},zl;let eo=zl=class extends E{_toggleText(){this._textExpanded=!this._textExpanded,this._textExpanded?(this._completeText=this.text,this._textElement.classList.add("udex-review-item__text-expanded")):(this._textElement.classList.remove("udex-review-item__text-expanded"),this._completeText=this._visibleText)}static async onDefine(){zl.i18nBundle=await M("@sapudex/web-components")}constructor(){super(),this._maxHeight=48,this._maxRating=5,this._minRating=0,this._handleResizeBound=this._checkTextOverflow.bind(this)}onEnterDOM(){this._maxHeight=48,this._completeText=this.text,J.register(this,this._handleResizeBound)}onExitDOM(){J.deregister(this,this._handleResizeBound)}onAfterRendering(){this._textElement=this.getTextElement(),this._checkTextOverflow()}_checkTextOverflow(){const e=this.text.split(" "),o=document.createElement("canvas").getContext("2d");o.font="16px sans-serif";let a=0,n="";e.forEach(s=>{const l=o.measureText(`${s} `).width;a+l<=2*this._textElement.offsetWidth&&(n+=`${s} `,a+=l)}),this._visibleText=n,this._textExpanded||(this._completeText=n),this._showTextExpander=!this._textExpanded&&this._completeText.length<this.text.length||this._textExpanded&&n.length<this.text.length}get buttonText(){return this._textExpanded?zl.i18nBundle.getText(Jy):zl.i18nBundle.getText(Qy)}get reviewItemClasses(){return`udex-review-item${this.showRatingTop?" udex-review-item__rating-top":""}`}get validatedRating(){return this.rating>this._maxRating?(console.warn("UDEx Review: The rating shouldn't be more than 5."),this._maxRating):this.rating<this._minRating?(console.warn("UDEx Review: The rating shouldn't be less than 0."),this._minRating):this.rating}getTextElement(){var t;return(t=this.shadowRoot)==null?void 0:t.getElementById("udex-review-item__text")}};ia([c({type:Boolean})],eo.prototype,"showRatingTop",void 0);ia([c({type:Number,defaultValue:0,validator:q})],eo.prototype,"rating",void 0);ia([c({type:String})],eo.prototype,"reviewTitle",void 0);ia([c({type:String})],eo.prototype,"text",void 0);ia([c({type:Number,defaultValue:2,validator:q})],eo.prototype,"_textLineLimit",void 0);ia([c({type:Boolean})],eo.prototype,"_textExpanded",void 0);ia([c({type:Boolean})],eo.prototype,"_showTextExpander",void 0);ia([c({type:String})],eo.prototype,"_completeText",void 0);ia([$()],eo.prototype,"author",void 0);ia([$()],eo.prototype,"date",void 0);eo=zl=ia([y({tag:"udex-review-item",renderer:k,styles:ZX,template:KX,dependencies:[mw,Wt]})],eo);eo.define();class QX{constructor(e){this._focusHandler=new y2,this.component=e,this._getSuggestionPopover(),this.selectedItemIndex=-1}_getComponent(){return this.component}async _getSuggestionPopover(){if(this.popover)return this.popover;const e=await this._getComponent().getStaticAreaItemDomRef();return this.popover=e.querySelector("[ui5-popover]"),this.popover}_getItems(){var e;return this.popover?[...(e=this.popover)==null?void 0:e.querySelectorAll("[ui5-button]")]:[]}open(){this._getComponent().open=!0,this.popover.opener=this._getComponent(),this.popover.open=!0,this.initLists(),this._focusHandler._focusableListItems=this._getItems(),this._focusHandler.resetMatchingItems()}handleKeyPress(e){const t=e.key;g2(t)&&(e.preventDefault(),e.stopPropagation(),this._focusHandler.focusMatchingListItem(t))}initLists(){var t,o;const e=(t=this.popover)!=null&&t.querySelectorAll(".udex-search-suggestions__list")?(o=this.popover)==null?void 0:o.querySelectorAll(".udex-search-suggestions__list"):[];this.lists=Array.from(e)}close(){this._getComponent().open=!1,this.popover.open=!1,this.selectedItemIndex=-1}resetFocusState(){this.lists=[],this.selectedItemIndex=-1,this.focusabledList=void 0}onFocusInput(){var e,t;(t=(e=this.component.shadowRoot)==null?void 0:e.querySelector("input"))==null||t.focus()}onEnter(e){var t;e.preventDefault(),this.selectedItemIndex>=0&&(this.component.value=(t=this._getItems()[this.selectedItemIndex].getAttribute("title"))==null?void 0:t.replace(/<[^>]*>?/gm,""))}onTab(e){var t;if((t=this.lists)!=null&&t.length&&this._getComponent().open){if(e.preventDefault(),this.focusabledList&&this.selectedItemIndex===-1)return this.focusabledList.focus(),!0;if(this.focusabledList&&this.selectedItemIndex>=0)return this.getFocusableItems()[this.selectedItemIndex].focus(),!0;this.focusabledList=this.lists[0],this.focusabledList.focus()}}getFocusableItems(){var t,o;const e=(t=this.focusabledList)!=null&&t.children?(o=this.focusabledList)==null?void 0:o.querySelectorAll("[ui5-button]"):[];return Array.from(e)}onEscape(e){e.preventDefault(),this.close(),this.onFocusInput()}onKeyTabList(e){var t,o,a,n,s,l;e.preventDefault(),((t=this.lists)==null?void 0:t.length)===2&&(this.focusabledList===this.lists[1]&&(((a=(o=this.component)==null?void 0:o.shadowRoot)==null?void 0:a.querySelector("[ui5-button]")).focus(),this.close()),this.focusabledList===this.lists[0]&&(this.focusabledList=this.lists[1],this.focusabledList.focus(),this.selectedItemIndex=-1)),((n=this.lists)==null?void 0:n.length)===1&&(((l=(s=this.component)==null?void 0:s.shadowRoot)==null?void 0:l.querySelector("[ui5-button]")).focus(),this.close())}onPrevKeyTabList(e){var t,o;e.preventDefault(),((t=this.lists)==null?void 0:t.length)===2&&(this.focusabledList===this.lists[0]&&this.onFocusInput(),this.focusabledList===this.lists[1]&&(this.focusabledList=this.lists[0],this.focusabledList.focus(),this.selectedItemIndex=-1)),((o=this.lists)==null?void 0:o.length)===1&&this.onFocusInput()}onKeyDown(e){var n,s,l,h;e.preventDefault();const t=this.selectedItemIndex,o=this.getFocusableItems(),a=o.length-1;if((n=this.lists)!=null&&n.length){if(t===-1){const p=o[0];return p.setAttribute("aria-selected","true"),p.focus(),this.selectedItemIndex=0,(s=this.focusabledList)==null||s.setAttribute("aria-activedescendant",p.id),!0}if(t>=0&&t!==a){const p=o[t+1];return o[t].removeAttribute("aria-selected"),p.setAttribute("aria-selected","true"),p.focus(),this.selectedItemIndex=t+1,(l=this.focusabledList)==null||l.setAttribute("aria-activedescendant",p.id),!0}if(t===a&&this.focusabledList===this.lists[0]&&this.lists.length===2)return o[t].removeAttribute("aria-selected"),(h=this.focusabledList)==null||h.removeAttribute("aria-activedescendant"),this.focusabledList=this.lists[1],this.focusabledList.focus(),this.selectedItemIndex=-1,!0}}onKeyUp(e){var n,s,l,h;e.preventDefault();const t=this.getFocusableItems(),o=t.length-1,a=this.selectedItemIndex;if((n=this.lists)!=null&&n.length){if(a===-1){const p=t[0];return p.setAttribute("aria-selected","true"),p.focus(),this.selectedItemIndex=0,(s=this.focusabledList)==null||s.setAttribute("aria-activedescendant",p.id),!0}if(a>0&&a<=o){const p=t[a-1];return t[a].removeAttribute("aria-selected"),p.setAttribute("aria-selected","true"),p.focus(),this.selectedItemIndex=a-1,(l=this.focusabledList)==null||l.setAttribute("aria-activedescendant",p.id),!0}if(a===0&&this.lists.length===2&&this.focusabledList===this.lists[1])return t[a].removeAttribute("aria-selected"),(h=this.focusabledList)==null||h.removeAttribute("aria-activedescendant"),this.focusabledList=this.lists[0],this.focusabledList.focus(),this.selectedItemIndex=-1,!0}}handlePrevTabReset(e){var t;e.preventDefault(),(t=this.focusabledList)==null||t.focus()}static get dependencies(){return[Yi,Ut]}}oh("SearchInputSuggestion",QX);function JX(i,e){var l;const t=parseFloat(getComputedStyle(document.documentElement).fontSize),o=((l=e.parentElement)==null?void 0:l.offsetHeight)??window.innerHeight,a=parseFloat(getComputedStyle(e).fontSize),n=parseFloat(i);switch(i.replace(`${n}`,"").trim()){case"vh":return n/100*window.innerHeight;case"vw":return n/100*window.innerWidth;case"rem":return n*t;case"em":return n*a;case"%":return n/100*o;case"px":case"":return n;default:return n}}var Da=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n};let yo=class extends E{constructor(){super(),this._isMobileView=this.isMobile,this._handleResizeBound=this._handleResize.bind(this)}_handleResize(){this._isMobileView=this.isMobile}onEnterDOM(){ge()&&this.setAttribute("desktop",""),J.register(this,this._handleResizeBound)}onExitDOM(){J.deregister(this,this._handleResizeBound)}getActiveSubItem(e){let t;const o=a=>{a.forEach(n=>{if(n.active===!0){t=n;return}n.items&&o(n.items)})};return o(e),t}get itemLabel(){return this._isMobileView?this.mobileLinkTitle||this.label:this.label}get isMobile(){return Ja.isAtMost("S")}get ariaCurrent(){return this.active?"page":null}};Da([c({type:String})],yo.prototype,"mobileLinkTitle",void 0);Da([c({type:Boolean})],yo.prototype,"active",void 0);Da([c({type:String})],yo.prototype,"path",void 0);Da([c({type:Ki,defaultValue:Ki._self})],yo.prototype,"target",void 0);Da([c({type:String})],yo.prototype,"subTitle",void 0);Da([c({type:String})],yo.prototype,"label",void 0);Da([c({validator:q})],yo.prototype,"index",void 0);Da([c({type:Boolean})],yo.prototype,"_isMobileView",void 0);Da([c({type:String,defaultValue:"-1"})],yo.prototype,"_tabIndex",void 0);yo=Da([y({renderer:k})],yo);const fw=yo;function eH(i,e,t){return d`${this.isBack?tH.call(this,i,e,t):iH.call(this,i,e,t)} `}function tH(i,e,t){return t?d`<button tabindex="${r(this._tabIndex)}" @click="${this.onBackItemClick}" role="menuitem" aria-label="${r(this.backButtonAriaLabel)}" aria-haspopup="true" is-back class="udex-secondary-navigation__dropdown-item"><${u("ui5-icon",e,t)} class="udex-secondary-navigation__dropdown-icon udex-secondary-navigation__dropdown-icon_back" name="slim-arrow-left"></${u("ui5-icon",e,t)}>${r(this.itemLabel)}</button>`:d`<button tabindex="${r(this._tabIndex)}" @click="${this.onBackItemClick}" role="menuitem" aria-label="${r(this.backButtonAriaLabel)}" aria-haspopup="true" is-back class="udex-secondary-navigation__dropdown-item"><ui5-icon class="udex-secondary-navigation__dropdown-icon udex-secondary-navigation__dropdown-icon_back" name="slim-arrow-left"></ui5-icon>${r(this.itemLabel)}</button>`}function iH(i,e,t){return d`${this.isButton?oH.call(this,i,e,t):rH.call(this,i,e,t)}`}function oH(i,e,t){return d`<button tabindex="${r(this._tabIndex)}" @click="${this.onItemClick}" role="menuitem" aria-haspopup="${r(this.hasItems)}" ?sub-active="${this.isSubItemActive}" aria-label="${r(this.label)}" ?active="${this.active}" aria-current="${r(this.ariaCurrent)}" class="udex-secondary-navigation__dropdown-item">${r(this.itemLabel)}${this.hasItems?aH.call(this,i,e,t):void 0}</button>`}function aH(i,e,t){return t?d`<${u("ui5-icon",e,t)} class="udex-secondary-navigation__dropdown-icon" name="slim-arrow-right"></${u("ui5-icon",e,t)}>`:d`<ui5-icon class="udex-secondary-navigation__dropdown-icon" name="slim-arrow-right"></ui5-icon>`}function rH(i,e,t){return d`<a tabindex="${r(this._tabIndex)}" @click="${this.onItemClick}" role="menuitem" href="${r(this.path)}" target="${r(this.target)}" ?active="${this.active}" aria-current="${r(this.ariaCurrent)}" class="udex-secondary-navigation__dropdown-item">${r(this.itemLabel)}</a>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const nH={packageName:"@sapudex/web-components",fileName:"themes/SecondaryNavigationSubItem.css.ts",content:`:host{--udex-secondary-navigation-sub-item-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-secondary-navigation-sub-item-line-height: 1.125rem;--udex-secondary-navigation-sub-item-color: var(--udexColorGrey9, #223548);--udex-secondary-navigation-sub-item-hover-color: var(--udexColorBlue7, #0070f2);--udex-secondary-navigation-sub-item-hover-background: var(--udexColorGrey1, #F5F6F7);--udex-secondary-navigation-sub-item-active-background: var(--udexColorGrey2, #EAECEE);--udex-secondary-navigation-sub-item-active-border-color: var(--udexColorBlue7, #0070f2)}.udex-secondary-navigation__dropdown-item{padding:var(--udexSpacer12) var(--udexSpacer16);font-family:var(--sapFontFamily);font-size:var(--udex-secondary-navigation-sub-item-font-size);line-height:var(--udex-secondary-navigation-sub-item-line-height);color:var(--udex-secondary-navigation-sub-item-color);display:flex;text-decoration:none;position:relative;cursor:pointer}button.udex-secondary-navigation__dropdown-item{border:0;width:100%;background:none;justify-content:space-between;align-items:center;text-align:left}.udex-secondary-navigation__dropdown-item:focus{outline:none}:host([desktop]) .udex-secondary-navigation__dropdown-item:focus,.udex-secondary-navigation__dropdown-item:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);border-radius:var(--udexRadiusXXS);outline-offset:calc(var(--udexSpacer4) * -1)}[active].udex-secondary-navigation__dropdown-item:before,[sub-active].udex-secondary-navigation__dropdown-item:before{background:var(--udex-secondary-navigation-sub-item-active-border-color);border-radius:0 var(--udexRadiusXXS) var(--udexRadiusXXS) 0;content:"";position:absolute;top:0;bottom:0;left:0;height:100%;width:3px}[active].udex-secondary-navigation__dropdown-item:dir(rtl):before,[sub-active].udex-secondary-navigation__dropdown-item:dir(rtl):before{left:auto;right:0}[is-back].udex-secondary-navigation__dropdown-item{justify-content:normal}.udex-secondary-navigation__item:hover .udex-secondary-navigation__item-icon,.udex-secondary-navigation__item:hover{color:var(--udex-secondary-navigation-sub-item-hover-color)}.udex-secondary-navigation__dropdown-item:hover{background:var(--udex-secondary-navigation-sub-item-hover-background)}.udex-secondary-navigation__dropdown-item:active{background:var(--udex-secondary-navigation-sub-item-active-background)}.udex-secondary-navigation__dropdown:dir(rtl){left:auto;right:calc(var(--udexSpacer16) * -1)}.udex-secondary-navigation__dropdown-icon{min-width:14px;height:14px}.udex-secondary-navigation__dropdown-icon_back{margin-inline-end:var(--udexSpacer4)}@media (max-width: 979px){.udex-secondary-navigation__dropdown-item{padding:var(--udexSpacer12) var(--udexSpacer48)}.udex-secondary-navigation__dropdown-item:hover .udex-secondary-navigation__dropdown-icon,.udex-secondary-navigation__dropdown-item:hover{background:none}:host([desktop]) .udex-secondary-navigation__dropdown-item:focus{outline:none}:host([desktop]) .udex-secondary-navigation__dropdown-item:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);border-radius:var(--udexRadiusXXS);outline-offset:calc(var(--udexSpacer4) * -1)}}@media (max-width: 639px){.udex-secondary-navigation__dropdown-item{padding:var(--udexSpacer12) var(--udexSpacer24)}}
|