@sapudex/web-components 0.229.0 → 0.230.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/{bundle.esm-2c8f677c.js → bundle.esm-8241e0d1.js} +2 -2
- package/dist/css/themes/RatingIndicator.css +1 -1
- package/dist/css/themes/Slider.css +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/web-types.json +1 -1
- package/package.json +1 -1
- package/src/generated/themes/RatingIndicator.css.ts +1 -1
- package/src/generated/themes/Slider.css.ts +1 -1
|
@@ -239,10 +239,10 @@ To prevent other runtimes from defining tags that you use, consider using scopin
|
|
|
239
239
|
`};var hF=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,r=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(r=(a<3?s(r):a>3?s(e,t,r):s(e,t))||r);return a>3&&r&&Object.defineProperty(e,t,r),r};let Nu=class extends tw{};Nu=hF([x({tag:"udex-progress-bar",renderer:w,styles:[tw.styles,uF]})],Nu);Nu.define();const pF=Nu;function _F(i,e,t){return d`<div class="udex-quote__container"><div class="udex-quote__image-container">${this.image?vF.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?gF.call(this,i,e,t):void 0}${this.link?mF.call(this,i,e,t):void 0}</div></div>`}function vF(i,e,t){return d`<slot name="image" slot="image"></slot>`}function gF(i,e,t){return d`<slot slot="author" name="author"></slot>`}function mF(i,e,t){return d`<slot slot="link" name="link"></slot>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>y);v("@sapudex/web-components","sap_horizon",async()=>N);const fF={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}}
|
|
240
240
|
`};var Zr=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,r=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(r=(a<3?s(r):a>3?s(e,t,r):s(e,t))||r);return a>3&&r&&Object.defineProperty(e,t,r),r},Ru;(function(i){i.small="small",i.large="large"})(Ru||(Ru={}));var X_;(function(i){i.avatar="avatar",i.rectangle="rectangle"})(X_||(X_={}));let xa=class extends A{};Zr([S({type:HTMLElement,default:!0})],xa.prototype,"content",void 0);Zr([S()],xa.prototype,"link",void 0);Zr([S()],xa.prototype,"author",void 0);Zr([S()],xa.prototype,"image",void 0);Zr([c({type:Ru,defaultValue:"large"})],xa.prototype,"imageSize",void 0);Zr([c({type:Ru,defaultValue:"large"})],xa.prototype,"textSize",void 0);Zr([c({type:X_,defaultValue:"avatar"})],xa.prototype,"mask",void 0);xa=Zr([x({tag:"udex-quote",renderer:w,styles:fF,template:_F})],xa);xa.define();const bF="direction-arrows",iw="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",xF=!1,yF="SAP-icons-v4",wF="@ui5/webcomponents-icons";D(bF,{pathData:iw,ltr:xF,collection:yF,packageName:wF});const kF="direction-arrows",ow="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",SF=!1,$F="SAP-icons-v5",TF="@ui5/webcomponents-icons";D(kF,{pathData:ow,ltr:SF,collection:$F,packageName:TF});oe();v("@ui5/webcomponents-theming","sap_horizon",async()=>y);v("@ui5/webcomponents","sap_horizon",async()=>Z);const CF={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}
|
|
241
241
|
`};var Bo=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,r=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(r=(a<3?s(r):a>3?s(e,t,r):s(e,t))||r);return a>3&&r&&Object.defineProperty(e,t,r),r},No;let Ai=No=class extends A{constructor(){super(),this.notResized=!1,this._isUserInteraction=!1,this._isInnerElementFocusing=!1,this._labelWidth=0,this._resizeHandler=this._handleResize.bind(this),this._moveHandler=this._handleMove.bind(this),this._upHandler=this._handleUp.bind(this),this._stateStorage={step:void 0,min:void 0,max:void 0,labelInterval:void 0};const e=t=>{this._onmousedown(t)};this._ontouchstart={handleEvent:e,passive:!0}}_handleMove(e){}_handleUp(){}_onmousedown(e){}_handleActionKeyPress(e){}static get ACTION_KEYS(){return[ke,be,Be,$e,Sc,ql,ms,id,rp,XT,ot,Lt,qa,Bn,Oe]}static get MIN_SPACE_BETWEEN_TICKMARKS(){return 8}static get TOOLTIP_VISIBILITY(){return{VISIBLE:"visible",HIDDEN:"hidden"}}static get render(){return w}static get styles(){return CF}get classes(){return{root:{"ui5-slider-root-phone":De()},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=No.TOOLTIP_VISIBILITY.VISIBLE)}_onmouseout(){this.showTooltip&&!this.shadowRoot.activeElement&&(this._tooltipVisibility=No.TOOLTIP_VISIBILITY.HIDDEN)}_onkeydown(e){this.disabled||this._effectiveStep===0||No._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()<No.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(),r=this.directionStart,s=this._effectiveStep,l=No.getValueFromInteraction(e,s,t,o,a,r);return this._isUserInteraction=!0,window.addEventListener("mouseup",this._upHandler),window.addEventListener("touchend",this._upHandler),Kl()&&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,r,s){const l=this.getPageXValueFromEvent(e),h=this.computedValueFromPageX(l,o,a,r,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 r=No._getDecimalPrecisionOfNumber(t);return Number(e.toFixed(r))}static getPageXValueFromEvent(e){return Kl()&&e instanceof TouchEvent?e.targetTouches&&e.targetTouches.length>0?e.targetTouches[0].pageX:0:e.pageX}static computedValueFromPageX(e,t,o,a,r){const l=(r==="left"?e-a[r]:a[r]-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=No._getDecimalPrecisionOfNumber(t);for(let r=0;r<=o;r++){const s=(r*t*e+this._effectiveMin).toFixed(a);this._labelValues.push(s)}}_handleActionKeyPressBase(e,t){const o=No._isIncreaseValueAction(e,this.directionStart),a=No._isBigStepAction(e),r=this[t],s=this._effectiveMin,l=this._effectiveMax;let h=this._effectiveStep;return h=a&&(l-s)/h>10?(l-s)/10:h,Lt(e)?l-r:ot(e)?(r-s)*-1:o?h:h*-1}static _isIncreaseValueAction(e,t){return t==="right"?Be(e)||ms(e)||ke(e)||Sc(e)||rp(e)||qa(e):Be(e)||ms(e)||be(e)||ql(e)||rp(e)||qa(e)}static _isBigStepAction(e){return id(e)||ms(e)||Sc(e)||ql(e)||qa(e)||Bn(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()}};Bo([c({validator:et,defaultValue:0})],Ai.prototype,"min",void 0);Bo([c({validator:et,defaultValue:100})],Ai.prototype,"max",void 0);Bo([c({validator:et,defaultValue:1})],Ai.prototype,"step",void 0);Bo([c({validator:q,defaultValue:0})],Ai.prototype,"labelInterval",void 0);Bo([c({type:Boolean})],Ai.prototype,"showTickmarks",void 0);Bo([c({type:Boolean})],Ai.prototype,"showTooltip",void 0);Bo([c({type:Boolean})],Ai.prototype,"disabled",void 0);Bo([c()],Ai.prototype,"accessibleName",void 0);Bo([c({defaultValue:"hidden"})],Ai.prototype,"_tooltipVisibility",void 0);Bo([c({type:Boolean})],Ai.prototype,"_labelsOverlapping",void 0);Bo([c({type:Boolean})],Ai.prototype,"_hiddenTickmarks",void 0);Ai=No=Bo([f("change"),f("input")],Ai);const _o=Ai;function IF(i,e,t){return t?d`<div class="ui5-slider-root ${O(this.classes.root)}" @mousedown="${this._onmousedown}" @touchstart="${this._ontouchstart}" @mouseover="${this._onmouseover}" @mouseout="${this._onmouseout}" @keydown="${this._onkeydown}" @keyup="${this._onkeyup}" part="root-container"><span id="${n(this._id)}-startHandleDesc" class="ui5-hidden-text">${n(this._ariaHandlesText.startHandleText)}</span><span id="${n(this._id)}-endHandleDesc" class="ui5-hidden-text">${n(this._ariaHandlesText.endHandleText)}</span><div class="ui5-slider-inner">${this.step?lb.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="${n(this._tabIndex)}" aria-orientation="horizontal" aria-valuemin="${n(this.min)}" aria-valuemax="${n(this.max)}" aria-valuenow="${n(this._ariaValueNow)}" aria-valuetext="From ${n(this.startValue)} to ${n(this.endValue)}" aria-labelledby="${n(this._ariaLabelledByProgressBarRefs)}" aria-disabled="${n(this._ariaDisabled)}"></div></div><div class="ui5-slider-handle ui5-slider-handle--start" part="handle" style="${H(this.styles.startHandle)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" role="slider" tabindex="${n(this._tabIndex)}" aria-orientation="horizontal" aria-valuemin="${n(this.min)}" aria-valuemax="${n(this.max)}" aria-valuenow="${n(this.startValue)}" aria-labelledby="${n(this._ariaLabelledByStartHandleRefs)}" aria-disabled="${n(this._ariaDisabled)}"><${u("ui5-icon",e,t)} name="direction-arrows" slider-icon></${u("ui5-icon",e,t)}>${this.showTooltip?db.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="${n(this._tabIndex)}" aria-orientation="horizontal" aria-valuemin="${n(this.min)}" aria-valuemax="${n(this.max)}" aria-valuenow="${n(this.endValue)}" aria-labelledby="${n(this._ariaLabelledByEndHandleRefs)}" aria-disabled="${n(this._ariaDisabled)}"><${u("ui5-icon",e,t)} name="direction-arrows" slider-icon></${u("ui5-icon",e,t)}>${this.showTooltip?cb.call(this,i,e,t):void 0}</div></div><span id="${n(this._id)}-accName" class="ui5-hidden-text">${n(this.accessibleName)}</span><span id="${n(this._id)}-sliderDesc" class="ui5-hidden-text">${n(this._ariaLabelledByText)}</span></div> `:d`<div class="ui5-slider-root ${O(this.classes.root)}" @mousedown="${this._onmousedown}" @touchstart="${this._ontouchstart}" @mouseover="${this._onmouseover}" @mouseout="${this._onmouseout}" @keydown="${this._onkeydown}" @keyup="${this._onkeyup}" part="root-container"><span id="${n(this._id)}-startHandleDesc" class="ui5-hidden-text">${n(this._ariaHandlesText.startHandleText)}</span><span id="${n(this._id)}-endHandleDesc" class="ui5-hidden-text">${n(this._ariaHandlesText.endHandleText)}</span><div class="ui5-slider-inner">${this.step?lb.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="${n(this._tabIndex)}" aria-orientation="horizontal" aria-valuemin="${n(this.min)}" aria-valuemax="${n(this.max)}" aria-valuenow="${n(this._ariaValueNow)}" aria-valuetext="From ${n(this.startValue)} to ${n(this.endValue)}" aria-labelledby="${n(this._ariaLabelledByProgressBarRefs)}" aria-disabled="${n(this._ariaDisabled)}"></div></div><div class="ui5-slider-handle ui5-slider-handle--start" part="handle" style="${H(this.styles.startHandle)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" role="slider" tabindex="${n(this._tabIndex)}" aria-orientation="horizontal" aria-valuemin="${n(this.min)}" aria-valuemax="${n(this.max)}" aria-valuenow="${n(this.startValue)}" aria-labelledby="${n(this._ariaLabelledByStartHandleRefs)}" aria-disabled="${n(this._ariaDisabled)}"><ui5-icon name="direction-arrows" slider-icon></ui5-icon>${this.showTooltip?db.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="${n(this._tabIndex)}" aria-orientation="horizontal" aria-valuemin="${n(this.min)}" aria-valuemax="${n(this.max)}" aria-valuenow="${n(this.endValue)}" aria-labelledby="${n(this._ariaLabelledByEndHandleRefs)}" aria-disabled="${n(this._ariaDisabled)}"><ui5-icon name="direction-arrows" slider-icon></ui5-icon>${this.showTooltip?cb.call(this,i,e,t):void 0}</div></div><span id="${n(this._id)}-accName" class="ui5-hidden-text">${n(this.accessibleName)}</span><span id="${n(this._id)}-sliderDesc" class="ui5-hidden-text">${n(this._ariaLabelledByText)}</span></div> `}function lb(i,e,t){return d`${this.showTickmarks?BF.call(this,i,e,t):void 0}`}function BF(i,e,t){return d`<ul class="ui5-slider-tickmarks">${$(this.tickmarksObject,(o,a)=>o._id||a,(o,a)=>AF.call(this,i,e,t,o,a))}</ul>${this.labelInterval?PF.call(this,i,e,t):void 0}`}function AF(i,e,t,o,a){return d`${o?EF.call(this,i,e,t,o,a):DF.call(this,i,e,t,o,a)}`}function EF(i,e,t,o,a){return d`<li class="ui5-slider-tickmark ui5-slider-tickmark-in-range"></li>`}function DF(i,e,t,o,a){return d`<li class="ui5-slider-tickmark"></li>`}function PF(i,e,t){return d`<ul class="ui5-slider-labels ${O(this.classes.labelContainer)}" style="${H(this.styles.labelContainer)}">${$(this._labels,(o,a)=>o._id||a,(o,a)=>NF.call(this,i,e,t,o,a))}</ul>`}function NF(i,e,t,o,a){return d`<li style="${H(this.styles.label)}">${n(o)}</li>`}function db(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">${n(this.tooltipStartValue)}</span></div>`}function cb(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">${n(this.tooltipEndValue)}</span></div>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>y);v("@ui5/webcomponents","sap_horizon",async()=>Z);const aw={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)}
|
|
242
|
-
`};var wh=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,r=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(r=(a<3?s(r):a>3?s(e,t,r):s(e,t))||r);return a>3&&r&&Object.defineProperty(e,t,r),r},gr;let jn=gr=class extends _o{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 gr.i18nBundle.getText(q4)}get _ariaHandlesText(){const e=this.effectiveDir==="rtl",t=this._areValuesReversed(),o={};return e&&!t||!e&&t?(o.startHandleText=gr.i18nBundle.getText(bm),o.endHandleText=gr.i18nBundle.getText(fm)):(o.startHandleText=gr.i18nBundle.getText(fm),o.endHandleText=gr.i18nBundle.getText(bm)),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=_o.clipValue(this.startValue,this._effectiveMin,this._effectiveMax);this.startValue=e,this.updateStateStorageAndFireInputEvent("startValue"),this.storePropertyState("startValue");const t=_o.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=_o.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=_o.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,Oe(e)){this.update(void 0,this._startValueInitial,this._endValueInitial);return}this._setAffectedValueByFocusedElement();const t=this._effectiveMin,o=this._effectiveMax,a=this._valueAffected;if((Lt(e)||ot(e))&&!a){this._homeEndForSelectedRange(e,ot(e)?"startValue":"endValue",t,o);return}const r=this._handleActionKeyPressBase(e,a);if(!r)return;const s=this.constructor;if(a&&!this._isPressInCurrentRange){const l=this[a],h=s.clipValue(r+l,t,o);this.update(a,h,void 0)}else if(r<0&&this.startValue>t||r>0&&this.endValue<o){const l=s.clipValue(r+this.startValue,t,o),h=s.clipValue(r+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 r=this._handleActionKeyPressBase(e,t),s=this.constructor,l=s.clipValue(r+this.startValue,o,a),h=s.clipValue(r+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"),r=o.getBoundingClientRect(),s=a.getBoundingClientRect(),l=e>=r.left&&e<=r.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,r=this.endValue-this.startValue;let s=this._calculateStartValueByOffset(e,t);return s=this.constructor.clipValue(s,o,a-r),[s,s+r]}_calculateStartValueByOffset(e,t){const o=this._effectiveMin,a=this._effectiveMax,r=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,r,o)):(p=this._initialPageXPosition-e,h=t-p,l=_.computedValueFromPageX(h,o,a,s,this.directionStart),l=_.getSteppedValue(l,r,o)),l}_updateHandlesAndRange(e){const t=this._effectiveMax,o=this._effectiveMin,a=this.getStoredPropertyState("startValue")||0,r=this.getStoredPropertyState("endValue")||0,s=this._valueAffected;s==="startValue"?(this._selectedRange=(r-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,r=this._effectiveMin+o*this.step<=this.endValue;t.push(a&&r)}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(){gr.i18nBundle=await M("@ui5/webcomponents")}};wh([c({validator:et,defaultValue:0})],jn.prototype,"startValue",void 0);wh([c({validator:et,defaultValue:100})],jn.prototype,"endValue",void 0);wh([c({type:Boolean})],jn.prototype,"rangePressed",void 0);jn=gr=wh([x({tag:"ui5-range-slider",languageAware:!0,template:IF,dependencies:[V],styles:[_o.styles,aw]})],jn);jn.define();const RF=jn;v("@ui5/webcomponents-theming","sap_horizon",async()=>y);v("@sapudex/web-components","sap_horizon",async()=>N);const rw={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-229-0_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}
|
|
242
|
+
`};var wh=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,r=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(r=(a<3?s(r):a>3?s(e,t,r):s(e,t))||r);return a>3&&r&&Object.defineProperty(e,t,r),r},gr;let jn=gr=class extends _o{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 gr.i18nBundle.getText(q4)}get _ariaHandlesText(){const e=this.effectiveDir==="rtl",t=this._areValuesReversed(),o={};return e&&!t||!e&&t?(o.startHandleText=gr.i18nBundle.getText(bm),o.endHandleText=gr.i18nBundle.getText(fm)):(o.startHandleText=gr.i18nBundle.getText(fm),o.endHandleText=gr.i18nBundle.getText(bm)),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=_o.clipValue(this.startValue,this._effectiveMin,this._effectiveMax);this.startValue=e,this.updateStateStorageAndFireInputEvent("startValue"),this.storePropertyState("startValue");const t=_o.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=_o.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=_o.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,Oe(e)){this.update(void 0,this._startValueInitial,this._endValueInitial);return}this._setAffectedValueByFocusedElement();const t=this._effectiveMin,o=this._effectiveMax,a=this._valueAffected;if((Lt(e)||ot(e))&&!a){this._homeEndForSelectedRange(e,ot(e)?"startValue":"endValue",t,o);return}const r=this._handleActionKeyPressBase(e,a);if(!r)return;const s=this.constructor;if(a&&!this._isPressInCurrentRange){const l=this[a],h=s.clipValue(r+l,t,o);this.update(a,h,void 0)}else if(r<0&&this.startValue>t||r>0&&this.endValue<o){const l=s.clipValue(r+this.startValue,t,o),h=s.clipValue(r+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 r=this._handleActionKeyPressBase(e,t),s=this.constructor,l=s.clipValue(r+this.startValue,o,a),h=s.clipValue(r+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"),r=o.getBoundingClientRect(),s=a.getBoundingClientRect(),l=e>=r.left&&e<=r.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,r=this.endValue-this.startValue;let s=this._calculateStartValueByOffset(e,t);return s=this.constructor.clipValue(s,o,a-r),[s,s+r]}_calculateStartValueByOffset(e,t){const o=this._effectiveMin,a=this._effectiveMax,r=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,r,o)):(p=this._initialPageXPosition-e,h=t-p,l=_.computedValueFromPageX(h,o,a,s,this.directionStart),l=_.getSteppedValue(l,r,o)),l}_updateHandlesAndRange(e){const t=this._effectiveMax,o=this._effectiveMin,a=this.getStoredPropertyState("startValue")||0,r=this.getStoredPropertyState("endValue")||0,s=this._valueAffected;s==="startValue"?(this._selectedRange=(r-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,r=this._effectiveMin+o*this.step<=this.endValue;t.push(a&&r)}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(){gr.i18nBundle=await M("@ui5/webcomponents")}};wh([c({validator:et,defaultValue:0})],jn.prototype,"startValue",void 0);wh([c({validator:et,defaultValue:100})],jn.prototype,"endValue",void 0);wh([c({type:Boolean})],jn.prototype,"rangePressed",void 0);jn=gr=wh([x({tag:"ui5-range-slider",languageAware:!0,template:IF,dependencies:[V],styles:[_o.styles,aw]})],jn);jn.define();const RF=jn;v("@ui5/webcomponents-theming","sap_horizon",async()=>y);v("@sapudex/web-components","sap_horizon",async()=>N);const rw={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-230-0_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}
|
|
243
243
|
`};var jF=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,r=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(r=(a<3?s(r):a>3?s(e,t,r):s(e,t))||r);return a>3&&r&&Object.defineProperty(e,t,r),r};let H_=class extends RF{onEnterDOM(){ge()&&this.setAttribute("desktop","")}};H_=jF([x({tag:"udex-range-slider",renderer:w,styles:[_o.styles,aw,rw]})],H_);H_.define();function LF(i,e,t){return t?d`<div class="udex-rating-bar__container"><div aria-hidden="true" class="udex-rating-bar__rating">${n(this.validatedRating)}</div><${u("ui5-icon",e,t)} role="img" aria-labelledby="ratingDescription" name="favorite" class="udex-rating__icon"></${u("ui5-icon",e,t)}><div class="udex-rating-bar__track"><div class="udex-rating-bar__progress"></div></div>${this.showPercentage?ub.call(this,i,e,t):void 0}<span id="ratingDescription" class="hidden-text">${n(this._ratingDescription)}</span></div>`:d`<div class="udex-rating-bar__container"><div aria-hidden="true" class="udex-rating-bar__rating">${n(this.validatedRating)}</div><ui5-icon role="img" aria-labelledby="ratingDescription" name="favorite" class="udex-rating__icon"></ui5-icon><div class="udex-rating-bar__track"><div class="udex-rating-bar__progress"></div></div>${this.showPercentage?ub.call(this,i,e,t):void 0}<span id="ratingDescription" class="hidden-text">${n(this._ratingDescription)}</span></div>`}function ub(i,e,t){return d`<div role="note" class="udex-rating-bar__percentage" aria-label="${n(this.validatedPercentage)}">${n(this.validatedPercentage)}</div>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>y);v("@sapudex/web-components","sap_horizon",async()=>N);const MF={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}
|
|
244
244
|
`};var kh=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,r=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(r=(a<3?s(r):a>3?s(e,t,r):s(e,t))||r);return a>3&&r&&Object.defineProperty(e,t,r),r},Uc;let Ln=Uc=class extends A{constructor(){super(...arguments),this._minRating=0,this._maxRating=5,this._minPercentage=0,this._maxPercentage=100}static async onDefine(){Uc.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} ${Uc.i18nBundle.getText(U5)}`}};kh([c({type:Number,defaultValue:0,validator:q})],Ln.prototype,"rating",void 0);kh([c({type:Number,defaultValue:0,validator:q})],Ln.prototype,"percentage",void 0);kh([c({type:Boolean})],Ln.prototype,"showPercentage",void 0);Ln=Uc=kh([x({tag:"udex-rating-bar",renderer:w,styles:MF,template:LF,dependencies:[V]})],Ln);Ln.define();const nw=Ln;function zF(i,e,t){return d`<div class="ui5-rating-indicator-root" role="slider" aria-roledescription="${n(this._ariaRoleDescription)}" aria-valuemin="0" aria-valuenow="${n(this.value)}" aria-valuemax="${n(this.max)}" aria-valuetext="${n(this.value)} of ${n(this.max)}" aria-orientation="horizontal" aria-disabled="${n(this._ariaDisabled)}" aria-readonly="${n(this.ariaReadonly)}" aria-description="${n(this._ariaDescription)}" tabindex="${n(this.effectiveTabIndex)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" @click="${this._onclick}" @keydown="${this._onkeydown}" title="${n(this.ratingTooltip)}" aria-label="${n(this._ariaLabel)}"><ul class="ui5-rating-indicator-list" aria-hidden="true">${$(this._stars,(o,a)=>o._id||a,(o,a)=>OF.call(this,i,e,t,o,a))}</ul></div>`}function OF(i,e,t,o,a){return d`${o.selected?FF.call(this,i,e,t,o,a):XF.call(this,i,e,t,o,a)}`}function FF(i,e,t,o,a){return t?d`<li data-ui5-value="${n(o.index)}" class="ui5-rating-indicator-item ui5-rating-indicator-item-sel"><${u("ui5-icon",e,t)} data-ui5-value="${n(o.index)}" name="favorite"></${u("ui5-icon",e,t)}></li>`:d`<li data-ui5-value="${n(o.index)}" class="ui5-rating-indicator-item ui5-rating-indicator-item-sel"><ui5-icon data-ui5-value="${n(o.index)}" name="favorite"></ui5-icon></li>`}function XF(i,e,t,o,a){return d`${o.halfStar?HF.call(this,i,e,t,o,a):qF.call(this,i,e,t,o,a)}`}function HF(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="${n(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="${n(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="${n(o.index)}" name="unfavorite"></ui5-icon><div class="ui5-rating-indicator-half-icon-wrapper"><ui5-icon data-ui5-value="${n(o.index)}" name="favorite" class="ui5-rating-indicator-half-icon"></ui5-icon></div></li>`}function qF(i,e,t,o,a){return d`${this.readonly?UF.call(this,i,e,t,o,a):VF.call(this,i,e,t,o,a)}`}function UF(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="${n(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="${n(o.index)}" name="favorite"></ui5-icon></li>`}function VF(i,e,t,o,a){return d`${this.disabled?WF.call(this,i,e,t,o,a):GF.call(this,i,e,t,o,a)}`}function WF(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="${n(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="${n(o.index)}" name="favorite"></ui5-icon></li>`}function GF(i,e,t,o,a){return t?d`<li data-ui5-value="${n(o.index)}" class="ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><${u("ui5-icon",e,t)} data-ui5-value="${n(o.index)}" name="unfavorite"></${u("ui5-icon",e,t)}></li>`:d`<li data-ui5-value="${n(o.index)}" class="ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><ui5-icon data-ui5-value="${n(o.index)}" name="unfavorite"></ui5-icon></li>`}const YF="favorite",sw="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",KF=!1,ZF="SAP-icons-v4",QF="@ui5/webcomponents-icons";D(YF,{pathData:sw,ltr:KF,collection:ZF,packageName:QF});const JF="favorite",lw="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",eX=!1,tX="SAP-icons-v5",iX="@ui5/webcomponents-icons";D(JF,{pathData:lw,ltr:eX,collection:tX,packageName:iX});oe();const oX="unfavorite",dw="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",aX=!1,rX="SAP-icons-v4",nX="@ui5/webcomponents-icons";D(oX,{pathData:dw,ltr:aX,collection:rX,packageName:nX});const sX="unfavorite",cw="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",lX=!1,dX="SAP-icons-v5",cX="@ui5/webcomponents-icons";D(sX,{pathData:cw,ltr:lX,collection:dX,packageName:cX});oe();v("@ui5/webcomponents-theming","sap_horizon",async()=>y);v("@ui5/webcomponents","sap_horizon",async()=>Z);const uX={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}
|
|
245
|
-
`};var Jo=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,r=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(r=(a<3?s(r):a>3?s(e,t,r):s(e,t))||r);return a>3&&r&&Object.defineProperty(e,t,r),r},us;let Ei=us=class extends A{static async onDefine(){us.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=$e(e)||ke(e),o=be(e)||Be(e),a=F(e)||K(e),r=ot(e),s=Lt(e),l=e.keyCode>=48&&e.keyCode<=57||e.keyCode>=96&&e.keyCode<=105;if(t||o||a||r||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(r)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:Hp()?this.defaultTooltip:void 0}get defaultTooltip(){return us.i18nBundle.getText(U4)}get _ariaRoleDescription(){return us.i18nBundle.getText(V4)}get _ariaDisabled(){return this.disabled||void 0}get _ariaLabel(){return $a(this)}get _ariaDescription(){return this.required?us.i18nBundle.getText(W4):void 0}get ariaReadonly(){return this.readonly?"true":void 0}};Jo([c({validator:et,defaultValue:0})],Ei.prototype,"value",void 0);Jo([c({validator:q,defaultValue:5})],Ei.prototype,"max",void 0);Jo([c({type:Boolean})],Ei.prototype,"disabled",void 0);Jo([c({type:Boolean})],Ei.prototype,"readonly",void 0);Jo([c()],Ei.prototype,"accessibleName",void 0);Jo([c({defaultValue:""})],Ei.prototype,"accessibleNameRef",void 0);Jo([c({type:Boolean})],Ei.prototype,"required",void 0);Jo([c()],Ei.prototype,"tooltip",void 0);Jo([c({type:Object,multiple:!0})],Ei.prototype,"_stars",void 0);Jo([c({type:Boolean})],Ei.prototype,"_focused",void 0);Ei=us=Jo([x({tag:"ui5-rating-indicator",languageAware:!0,renderer:w,styles:uX,template:zF,dependencies:[V]}),f("change")],Ei);Ei.define();const q_=Ei;function hX(i,e,t){return d`<div class="udex-rating-indicator ui5-rating-indicator-root ${n(this.classNames)}" role="slider" aria-roledescription="${n(this._ariaRoleDescription)}" aria-valuemin="0" aria-valuenow="${n(this.value)}" aria-valuemax="${n(this.max)}" aria-valuetext="${n(this.value)} of ${n(this.max)}" aria-orientation="horizontal" aria-disabled="${n(this._ariaDisabled)}" aria-readonly="${n(this.ariaReadonly)}" aria-description="${n(this._ariaDescription)}" tabindex="${n(this.effectiveTabIndex)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" @click="${this._onclick}" @keydown="${this._onkeydown}" title="${n(this.ratingTooltip)}" aria-label="${n(this._ariaLabel)}"><ul class="udex-rating-indicator__list ui5-rating-indicator-list" aria-hidden="true">${$(this._stars,(o,a)=>o._id||a,(o,a)=>pX.call(this,i,e,t,o,a))}</ul>${this.totalCount?wX.call(this,i,e,t):void 0}</div>`}function pX(i,e,t,o,a){return d`${o.selected?_X.call(this,i,e,t,o,a):vX.call(this,i,e,t,o,a)}`}function _X(i,e,t,o,a){return t?d`<li data-ui5-value="${n(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="${n(o.index)}" name="favorite"></${u("ui5-icon",e,t)}></li>`:d`<li data-ui5-value="${n(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="${n(o.index)}" name="favorite"></ui5-icon></li>`}function vX(i,e,t,o,a){return d`${o.halfStar?gX.call(this,i,e,t,o,a):mX.call(this,i,e,t,o,a)}`}function gX(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="${n(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="${n(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="${n(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="${n(o.index)}" name="favorite" class="udex-rating-indicator__half-icon ui5-rating-indicator-half-icon"></ui5-icon></div></li>`}function mX(i,e,t,o,a){return d`${this.readonly?fX.call(this,i,e,t,o,a):bX.call(this,i,e,t,o,a)}`}function fX(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="${n(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="${n(o.index)}" name="unfavorite"></ui5-icon></li>`}function bX(i,e,t,o,a){return d`${this.disabled?xX.call(this,i,e,t,o,a):yX.call(this,i,e,t,o,a)}`}function xX(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="${n(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="${n(o.index)}" name="unfavorite"></ui5-icon></li>`}function yX(i,e,t,o,a){return t?d`<li data-ui5-value="${n(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="${n(o.index)}" name="unfavorite"></${u("ui5-icon",e,t)}></li>`:d`<li data-ui5-value="${n(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="${n(o.index)}" name="unfavorite"></ui5-icon></li>`}function wX(i,e,t){return d`<div class="udex-rating-indicator__total">(${n(this.totalCount)})</div>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>y);v("@sapudex/web-components","sap_horizon",async()=>N);const kX={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-229-0_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:var(--udex_rating_indicator_disabled_opacity);cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .udex-rating-indicator__item-unsel,:host([readonly]) .udex-rating-indicator__item-unsel{width:var(--udex_rating_indicator_readonly_item_width);height:var(--udex_rating_indicator_readonly_item_height);padding-inline:0}:host([disabled]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_disabled-unrated_color)}:host([readonly]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_read-only-unrated_color)}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:.125rem;border-radius:.25rem}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.udex-rating-indicator{outline:none;position:relative;display:inline-flex;gap:12px;align-items:center}.udex-rating-indicator__total{color:var(--udexColorGrey6);line-height:24px}.udex-rating-indicator__list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.udex-rating-indicator__item{position:relative;width:var(--udex_rating_indicator_item_width);height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_items_gap)}.udex-rating-indicator__item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.udex-rating-indicator__item.udex-rating-indicator__item-sel{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{position:absolute;inset-inline-start:50%;color:var(--udex-rating_indicator_rated_color)}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-sel,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__half-icon,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_hover_color)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:1}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_hover_color)}.udex-rating-indicator__half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}.udex-rating-indicator--mobile .udex-rating-indicator__half-icon-wrapper{top:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator--mobile .udex-rating-indicator__item{padding:var(--udex_rating_indicator_mobile_item_padding)}:host([readonly]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel,:host([disabled]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel{padding-left:var(--udex_rating_indicator_mobile_item_padding);padding-right:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_mobile_items_gap)}
|
|
245
|
+
`};var Jo=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,r=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(r=(a<3?s(r):a>3?s(e,t,r):s(e,t))||r);return a>3&&r&&Object.defineProperty(e,t,r),r},us;let Ei=us=class extends A{static async onDefine(){us.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=$e(e)||ke(e),o=be(e)||Be(e),a=F(e)||K(e),r=ot(e),s=Lt(e),l=e.keyCode>=48&&e.keyCode<=57||e.keyCode>=96&&e.keyCode<=105;if(t||o||a||r||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(r)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:Hp()?this.defaultTooltip:void 0}get defaultTooltip(){return us.i18nBundle.getText(U4)}get _ariaRoleDescription(){return us.i18nBundle.getText(V4)}get _ariaDisabled(){return this.disabled||void 0}get _ariaLabel(){return $a(this)}get _ariaDescription(){return this.required?us.i18nBundle.getText(W4):void 0}get ariaReadonly(){return this.readonly?"true":void 0}};Jo([c({validator:et,defaultValue:0})],Ei.prototype,"value",void 0);Jo([c({validator:q,defaultValue:5})],Ei.prototype,"max",void 0);Jo([c({type:Boolean})],Ei.prototype,"disabled",void 0);Jo([c({type:Boolean})],Ei.prototype,"readonly",void 0);Jo([c()],Ei.prototype,"accessibleName",void 0);Jo([c({defaultValue:""})],Ei.prototype,"accessibleNameRef",void 0);Jo([c({type:Boolean})],Ei.prototype,"required",void 0);Jo([c()],Ei.prototype,"tooltip",void 0);Jo([c({type:Object,multiple:!0})],Ei.prototype,"_stars",void 0);Jo([c({type:Boolean})],Ei.prototype,"_focused",void 0);Ei=us=Jo([x({tag:"ui5-rating-indicator",languageAware:!0,renderer:w,styles:uX,template:zF,dependencies:[V]}),f("change")],Ei);Ei.define();const q_=Ei;function hX(i,e,t){return d`<div class="udex-rating-indicator ui5-rating-indicator-root ${n(this.classNames)}" role="slider" aria-roledescription="${n(this._ariaRoleDescription)}" aria-valuemin="0" aria-valuenow="${n(this.value)}" aria-valuemax="${n(this.max)}" aria-valuetext="${n(this.value)} of ${n(this.max)}" aria-orientation="horizontal" aria-disabled="${n(this._ariaDisabled)}" aria-readonly="${n(this.ariaReadonly)}" aria-description="${n(this._ariaDescription)}" tabindex="${n(this.effectiveTabIndex)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" @click="${this._onclick}" @keydown="${this._onkeydown}" title="${n(this.ratingTooltip)}" aria-label="${n(this._ariaLabel)}"><ul class="udex-rating-indicator__list ui5-rating-indicator-list" aria-hidden="true">${$(this._stars,(o,a)=>o._id||a,(o,a)=>pX.call(this,i,e,t,o,a))}</ul>${this.totalCount?wX.call(this,i,e,t):void 0}</div>`}function pX(i,e,t,o,a){return d`${o.selected?_X.call(this,i,e,t,o,a):vX.call(this,i,e,t,o,a)}`}function _X(i,e,t,o,a){return t?d`<li data-ui5-value="${n(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="${n(o.index)}" name="favorite"></${u("ui5-icon",e,t)}></li>`:d`<li data-ui5-value="${n(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="${n(o.index)}" name="favorite"></ui5-icon></li>`}function vX(i,e,t,o,a){return d`${o.halfStar?gX.call(this,i,e,t,o,a):mX.call(this,i,e,t,o,a)}`}function gX(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="${n(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="${n(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="${n(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="${n(o.index)}" name="favorite" class="udex-rating-indicator__half-icon ui5-rating-indicator-half-icon"></ui5-icon></div></li>`}function mX(i,e,t,o,a){return d`${this.readonly?fX.call(this,i,e,t,o,a):bX.call(this,i,e,t,o,a)}`}function fX(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="${n(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="${n(o.index)}" name="unfavorite"></ui5-icon></li>`}function bX(i,e,t,o,a){return d`${this.disabled?xX.call(this,i,e,t,o,a):yX.call(this,i,e,t,o,a)}`}function xX(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="${n(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="${n(o.index)}" name="unfavorite"></ui5-icon></li>`}function yX(i,e,t,o,a){return t?d`<li data-ui5-value="${n(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="${n(o.index)}" name="unfavorite"></${u("ui5-icon",e,t)}></li>`:d`<li data-ui5-value="${n(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="${n(o.index)}" name="unfavorite"></ui5-icon></li>`}function wX(i,e,t){return d`<div class="udex-rating-indicator__total">(${n(this.totalCount)})</div>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>y);v("@sapudex/web-components","sap_horizon",async()=>N);const kX={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-230-0_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:var(--udex_rating_indicator_disabled_opacity);cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .udex-rating-indicator__item-unsel,:host([readonly]) .udex-rating-indicator__item-unsel{width:var(--udex_rating_indicator_readonly_item_width);height:var(--udex_rating_indicator_readonly_item_height);padding-inline:0}:host([disabled]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_disabled-unrated_color)}:host([readonly]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_read-only-unrated_color)}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:.125rem;border-radius:.25rem}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.udex-rating-indicator{outline:none;position:relative;display:inline-flex;gap:12px;align-items:center}.udex-rating-indicator__total{color:var(--udexColorGrey6);line-height:24px}.udex-rating-indicator__list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.udex-rating-indicator__item{position:relative;width:var(--udex_rating_indicator_item_width);height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_items_gap)}.udex-rating-indicator__item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.udex-rating-indicator__item.udex-rating-indicator__item-sel{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{position:absolute;inset-inline-start:50%;color:var(--udex-rating_indicator_rated_color)}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-sel,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__half-icon,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_hover_color)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:1}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_hover_color)}.udex-rating-indicator__half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}.udex-rating-indicator--mobile .udex-rating-indicator__half-icon-wrapper{top:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator--mobile .udex-rating-indicator__item{padding:var(--udex_rating_indicator_mobile_item_padding)}:host([readonly]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel,:host([disabled]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel{padding-left:var(--udex_rating_indicator_mobile_item_padding);padding-right:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_mobile_items_gap)}
|
|
246
246
|
`};var rg=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,r=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(r=(a<3?s(r):a>3?s(e,t,r):s(e,t))||r);return a>3&&r&&Object.defineProperty(e,t,r),r},U_;(function(i){i.Desktop="Desktop",i.Mobile="Mobile"})(U_||(U_={}));let zs=class extends q_{get classNames(){return`udex-rating-indicator--${this.display.toLowerCase()}`}get _ariaLabel(){const e=$a(this);return this.totalCount?`${e?`${e}, `:""}${q_.i18nBundle.getText(mC)} ${this.totalCount}`:e}};rg([c({defaultValue:U_.Desktop})],zs.prototype,"display",void 0);rg([c()],zs.prototype,"totalCount",void 0);zs=rg([x({tag:"udex-rating-indicator",renderer:w,styles:[q_.styles,kX],template:hX,dependencies:[V]})],zs);zs.define();const uw=zs;function SX(i,e,t){return d`${this.isEmpty?$X.call(this,i,e,t):TX.call(this,i,e,t)}`}function $X(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 TX(i,e,t){return d`${this.withoutBreakdown?CX.call(this,i,e,t):IX.call(this,i,e,t)}`}function CX(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">${n(this.validatedRating)}</div><div class="udex-review__rating-info-without-breakdown"><${u("udex-rating-indicator",e,t)} readonly value="${n(this.validatedRating)}" max="${n(this._maxRating)}"></${u("udex-rating-indicator",e,t)}><div class="udex-review__reviews-text">${n(this.reviewsText)}</div></div></div><div class="udex-review__additional-content-without-breakdown"><slot class="udex-review__default-text" name="defaultText"></slot><slot name="reviewButton"></slot></div></div>`:d`<div class="udex-review__container-without-breakdown"><div class="udex-review__content-without-breakdown"><div aria-level="2" role="heading" aria-hidden="true" class="udex-review__rating">${n(this.validatedRating)}</div><div class="udex-review__rating-info-without-breakdown"><udex-rating-indicator readonly value="${n(this.validatedRating)}" max="${n(this._maxRating)}"></udex-rating-indicator><div class="udex-review__reviews-text">${n(this.reviewsText)}</div></div></div><div class="udex-review__additional-content-without-breakdown"><slot class="udex-review__default-text" name="defaultText"></slot><slot name="reviewButton"></slot></div></div>`}function IX(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">${n(this.validatedRating)}</div><${u("ui5-icon",e,t)} aria-labelledby="ratingDescription" role="img" name="favorite" class="udex-review__icon"></${u("ui5-icon",e,t)}></div><div class="udex-review__reviews-text">${n(this.reviewsText)}</div><slot name="reviewButton"></slot></div><div class="udex-review__additional-content">${$(this.validatedRatingBars,(o,a)=>o._id||a,(o,a)=>hb.call(this,i,e,t,o,a))}</div></div><span id="ratingDescription" class="hidden-text">${n(this._ratingDescription)}</span>`:d`<div class="udex-review__container"><div class="udex-review__content"><div class="udex-review__rating-info"><div aria-level="2" role="heading" aria-hidden="true" class="udex-review__rating">${n(this.validatedRating)}</div><ui5-icon aria-labelledby="ratingDescription" role="img" name="favorite" class="udex-review__icon"></ui5-icon></div><div class="udex-review__reviews-text">${n(this.reviewsText)}</div><slot name="reviewButton"></slot></div><div class="udex-review__additional-content">${$(this.validatedRatingBars,(o,a)=>o._id||a,(o,a)=>hb.call(this,i,e,t,o,a))}</div></div><span id="ratingDescription" class="hidden-text">${n(this._ratingDescription)}</span>`}function hb(i,e,t,o,a){return d`<slot name="${n(o._individualSlot)}"></slot>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>y);v("@sapudex/web-components","sap_horizon",async()=>N);const BX={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}
|
|
247
247
|
`};var ul=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,r=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(r=(a<3?s(r):a>3?s(e,t,r):s(e,t))||r);return a>3&&r&&Object.defineProperty(e,t,r),r},Vc;let Hr=Vc=class extends A{constructor(){super(...arguments),this._minRating=0,this._maxRating=5,this._maxRatingBars=5}static async onDefine(){Vc.i18nBundle=await M("@sapudex/web-components")}get reviewsText(){return`${this.reviews} ${Vc.i18nBundle.getText(gC)}`}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} ${nw.i18nBundle.getText(U5)}`}};ul([c({type:Number,defaultValue:0,validator:et})],Hr.prototype,"rating",void 0);ul([c({type:Number,defaultValue:0,validator:q})],Hr.prototype,"reviews",void 0);ul([S({type:HTMLElement})],Hr.prototype,"reviewButton",void 0);ul([S({type:HTMLElement})],Hr.prototype,"defaultText",void 0);ul([S({type:HTMLElement,default:!0,individualSlots:!0})],Hr.prototype,"bars",void 0);Hr=Vc=ul([x({tag:"udex-review",renderer:w,styles:BX,template:SX,dependencies:[nw,uw,V]})],Hr);Hr.define();function AX(i,e,t){return t?d`<div class="${n(this.reviewItemClasses)}"><div class="udex-review-item__rating-container"><${u("udex-rating-indicator",e,t)} value="${n(this.validatedRating)}" max="${n(this._maxRating)}" readonly></${u("udex-rating-indicator",e,t)}>${this.date?pb.call(this,i,e,t):void 0}</div><div class="udex-review-item__text-container"><div class="udex-review-item__title">${n(this.reviewTitle)}</div><div class="udex-review-item__text-wrapper"><p class="udex-review-item__text" id="udex-review-item__text">${n(this._completeText)}</p>${this._showTextExpander?_b.call(this,i,e,t):void 0}</div>${this.author?vb.call(this,i,e,t):void 0}</div></div>`:d`<div class="${n(this.reviewItemClasses)}"><div class="udex-review-item__rating-container"><udex-rating-indicator value="${n(this.validatedRating)}" max="${n(this._maxRating)}" readonly></udex-rating-indicator>${this.date?pb.call(this,i,e,t):void 0}</div><div class="udex-review-item__text-container"><div class="udex-review-item__title">${n(this.reviewTitle)}</div><div class="udex-review-item__text-wrapper"><p class="udex-review-item__text" id="udex-review-item__text">${n(this._completeText)}</p>${this._showTextExpander?_b.call(this,i,e,t):void 0}</div>${this.author?vb.call(this,i,e,t):void 0}</div></div>`}function pb(i,e,t){return d`<slot slot="date" name="date" class="udex-review-item__date"></slot>`}function _b(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}">${n(this.buttonText)}</${u("udex-button",e,t)}>`:d`<udex-button id="reviewExpander" class="udex-review-item__text-expander" design="Invisible" size="Large" @click="${this._toggleText}">${n(this.buttonText)}</udex-button>`}function vb(i,e,t){return d`<slot slot="author" name="author" class="udex-review-item__author"></slot>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>y);v("@sapudex/web-components","sap_horizon",async()=>N);const EX={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) }
|
|
248
248
|
`};var ea=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,r=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(r=(a<3?s(r):a>3?s(e,t,r):s(e,t))||r);return a>3&&r&&Object.defineProperty(e,t,r),r},Ll;let Ji=Ll=class extends A{_toggleText(){this._textExpanded=!this._textExpanded,this._textExpanded?(this._completeText=this.text,this._textElement.classList.add("udex-review-item__text-expanded")):(this._textElement.classList.remove("udex-review-item__text-expanded"),this._completeText=this._visibleText)}static async onDefine(){Ll.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,r="";e.forEach(s=>{const l=o.measureText(`${s} `).width;a+l<=2*this._textElement.offsetWidth&&(r+=`${s} `,a+=l)}),this._visibleText=r,this._textExpanded||(this._completeText=r),this._showTextExpander=!this._textExpanded&&this._completeText.length<this.text.length||this._textExpanded&&r.length<this.text.length}get buttonText(){return this._textExpanded?Ll.i18nBundle.getText(W5):Ll.i18nBundle.getText(V5)}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")}};ea([c({type:Boolean})],Ji.prototype,"showRatingTop",void 0);ea([c({type:Number,defaultValue:0,validator:q})],Ji.prototype,"rating",void 0);ea([c({type:String})],Ji.prototype,"reviewTitle",void 0);ea([c({type:String})],Ji.prototype,"text",void 0);ea([c({type:Number,defaultValue:2,validator:q})],Ji.prototype,"_textLineLimit",void 0);ea([c({type:Boolean})],Ji.prototype,"_textExpanded",void 0);ea([c({type:Boolean})],Ji.prototype,"_showTextExpander",void 0);ea([c({type:String})],Ji.prototype,"_completeText",void 0);ea([S()],Ji.prototype,"author",void 0);ea([S()],Ji.prototype,"date",void 0);Ji=Ll=ea([x({tag:"udex-review-item",renderer:w,styles:EX,template:AX,dependencies:[uw,ii]})],Ji);Ji.define();class DX{constructor(e){this._focusHandler=new v2,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;c2(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,r,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)),((r=this.lists)==null?void 0:r.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 r,s,l,h;e.preventDefault();const t=this.selectedItemIndex,o=this.getFocusableItems(),a=o.length-1;if((r=this.lists)!=null&&r.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 r,s,l,h;e.preventDefault();const t=this.getFocusableItems(),o=t.length-1,a=this.selectedItemIndex;if((r=this.lists)!=null&&r.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[Gi,At]}}Zu("SearchInputSuggestion",DX);function PX(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),r=parseFloat(i);switch(i.replace(`${r}`,"").trim()){case"vh":return r/100*window.innerHeight;case"vw":return r/100*window.innerWidth;case"rem":return r*t;case"em":return r*a;case"%":return r/100*o;case"px":case"":return r;default:return r}}var Ba=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,r=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(r=(a<3?s(r):a>3?s(e,t,r):s(e,t))||r);return a>3&&r&&Object.defineProperty(e,t,r),r};let xo=class extends A{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(r=>{if(r.active===!0){t=r;return}r.items&&o(r.items)})};return o(e),t}get itemLabel(){return this._isMobileView?this.mobileLinkTitle||this.label:this.label}get isMobile(){return Lr.isAtMost("S")}get ariaCurrent(){return this.active?"page":null}};Ba([c({type:String})],xo.prototype,"mobileLinkTitle",void 0);Ba([c({type:Boolean})],xo.prototype,"active",void 0);Ba([c({type:String})],xo.prototype,"path",void 0);Ba([c({type:Yi,defaultValue:Yi._self})],xo.prototype,"target",void 0);Ba([c({type:String})],xo.prototype,"subTitle",void 0);Ba([c({type:String})],xo.prototype,"label",void 0);Ba([c({validator:q})],xo.prototype,"index",void 0);Ba([c({type:Boolean})],xo.prototype,"_isMobileView",void 0);Ba([c({type:String,defaultValue:"-1"})],xo.prototype,"_tabIndex",void 0);xo=Ba([x({renderer:w})],xo);const hw=xo;function NX(i,e,t){return d`${this.isBack?RX.call(this,i,e,t):jX.call(this,i,e,t)} `}function RX(i,e,t){return t?d`<button tabindex="${n(this._tabIndex)}" @click="${this.onBackItemClick}" role="menuitem" aria-label="${n(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)}>${n(this.itemLabel)}</button>`:d`<button tabindex="${n(this._tabIndex)}" @click="${this.onBackItemClick}" role="menuitem" aria-label="${n(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>${n(this.itemLabel)}</button>`}function jX(i,e,t){return d`${this.isButton?LX.call(this,i,e,t):zX.call(this,i,e,t)}`}function LX(i,e,t){return d`<button tabindex="${n(this._tabIndex)}" @click="${this.onItemClick}" role="menuitem" aria-haspopup="${n(this.hasItems)}" ?sub-active="${this.isSubItemActive}" aria-label="${n(this.label)}" ?active="${this.active}" aria-current="${n(this.ariaCurrent)}" class="udex-secondary-navigation__dropdown-item">${n(this.itemLabel)}${this.hasItems?MX.call(this,i,e,t):void 0}</button>`}function MX(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 zX(i,e,t){return d`<a tabindex="${n(this._tabIndex)}" @click="${this.onItemClick}" role="menuitem" href="${n(this.path)}" target="${n(this.target)}" ?active="${this.active}" aria-current="${n(this.ariaCurrent)}" class="udex-secondary-navigation__dropdown-item">${n(this.itemLabel)}</a>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>y);v("@sapudex/web-components","sap_horizon",async()=>N);const OX={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)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
: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-
|
|
1
|
+
: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-230-0_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:var(--udex_rating_indicator_disabled_opacity);cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .udex-rating-indicator__item-unsel,:host([readonly]) .udex-rating-indicator__item-unsel{width:var(--udex_rating_indicator_readonly_item_width);height:var(--udex_rating_indicator_readonly_item_height);padding-inline:0}:host([disabled]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_disabled-unrated_color)}:host([readonly]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_read-only-unrated_color)}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:.125rem;border-radius:.25rem}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.udex-rating-indicator{outline:none;position:relative;display:inline-flex;gap:12px;align-items:center}.udex-rating-indicator__total{color:var(--udexColorGrey6);line-height:24px}.udex-rating-indicator__list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.udex-rating-indicator__item{position:relative;width:var(--udex_rating_indicator_item_width);height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_items_gap)}.udex-rating-indicator__item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.udex-rating-indicator__item.udex-rating-indicator__item-sel{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{position:absolute;inset-inline-start:50%;color:var(--udex-rating_indicator_rated_color)}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-sel,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__half-icon,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_hover_color)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:1}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_hover_color)}.udex-rating-indicator__half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}.udex-rating-indicator--mobile .udex-rating-indicator__half-icon-wrapper{top:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator--mobile .udex-rating-indicator__item{padding:var(--udex_rating_indicator_mobile_item_padding)}:host([readonly]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel,:host([disabled]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel{padding-left:var(--udex_rating_indicator_mobile_item_padding);padding-right:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_mobile_items_gap)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
: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-
|
|
1
|
+
: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-230-0_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}
|
|
@@ -3,7 +3,7 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
|
|
|
3
3
|
import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
4
4
|
registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
5
5
|
registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
|
|
6
|
-
const styleData = { 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-
|
|
6
|
+
const styleData = { 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-230-0_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:var(--udex_rating_indicator_disabled_opacity);cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .udex-rating-indicator__item-unsel,:host([readonly]) .udex-rating-indicator__item-unsel{width:var(--udex_rating_indicator_readonly_item_width);height:var(--udex_rating_indicator_readonly_item_height);padding-inline:0}:host([disabled]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_disabled-unrated_color)}:host([readonly]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_read-only-unrated_color)}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:.125rem;border-radius:.25rem}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.udex-rating-indicator{outline:none;position:relative;display:inline-flex;gap:12px;align-items:center}.udex-rating-indicator__total{color:var(--udexColorGrey6);line-height:24px}.udex-rating-indicator__list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.udex-rating-indicator__item{position:relative;width:var(--udex_rating_indicator_item_width);height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_items_gap)}.udex-rating-indicator__item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.udex-rating-indicator__item.udex-rating-indicator__item-sel{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{position:absolute;inset-inline-start:50%;color:var(--udex-rating_indicator_rated_color)}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-sel,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__half-icon,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_hover_color)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:1}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_hover_color)}.udex-rating-indicator__half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}.udex-rating-indicator--mobile .udex-rating-indicator__half-icon-wrapper{top:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator--mobile .udex-rating-indicator__item{padding:var(--udex_rating_indicator_mobile_item_padding)}:host([readonly]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel,:host([disabled]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel{padding-left:var(--udex_rating_indicator_mobile_item_padding);padding-right:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_mobile_items_gap)}
|
|
7
7
|
` };
|
|
8
8
|
export default styleData;
|
|
9
9
|
//# sourceMappingURL=RatingIndicator.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RatingIndicator.css.js","sourceRoot":"","sources":["../../../src/generated/themes/RatingIndicator.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,yBAAyB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAElG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,yBAAyB,EAAC,QAAQ,EAAC,+BAA+B,EAAC,OAAO,EAAC;CACpH,EAAC,CAAC;AACH,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@sapudex/web-components\", \"sap_horizon\", async () => defaultTheme);\n\nconst styleData: StyleData = {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-
|
|
1
|
+
{"version":3,"file":"RatingIndicator.css.js","sourceRoot":"","sources":["../../../src/generated/themes/RatingIndicator.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,yBAAyB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAElG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,yBAAyB,EAAC,QAAQ,EAAC,+BAA+B,EAAC,OAAO,EAAC;CACpH,EAAC,CAAC;AACH,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@sapudex/web-components\", \"sap_horizon\", async () => defaultTheme);\n\nconst styleData: StyleData = {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-230-0_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:var(--udex_rating_indicator_disabled_opacity);cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .udex-rating-indicator__item-unsel,:host([readonly]) .udex-rating-indicator__item-unsel{width:var(--udex_rating_indicator_readonly_item_width);height:var(--udex_rating_indicator_readonly_item_height);padding-inline:0}:host([disabled]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_disabled-unrated_color)}:host([readonly]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_read-only-unrated_color)}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:.125rem;border-radius:.25rem}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.udex-rating-indicator{outline:none;position:relative;display:inline-flex;gap:12px;align-items:center}.udex-rating-indicator__total{color:var(--udexColorGrey6);line-height:24px}.udex-rating-indicator__list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.udex-rating-indicator__item{position:relative;width:var(--udex_rating_indicator_item_width);height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_items_gap)}.udex-rating-indicator__item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.udex-rating-indicator__item.udex-rating-indicator__item-sel{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{position:absolute;inset-inline-start:50%;color:var(--udex-rating_indicator_rated_color)}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-sel,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__half-icon,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_hover_color)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:1}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_hover_color)}.udex-rating-indicator__half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}.udex-rating-indicator--mobile .udex-rating-indicator__half-icon-wrapper{top:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator--mobile .udex-rating-indicator__item{padding:var(--udex_rating_indicator_mobile_item_padding)}:host([readonly]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel,:host([disabled]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel{padding-left:var(--udex_rating_indicator_mobile_item_padding);padding-right:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_mobile_items_gap)}\n`};\nexport default styleData;\n\t"]}
|
|
@@ -3,7 +3,7 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
|
|
|
3
3
|
import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
4
4
|
registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
5
5
|
registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
|
|
6
|
-
const styleData = { 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-
|
|
6
|
+
const styleData = { 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-230-0_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}
|
|
7
7
|
` };
|
|
8
8
|
export default styleData;
|
|
9
9
|
//# sourceMappingURL=Slider.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Slider.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,yBAAyB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAElG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,yBAAyB,EAAC,QAAQ,EAAC,sBAAsB,EAAC,OAAO,EAAC;CAC3G,EAAC,CAAC;AACH,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@sapudex/web-components\", \"sap_horizon\", async () => defaultTheme);\n\nconst styleData: StyleData = {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-
|
|
1
|
+
{"version":3,"file":"Slider.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Slider.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,yBAAyB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAElG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,yBAAyB,EAAC,QAAQ,EAAC,sBAAsB,EAAC,OAAO,EAAC;CAC3G,EAAC,CAAC;AACH,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@sapudex/web-components\", \"sap_horizon\", async () => defaultTheme);\n\nconst styleData: StyleData = {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-230-0_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}\n`};\nexport default styleData;\n\t"]}
|
package/dist/web-types.json
CHANGED
package/package.json
CHANGED
|
@@ -7,7 +7,7 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
|
7
7
|
registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
8
8
|
registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
|
|
9
9
|
|
|
10
|
-
const styleData: StyleData = {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-
|
|
10
|
+
const styleData: StyleData = {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-230-0_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:var(--udex_rating_indicator_disabled_opacity);cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .udex-rating-indicator__item-unsel,:host([readonly]) .udex-rating-indicator__item-unsel{width:var(--udex_rating_indicator_readonly_item_width);height:var(--udex_rating_indicator_readonly_item_height);padding-inline:0}:host([disabled]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_disabled-unrated_color)}:host([readonly]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_read-only-unrated_color)}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:.125rem;border-radius:.25rem}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.udex-rating-indicator{outline:none;position:relative;display:inline-flex;gap:12px;align-items:center}.udex-rating-indicator__total{color:var(--udexColorGrey6);line-height:24px}.udex-rating-indicator__list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.udex-rating-indicator__item{position:relative;width:var(--udex_rating_indicator_item_width);height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_items_gap)}.udex-rating-indicator__item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.udex-rating-indicator__item.udex-rating-indicator__item-sel{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{position:absolute;inset-inline-start:50%;color:var(--udex-rating_indicator_rated_color)}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-sel,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__half-icon,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_hover_color)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:1}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_hover_color)}.udex-rating-indicator__half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}.udex-rating-indicator--mobile .udex-rating-indicator__half-icon-wrapper{top:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator--mobile .udex-rating-indicator__item{padding:var(--udex_rating_indicator_mobile_item_padding)}:host([readonly]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel,:host([disabled]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel{padding-left:var(--udex_rating_indicator_mobile_item_padding);padding-right:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_mobile_items_gap)}
|
|
11
11
|
`};
|
|
12
12
|
export default styleData;
|
|
13
13
|
|
|
@@ -7,7 +7,7 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
|
7
7
|
registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
8
8
|
registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
|
|
9
9
|
|
|
10
|
-
const styleData: StyleData = {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-
|
|
10
|
+
const styleData: StyleData = {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-230-0_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}
|
|
11
11
|
`};
|
|
12
12
|
export default styleData;
|
|
13
13
|
|