@sapudex/web-components 0.231.7 → 0.231.8
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-73aec1f2.js → bundle.esm-74145611.js} +3 -3
- package/dist/css/themes/Link.css +1 -1
- package/dist/css/themes/RatingIndicator.css +1 -1
- package/dist/css/themes/Slider.css +1 -1
- package/dist/generated/themes/Link.css.js +1 -1
- package/dist/generated/themes/Link.css.js.map +1 -1
- package/dist/generated/themes/RatingIndicator.css.js +1 -1
- package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
- package/dist/generated/themes/Slider.css.js +1 -1
- package/dist/generated/themes/Slider.css.js.map +1 -1
- package/dist/web-types.json +1 -1
- package/package.json +1 -1
- package/src/generated/themes/Link.css.ts +1 -1
- package/src/generated/themes/RatingIndicator.css.ts +1 -1
- package/src/generated/themes/Slider.css.ts +1 -1
- package/src/themes/Link.css +4 -2
|
@@ -87,7 +87,7 @@ or import '@sapudex/design-tokens/dist/themes/sap_glow/css_variables.css'`)};doc
|
|
|
87
87
|
`};v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@ui5/webcomponents","sap_horizon",async()=>Z);const mA={packageName:"@ui5/webcomponents",fileName:"themes/Popover.css.ts",content:`:host{box-shadow:var(--_ui5-v1-24-23_popover_box_shadow);background-color:var(--_ui5-v1-24-23_popover_background);max-width:calc(100vw - (100vw - 100%) - 2 * var(--_ui5-v1-24-23_popup_viewport_margin))}:host([hide-arrow]){box-shadow:var(--_ui5-v1-24-23_popover_no_arrow_box_shadow)}:host([opened][actual-placement-type="Top"]){margin-top:var(--_ui5-v1-24-23-popover-margin-bottom)}:host([opened][actual-placement-type="Bottom"]){margin-top:var(--_ui5-v1-24-23-popover-margin-top)}:host([actual-placement-type="Bottom"]) .ui5-popover-arrow{left:calc(50% - .5625rem);top:-.5rem;height:.5rem}:host([actual-placement-type="Bottom"]) .ui5-popover-arrow:after{margin:var(--_ui5-v1-24-23_popover_upward_arrow_margin)}:host([actual-placement-type="Left"]) .ui5-popover-arrow{top:calc(50% - .5625rem);right:-.5625rem;width:.5625rem}:host([actual-placement-type="Left"]) .ui5-popover-arrow:after{margin:var(--_ui5-v1-24-23_popover_right_arrow_margin)}:host([actual-placement-type="Top"]) .ui5-popover-arrow{left:calc(50% - .5625rem);height:.5625rem;top:100%}:host([actual-placement-type="Top"]) .ui5-popover-arrow:after{margin:var(--_ui5-v1-24-23_popover_downward_arrow_margin)}:host(:not([actual-placement-type])) .ui5-popover-arrow,:host([actual-placement-type="Right"]) .ui5-popover-arrow{left:-.5625rem;top:calc(50% - .5625rem);width:.5625rem;height:1rem}:host(:not([actual-placement-type])) .ui5-popover-arrow:after,:host([actual-placement-type="Right"]) .ui5-popover-arrow:after{margin:var(--_ui5-v1-24-23_popover_left_arrow_margin)}:host([hide-arrow]) .ui5-popover-arrow{display:none}.ui5-popover-root{min-width:6.25rem}.ui5-popover-arrow{pointer-events:none;display:block;width:1rem;height:1rem;position:absolute;overflow:hidden}.ui5-popover-arrow:after{content:"";display:block;width:.7rem;height:.7rem;background-color:var(--_ui5-v1-24-23_popover_background);box-shadow:var(--_ui5-v1-24-23_popover_box_shadow);transform:rotate(-45deg)}
|
|
88
88
|
`};var At=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},xt;const gp=8;let nt=xt=class extends Qv{static get VIEWPORT_MARGIN(){return 10}constructor(){super()}onAfterRendering(){if(super.onAfterRendering(),!this.isOpen()&&this.open){let e;if(this.opener instanceof HTMLElement?e=this.opener:typeof this.opener=="string"&&(e=this.getRootNode().getElementById(this.opener)||document.getElementById(this.opener)),!e){console.warn("Valid opener id is required.");return}this.showAt(e)}else this.isOpen()&&!this.open&&this.close()}isOpenerClicked(e){const t=e.target;if(t===this._opener)return!0;const o=t;return o.getFocusDomRef&&o.getFocusDomRef()===this._opener?!0:e.composedPath().indexOf(this._opener)>-1}async showAt(e,t=!1){!e||this.opened||(this._opener=e,this._openerRect=e.getBoundingClientRect(),await super._open(t))}_addOpenedPopup(){sA(this)}_removeOpenedPopup(){lA(this)}shouldCloseDueToOverflow(e,t){const a={Right:t.right,Left:t.left,Top:t.top,Bottom:t.bottom},n=F5(this._opener);let s=!1,l=!1;if(n.showAt){const h=n.contentDOM.getBoundingClientRect();s=t.top>h.top+h.height,l=t.top+t.height<h.top}return a[e]<0||a[e]+32>n.innerHeight||s||l}shouldCloseDueToNoOpener(e){return e.top===0&&e.bottom===0&&e.left===0&&e.right===0}isOpenerOutsideViewport(e){return e.bottom<0||e.top>window.innerHeight||e.right<0||e.left>window.innerWidth}_resize(){super._resize(),this.opened&&this.reposition()}reposition(){this._show()}_show(){this.opened||this._showOutsideViewport();const e=this.getPopoverSize();let t;if(e.width===0||e.height===0)return;if(this.isOpen()&&(this._openerRect=this._opener.getBoundingClientRect()),this.shouldCloseDueToNoOpener(this._openerRect)&&this.isFocusWithin()&&this._oldPlacement?t=this._oldPlacement:t=this.calcPlacement(this._openerRect,e),this._preventRepositionAndClose||this.isOpenerOutsideViewport(this._openerRect))return this.close();this._oldPlacement=t,this.actualPlacementType=t.placementType;let o=_o(this._left,xt.VIEWPORT_MARGIN,document.documentElement.clientWidth-e.width-xt.VIEWPORT_MARGIN);this.actualPlacementType===Ke.Right&&(o=Math.max(o,this._left));let a=_o(this._top,xt.VIEWPORT_MARGIN,document.documentElement.clientHeight-e.height-xt.VIEWPORT_MARGIN);this.actualPlacementType===Ke.Bottom&&(a=Math.max(a,this._top)),this.arrowTranslateX=t.arrow.x,this.arrowTranslateY=t.arrow.y,a=this._adjustForIOSKeyboard(a);const n=this._getContainingBlockClientLocation();o-=n.left,a-=n.top,Object.assign(this.style,{top:`${a}px`,left:`${o}px`}),this.horizontalAlign===wt.Stretch&&this._width&&(this.style.width=this._width),this.verticalAlign===_a.Stretch&&this._height&&(this.style.height=this._height)}_adjustForIOSKeyboard(e){if(!fS())return e;const t=Math.ceil(this.getBoundingClientRect().top);return e+(Number.parseInt(this.style.top||"0")-t)}_getContainingBlockClientLocation(){let e=Rm(this);for(;e;){if(DE(e))return e.getBoundingClientRect();e=Rm(e)}return{left:0,top:0}}getPopoverSize(){const e=this.getBoundingClientRect(),t=e.width,o=e.height;return{width:t,height:o}}_showOutsideViewport(){Object.assign(this.style,{display:this._displayProp,top:"-10000px",left:"-10000px"})}get arrowDOM(){return this.shadowRoot.querySelector(".ui5-popover-arrow")}calcPlacement(e,t){let o=xt.VIEWPORT_MARGIN,a=0;const n=this.allowTargetOverlap,s=document.documentElement.clientWidth,l=document.documentElement.clientHeight;let h=l,p=s;const _=this.getActualPlacementType(e,t);this._preventRepositionAndClose=this.shouldCloseDueToNoOpener(e)||this.shouldCloseDueToOverflow(_,e);const g=_===Ke.Top||_===Ke.Bottom;this.horizontalAlign===wt.Stretch&&g?(t.width=e.width,this._width=`${e.width}px`):this.verticalAlign===_a.Stretch&&!g&&(t.height=e.height,this._height=`${e.height}px`);const m=this.hideArrow?0:gp;switch(_){case Ke.Top:o=this.getVerticalLeft(e,t),a=Math.max(e.top-t.height-m,0),n||(h=e.top-m);break;case Ke.Bottom:o=this.getVerticalLeft(e,t),a=e.bottom+m,n?a=Math.max(Math.min(a,l-t.height),0):h=l-e.bottom-m;break;case Ke.Left:o=Math.max(e.left-t.width-m,0),a=this.getHorizontalTop(e,t),n||(p=e.left-m);break;case Ke.Right:o=e.left+e.width+m,a=this.getHorizontalTop(e,t),n?o=Math.max(Math.min(o,s-t.width),0):p=s-e.right-m;break}g?t.width>s||o<xt.VIEWPORT_MARGIN?o=xt.VIEWPORT_MARGIN:o+t.width>s-xt.VIEWPORT_MARGIN&&(o=s-xt.VIEWPORT_MARGIN-t.width):t.height>l||a<xt.VIEWPORT_MARGIN?a=xt.VIEWPORT_MARGIN:a+t.height>l-xt.VIEWPORT_MARGIN&&(a=l-xt.VIEWPORT_MARGIN-t.height),this._maxHeight=Math.round(h-xt.VIEWPORT_MARGIN),this._maxWidth=Math.round(p-xt.VIEWPORT_MARGIN),(this._left===void 0||Math.abs(this._left-o)>1.5)&&(this._left=Math.round(o)),(this._top===void 0||Math.abs(this._top-a)>1.5)&&(this._top=Math.round(a));const b=Number.parseInt(window.getComputedStyle(this).getPropertyValue("border-radius"));return{arrow:this.getArrowPosition(e,t,o,a,g,b),top:this._top,left:this._left,placementType:_}}getArrowPosition(e,t,o,a,n,s){const l=this._actualHorizontalAlign;let h=l===wt.Center||l===wt.Stretch;l===wt.Right&&o<=e.left&&(h=!0),l===wt.Left&&o+t.width>=e.left+e.width&&(h=!0);let p=0;n&&h&&(p=e.left+e.width/2-o-t.width/2);let _=0;n||(_=e.top+e.height/2-a-t.height/2);const g=t.height/2-s-gp/2-2;_=_o(_,-g,g);const m=t.width/2-s-gp/2-2;return p=_o(p,-m,m),{x:Math.round(p),y:Math.round(_)}}fallbackPlacement(e,t,o,a){if(o.left>a.width)return Ke.Left;if(e-o.right>o.left)return Ke.Right;if(t-o.bottom>a.height)return Ke.Bottom;if(t-o.bottom<o.top)return Ke.Top}getActualPlacementType(e,t){const o=this.placementType;let a=o;const n=document.documentElement.clientWidth,s=document.documentElement.clientHeight;switch(o){case Ke.Top:e.top<t.height&&e.top<s-e.bottom&&(a=Ke.Bottom);break;case Ke.Bottom:s-e.bottom<t.height&&s-e.bottom<e.top&&(a=Ke.Top);break;case Ke.Left:e.left<t.width&&(a=this.fallbackPlacement(n,s,e,t)||o);break;case Ke.Right:n-e.right<t.width&&(a=this.fallbackPlacement(n,s,e,t)||o);break}return a}getVerticalLeft(e,t){const o=this._actualHorizontalAlign;let a=xt.VIEWPORT_MARGIN;switch(o){case wt.Center:case wt.Stretch:a=e.left-(t.width-e.width)/2;break;case wt.Left:a=e.left;break;case wt.Right:a=e.right-t.width;break}return a}getHorizontalTop(e,t){let o=0;switch(this.verticalAlign){case _a.Center:case _a.Stretch:o=e.top-(t.height-e.height)/2;break;case _a.Top:o=e.top;break;case _a.Bottom:o=e.bottom-t.height;break}return o}get isModal(){return this.modal}get shouldHideBackdrop(){return this.hideBackdrop}get _ariaLabelledBy(){if(!this._ariaLabel&&this._displayHeader)return"ui5-popup-header"}get styles(){return{...super.styles,root:{"max-height":this._maxHeight?`${this._maxHeight}px`:"","max-width":this._maxWidth?`${this._maxWidth}px`:""},arrow:{transform:`translate(${this.arrowTranslateX}px, ${this.arrowTranslateY}px)`}}}get classes(){const e=super.classes;return e.root["ui5-popover-root"]=!0,e}get _displayHeader(){return!!(this.header.length||this.headerText)}get _displayFooter(){return!0}get _actualHorizontalAlign(){if(this.effectiveDir==="rtl"){if(this.horizontalAlign===wt.Left)return wt.Right;if(this.horizontalAlign===wt.Right)return wt.Left}return this.horizontalAlign}};At([c()],nt.prototype,"headerText",void 0);At([c({type:Ke,defaultValue:Ke.Right})],nt.prototype,"placementType",void 0);At([c({type:wt,defaultValue:wt.Center})],nt.prototype,"horizontalAlign",void 0);At([c({type:_a,defaultValue:_a.Center})],nt.prototype,"verticalAlign",void 0);At([c({type:Boolean})],nt.prototype,"modal",void 0);At([c({type:Boolean})],nt.prototype,"hideBackdrop",void 0);At([c({type:Boolean})],nt.prototype,"hideArrow",void 0);At([c({type:Boolean})],nt.prototype,"allowTargetOverlap",void 0);At([c({validator:M5})],nt.prototype,"opener",void 0);At([c({type:Boolean})],nt.prototype,"disableScrolling",void 0);At([c({validator:q,defaultValue:0,noAttribute:!0})],nt.prototype,"arrowTranslateX",void 0);At([c({validator:q,defaultValue:0,noAttribute:!0})],nt.prototype,"arrowTranslateY",void 0);At([c({type:Ke,defaultValue:Ke.Right})],nt.prototype,"actualPlacementType",void 0);At([c({validator:q,noAttribute:!0})],nt.prototype,"_maxHeight",void 0);At([c({validator:q,noAttribute:!0})],nt.prototype,"_maxWidth",void 0);At([$({type:HTMLElement})],nt.prototype,"header",void 0);At([$({type:HTMLElement})],nt.prototype,"footer",void 0);nt=xt=At([y({tag:"ui5-popover",styles:[Ba(),Jv,mA],template:uA})],nt);const fA=i=>"showAt"in i;nt.define();const Yi=nt;function bA(i,e,t){return t?d`<div class="udex-dropdown">${this.hasTriggerSlot?Lm.call(this,i,e,t):void 0}<${u("ui5-popover",e,t)} id="${r(this._id)}_udex-dropdown" class="udex-dropdown__pane" ?allow-target-overlap="${this.disableAllowTargetOverlap}" hide-arrow .open="${r(this.open)}" opener="${r(this._id)}-trigger" placement-type="${r(this.placementType)}" horizontal-align="${r(this.horizontalAlign)}" accessible-name="${r(this.accessibleName)}" accessible-role="${r(this.accessibleRole)}" @ui5-after-open="${r(this.afterDropdownOpen)}" @ui5-before-open="${r(this.beforeDropdownOpen)}" @ui5-after-close="${r(this.afterDropdownClose)}" @ui5-before-close="${r(this.beforeDropdownClose)}">${this.hasHeaderSlot?jm.call(this,i,e,t):void 0}<slot></slot>${this.hasFooterSlot?Mm.call(this,i,e,t):void 0}</${u("ui5-popover",e,t)}></div>`:d`<div class="udex-dropdown">${this.hasTriggerSlot?Lm.call(this,i,e,t):void 0}<ui5-popover id="${r(this._id)}_udex-dropdown" class="udex-dropdown__pane" ?allow-target-overlap="${this.disableAllowTargetOverlap}" hide-arrow .open="${r(this.open)}" opener="${r(this._id)}-trigger" placement-type="${r(this.placementType)}" horizontal-align="${r(this.horizontalAlign)}" accessible-name="${r(this.accessibleName)}" accessible-role="${r(this.accessibleRole)}" @ui5-after-open="${r(this.afterDropdownOpen)}" @ui5-before-open="${r(this.beforeDropdownOpen)}" @ui5-after-close="${r(this.afterDropdownClose)}" @ui5-before-close="${r(this.beforeDropdownClose)}">${this.hasHeaderSlot?jm.call(this,i,e,t):void 0}<slot></slot>${this.hasFooterSlot?Mm.call(this,i,e,t):void 0}</ui5-popover></div>`}function Lm(i,e,t){return d`<div class="udex-dropdown__opener" role="${r(this.triggerAccessibleRole)}" aria-label="${r(this.triggerAccessibleName)}" aria-expanded="${r(this.open)}" aria-haspopup="true" aria-controls="${r(this._id)}_udex-dropdown" id="${r(this._id)}-trigger" @click="${this.onTriggerClick}"><slot slot="trigger" name="trigger"></slot></div>`}function jm(i,e,t){return d`<slot slot="header" name="header"></slot>`}function Mm(i,e,t){return d`<slot slot="footer" name="footer"></slot>`}var Ps;(function(i){i.Left="Left",i.Right="Right",i.Top="Top",i.Bottom="Bottom"})(Ps||(Ps={}));var Ns;(function(i){i.Center="Center",i.Left="Left",i.Right="Right",i.Stretch="Stretch"})(Ns||(Ns={}));v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const xA={packageName:"@sapudex/web-components",fileName:"themes/Dropdown.css.ts",content:`:host{--udex-dropdown-box-shadow: var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));--udex-dropdown-border-color-default: var(--sapField_BorderColor, var(--udexCoreBorderDefault));--udex-dropdown-border-radius: var(--udexRadiusM, 8px);--udex-dropdown-border-width: var(--sapElement_BorderWidth, 1px);--udex-dropdown-default-background-color: var(--udexColorNeutralWhite, #fff);--udex-dropdown-horizontal-distance: 0;--udex-dropdown-vertical-distance: 0;--udex-dropdown-pane-min-width: 320px;--udex-dropdown-left-offset: 0px;--udex-dropdown-pane-min-width-xs: calc(100% - var(--udex-dropdown-left-offset));--udex-dropdown-pane-max-width: 640px;--udex-dropdown-pane-max-width-xs: 100%;--udex-dropdown-pane-width: fit-content;--udex-dropdown-pane-max-height: none;--udex-dropdown-pane-overflow: visible;--udex-dropdown-pane-content-overflow: auto}.udex-dropdown__pane{border:var(--udex-dropdown-border-width) solid var(--udex-dropdown-border-color-default);box-shadow:var(--udex-dropdown-box-shadow);border-radius:var(--udex-dropdown-border-radius);background:var(--udex-dropdown-default-background-color);min-width:var(--udex-dropdown-pane-min-width);max-width:var(--udex-dropdown-pane-max-width);width:var(--udex-dropdown-pane-width);max-height:var(--udex-dropdown-pane-max-height);margin:var(--udex-dropdown-vertical-distance) var(--udex-dropdown-horizontal-distance);overflow:var(--udex-dropdown-pane-overflow)}.udex-dropdown__pane::part(content){padding:0;overflow:var(--udex-dropdown-pane-content-overflow)}.udex-dropdown__pane::part(header),.udex-dropdown__pane::part(footer){padding:var(--udexSpacer16, 16px) var(--udexSpacer12, 12px)}.udex-dropdown__pane::part(footer){justify-content:flex-start;border-color:var(--udex-dropdown-border-color-default);box-shadow:var(--udex-dropdown-box-shadow)}::slotted([slot="header"]){width:100%}::slotted(.udex-no-result){font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 1.5);color:var(--sapContent_TitleColor, #000000);padding:0 var(--udexSpacer12, 12px) var(--udexSpacer16, 16px)}@media (width < 640px){.udex-dropdown__pane{min-width:var(--udex-dropdown-pane-min-width-xs);max-width:var(--udex-dropdown-pane-max-width-xs)}}
|
|
89
89
|
`};var Li=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},Dc;let Mt=Dc=class extends E{constructor(){super(...arguments),this._breakpointSizeXS=640}static async onDefine(){Dc.i18nBundle=await M("@sapudex/web-components")}onAfterRendering(){this.handleDirection()}handleDirection(){var t;const e=(t=this.shadowRoot)==null?void 0:t.querySelector(".udex-dropdown");if(e){const o=window.getComputedStyle(e).getPropertyValue("direction");o?this._direction=o:this._direction="ltr"}}getDropdownPane(){return this.shadowRoot.querySelector("[ui5-popover]")}getTrigger(){return this.querySelector("[slot=trigger]")}onTriggerClick(){const e=this.getDropdownPane(),t=this.getTrigger();t.hasAttribute("disabled")||(e.showAt(t),this.fireEvent("click-trigger"))}onOpen(e){this.getDropdownPane().showAt(e),this.open=!0}onClose(){this.open=!1}afterDropdownClose(){this.open=!1,this.fireEvent("after-close")}afterDropdownOpen(){this.open=!0;const e=this.getDropdownPane(),t=+e.style.left.split("px")[0];e.offsetWidth+t<this._breakpointSizeXS&&this.style.setProperty("--udex-dropdown-left-offset",`${e.style.left}`),this.fireEvent("after-open")}beforeDropdownOpen(){var o;const e=this.getDropdownPane();if(!!((o=this==null?void 0:this.height)!=null&&o.length)){const a=e.shadowRoot.querySelector("[part=content]");a.style.maxHeight=this.height}this.fireEvent("before-open")}beforeDropdownClose(){this.fireEvent("before-close")}get hasTriggerSlot(){return!!this.trigger.length}get hasHeaderSlot(){return!!this.header.length}get hasFooterSlot(){return!!this.footer.length}get disableAllowTargetOverlap(){var e;return((e=this.disableTargetOverlap)==null?void 0:e.toString())!=="true"}get triggerAccessibleName(){return Dc.i18nBundle.getText(E3)}};Li([c({type:String})],Mt.prototype,"height",void 0);Li([c({type:Ps,defaultValue:Ps.Bottom})],Mt.prototype,"placementType",void 0);Li([c({type:Ns,defaultValue:Ns.Left})],Mt.prototype,"horizontalAlign",void 0);Li([c()],Mt.prototype,"accessibleName",void 0);Li([c({type:bo,defaultValue:bo.None})],Mt.prototype,"accessibleRole",void 0);Li([c({type:String,defaultValue:"combobox"})],Mt.prototype,"triggerAccessibleRole",void 0);Li([$({type:HTMLElement,default:!0})],Mt.prototype,"content",void 0);Li([$({type:HTMLElement})],Mt.prototype,"header",void 0);Li([$({type:HTMLElement})],Mt.prototype,"footer",void 0);Li([$({type:HTMLElement})],Mt.prototype,"trigger",void 0);Li([c({type:Boolean})],Mt.prototype,"open",void 0);Li([c({type:Boolean})],Mt.prototype,"disableTargetOverlap",void 0);Li([c({type:String})],Mt.prototype,"_direction",void 0);Mt=Dc=Li([y({tag:"udex-dropdown",renderer:k,styles:[xA,Ba()],template:bA,dependencies:[Yi]}),f("click-trigger"),f("before-open"),f("after-open"),f("before-close"),f("after-close")],Mt);Mt.define();const ec=Mt;function yA(i,e,t){return d`<a class="ui5-link-root" role="${r(this.effectiveAccRole)}" href="${r(this.parsedRef)}" target="${r(this.target)}" rel="${r(this._rel)}" tabindex="${r(this.effectiveTabIndex)}" title="${r(this.title)}" ?disabled="${this.disabled}" aria-label="${r(this.ariaLabelText)}" aria-haspopup="${r(this._hasPopup)}" aria-expanded="${r(this.accessibilityAttributes.expanded)}" @focusin=${this._onfocusin} @focusout=${this._onfocusout} @click=${this._onclick} @keydown=${this._onkeydown} @keyup=${this._onkeyup}><slot></slot>${this.hasLinkType?wA.call(this,i,e,t):void 0}</a>`}function wA(i,e,t){return d`<span class="ui5-hidden-text">${r(this.linkTypeText)}</span>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@ui5/webcomponents","sap_horizon",async()=>Z);const G5={packageName:"@ui5/webcomponents",fileName:"themes/Link.css.ts",content:`.ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:inline-flex}:host{max-width:100%;color:var(--sapLinkColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);cursor:pointer;outline:none;text-decoration:var(--_ui5-v1-24-23_link_text_decoration);text-shadow:var(--sapContent_TextShadow);white-space:nowrap;overflow-wrap:normal}:host(:hover){color:var(--sapLink_Hover_Color);text-decoration:var(--_ui5-v1-24-23_link_hover_text_decoration)}:host(:active){color:var(--sapLink_Active_Color);text-decoration:var(--_ui5-v1-24-23_link_active_text_decoration)}:host([disabled]){pointer-events:none}:host([disabled]) .ui5-link-root{text-shadow:none;outline:none;cursor:default;pointer-events:none;opacity:var(--sapContent_DisabledOpacity)}:host([design="Emphasized"]) .ui5-link-root{font-family:var(--sapFontBoldFamily)}:host([design="Subtle"]){color:var(--sapLink_SubtleColor);text-decoration:var(--_ui5-v1-24-23_link_subtle_text_decoration)}:host([design="Subtle"]:hover:not(:active)){color:var(--sapLink_SubtleColor);text-decoration:var(--_ui5-v1-24-23_link_subtle_text_decoration_hover)}:host([wrapping-type="Normal"]){white-space:normal;overflow-wrap:break-word}.ui5-link-root{max-width:100%;display:inline-block;position:relative;overflow:hidden;text-overflow:ellipsis;outline:none;white-space:inherit;overflow-wrap:inherit;text-decoration:inherit;color:inherit}:host .ui5-link-root{outline-offset:-.0625rem;border-radius:var(--_ui5-v1-24-23_link_focus_border-radius)}:host([focused]) .ui5-link-root,:host([design="Subtle"][focused]) .ui5-link-root{background-color:var(--_ui5-v1-24-23_link_focus_background_color);outline:var(--_ui5-v1-24-23_link_outline);border-radius:var(--_ui5-v1-24-23_link_focus_border-radius);text-shadow:none}:host([focused]),:host([design="Subtle"][focused]){color:var(--_ui5-v1-24-23_link_focus_color);text-decoration:var(--_ui5-v1-24-23_link_focus_text_decoration)}:host([focused]:hover:not(:active)){color:var(--_ui5-v1-24-23_link_focused_hover_text_color);text-decoration:var(--_ui5-v1-24-23_link_focused_hover_text_decoration)}
|
|
90
|
-
`};var ji=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},El;let Ot=El=class extends E{constructor(){super(),this._dummyAnchor=document.createElement("a")}onBeforeRendering(){const e=this.target!=="_self"&&this.href&&this._isCrossOrigin();this._rel=e?"noreferrer noopener":void 0}_isCrossOrigin(){const e=window.location;return this._dummyAnchor.href=this.href,!(this._dummyAnchor.hostname===e.hostname&&this._dummyAnchor.port===e.port&&this._dummyAnchor.protocol===e.protocol)}get effectiveTabIndex(){var e;return this.forcedTabIndex?this.forcedTabIndex:this.disabled||!((e=this.textContent)!=null&&e.length)?"-1":"0"}get ariaLabelText(){return Ia(this)}get hasLinkType(){return this.design!==hd.Default}static typeTextMappings(){return{Subtle:D4,Emphasized:P4}}get linkTypeText(){return El.i18nBundle.getText(El.typeTextMappings()[this.design])}get parsedRef(){return this.href&&this.href.length>0?this.href:void 0}get effectiveAccRole(){return this.accessibleRole.toLowerCase()}get _hasPopup(){var e;return(e=this.accessibilityAttributes.hasPopup)==null?void 0:e.toLowerCase()}static async onDefine(){El.i18nBundle=await M("@ui5/webcomponents")}_onclick(e){const{altKey:t,ctrlKey:o,metaKey:a,shiftKey:n}=e;e.stopImmediatePropagation(),pa(e,"link"),this.fireEvent("click",{altKey:t,ctrlKey:o,metaKey:a,shiftKey:n},!0)||e.preventDefault()}_onfocusin(e){pa(e,"link"),this.focused=!0}_onfocusout(){this.focused=!1}_onkeydown(e){K(e)&&!this.href?this._onclick(e):F(e)&&e.preventDefault(),pa(e,"link")}_onkeyup(e){if(!F(e)){pa(e,"link");return}if(this._onclick(e),this.href&&!e.defaultPrevented){const t=new MouseEvent("click");t.stopImmediatePropagation(),this.getDomRef().dispatchEvent(t)}}};ji([c({type:Boolean})],Ot.prototype,"disabled",void 0);ji([c()],Ot.prototype,"title",void 0);ji([c()],Ot.prototype,"href",void 0);ji([c()],Ot.prototype,"target",void 0);ji([c({type:hd,defaultValue:hd.Default})],Ot.prototype,"design",void 0);ji([c({type:Ii,defaultValue:Ii.None})],Ot.prototype,"wrappingType",void 0);ji([c()],Ot.prototype,"accessibleName",void 0);ji([c()],Ot.prototype,"accessibleNameRef",void 0);ji([c({defaultValue:"link"})],Ot.prototype,"accessibleRole",void 0);ji([c({type:Object})],Ot.prototype,"accessibilityAttributes",void 0);ji([c({noAttribute:!0})],Ot.prototype,"_rel",void 0);ji([c({noAttribute:!0})],Ot.prototype,"forcedTabIndex",void 0);ji([c({type:Boolean})],Ot.prototype,"focused",void 0);Ot=El=ji([y({tag:"ui5-link",languageAware:!0,renderer:k,template:yA,styles:G5}),f("click",{detail:{altKey:{type:Boolean},ctrlKey:{type:Boolean},metaKey:{type:Boolean},shiftKey:{type:Boolean}}})],Ot);Ot.define();const kA=Ot;function SA(i,e,t){return d`<a class="ui5-link-root ${r(this.linkClass)}" role="${r(this.effectiveAccRole)}" href="${r(this.parsedRef)}" target="${r(this.target)}" rel="${r(this._rel)}" tabindex="${r(this.effectiveTabIndex)}" title="${r(this.title)}" ?disabled="${this.disabled}" aria-label="${r(this.ariaLabelText)}" aria-haspopup="${r(this._hasPopup)}" aria-expanded="${r(this.accessibilityAttributes.expanded)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" @click="${this._onclick}" @keydown="${this._onkeydown}" @keyup="${this._onkeyup}">${this.hasStartIcon?$A.call(this,i,e,t):void 0}<span class="udex-link__content"><slot></slot></span>${this.hasEndIcon?TA.call(this,i,e,t):void 0}${this.hasLinkType?CA.call(this,i,e,t):void 0}</a>`}function $A(i,e,t){return t?d`<${u("ui5-icon",e,t)} class="udex-link__icon udex-link__icon--icon-start" name="${r(this.icon)}"></${u("ui5-icon",e,t)}>`:d`<ui5-icon class="udex-link__icon udex-link__icon--icon-start" name="${r(this.icon)}"></ui5-icon>`}function TA(i,e,t){return t?d`<${u("ui5-icon",e,t)} class="udex-link__icon udex-link__icon--icon-end" name="${r(this.icon)}"></${u("ui5-icon",e,t)}>`:d`<ui5-icon class="udex-link__icon udex-link__icon--icon-end" name="${r(this.icon)}"></ui5-icon>`}function CA(i,e,t){return d`<span class="ui5-hidden-text">${r(this.linkTypeText)}</span>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const IA={packageName:"@sapudex/web-components",fileName:"themes/Link.css.ts",content:`:host{--udex-link-text-decoration: underline;--udex-link-hover-text-decoration: underline;--udex-link-focused-hover-text-decoration: underline;--udex-link-focus-text-decoration: underline;--udex-link-emphasized-text-decoration: none;--udex-link-icon-height:
|
|
90
|
+
`};var ji=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},El;let Ot=El=class extends E{constructor(){super(),this._dummyAnchor=document.createElement("a")}onBeforeRendering(){const e=this.target!=="_self"&&this.href&&this._isCrossOrigin();this._rel=e?"noreferrer noopener":void 0}_isCrossOrigin(){const e=window.location;return this._dummyAnchor.href=this.href,!(this._dummyAnchor.hostname===e.hostname&&this._dummyAnchor.port===e.port&&this._dummyAnchor.protocol===e.protocol)}get effectiveTabIndex(){var e;return this.forcedTabIndex?this.forcedTabIndex:this.disabled||!((e=this.textContent)!=null&&e.length)?"-1":"0"}get ariaLabelText(){return Ia(this)}get hasLinkType(){return this.design!==hd.Default}static typeTextMappings(){return{Subtle:D4,Emphasized:P4}}get linkTypeText(){return El.i18nBundle.getText(El.typeTextMappings()[this.design])}get parsedRef(){return this.href&&this.href.length>0?this.href:void 0}get effectiveAccRole(){return this.accessibleRole.toLowerCase()}get _hasPopup(){var e;return(e=this.accessibilityAttributes.hasPopup)==null?void 0:e.toLowerCase()}static async onDefine(){El.i18nBundle=await M("@ui5/webcomponents")}_onclick(e){const{altKey:t,ctrlKey:o,metaKey:a,shiftKey:n}=e;e.stopImmediatePropagation(),pa(e,"link"),this.fireEvent("click",{altKey:t,ctrlKey:o,metaKey:a,shiftKey:n},!0)||e.preventDefault()}_onfocusin(e){pa(e,"link"),this.focused=!0}_onfocusout(){this.focused=!1}_onkeydown(e){K(e)&&!this.href?this._onclick(e):F(e)&&e.preventDefault(),pa(e,"link")}_onkeyup(e){if(!F(e)){pa(e,"link");return}if(this._onclick(e),this.href&&!e.defaultPrevented){const t=new MouseEvent("click");t.stopImmediatePropagation(),this.getDomRef().dispatchEvent(t)}}};ji([c({type:Boolean})],Ot.prototype,"disabled",void 0);ji([c()],Ot.prototype,"title",void 0);ji([c()],Ot.prototype,"href",void 0);ji([c()],Ot.prototype,"target",void 0);ji([c({type:hd,defaultValue:hd.Default})],Ot.prototype,"design",void 0);ji([c({type:Ii,defaultValue:Ii.None})],Ot.prototype,"wrappingType",void 0);ji([c()],Ot.prototype,"accessibleName",void 0);ji([c()],Ot.prototype,"accessibleNameRef",void 0);ji([c({defaultValue:"link"})],Ot.prototype,"accessibleRole",void 0);ji([c({type:Object})],Ot.prototype,"accessibilityAttributes",void 0);ji([c({noAttribute:!0})],Ot.prototype,"_rel",void 0);ji([c({noAttribute:!0})],Ot.prototype,"forcedTabIndex",void 0);ji([c({type:Boolean})],Ot.prototype,"focused",void 0);Ot=El=ji([y({tag:"ui5-link",languageAware:!0,renderer:k,template:yA,styles:G5}),f("click",{detail:{altKey:{type:Boolean},ctrlKey:{type:Boolean},metaKey:{type:Boolean},shiftKey:{type:Boolean}}})],Ot);Ot.define();const kA=Ot;function SA(i,e,t){return d`<a class="ui5-link-root ${r(this.linkClass)}" role="${r(this.effectiveAccRole)}" href="${r(this.parsedRef)}" target="${r(this.target)}" rel="${r(this._rel)}" tabindex="${r(this.effectiveTabIndex)}" title="${r(this.title)}" ?disabled="${this.disabled}" aria-label="${r(this.ariaLabelText)}" aria-haspopup="${r(this._hasPopup)}" aria-expanded="${r(this.accessibilityAttributes.expanded)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" @click="${this._onclick}" @keydown="${this._onkeydown}" @keyup="${this._onkeyup}">${this.hasStartIcon?$A.call(this,i,e,t):void 0}<span class="udex-link__content"><slot></slot></span>${this.hasEndIcon?TA.call(this,i,e,t):void 0}${this.hasLinkType?CA.call(this,i,e,t):void 0}</a>`}function $A(i,e,t){return t?d`<${u("ui5-icon",e,t)} class="udex-link__icon udex-link__icon--icon-start" name="${r(this.icon)}"></${u("ui5-icon",e,t)}>`:d`<ui5-icon class="udex-link__icon udex-link__icon--icon-start" name="${r(this.icon)}"></ui5-icon>`}function TA(i,e,t){return t?d`<${u("ui5-icon",e,t)} class="udex-link__icon udex-link__icon--icon-end" name="${r(this.icon)}"></${u("ui5-icon",e,t)}>`:d`<ui5-icon class="udex-link__icon udex-link__icon--icon-end" name="${r(this.icon)}"></ui5-icon>`}function CA(i,e,t){return d`<span class="ui5-hidden-text">${r(this.linkTypeText)}</span>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const IA={packageName:"@sapudex/web-components",fileName:"themes/Link.css.ts",content:`:host{--udex-link-text-decoration: underline;--udex-link-hover-text-decoration: underline;--udex-link-focused-hover-text-decoration: underline;--udex-link-focus-text-decoration: underline;--udex-link-emphasized-text-decoration: none;--udex-link-icon-height: 16px;--udex-link-line-height: var(--udexTypographyBodyLineHeight, 1.5);--udex-link-color: var(--udexColorBlue8);--udex-link-hover-color: var(--udexColorBlue10);--udex-link-active-color: var(--udexColorBlue11);--udex-link-icon-width: 16px;--udex-link-white-space: break-spaces;--udex-link-subtle-color: var(--udexColorGrey8, #354A5F);--udex-link-subtle-hover-color: var(--udexColorGrey11, #12171C);--udex-link-subtle-active-color: var(--udexColorBlue9, #0040B0);--udex-link-subtle-visited-color: var(--udexColorGrey8, #354A5F);white-space:normal}:host([focused]),:host([focused]:hover),:host([focused]:hover:not(:active)),:host(:hover){text-decoration:none;color:var(--udex-link-hover-color)}:host(:active){color:var(--udex-link-active-color)}:host,:host(:visited){color:var(--udex-link-color)}:host([focused]) slot{text-decoration:var(--udex-link-focus-text-decoration)}:host([focused]:hover) slot,:host([focused]:hover:not(:active)) slot{text-decoration:var(--udex-link-focused-hover-text-decoration)}:host([icon]) .udex-link__content{white-space:var(--udex-link-white-space)}:host([design="Emphasized"]){font-weight:var(--udexTypographyFontWeightBold)}:host([design="Subtle"]){color:var(--udex-link-subtle-color)}:host([design="Subtle"][focused]),:host([design="Subtle"]:hover:not(:active)){color:var(--udex-link-subtle-hover-color)}:host([design="Subtle"]:active){color:var(--udex-link-subtle-active-color)}:host([design="Subtle"]:visited){color:var(--udex-link-subtle-visited-color)}:host([design="Subtle"]) .ui5-link-root:hover{text-decoration:var(--udex-link-hover-text-decoration)}.ui5-link-root{display:inline-flex;align-items:center;overflow:visible;line-height:var(--udex-link-line-height)}[ui5-link][disabled] .linkIcon{opacity:inherit}.udex-link slot{text-decoration:var(--udex-link-text-decoration);display:inline}:host([design="Emphasized"]:active),:host([design="Emphasized"][focused]) .udex-link:hover slot,:host([design="Emphasized"][focused]) .udex-link slot,:host([design="Emphasized"]) .udex-link slot,.udex-link--with-icon slot{text-decoration:var(--udex-link-emphasized-text-decoration)}.udex-link:hover slot,.udex-link--with-icon:hover slot,.udex-link--with-icon:active slot{text-decoration:var(--udex-link-hover-text-decoration)}.udex-link--with-icon .udex-link__content{display:inline;vertical-align:middle;margin-inline-end:20px}.udex-link--with-icon .udex-link__icon--icon-start~.udex-link__content{margin-inline-end:0}.udex-link__icon{display:inline-block;vertical-align:middle;width:var(--udex-link-icon-width);height:var(--udex-link-icon-height)}:host .ui5-link-root{outline-offset:0}:host([focused]) .ui5-link-root,:host([design="Subtle"][focused]) .ui5-link-root{outline:var(--sapContent_FocusColor, #002A86) var(--sapContent_FocusStyle, "solid") var(--sapContent_FocusWidth, .125rem)}[ui5-link],.udex-link__icon,[ui5-link]:active .udex-link__icon,[ui5-link][focused] .udex-link__icon{color:inherit}.udex-link__icon--icon-start{padding-inline-end:var(--udexSpacer4, 4px)}.udex-link__icon--icon-end{padding-inline-start:var(--udexSpacer4, 4px);margin-inline-start:-20px}
|
|
91
91
|
`};var eg=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n};let Rs=class extends kA{_setCustomAttributes(e){if(e){const t=this.shadowRoot.querySelector("a");e.forEach(o=>t.setAttribute(o.attribute,o.value))}}get hasStartIcon(){return!!this.icon&&this.iconPlacement===fo.Start}get hasEndIcon(){return!!this.icon&&this.iconPlacement===fo.End}get linkClass(){return this.icon?"udex-link udex-link--with-icon":"udex-link"}};eg([c({type:String})],Rs.prototype,"icon",void 0);eg([c({type:fo,defaultValue:fo.End})],Rs.prototype,"iconPlacement",void 0);Rs=eg([y({tag:"udex-link",renderer:k,styles:[G5,IA],template:SA,dependencies:[U]})],Rs);Rs.define();const tg=Rs,BA="slim-arrow-down",Y5="M420.5 187q11-12 23 0 5 5 5 11t-5 11l-165 165q-10 9-23 9t-22-9l-166-165q-5-5-5-11.5t5-11.5 11.5-5 11.5 5l160 160q5 6 11 0z",EA=!1,AA="SAP-icons-v4",DA="@ui5/webcomponents-icons";D(BA,{pathData:Y5,ltr:EA,collection:AA,packageName:DA});const PA="slim-arrow-down",K5="M96 186q0-11 7.5-18.5T122 160q10 0 18 8l116 121 116-121q8-8 18-8 11 0 18.5 7.5T416 186q0 10-7 17L275 344q-8 8-19 8-12 0-18-8L103 203q-7-7-7-17z",NA=!1,RA="SAP-icons-v5",LA="@ui5/webcomponents-icons";D(PA,{pathData:K5,ltr:NA,collection:RA,packageName:LA});oe();const jA="home",Z5="M507.005 240.744Q512 245.738 512 252.23t-4.995 11.488-11.487 4.495-11.488-5.494L256.272 71.923 27.516 262.72q-4.995 4.995-10.988 5.494T5.54 263.72.045 252.231t4.496-11.487l119.872-101.892q21.976-18.98 43.454-36.96t38.459-32.466 27.47-23.475l10.49-8.99q4.994-4.995 11.986-4.995 5.994 0 10.989 4.995l10.489 8.99 27.47 23.475 38.46 32.465 44.452 36.961q52.944 44.952 118.873 101.892zM64.477 274.707q51.944-39.957 93.9-72.922 17.98-13.985 34.962-26.971t30.967-23.475 22.477-16.982 9.49-6.493 9.49 6.493 21.976 16.982 30.467 23.475 34.963 26.971q40.957 32.965 94.9 72.922v172.816q0 13.985-9.49 22.976t-22.477 8.99H288.238v-62.933q0-23.974-.5-43.953t.5-20.978h-63.932q-.998 1-.499 20.479t.5 43.453v63.932H96.442q-13.985 0-22.976-8.99t-8.99-22.976V274.707zm351.625 12.986l-159.83-119.872-159.83 119.872v159.83h95.899v-95.898q0-8.99 3.995-15.983 2.997-5.993 9.49-10.988t18.48-4.995h63.932q11.988 0 18.48 4.995t9.49 10.988 3.497 10.989l.5 4.994v95.898h95.897v-159.83z",MA=!1,OA="SAP-icons-v4",zA="@ui5/webcomponents-icons";D(jA,{pathData:Z5,ltr:MA,collection:OA,packageName:zA});const FA="home",Q5="M451 148q29 26 29 66v208q0 38-26 64t-64 26H122q-38 0-64-26t-26-64V214q0-39 29-66L195 24q26-24 61-24 36 0 61 24zm-22 66q0-16-12-28L282 61q-12-10-26-10t-26 10L96 186q-13 11-13 28v208q0 17 11 28t28 11h38V313q0-24 17-41t41-17h77q23 0 40 17t17 41v148h38q17 0 28-11t11-28V214zm-128 99q0-7-6-7h-77q-7 0-7 7v148h90V313z",XA=!1,HA="SAP-icons-v5",qA="@ui5/webcomponents-icons";D(FA,{pathData:Q5,ltr:XA,collection:HA,packageName:qA});oe();v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const VA={packageName:"@sapudex/web-components",fileName:"themes/Breadcrumbs.css.ts",content:`:host{--udex-breadcrumbs-item-color: var(--sapNeutralElementColor, var(--udexColorGrey6, #5B738B ));--udex-breadcrumbs-item-font-size: var(--udexTypographyBodyXXSFontSize, 12px);--udex-breadcrumbs-margin: 0}.udex-breadcrumbs{font-family:var(--sapFontFamily);white-space:nowrap;outline:none;margin:var(--udex-breadcrumbs-margin)}.udex-breadcrumbs>ol{margin:0;padding:var(--udexSpacer2, 2px) 0;list-style-type:none;display:-webkit-box;display:-webkit-flex;display:flex}.udex-breadcrumbs>ol>li{display:inline-flex;align-items:baseline}.udex-breadcrumbs__separator:after{content:"/";padding:0 .125rem;color:var(--udex-breadcrumbs-item-color);display:inline-block;font-family:var(--sapFontFamily);font-size:var(--udex-breadcrumbs-item-font-size);line-height:18px}:host([separators="DoubleSlash"]) .udex-breadcrumbs__separator:after{content:"//"}:host([separators="BackSlash"]) .udex-breadcrumbs__separator:after{content:"\\\\"}:host([separators="DoubleBackSlash"]) .udex-breadcrumbs__separator:after{content:"\\\\\\\\"}:host([separators="GreaterThan"]) .udex-breadcrumbs__separator:after{content:">"}:host([separators="DoubleGreaterThan"]) .udex-breadcrumbs__separator:after{content:">>"}.udex-breadcrumbs__trigger,.udex-breadcrumbs__arrow-wrapper [ui5-link][focused] [ui5-icon],.udex-breadcrumbs__item[focused],.udex-breadcrumbs__item{color:var(--udex-breadcrumbs-item-color);--sapLink_Hover_Color: var(--udex-breadcrumbs-item-color);--sapFontSize: var(--udex-breadcrumbs-item-font-size);--sapLinkColor: var(--udex-breadcrumbs-item-color);--sapLink_Active_Color: var(--udex-breadcrumbs-item-color);--udex-link-text-decoration: none;position:relative}.udex-breadcrumbs__item{line-height:18px}.ui5-breadcrumbs-dropdown-arrow-link-wrapper{display:flex}.udex-breadcrumbs__trigger{border:none;background:none;padding:0;cursor:pointer;height:12px;width:12px;margin:auto;--udex-link-icon-width: 12px;--udex-link-icon-height: 12px;--udex-link-line-height: 12px}.udex-breadcrumbs__trigger:focus{outline:solid var(--udexSpacer2, 2px) var(--sapContent_FocusColor, #0040B0);border-radius:var(--udexRadiusXXS, 2px)}.udex-breadcrumbs__trigger--opened [ui5-icon]{transform:rotate(180deg)}.udex-breadcrumbs__trigger,[ui5-link].udex-breadcrumbs__item{text-decoration:none;display:inline-flex}[ui5-link]:not([icon]).udex-breadcrumbs__item:hover:after{content:"";position:absolute;height:.0625rem;left:.125rem;right:.125rem;bottom:.125rem;background-color:var(--udex-breadcrumbs-item-color)}.udex-breadcrumbs .udex-breadcrumbs__arrow-wrapper [ui5-icon]:before{content:""}.udex-breadcrumbs .udex-breadcrumbs__arrow-wrapper [ui5-icon]{padding-left:0}.udex-breadcrumbs__arrow-wrapper [ui5-link][focused] [ui5-icon]:after,.udex-breadcrumbs__arrow-wrapper:hover [ui5-icon]:after{border-bottom:0}
|
|
92
92
|
`};v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const UA={packageName:"@sapudex/web-components",fileName:"themes/BreadcrumbsPopover.css.ts",content:`:host{--udex-breadcrumbs-item-color: var(--sapNeutralElementColor, var(--udexColorGrey6, #5B738B));--udex-breadcrumbs-current-item-color: var(--udexCoreTextDark, #223548);--udex-breadcrumbs-dropdown-item-font-size: 13px}.udex-breadcrumbs__item{font-family:var(--sapFontFamily);color:var(--udex-breadcrumbs-item-color);--sapLink_Hover_Color: var(--udex-breadcrumbs-item-color);--sapFontSize: var(--udex-breadcrumbs-dropdown-item-font-size);--sapLinkColor: var(--udex-breadcrumbs-item-color);--sapLink_Active_Color: var(--udex-breadcrumbs-item-color);--udex-link-text-decoration: none;position:relative}.udex-breadcrumbs__item{line-height:18px}.udex-breadcrumbs__popover{--udex-dropdown-vertical-distance: 4px;--udex-dropdown-box-shadow: var(--sapContent_Shadow2, 0px 10px 30px 0px rgba(34, 54, 73, .25));--udex-dropdown-border-radius: 0;--udex-dropdown-border-width: 0;--udex-dropdown-pane-max-width: fit-content}[ui5-icon]{width:.75rem;height:.75rem}.udex-breadcrumbs__popover-content{padding:var(--udexSpacer32) 52px var(--udexSpacer32) var(--udexSpacer20);display:flex;flex-direction:column;align-items:flex-start;gap:12px}.udex-breadcrumbs__popover-content .udex-breadcrumbs__item{font-size:var(--udex-breadcrumbs-dropdown-item-font-size);line-height:13px;height:17px;--udex-link-icon-height: 12px;--udex-link-icon-width: 12px}.udex-breadcrumb__item--current{color:var(--udex-breadcrumbs-current-item-color);font-weight:500;font-size:var(--udex-breadcrumbs-dropdown-item-font-size);line-height:13px}.udex-breadcrumbs__popover::part(content){padding:0}.udex-breadcrumbs__popover-content:dir(rtl){padding:var(--udexSpacer32) var(--udexSpacer20) var(--udexSpacer32) 52px}.udex-breadcrumbs__item--with-icon:dir(ltr)~.udex-breadcrumbs__item{padding-left:calc(var(--udex-link-icon-width) + var(--udexSpacer4, 4px))}.udex-breadcrumbs__item--with-icon:dir(rtl)~.udex-breadcrumbs__item{padding-right:calc(var(--udex-link-icon-width) + var(--udexSpacer4, 4px))}.udex-breadcrumbs__item--1{margin-left:var(--udexSpacer12)}.udex-breadcrumbs__item--2{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--3{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--4{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--5{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--6{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--7{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--8{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--9{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--10{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--11{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--12{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--13{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--14{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--15{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--16{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--17{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--18{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--19{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--20{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--21{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--22{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--23{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--24{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--25{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--1:dir(rtl){margin-right:var(--udexSpacer12)}.udex-breadcrumbs__item--2:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--3:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--4:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--5:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--6:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--7:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--8:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--9:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--10:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--11:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--12:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--13:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--14:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--15:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--16:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--17:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--18:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--19:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--20:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--21:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--22:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--23:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--24:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--25:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}
|
|
93
93
|
`};var hh=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},Al;const WA="udex-breadcrumbs__trigger--opened";let Ls=Al=class extends E{static async onDefine(){Al.i18nBundle=await M("@sapudex/web-components")}onBeforeRendering(){this._preprocessItems()}onAfterRendering(){this._initItemNavigation(),this._dropdownArrowLink.forcedTabIndex="0"}_preprocessItems(){this.items.forEach(e=>{e._getRealDomRef=()=>this.getDomRef().querySelector(`[data-ui5-stable*=${e.stableDomRef}]`)})}async _getResponsePopover(){return(await this.getStaticAreaItemDomRef()).querySelector(`#udex-${this.__id}-breadcrumbs__popover`)}_getFocusableItems(){const e=this._links;return e.unshift(this._dropdownArrowLink),e}_initItemNavigation(){this._itemNavigation||(this._itemNavigation=new ba(this,{navigationMode:Fo.Horizontal,getItemsCallback:()=>this._getFocusableItems()}))}_getItems(){return this.getSlottedNodes("items")}_closeRespPopover(){this.responsivePopover&&this.responsivePopover.onClose()}async _openRespPopover(){this.responsivePopover=await this._getResponsePopover(),this.responsivePopover.onOpen(this._dropdownArrowLink)}_onDropdownLinkPress(e){const t=e.target,o=this._getItems(),a=o.find(n=>`${n._id}-li`===t.id);a._isCurrentPageItem||this.fireEvent("item-click",{item:a},!0)&&(window.open(a.href,a.target||"_self","noopener,noreferrer"),this.responsivePopover.onClose())}_onLinkPress(e){const t=e.target,o=this._getItems(),a=o.find(p=>`${p._id}-link`===t.id),{altKey:n,ctrlKey:s,metaKey:l,shiftKey:h}=e.detail;this.fireEvent("item-click",{item:a,altKey:n,ctrlKey:s,metaKey:l,shiftKey:h},!0)||e.preventDefault()}_isItemVisible(e){return!e.hidden}_afterDropdownOpen(){this._dropdownOpened=!0,this.fireEvent("open")}_afterDropdownClose(){this._dropdownOpened=!1,this._shouldFocusFirstVisibleItem&&this._focusFirstVisibleItem(),this.fireEvent("close")}_toggleDropdown(){this._dropdownOpened?this._closeRespPopover():this._openRespPopover()}_onfocusin(e){var o;const t=e.target;(o=this._itemNavigation)==null||o.setCurrentItem(t)}_handleKeydown(e){const t=e.target.getAttribute("index"),o=t===(this.items.length-2).toString(),a=t==="0";Lt(e)&&o&&(this._closeRespPopover(),this._shouldFocusFirstVisibleItem=!0),St(e)&&a&&this._closeRespPopover()}_focusFirstVisibleItem(){Array.from(this.shadowRoot.querySelectorAll(".udex-breadcrumbs__link-wrapper [udex-link]"))[0].focus(),this._shouldFocusFirstVisibleItem=!1}get _dropdownArrowLink(){return this.shadowRoot.querySelector(".udex-breadcrumbs__trigger")}get _links(){return Array.from(this.shadowRoot.querySelectorAll(".ui5-breadcrumbs-link-wrapper [udex-link]"))}get _linksData(){const e=this._visibleItems,t=e.length;return e.map((o,a)=>(o._isCurrentPageItem=a===t-1,o))}get _visibleItems(){const e=this._getItems(),t=this.showItems??0;return this._getItems().slice(Math.max(e.length-t-1,0)).filter(o=>this._isItemVisible(o))}get _dropdownItems(){return this._getItems().filter(e=>this._isItemVisible(e))}get _triggerClass(){return this._dropdownOpened?WA:""}get _accessibleNameText(){return Al.i18nBundle.getText(GC)}get _dropdownArrowAccessibleNameText(){return Al.i18nBundle.getText(YC)}};hh([c({noAttribute:!0,type:Boolean})],Ls.prototype,"_dropdownOpened",void 0);hh([c({type:Number,defaultValue:3,validator:q})],Ls.prototype,"showItems",void 0);hh([$({type:HTMLElement,invalidateOnChildChange:!0,default:!0})],Ls.prototype,"items",void 0);Ls=Al=hh([y({tag:"udex-breadcrumbs",renderer:k,styles:[gE,VA],template:mE,staticAreaTemplate:bE,staticAreaStyles:[UA],dependencies:[$E,tg,ec,U]}),f("item-click",{detail:{item:{type:HTMLElement},altKey:{type:Boolean},ctrlKey:{type:Boolean},metaKey:{type:Boolean},shiftKey:{type:Boolean}}}),f("open"),f("close")],Ls);Ls.define();const La=new WeakMap;class Gl{static get tasks(){return La}static enqueue(e,t){La.has(e)||La.set(e,[]),La.get(e).push(t)}static run(e,t){return La.has(e)||La.set(e,[]),t().then(()=>{const o=La.get(e);if(o.length>0)return Gl.run(e,o.shift());La.delete(e)})}static push(e,t){La.get(e)?Gl.enqueue(e,t):Gl.run(e,t)}}const GA=i=>{let e=null,t=!1,o,a,n;const s=new Promise((l,h)=>{n=p=>{e=e||p;const _=p-e,g=i.duration-_;if(_<=i.duration){const m=1-g/i.duration;i.advance(m),t||(o=requestAnimationFrame(n))}else i.advance(1),l()},a=()=>{t=!0,cancelAnimationFrame(o),h(new Error("animation stopped"))}}).catch(l=>l);return Gl.push(i.element,()=>(typeof i.beforeStart=="function"&&i.beforeStart(),requestAnimationFrame(n),new Promise(l=>{s.then(()=>l())}))),{promise:()=>s,stop:()=>a}},YA=400,KA=(i,e,t)=>{let o,a;return GA({beforeStart:()=>{o=i.scrollLeft,a=i.scrollTop},duration:YA,element:i,advance:n=>{i.scrollLeft=o+n*e,i.scrollTop=a+n*t}})},ZA="scroll",QA=Jl()?"touchend":"mouseup";class J5 extends ma{constructor(e){super(),this.supportsTouch=Jl(),this.containerComponent=e,this.mouseMove=this.ontouchmove.bind(this),this.mouseUp=this.ontouchend.bind(this),this.touchStart=this.ontouchstart.bind(this),this.supportsTouch=Jl(),this.cachedValue={dragX:0,dragY:0},this.startX=0,this.startY=0,this.supportsTouch?(e.addEventListener("touchstart",this.touchStart,{passive:!0}),e.addEventListener("touchmove",this.mouseMove,{passive:!0}),e.addEventListener("touchend",this.mouseUp,{passive:!0})):e.addEventListener("mousedown",this.touchStart,{passive:!0})}set scrollContainer(e){this._container=e}get scrollContainer(){return this._container}async scrollTo(e,t,o=0,a=0){let n=this.scrollContainer.clientHeight>0&&this.scrollContainer.clientWidth>0;for(;!n&&o>0;)await new Promise(s=>{setTimeout(()=>{n=this.scrollContainer.clientHeight>0&&this.scrollContainer.clientWidth>0,o--,s()},a)});this._container.scrollLeft=e,this._container.scrollTop=t}move(e,t,o){if(o){this._container.scrollLeft+=e,this._container.scrollTop+=t;return}if(this._container)return KA(this._container,e,t)}getScrollLeft(){return this._container.scrollLeft}getScrollTop(){return this._container.scrollTop}_isTouchInside(e){let t=null;this.supportsTouch&&e instanceof TouchEvent&&(t=e.touches[0]);const o=this._container.getBoundingClientRect(),a=this.supportsTouch?t.clientX:e.x,n=this.supportsTouch?t.clientY:e.y;return a>=o.left&&a<=o.right&&n>=o.top&&n<=o.bottom}ontouchstart(e){let t=null;this.supportsTouch&&e instanceof TouchEvent&&(t=e.touches[0]),t?(this.startX=t.pageX,this.startY=t.pageY):(document.addEventListener("mouseup",this.mouseUp,{passive:!0}),document.addEventListener("mousemove",this.mouseMove,{passive:!0})),t&&(this._prevDragX=t.pageX,this._prevDragY=t.pageY),e instanceof MouseEvent&&(this._prevDragX=e.x,this._prevDragY=e.y),this._canScroll=this._isTouchInside(e)}ontouchmove(e){if(!this._canScroll)return;const t=this._container,o=this.supportsTouch?e.touches[0]:null,a=this.supportsTouch?o.pageX:e.x,n=this.supportsTouch?o.pageY:e.y;t.scrollLeft+=this._prevDragX-a,t.scrollTop+=this._prevDragY-n,this.fireEvent(ZA,{isLeft:a>this._prevDragX,isRight:a<this._prevDragX}),this.cachedValue.dragX=this._prevDragX,this.cachedValue.dragY=this._prevDragY,this._prevDragX=a,this._prevDragY=n}ontouchend(e){if(this.supportsTouch){const l=Math.abs(e.changedTouches[0].pageX-this.startX),h=Math.abs(e.changedTouches[0].pageY-this.startY);if(l<10&&h<10)return}if(!this._canScroll)return;const t=this._container,o=this.supportsTouch?e.changedTouches[0].pageX:e.x,a=this.supportsTouch?e.changedTouches[0].pageY:e.y;t.scrollLeft+=this._prevDragX-o,t.scrollTop+=this._prevDragY-a;const s=o===this._prevDragX?this.cachedValue.dragX:o;this.fireEvent(QA,{isLeft:s<this._prevDragX,isRight:s>this._prevDragX}),this._prevDragX=o,this._prevDragY=a,this.supportsTouch||(document.removeEventListener("mousemove",this.mouseMove),document.removeEventListener("mouseup",this.mouseUp))}}var m_;(function(i){i.Content="Content",i.Navigation="Navigation"})(m_||(m_={}));const ua=m_;var f_;(function(i){i.Default="Default",i.Numeric="Numeric"})(f_||(f_={}));const b_=f_;var x_;(function(i){i.Solid="Solid",i.Transparent="Transparent",i.Translucent="Translucent"})(x_||(x_={}));const wu=x_;var y_;(function(i){i.Solid="Solid",i.None="None"})(y_||(y_={}));const Om=y_;function JA(i,e,t){return d`<section class="ui5-carousel-root ui5-carousel-background-${r(this._backgroundDesign)}" tabindex="0" role="list" aria-roledescription=${r(this._roleDescription)} aria-label="${r(this.ariaLabelTxt)}" aria-activedescendant="${r(this.ariaActiveDescendant)}" @focusin="${this._onfocusin}" @keydown=${this._onkeydown} @mouseout="${this._onmouseout}" @mouseover="${this._onmouseover}"><div class="${z(this.classes.viewport)}" part="content"><div class="${z(this.classes.content)}" style="${H(this.styles.content)}">${T(this.items,(o,a)=>o._id||a,(o,a)=>eD.call(this,i,e,t,o,a))}</div>${this.showArrows.content?tD.call(this,i,e,t):void 0}</div>${this.renderNavigation?iD.call(this,i,e,t):void 0}</div></section> `}function eD(i,e,t,o,a){return d`<div id="${r(o.id)}" class="ui5-carousel-item ${r(o.classes)}" style="${H(o.styles)}" role="listitem" aria-posinset="${r(o.posinset)}" aria-setsize="${r(o.setsize)}" part="item"><slot name="${r(o.item._individualSlot)}" tabindex="${r(o.tabIndex)}"></slot></div>`}function tD(i,e,t){return t?d`<div class="ui5-carousel-navigation-arrows"><${u("ui5-button",e,t)} arrow-back tooltip="${r(this.previousPageText)}" class="ui5-carousel-navigation-button ${z(this.classes.navPrevButton)}" icon="slim-arrow-left" tabindex="-1" @click=${this._navButtonClick}></${u("ui5-button",e,t)}><${u("ui5-button",e,t)} arrow-forward tooltip="${r(this.nextPageText)}" class="ui5-carousel-navigation-button ${z(this.classes.navNextButton)}" icon="slim-arrow-right" tabindex="-1" @click=${this._navButtonClick}></${u("ui5-button",e,t)}></div>`:d`<div class="ui5-carousel-navigation-arrows"><ui5-button arrow-back tooltip="${r(this.previousPageText)}" class="ui5-carousel-navigation-button ${z(this.classes.navPrevButton)}" icon="slim-arrow-left" tabindex="-1" @click=${this._navButtonClick}></ui5-button><ui5-button arrow-forward tooltip="${r(this.nextPageText)}" class="ui5-carousel-navigation-button ${z(this.classes.navNextButton)}" icon="slim-arrow-right" tabindex="-1" @click=${this._navButtonClick}></ui5-button></div>`}function iD(i,e,t){return d`<div class="${z(this.classes.navigation)}">${this.showArrows.navigation?oD.call(this,i,e,t):void 0}<div class="ui5-carousel-navigation">${this.hidePageIndicator?void 0:aD.call(this,i,e,t)}</div>${this.showArrows.navigation?lD.call(this,i,e,t):void 0}</div>`}function oD(i,e,t){return t?d`<${u("ui5-button",e,t)} arrow-back tooltip="${r(this.previousPageText)}" class="ui5-carousel-navigation-button ${z(this.classes.navPrevButton)}" icon="slim-arrow-left" tabindex="-1" @click=${this._navButtonClick}></${u("ui5-button",e,t)}>`:d`<ui5-button arrow-back tooltip="${r(this.previousPageText)}" class="ui5-carousel-navigation-button ${z(this.classes.navPrevButton)}" icon="slim-arrow-left" tabindex="-1" @click=${this._navButtonClick}></ui5-button>`}function aD(i,e,t){return d`${this.isPageTypeDots?rD.call(this,i,e,t):sD.call(this,i,e,t)}`}function rD(i,e,t){return d`${T(this.dots,(o,a)=>o._id||a,(o,a)=>nD.call(this,i,e,t,o,a))}`}function nD(i,e,t,o,a){return d`<div role="img" aria-label="${r(o.ariaLabel)}" ?active="${o.active}" class="ui5-carousel-navigation-dot"></div>`}function sD(i,e,t){return d`<div dir="auto" class="ui5-carousel-navigation-text">${r(this.selectedIndexToShow)} ${r(this.ofText)} ${r(this.pagesCount)}</div>`}function lD(i,e,t){return t?d`<${u("ui5-button",e,t)} arrow-forward tooltip="${r(this.nextPageText)}" class="ui5-carousel-navigation-button ${z(this.classes.navNextButton)}" icon="slim-arrow-right" tabindex="-1" @click=${this._navButtonClick}></${u("ui5-button",e,t)}>`:d`<ui5-button arrow-forward tooltip="${r(this.nextPageText)}" class="ui5-carousel-navigation-button ${z(this.classes.navNextButton)}" icon="slim-arrow-right" tabindex="-1" @click=${this._navButtonClick}></ui5-button>`}const dD="slim-arrow-left",e2="M351.5 421q12 12 0 23-5 5-11 5t-11-5l-166-165q-9-10-9-23t9-23l165-164q5-5 11.5-5t11.5 5 5 11-5 11l-159 159q-6 6 0 12z",cD=!1,uD="SAP-icons-v4",hD="@ui5/webcomponents-icons";D(dD,{pathData:e2,ltr:cD,collection:uD,packageName:hD});const pD="slim-arrow-left",t2="M326 96q11 0 18.5 7.5T352 122q0 10-8 18L223 256l121 116q8 8 8 18 0 11-7.5 18.5T326 416q-10 0-17-7L168 274q-8-6-8-18 0-11 8-19l141-134q7-7 17-7z",_D=!1,vD="SAP-icons-v5",gD="@ui5/webcomponents-icons";D(pD,{pathData:t2,ltr:_D,collection:vD,packageName:gD});oe();const mD="slim-arrow-right",i2="M357.5 233q10 10 10 23t-10 23l-165 165q-12 11-23 0t0-23l160-159q6-6 0-12l-159-159q-5-5-5-11t5-11 11-5 11 5z",fD=!1,bD="SAP-icons-v4",xD="@ui5/webcomponents-icons";D(mD,{pathData:i2,ltr:fD,collection:bD,packageName:xD});const yD="slim-arrow-right",o2="M186 416q-11 0-18.5-7.5T160 390q0-10 8-18l121-116-121-116q-8-8-8-18 0-11 7.5-18.5T186 96q10 0 17 7l141 134q8 8 8 19 0 12-8 18L203 409q-7 7-17 7z",wD=!1,kD="SAP-icons-v5",SD="@ui5/webcomponents-icons";D(yD,{pathData:o2,ltr:wD,collection:kD,packageName:SD});oe();function $D(i,e,t){return d`<label class="ui5-label-root" @click=${this._onclick}><span class="ui5-label-text-wrapper"><bdi id="${r(this._id)}-bdi"><slot></slot></bdi></span><span aria-hidden="true" class="ui5-label-required-colon" data-colon="${r(this._colonSymbol)}"></span></label>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@ui5/webcomponents","sap_horizon",async()=>Z);const TD={packageName:"@ui5/webcomponents",fileName:"themes/Label.css.ts",content:`:host(:not([hidden])){display:inline-flex}:host{max-width:100%;color:var(--sapContent_LabelColor);font-family:"72override",var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;cursor:text}.ui5-label-root{width:100%;cursor:inherit}:host([wrapping-type="Normal"]) .ui5-label-root{white-space:normal}:host(:not([wrapping-type="Normal"])) .ui5-label-root{display:inline-flex;white-space:nowrap}:host(:not([wrapping-type="Normal"])) .ui5-label-text-wrapper{text-overflow:ellipsis;overflow:hidden;display:inline-block;vertical-align:top;flex:0 1 auto;min-width:0}:host([show-colon]) .ui5-label-required-colon:before{content:attr(data-colon)}:host([required]) .ui5-label-required-colon:after{content:"*";color:var(--sapField_RequiredColor);font-size:1.25rem;font-weight:700;position:relative;font-style:normal;vertical-align:middle;line-height:0}:host([required][show-colon]) .ui5-label-required-colon:after{margin-inline-start:.125rem}bdi{padding-right:.075rem}:host([show-colon]) .ui5-label-required-colon{margin-inline-start:-.05rem;white-space:pre}
|
|
@@ -242,10 +242,10 @@ or import '@sapudex/design-tokens/dist/themes/sap_glow/css_variables.css'`)};doc
|
|
|
242
242
|
`};var AF=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n};let Ou=class extends nw{};Ou=AF([y({tag:"udex-progress-bar",renderer:k,styles:[nw.styles,EF]})],Ou);Ou.define();const DF=Ou;function PF(i,e,t){return d`<div class="udex-quote__container"><div class="udex-quote__image-container">${this.image?NF.call(this,i,e,t):void 0}</div><div class="udex-quote__content-container"><div class="content-container__text-container"><p class="content-container__text"><slot></slot></p></div>${this.author?RF.call(this,i,e,t):void 0}${this.link?LF.call(this,i,e,t):void 0}</div></div>`}function NF(i,e,t){return d`<slot name="image" slot="image"></slot>`}function RF(i,e,t){return d`<slot slot="author" name="author"></slot>`}function LF(i,e,t){return d`<slot slot="link" name="link"></slot>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const jF={packageName:"@sapudex/web-components",fileName:"themes/Quote.css.ts",content:`:host{display:block;width:100%;container-type:inline-size}.udex-quote__container{display:flex;flex-direction:row;width:100%;text-align:left;gap:24px}:host([image-size="small"]) .udex-quote__container,:host([text-size="small"]) .udex-quote__container{gap:16px}.content-container__text,::slotted([slot="author"]),::slotted([slot="link"]){padding:0 40px}::slotted([slot="image"]){display:block;width:120px;height:120px}:host([mask="rectangle"]) ::slotted([slot="image"]){display:block;width:200px;height:100px;background-color:transparent;object-fit:contain}:host([image-size="small"]) ::slotted([slot="image"]){width:64px;height:64px}:host([image-size="small"][mask="rectangle"]) ::slotted([slot="image"]){width:160px;height:80px}.content-container__text-container{position:relative}.content-container__text{margin:0 0 16px;font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodyXLFontSize, 24px);line-height:var(--udexTypographyBodyLineHeight, 1.5);color:var(--udexQuoteColorText, #354A5F)}.content-container__text ::slotted(*){margin:0}.content-container__text-container:before,.content-container__text-container:after{font-family:var(--sapFontFamily);position:absolute;display:inline-block;font-size:84px;line-height:84px;height:58px;width:34px;color:var(--udexQuoteColorText, #354A5F);margin-top:-9px}.content-container__text-container:before{content:open-quote;top:0;left:0}.content-container__text-container:after{content:close-quote;top:0;right:0}:host([text-size="small"]) .content-container__text-container:after,:host([text-size="small"]) .content-container__text-container:before{font-size:72px;line-height:72px;height:50px;width:26px;margin-top:-12px}::slotted([slot="author"]){display:block;margin-bottom:16px;font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyHeadingRegularXXSFontSize, 20px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--udexQuoteColorText, #354A5F)}::slotted([slot="link"]){text-decoration:none;font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 1.5);color:var(--udexLinksColorDefault, #0070F2)}:host([text-size="small"]) .content-container__text{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 1.5)}:host([text-size="small"]) ::slotted([slot="author"]){font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1)}@media screen and (max-width: 1279px){.udex-quote__container{gap:16px}::slotted([slot="image"]){width:64px;height:64px}:host([mask="rectangle"]) ::slotted([slot="image"]){width:160px;height:80px}.content-container__text-container:after,.content-container__text-container:before{font-size:72px;line-height:72px;height:50px;width:26px;margin-top:-12px}.content-container__text{font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 1.5)}::slotted([slot="author"]){font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1)}}@container (max-width: 545px){.udex-quote__container{flex-direction:column;gap:16px}::slotted([slot="image"]){margin:0 auto}}
|
|
243
243
|
`};var Jr=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},zu;(function(i){i.small="small",i.large="large"})(zu||(zu={}));var W_;(function(i){i.avatar="avatar",i.rectangle="rectangle"})(W_||(W_={}));let ka=class extends E{};Jr([$({type:HTMLElement,default:!0})],ka.prototype,"content",void 0);Jr([$()],ka.prototype,"link",void 0);Jr([$()],ka.prototype,"author",void 0);Jr([$()],ka.prototype,"image",void 0);Jr([c({type:zu,defaultValue:"large"})],ka.prototype,"imageSize",void 0);Jr([c({type:zu,defaultValue:"large"})],ka.prototype,"textSize",void 0);Jr([c({type:W_,defaultValue:"avatar"})],ka.prototype,"mask",void 0);ka=Jr([y({tag:"udex-quote",renderer:k,styles:jF,template:PF})],ka);ka.define();const MF="direction-arrows",sw="M507 244q5 5 5 12 0 6-5 11L394 379q-5 5-12 5-6 0-11-5t-5-11V144q0-12 10-15 2-1 6-1 8 0 12 4zM135 129q10 3 10 15v224q0 6-4.5 11t-11.5 5q-6 0-11-5L5 267q-5-5-5-11 0-7 5-12l113-112q4-4 11-4 4 0 6 1z",OF=!1,zF="SAP-icons-v4",FF="@ui5/webcomponents-icons";D(MF,{pathData:sw,ltr:OF,collection:zF,packageName:FF});const XF="direction-arrows",lw="M135 128q11 0 18 7.5t7 18.5v204q0 11-8 18.5t-18 7.5-17-7L8 275q-8-8-8-19t8-19l109-102q7-7 18-7zm369 109q8 8 8 19t-8 19L395 377q-7 7-17 7t-18-7.5-8-18.5V154q0-12 8-19t19-7q9 0 16 7z",HF=!1,qF="SAP-icons-v5",VF="@ui5/webcomponents-icons";D(XF,{pathData:lw,ltr:HF,collection:qF,packageName:VF});oe();v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@ui5/webcomponents","sap_horizon",async()=>Z);const UF={packageName:"@ui5/webcomponents",fileName:"themes/SliderBase.css.ts",content:`.ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host([disabled]){opacity:var(--_ui5-v1-24-23_slider_disabled_opacity);cursor:default;pointer-events:none}:host{box-sizing:border-box;cursor:pointer;vertical-align:top;width:100%}:host(:not([hidden])){display:inline-block}.ui5-slider-root{box-sizing:border-box;height:3.3125rem;outline:none;padding:var(--_ui5-v1-24-23_slider_padding);touch-action:none}.ui5-slider-inner{background-repeat:no-repeat;position:relative;min-width:var(--_ui5-v1-24-23_slider_inner_min_width);height:100%}.ui5-slider-progress-container{width:100%;background:var(--_ui5-v1-24-23_slider_progress_container_background);border:var(--_ui5-v1-24-23_slider_progress_border);border-radius:var(--_ui5-v1-24-23_slider_progress_border_radius);height:var(--_ui5-v1-24-23_slider_inner_height);position:relative;box-sizing:var(--_ui5-v1-24-23_slider_progress_box_sizing);top:var(--_ui5-v1-24-23_slider_progress_container_top)}.ui5-slider-progress-container:before,.ui5-slider-progress-container:after{display:var(--_ui5-v1-24-23_slider_progress_container_dot_display);content:"";position:absolute;border-radius:50%;width:var(--_ui5-v1-24-23_slider_start_end_point_size);height:var(--_ui5-v1-24-23_slider_start_end_point_size);top:var(--_ui5-v1-24-23_slider_start_end_point_top)}.ui5-slider-progress-container:before{inset-inline-start:var(--_ui5-v1-24-23_slider_start_end_point_left);background-color:var(--_ui5-v1-24-23_slider_progress_before_background);border:var(--_ui5-v1-24-23_slider_progress_before_border)}.ui5-slider-progress-container:after{inset-inline-end:var(--_ui5-v1-24-23_slider_start_end_point_left);background-color:var(--_ui5-v1-24-23_slider_progress_after_background);border:var(--_ui5-v1-24-23_slider_progress_after_border)}.ui5-slider-progress{background:var(--_ui5-v1-24-23_slider_progress_background);border-radius:var(--_ui5-v1-24-23_slider_progress_border_radius);height:var(--_ui5-v1-24-23_slider_progress_height);position:relative;outline:none;box-sizing:border-box;border:var(--_ui5-v1-24-23_slider_active_progress_border);left:var(--_ui5-v1-24-23_slider_active_progress_left);top:var(--_ui5-v1-24-23_slider_active_progress_top)}.ui5-slider-tickmarks{list-style:none;padding:0;margin:0;top:var(--_ui5-v1-24-23_slider_tickmark_top);display:flex;box-sizing:border-box;width:100%;justify-content:space-between;position:absolute;z-index:1}.ui5-slider-tickmarks li{height:var(--_ui5-v1-24-23_slider_tickmark_height);border-inline-start:1px solid var(--_ui5-v1-24-23_slider_tickmark_bg)}.ui5-slider-handle{background:var(--_ui5-v1-24-23_slider_handle_background);border:var(--_ui5-v1-24-23_slider_handle_border);border-radius:var(--_ui5-v1-24-23_slider_handle_border_radius);margin-inline-start:calc(-1 * var(--_ui5-v1-24-23_slider_handle_width) / 2);top:var(--_ui5-v1-24-23_slider_handle_top);position:absolute;outline:none;height:var(--_ui5-v1-24-23_slider_handle_height);width:var(--_ui5-v1-24-23_slider_handle_width);box-sizing:var(--_ui5-v1-24-23_slider_handle_box_sizing);display:flex;justify-content:center;align-items:center;z-index:2}[slider-icon]{display:var(--_ui5-v1-24-23_slider_handle_icon_display);color:var(--sapContent_Selected_ForegroundColor);width:var(--_ui5-v1-24-23_slider_handle_icon_size);height:var(--_ui5-v1-24-23_slider_handle_icon_size)}.ui5-slider-root .ui5-slider-handle:focus [slider-icon]{display:var(--_ui5-v1-24-23_range_slider_active_handle_icon_display)}.ui5-slider-progress-container:hover~.ui5-slider-handle:not(:focus),.ui5-slider-handle:hover{background:var(--_ui5-v1-24-23_slider_handle_hover_background);border:var(--_ui5-v1-24-23_slider_handle_hover_border)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{outline:var(--_ui5-v1-24-23_slider_handle_outline);outline-offset:var(--_ui5-v1-24-23_slider_handle_outline_offset);border:var(--_ui5-v1-24-23_slider_handle_focus_border);background:var(--_ui5-v1-24-23_slider_handle_background_focus)}.ui5-slider-handle.ui5-slider-handle--start:focus,.ui5-slider-handle--end:focus{border:var(--_ui5-v1-24-23_slider_handle_focus_border)}.ui5-slider-root:focus:hover .ui5-slider-handle,.ui5-slider-handle:focus:hover{border:var(--_ui5-v1-24-23_slider_handle_focus_border)}.ui5-slider-tooltip{display:flex;justify-content:center;align-items:center;visibility:hidden;pointer-events:none;line-height:1rem;position:absolute;left:50%;transform:translate(-50%);bottom:var(--_ui5-v1-24-23_slider_tooltip_bottom);background:var(--_ui5-v1-24-23_slider_tooltip_background);border:var(--_ui5-v1-24-23_slider_tooltip_border);border-radius:var(--_ui5-v1-24-23_slider_tooltip_border_radius);box-shadow:var(--_ui5-v1-24-23_slider_tooltip_box_shadow);font-size:var(--_ui5-v1-24-23_slider_tooltip_fontsize);color:var(--_ui5-v1-24-23_slider_tooltip_color);height:var(--_ui5-v1-24-23_slider_tooltip_height);min-width:var(--_ui5-v1-24-23_slider_tooltip_min_width);padding:var(--_ui5-v1-24-23_slider_tooltip_padding);box-sizing:var(--_ui5-v1-24-23_slider_tooltip_border_box)}.ui5-slider-tooltip-value{position:relative;display:flex;justify-content:center;align-items:center}.ui5-slider-labels{position:absolute;top:1.25rem;margin:0;padding:0;white-space:nowrap}.ui5-slider-labels li{position:relative;list-style:none;padding-top:.3125rem;height:1rem;margin:0;text-align:center;display:inline-block;color:var(--_ui5-v1-24-23_slider_label_color);font-size:var(--_ui5-v1-24-23_slider_label_fontsize);padding-top:0;box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;vertical-align:top}.ui5-slider-hidden-labels li:not(:first-child):not(:last-child){visibility:hidden}.ui5-slider-handle:focus .ui5-slider-tooltip{bottom:var(--_ui5-v1-24-23_slider_handle_focused_tooltip_distance)}.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range{border-inline-start:1px solid var(--_ui5-v1-24-23_slider_tickmark_in_range_bg)}:host([show-tickmarks]) .ui5-slider-progress{height:var(--_ui5-v1-24-23_slider_no_tickmarks_progress_height);border:var(--_ui5-v1-24-23_slider_no_tickmarks_active_progress_border);left:var(--_ui5-v1-24-23_slider_no_tickmarks_active_progress_left);top:var(--_ui5-v1-24-23_slider_no_tickmarks_active_progress_top)}:host([show-tickmarks]) .ui5-slider-progress-container{top:var(--_ui5-v1-24-23_slider_no_tickmarks_progress_container_top)}.ui5-slider-handle:focus:after{content:"";display:var(--_ui5-v1-24-23_slider_handle_focus_visibility);width:calc(100% + (var(--sapContent_FocusWidth) * 2) + 2px);height:calc(100% + (var(--sapContent_FocusWidth) * 2) + 2px);border:var(--sapContent_FocusWidth) dotted var(--sapContent_FocusColor);position:absolute;border-radius:var(--_ui5-v1-24-23_slider_handle_border_radius);pointer-events:none}
|
|
244
244
|
`};var Eo=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},Ro;let Ai=Ro=class extends E{constructor(){super(),this.notResized=!1,this._isUserInteraction=!1,this._isInnerElementFocusing=!1,this._labelWidth=0,this._resizeHandler=this._handleResize.bind(this),this._moveHandler=this._handleMove.bind(this),this._upHandler=this._handleUp.bind(this),this._stateStorage={step:void 0,min:void 0,max:void 0,labelInterval:void 0};const e=t=>{this._onmousedown(t)};this._ontouchstart={handleEvent:e,passive:!0}}_handleMove(e){}_handleUp(){}_onmousedown(e){}_handleActionKeyPress(e){}static get ACTION_KEYS(){return[ke,be,Ee,Te,Ic,Wl,bs,rd,cp,KT,rt,jt,Ua,An,Fe]}static get MIN_SPACE_BETWEEN_TICKMARKS(){return 8}static get TOOLTIP_VISIBILITY(){return{VISIBLE:"visible",HIDDEN:"hidden"}}static get render(){return k}static get styles(){return UF}get classes(){return{root:{"ui5-slider-root-phone":Pe()},labelContainer:{"ui5-slider-hidden-labels":this._labelsOverlapping}}}onEnterDOM(){J.register(this,this._resizeHandler)}onExitDOM(){J.deregister(this,this._resizeHandler)}onAfterRendering(){this.notResized&&this._resizeHandler()}_onmouseover(){this.showTooltip&&(this._tooltipVisibility=Ro.TOOLTIP_VISIBILITY.VISIBLE)}_onmouseout(){this.showTooltip&&!this.shadowRoot.activeElement&&(this._tooltipVisibility=Ro.TOOLTIP_VISIBILITY.HIDDEN)}_onkeydown(e){this.disabled||this._effectiveStep===0||Ro._isActionKey(e)&&(e.preventDefault(),this._isUserInteraction=!0,this._handleActionKeyPress(e))}_onkeyup(){this.disabled||(this._isUserInteraction=!1)}_preserveFocus(e){this._isInnerElementFocusing=e}_isFocusing(){return this._isInnerElementFocusing}_preventFocusOut(){this.focusInnerElement()}focusInnerElement(){this.focus()}_handleResize(){if(!this.showTickmarks||(this.notResized=!1,this._spaceBetweenTickmarks()<Ro.MIN_SPACE_BETWEEN_TICKMARKS?(this._hiddenTickmarks=!0,this._labelsOverlapping=!0):this._hiddenTickmarks=!1,this.labelInterval<=0||this._hiddenTickmarks))return;const t=this.shadowRoot.querySelectorAll(".ui5-slider-labels li");this._labelsOverlapping=[...t].some(o=>o.scrollWidth>o.clientWidth)}handleDownBase(e){const t=this._effectiveMin,o=this._effectiveMax,a=this.getBoundingClientRect(),n=this.directionStart,s=this._effectiveStep,l=Ro.getValueFromInteraction(e,s,t,o,a,n);return this._isUserInteraction=!0,window.addEventListener("mouseup",this._upHandler),window.addEventListener("touchend",this._upHandler),Jl()&&e instanceof TouchEvent?window.addEventListener("touchmove",this._moveHandler):window.addEventListener("mousemove",this._moveHandler),this._handleFocusOnMouseDown(e),l}_handleFocusOnMouseDown(e){const t=this.shadowRoot.activeElement;(!t||t!==e.target)&&(this._preserveFocus(!0),this.focusInnerElement())}handleUpBase(){window.removeEventListener("mouseup",this._upHandler),window.removeEventListener("touchend",this._upHandler),window.removeEventListener("mousemove",this._moveHandler),window.removeEventListener("touchmove",this._moveHandler),this._isUserInteraction=!1,this._preserveFocus(!1)}updateStateStorageAndFireInputEvent(e){this.storePropertyState(e),this._isUserInteraction&&this.fireEvent("input")}static _isActionKey(e){return this.ACTION_KEYS.some(t=>t(e))}static clipValue(e,t,o){return e=Math.min(Math.max(e,t),o),e}static getValueFromInteraction(e,t,o,a,n,s){const l=this.getPageXValueFromEvent(e),h=this.computedValueFromPageX(l,o,a,n,s),p=this.getSteppedValue(h,t,o);return this.clipValue(p,o,a)}static getSteppedValue(e,t,o){const a=Math.abs((e-o)%t);if(t===0||a===0)return e;e=a*2>=t?e+t-a:e-a;const n=Ro._getDecimalPrecisionOfNumber(t);return Number(e.toFixed(n))}static getPageXValueFromEvent(e){return Jl()&&e instanceof TouchEvent?e.targetTouches&&e.targetTouches.length>0?e.targetTouches[0].pageX:0:e.pageX}static computedValueFromPageX(e,t,o,a,n){const l=(n==="left"?e-a[n]:a[n]-e)/a.width;return t+l*(o-t)}static _getDecimalPrecisionOfNumber(e){if(Number.isInteger(e))return 0;const t=String(e).match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);return!t||t.length<2?0:Math.max(0,(t[1]?t[1].length:0)-(t[2]?Number(t[2]):0))}isCurrentStateOutdated(){return Object.entries(this._stateStorage).some(([e,t])=>this[e]!==t)}getStoredPropertyState(e){return this._stateStorage[e]}isPropertyUpdated(...e){return e.some(t=>this.getStoredPropertyState(t)!==this[t])}storePropertyState(...e){e.forEach(t=>{this._stateStorage[t]=this[t]})}get directionStart(){return this.effectiveDir==="rtl"?"right":"left"}_createLabels(){if(!this.labelInterval||!this.showTickmarks)return;const e=this.labelInterval,t=this._effectiveStep,o=(this._effectiveMax-this._effectiveMin)/(t*e);if(o===this._oldNumberOfLabels&&this._oldMin===this._effectiveMin&&this._oldMax===this._effectiveMax)return;this._oldMin=this._effectiveMin,this._oldMax=this._effectiveMax,this._oldNumberOfLabels=o,this._labelWidth=100/o,this._labelValues=[];const a=Ro._getDecimalPrecisionOfNumber(t);for(let n=0;n<=o;n++){const s=(n*t*e+this._effectiveMin).toFixed(a);this._labelValues.push(s)}}_handleActionKeyPressBase(e,t){const o=Ro._isIncreaseValueAction(e,this.directionStart),a=Ro._isBigStepAction(e),n=this[t],s=this._effectiveMin,l=this._effectiveMax;let h=this._effectiveStep;return h=a&&(l-s)/h>10?(l-s)/10:h,jt(e)?l-n:rt(e)?(n-s)*-1:o?h:h*-1}static _isIncreaseValueAction(e,t){return t==="right"?Ee(e)||bs(e)||ke(e)||Ic(e)||cp(e)||Ua(e):Ee(e)||bs(e)||be(e)||Wl(e)||cp(e)||Ua(e)}static _isBigStepAction(e){return rd(e)||bs(e)||Ic(e)||Wl(e)||Ua(e)||An(e)}get _tickmarksCount(){return(this._effectiveMax-this._effectiveMin)/this._effectiveStep}_spaceBetweenTickmarks(){return this.getBoundingClientRect().width/this._tickmarksCount}_validateStep(e){e===0&&console.warn("The 'step' property must be a positive float number"),e<0&&console.warn("The 'step' property must be a positive float number. The provided negative number has been converted to its positve equivalent"),Number.isNaN(e)&&console.warn("The 'step' property must be a positive float number. It has been set to its default value of 1")}get _labels(){return this._labelValues||[]}get _effectiveStep(){let e=this.step;return e<0&&(e=Math.abs(e)),Number.isNaN(e)&&(e=1),e}get _effectiveMin(){return Math.min(this.min,this.max)}get _effectiveMax(){return Math.max(this.min,this.max)}get _tabIndex(){return this.disabled?"-1":"0"}get _ariaLabelledByHandleRefs(){return[`${this._id}-accName`,`${this._id}-sliderDesc`].join(" ").trim()}};Eo([c({validator:it,defaultValue:0})],Ai.prototype,"min",void 0);Eo([c({validator:it,defaultValue:100})],Ai.prototype,"max",void 0);Eo([c({validator:it,defaultValue:1})],Ai.prototype,"step",void 0);Eo([c({validator:q,defaultValue:0})],Ai.prototype,"labelInterval",void 0);Eo([c({type:Boolean})],Ai.prototype,"showTickmarks",void 0);Eo([c({type:Boolean})],Ai.prototype,"showTooltip",void 0);Eo([c({type:Boolean})],Ai.prototype,"disabled",void 0);Eo([c()],Ai.prototype,"accessibleName",void 0);Eo([c({defaultValue:"hidden"})],Ai.prototype,"_tooltipVisibility",void 0);Eo([c({type:Boolean})],Ai.prototype,"_labelsOverlapping",void 0);Eo([c({type:Boolean})],Ai.prototype,"_hiddenTickmarks",void 0);Ai=Ro=Eo([f("change"),f("input")],Ai);const vo=Ai;function WF(i,e,t){return t?d`<div class="ui5-slider-root ${z(this.classes.root)}" @mousedown="${this._onmousedown}" @touchstart="${this._ontouchstart}" @mouseover="${this._onmouseover}" @mouseout="${this._onmouseout}" @keydown="${this._onkeydown}" @keyup="${this._onkeyup}" part="root-container"><span id="${r(this._id)}-startHandleDesc" class="ui5-hidden-text">${r(this._ariaHandlesText.startHandleText)}</span><span id="${r(this._id)}-endHandleDesc" class="ui5-hidden-text">${r(this._ariaHandlesText.endHandleText)}</span><div class="ui5-slider-inner">${this.step?hb.call(this,i,e,t):void 0}<div class="ui5-slider-progress-container" part="progress-container"><div class="ui5-slider-progress" part="progress-bar" style="${H(this.styles.progress)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" role="slider" tabindex="${r(this._tabIndex)}" aria-orientation="horizontal" aria-valuemin="${r(this.min)}" aria-valuemax="${r(this.max)}" aria-valuenow="${r(this._ariaValueNow)}" aria-valuetext="From ${r(this.startValue)} to ${r(this.endValue)}" aria-labelledby="${r(this._ariaLabelledByProgressBarRefs)}" aria-disabled="${r(this._ariaDisabled)}"></div></div><div class="ui5-slider-handle ui5-slider-handle--start" part="handle" style="${H(this.styles.startHandle)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" role="slider" tabindex="${r(this._tabIndex)}" aria-orientation="horizontal" aria-valuemin="${r(this.min)}" aria-valuemax="${r(this.max)}" aria-valuenow="${r(this.startValue)}" aria-labelledby="${r(this._ariaLabelledByStartHandleRefs)}" aria-disabled="${r(this._ariaDisabled)}"><${u("ui5-icon",e,t)} name="direction-arrows" slider-icon></${u("ui5-icon",e,t)}>${this.showTooltip?pb.call(this,i,e,t):void 0}</div><div class="ui5-slider-handle ui5-slider-handle--end" part="handle" style="${H(this.styles.endHandle)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" role="slider" tabindex="${r(this._tabIndex)}" aria-orientation="horizontal" aria-valuemin="${r(this.min)}" aria-valuemax="${r(this.max)}" aria-valuenow="${r(this.endValue)}" aria-labelledby="${r(this._ariaLabelledByEndHandleRefs)}" aria-disabled="${r(this._ariaDisabled)}"><${u("ui5-icon",e,t)} name="direction-arrows" slider-icon></${u("ui5-icon",e,t)}>${this.showTooltip?_b.call(this,i,e,t):void 0}</div></div><span id="${r(this._id)}-accName" class="ui5-hidden-text">${r(this.accessibleName)}</span><span id="${r(this._id)}-sliderDesc" class="ui5-hidden-text">${r(this._ariaLabelledByText)}</span></div> `:d`<div class="ui5-slider-root ${z(this.classes.root)}" @mousedown="${this._onmousedown}" @touchstart="${this._ontouchstart}" @mouseover="${this._onmouseover}" @mouseout="${this._onmouseout}" @keydown="${this._onkeydown}" @keyup="${this._onkeyup}" part="root-container"><span id="${r(this._id)}-startHandleDesc" class="ui5-hidden-text">${r(this._ariaHandlesText.startHandleText)}</span><span id="${r(this._id)}-endHandleDesc" class="ui5-hidden-text">${r(this._ariaHandlesText.endHandleText)}</span><div class="ui5-slider-inner">${this.step?hb.call(this,i,e,t):void 0}<div class="ui5-slider-progress-container" part="progress-container"><div class="ui5-slider-progress" part="progress-bar" style="${H(this.styles.progress)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" role="slider" tabindex="${r(this._tabIndex)}" aria-orientation="horizontal" aria-valuemin="${r(this.min)}" aria-valuemax="${r(this.max)}" aria-valuenow="${r(this._ariaValueNow)}" aria-valuetext="From ${r(this.startValue)} to ${r(this.endValue)}" aria-labelledby="${r(this._ariaLabelledByProgressBarRefs)}" aria-disabled="${r(this._ariaDisabled)}"></div></div><div class="ui5-slider-handle ui5-slider-handle--start" part="handle" style="${H(this.styles.startHandle)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" role="slider" tabindex="${r(this._tabIndex)}" aria-orientation="horizontal" aria-valuemin="${r(this.min)}" aria-valuemax="${r(this.max)}" aria-valuenow="${r(this.startValue)}" aria-labelledby="${r(this._ariaLabelledByStartHandleRefs)}" aria-disabled="${r(this._ariaDisabled)}"><ui5-icon name="direction-arrows" slider-icon></ui5-icon>${this.showTooltip?pb.call(this,i,e,t):void 0}</div><div class="ui5-slider-handle ui5-slider-handle--end" part="handle" style="${H(this.styles.endHandle)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" role="slider" tabindex="${r(this._tabIndex)}" aria-orientation="horizontal" aria-valuemin="${r(this.min)}" aria-valuemax="${r(this.max)}" aria-valuenow="${r(this.endValue)}" aria-labelledby="${r(this._ariaLabelledByEndHandleRefs)}" aria-disabled="${r(this._ariaDisabled)}"><ui5-icon name="direction-arrows" slider-icon></ui5-icon>${this.showTooltip?_b.call(this,i,e,t):void 0}</div></div><span id="${r(this._id)}-accName" class="ui5-hidden-text">${r(this.accessibleName)}</span><span id="${r(this._id)}-sliderDesc" class="ui5-hidden-text">${r(this._ariaLabelledByText)}</span></div> `}function hb(i,e,t){return d`${this.showTickmarks?GF.call(this,i,e,t):void 0}`}function GF(i,e,t){return d`<ul class="ui5-slider-tickmarks">${T(this.tickmarksObject,(o,a)=>o._id||a,(o,a)=>YF.call(this,i,e,t,o,a))}</ul>${this.labelInterval?QF.call(this,i,e,t):void 0}`}function YF(i,e,t,o,a){return d`${o?KF.call(this,i,e,t,o,a):ZF.call(this,i,e,t,o,a)}`}function KF(i,e,t,o,a){return d`<li class="ui5-slider-tickmark ui5-slider-tickmark-in-range"></li>`}function ZF(i,e,t,o,a){return d`<li class="ui5-slider-tickmark"></li>`}function QF(i,e,t){return d`<ul class="ui5-slider-labels ${z(this.classes.labelContainer)}" style="${H(this.styles.labelContainer)}">${T(this._labels,(o,a)=>o._id||a,(o,a)=>JF.call(this,i,e,t,o,a))}</ul>`}function JF(i,e,t,o,a){return d`<li style="${H(this.styles.label)}">${r(o)}</li>`}function pb(i,e,t){return d`<div class="ui5-slider-tooltip ui5-slider-tooltip--start" style="${H(this.styles.tooltip)}"><span class="ui5-slider-tooltip-value">${r(this.tooltipStartValue)}</span></div>`}function _b(i,e,t){return d`<div class="ui5-slider-tooltip ui5-slider-tooltip--end" style="${H(this.styles.tooltip)}"><span class="ui5-slider-tooltip-value">${r(this.tooltipEndValue)}</span></div>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@ui5/webcomponents","sap_horizon",async()=>Z);const dw={packageName:"@ui5/webcomponents",fileName:"themes/RangeSlider.css.ts",content:`:host([ui5-range-slider]) .ui5-slider-progress-container:before{background-color:var(--_ui5-v1-24-23_slider_progress_container_dot_background)}.ui5-slider-root:hover:active .ui5-slider-handle:not(:focus){background:var(--sapSlider_RangeHandleBackground)}:host([range-pressed]) .ui5-slider-root:active .ui5-slider-handle:not(:focus){background:var(--_ui5-v1-24-23_range_slider_handle_active_background);border:var(--_ui5-v1-24-23_slider_handle_focus_border);box-shadow:none}:host([range-pressed]) .ui5-slider-handle [slider-icon]{display:var(--_ui5-v1-24-23_range_slider_active_handle_icon_display)}.ui5-slider-root:not(.ui5-slider-root-phone):focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-root:not(.ui5-slider-root-phone) .ui5-slider-inner .ui5-slider-handle:focus{background:var(--_ui5-v1-24-23_range_slider_handle_background_focus)}.ui5-slider-root:not(.ui5-slider-root-phone) .ui5-slider-inner .ui5-slider-handle:focus [slider-icon]{display:none}.ui5-slider-root:not(.ui5-slider-root-phone) .ui5-slider-progress:focus:before{display:var(--_ui5-v1-24-23_range_slider_legacy_progress_focus_display);content:"";position:absolute;width:var(--_ui5-v1-24-23_range_slider_focus_outline_width);border:var(--_ui5-v1-24-23_slider_progress_outline);border-radius:var(--_ui5-v1-24-23_range_slider_focus_outline_radius);top:var(--_ui5-v1-24-23_slider_progress_outline_offset);height:var(--_ui5-v1-24-23_slider_outer_height);box-sizing:border-box;left:var(--_ui5-v1-24-23_slider_progress_outline_offset_left)}.ui5-slider-progress{position:relative}.ui5-slider-progress:focus:after{border:.125rem solid var(--sapContent_FocusColor);border-radius:.5rem;content:"";display:var(--_ui5-v1-24-23_range_slider_progress_focus_display);position:absolute;top:var(--_ui5-v1-24-23_range_slider_progress_focus_top);left:var(--_ui5-v1-24-23_range_slider_progress_focus_left);padding:var(--_ui5-v1-24-23_range_slider_progress_focus_padding);width:var(--_ui5-v1-24-23_range_slider_progress_focus_width);height:var(--_ui5-v1-24-23_range_slider_progress_focus_height);box-sizing:border-box}.ui5-slider-handle{background:var(--_ui5-v1-24-23_range_slider_handle_background)}.ui5-slider-progress-container:hover~.ui5-slider-handle:not(:focus),.ui5-slider-handle:hover{background:var(--_ui5-v1-24-23_range_slider_root_hover_handle_bg)}.ui5-slider-root:hover .ui5-slider-handle:not(:focus) [slider-icon]{display:var(--_ui5-v1-24-23_range_slider_root_hover_handle_icon_display)}:host([range-pressed]) .ui5-slider-root:active .ui5-slider-handle:not(:focus) [slider-icon]{display:var(--_ui5-v1-24-23_range_slider_root_active_handle_icon_display)}
|
|
245
|
-
`};var Ch=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},br;let Mn=br=class extends vo{constructor(){super(),this._isPressInCurrentRange=!1,this._handeIsPressed=!1,this._reversedValues=!1,this._stateStorage.startValue=void 0,this._stateStorage.endValue=void 0}get tooltipStartValue(){const t=this.constructor._getDecimalPrecisionOfNumber(this._effectiveStep);return this.startValue.toFixed(t)}get tooltipEndValue(){const t=this.constructor._getDecimalPrecisionOfNumber(this._effectiveStep);return this.endValue.toFixed(t)}get _ariaDisabled(){return this.disabled||void 0}get _ariaLabelledByText(){return br.i18nBundle.getText(Q4)}get _ariaHandlesText(){const e=this.effectiveDir==="rtl",t=this._areValuesReversed(),o={};return e&&!t||!e&&t?(o.startHandleText=br.i18nBundle.getText($m),o.endHandleText=br.i18nBundle.getText(Sm)):(o.startHandleText=br.i18nBundle.getText(Sm),o.endHandleText=br.i18nBundle.getText($m)),o}get _ariaValueNow(){return Math.abs(this.endValue-this.startValue)}onBeforeRendering(){if(this.startValue>this.endValue){const e=this._valueAffected==="startValue"?"endValue":"startValue";this._swapValues(),this._setAffectedValue(e),this.update(e,this.startValue,this.endValue)}this.isCurrentStateOutdated()&&(this.notResized=!0,this.syncUIAndState(),this._updateHandlesAndRange(0))}syncUIAndState(){if(this.isPropertyUpdated("step")&&(this._validateStep(this.step),this.storePropertyState("step")),this.isPropertyUpdated("min","max","startValue","endValue")){this.storePropertyState("min","max");const e=vo.clipValue(this.startValue,this._effectiveMin,this._effectiveMax);this.startValue=e,this.updateStateStorageAndFireInputEvent("startValue"),this.storePropertyState("startValue");const t=vo.clipValue(this.endValue,this._effectiveMin,this._effectiveMax);this.endValue=t,this.updateStateStorageAndFireInputEvent("endValue"),this.storePropertyState("endValue")}this.labelInterval&&this.showTickmarks&&this._createLabels(),this.isPropertyUpdated("labelInterval")&&this.storePropertyState("labelInterval")}_onfocusin(){this._endValueInitial||(this._startValueInitial=this.startValue,this._endValueInitial=this.endValue),this.showTooltip&&(this._tooltipVisibility=vo.TOOLTIP_VISIBILITY.VISIBLE)}_onfocusout(){if(this._isFocusing()){this._preventFocusOut();return}this._setAffectedValue(void 0),this._startValueInitial=void 0,this._endValueInitial=void 0,this.showTooltip&&(this._tooltipVisibility=vo.TOOLTIP_VISIBILITY.HIDDEN)}_onkeyup(){super._onkeyup(),this._setAffectedValue(void 0),(this.startValue!==this._startValueAtBeginningOfAction||this.endValue!==this._endValueAtBeginningOfAction)&&this.fireEvent("change"),this._startValueAtBeginningOfAction=void 0,this._endValueAtBeginningOfAction=void 0}_handleActionKeyPress(e){if(this._startValueAtBeginningOfAction=this.startValue,this._endValueAtBeginningOfAction=this.endValue,Fe(e)){this.update(void 0,this._startValueInitial,this._endValueInitial);return}this._setAffectedValueByFocusedElement();const t=this._effectiveMin,o=this._effectiveMax,a=this._valueAffected;if((jt(e)||rt(e))&&!a){this._homeEndForSelectedRange(e,rt(e)?"startValue":"endValue",t,o);return}const n=this._handleActionKeyPressBase(e,a);if(!n)return;const s=this.constructor;if(a&&!this._isPressInCurrentRange){const l=this[a],h=s.clipValue(n+l,t,o);this.update(a,h,void 0)}else if(n<0&&this.startValue>t||n>0&&this.endValue<o){const l=s.clipValue(n+this.startValue,t,o),h=s.clipValue(n+this.endValue,t,o);this.update(a,l,h)}}_setAffectedValueByFocusedElement(){this.shadowRoot.activeElement===this._startHandle&&this._setAffectedValue("startValue"),this.shadowRoot.activeElement===this._endHandle&&this._setAffectedValue("endValue"),this.shadowRoot.activeElement===this._progressBar&&this._setAffectedValue(void 0),this._setIsPressInCurrentRange(!this._valueAffected)}_homeEndForSelectedRange(e,t,o,a){const n=this._handleActionKeyPressBase(e,t),s=this.constructor,l=s.clipValue(n+this.startValue,o,a),h=s.clipValue(n+this.endValue,o,a);this.update(void 0,l,h)}update(e,t,o){if(!e)this.startValue=t,this.updateStateStorageAndFireInputEvent("startValue"),this.endValue=o,this.updateStateStorageAndFireInputEvent("endValue"),this._updateHandlesAndRange(0);else{const a=o&&e==="endValue"?o:t;this._updateHandlesAndRange(a||0),e==="startValue"&&(this.startValue=a,this.updateStateStorageAndFireInputEvent("startValue")),e==="endValue"&&(this.endValue=a,this.updateStateStorageAndFireInputEvent("endValue"))}}_onmousedown(e){if(this.disabled||this._effectiveStep===0)return;const t=this.handleDownBase(e);if(this._saveInteractionStartData(e,t),this.rangePressed=this._isPressInCurrentRange,this._isPressInCurrentRange||this._handeIsPressed){this._handeIsPressed=!1;return}this.update(this._valueAffected,t,void 0)}_saveInteractionStartData(e,t){const o=this.shadowRoot.querySelector(".ui5-slider-progress").getBoundingClientRect();this._startValueAtBeginningOfAction=this.startValue,this._endValueAtBeginningOfAction=this.endValue;const a=this.constructor;this._initialPageXPosition=a.getPageXValueFromEvent(e),this._pressTargetAndAffectedValue(this._initialPageXPosition,t),this._initialStartHandlePageX=this.directionStart==="left"?o.left:o.right}_handleMove(e){if(e.preventDefault(),!(this.disabled||this._effectiveStep===0)){if(!this._isPressInCurrentRange){this._updateValueOnHandleDrag(e);return}this._updateValueOnRangeDrag(e)}}_updateValueOnHandleDrag(e){const o=this.constructor.getValueFromInteraction(e,this._effectiveStep,this._effectiveMin,this._effectiveMax,this.getBoundingClientRect(),this.directionStart);this.update(this._valueAffected,o,void 0)}_updateValueOnRangeDrag(e){const o=this.constructor.getPageXValueFromEvent(e),a=this._calculateRangeOffset(o,this._initialStartHandlePageX);this._setAffectedValue(void 0),this.update(void 0,a[0],a[1])}_handleUp(){this._setAffectedValueByFocusedElement(),this._setAffectedValue(void 0),(this.startValue!==this._startValueAtBeginningOfAction||this.endValue!==this._endValueAtBeginningOfAction)&&this.fireEvent("change"),this._setIsPressInCurrentRange(!1),this.handleUpBase(),this.rangePressed=!1,this._startValueAtBeginningOfAction=void 0,this._endValueAtBeginningOfAction=void 0}_pressTargetAndAffectedValue(e,t){const o=this.shadowRoot.querySelector(".ui5-slider-handle--start"),a=this.shadowRoot.querySelector(".ui5-slider-handle--end"),n=o.getBoundingClientRect(),s=a.getBoundingClientRect(),l=e>=n.left&&e<=n.right,h=e>=s.left&&e<=s.right;(h||l)&&(this._handeIsPressed=!0),(h||t>this.endValue)&&this._setAffectedValue("endValue"),(l||t<this.startValue)&&this._setAffectedValue("startValue");const p=this._startValueAtBeginningOfAction!==void 0&&this._endValueAtBeginningOfAction!==void 0&&t>=this._startValueAtBeginningOfAction&&t<=this._endValueAtBeginningOfAction;this._setIsPressInCurrentRange(this._valueAffected||this._handeIsPressed?!1:p)}_setAffectedValue(e){this._valueAffected=e,this._areValuesReversed()&&this._setValuesAreReversed()}_setIsPressInCurrentRange(e){this._isPressInCurrentRange=e}focusInnerElement(){const e=this._areValuesReversed(),t=this._valueAffected;(this._isPressInCurrentRange||!t)&&this._progressBar.focus(),(t==="startValue"&&!e||t==="endValue"&&e)&&this._startHandle.focus(),(t==="endValue"&&!e||t==="startValue"&&e)&&this._endHandle.focus()}_calculateRangeOffset(e,t){if(this._initialPageXPosition===e)return[this.startValue,this.endValue];const o=this._effectiveMin,a=this._effectiveMax,n=this.endValue-this.startValue;let s=this._calculateStartValueByOffset(e,t);return s=this.constructor.clipValue(s,o,a-n),[s,s+n]}_calculateStartValueByOffset(e,t){const o=this._effectiveMin,a=this._effectiveMax,n=this._effectiveStep,s=this.getBoundingClientRect();let l,h,p;const _=this.constructor;return e>this._initialPageXPosition?(p=e-this._initialPageXPosition,h=t+p,l=_.computedValueFromPageX(h,o,a,s,this.directionStart),l=_.getSteppedValue(l,n,o)):(p=this._initialPageXPosition-e,h=t-p,l=_.computedValueFromPageX(h,o,a,s,this.directionStart),l=_.getSteppedValue(l,n,o)),l}_updateHandlesAndRange(e){const t=this._effectiveMax,o=this._effectiveMin,a=this.getStoredPropertyState("startValue")||0,n=this.getStoredPropertyState("endValue")||0,s=this._valueAffected;s==="startValue"?(this._selectedRange=(n-e)/(t-o),this._firstHandlePositionFromStart=(e-o)/(t-o)*100):s==="endValue"?(this._selectedRange=(e-a)/(t-o),this._secondHandlePositionFromStart=(e-o)/(t-o)*100):(this._selectedRange=(this.endValue-this.startValue)/(t-o),this._firstHandlePositionFromStart=(this.startValue-o)/(t-o)*100,this._secondHandlePositionFromStart=(this.endValue-o)/(t-o)*100)}_swapValues(){const e=this._valueAffected;if(e){if(e==="startValue"&&this.startValue>this.endValue){const t=this.endValue;this.endValue=this.startValue,this.startValue=t}if(e==="endValue"&&this.endValue<this.startValue){const t=this.startValue;this.startValue=this.endValue,this.endValue=t}this._setValuesAreReversed(),this._updateHandlesAndRange(this[e]),this.focusInnerElement(),this.syncUIAndState()}}_setValuesAreReversed(){this._reversedValues=!this._reversedValues}_areValuesReversed(){return this._reversedValues}get tickmarksObject(){const e=this._tickmarksCount,t=[];if(this._hiddenTickmarks)return[!1,!1];for(let o=0;o<=e;o++){const a=this._effectiveMin+o*this.step>=this.startValue,n=this._effectiveMin+o*this.step<=this.endValue;t.push(a&&n)}return t}get _startHandle(){return this.shadowRoot.querySelector(".ui5-slider-handle--start")}get _endHandle(){return this.shadowRoot.querySelector(".ui5-slider-handle--end")}get _progressBar(){return this.shadowRoot.querySelector(".ui5-slider-progress")}get _ariaLabelledByStartHandleRefs(){return[`${this._id}-accName`,`${this._id}-startHandleDesc`].join(" ").trim()}get _ariaLabelledByEndHandleRefs(){return[`${this._id}-accName`,`${this._id}-endHandleDesc`].join(" ").trim()}get _ariaLabelledByProgressBarRefs(){return[`${this._id}-accName`,`${this._id}-sliderDesc`].join(" ").trim()}get styles(){return{progress:{width:`${this._selectedRange*100}%`,"transform-origin":`${this.directionStart} top`,[this.directionStart]:`${this._firstHandlePositionFromStart}%`},startHandle:{[this.directionStart]:`${this._firstHandlePositionFromStart}%`},endHandle:{[this.directionStart]:`${this._secondHandlePositionFromStart}%`},label:{width:`${this._labelWidth}%`},labelContainer:{width:"100%",[this.directionStart]:`-${this._labelWidth/2}%`},tooltip:{visibility:`${this._tooltipVisibility}`}}}static async onDefine(){br.i18nBundle=await M("@ui5/webcomponents")}};Ch([c({validator:it,defaultValue:0})],Mn.prototype,"startValue",void 0);Ch([c({validator:it,defaultValue:100})],Mn.prototype,"endValue",void 0);Ch([c({type:Boolean})],Mn.prototype,"rangePressed",void 0);Mn=br=Ch([y({tag:"ui5-range-slider",languageAware:!0,template:WF,dependencies:[U],styles:[vo.styles,dw]})],Mn);Mn.define();const eX=Mn;v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const cw={packageName:"@sapudex/web-components",fileName:"themes/Slider.css.ts",content:`:host{--udex-slider-color-track-start-point: var( --sapSlider_Selected_Background, #0070f2 );--udex-slider-color-track-active: var( --sapSlider_Selected_Background, #0070f2 );--udex-slider-color-handle-focus-range: var( --sapSlider_Selected_BorderColor, #0070f2 );--udex-slider-color-handle-active-background: var( --sapSlider_Active_HandleBackground, #ffffff );--udex-slider-color-handle-default-icon: var( --sapContent_Selected_ForegroundColor, #0040b0 );--udex-slider-radius-range-size: var(---udexRadiusM, .5rem)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v0-231-7_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}
|
|
245
|
+
`};var Ch=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},br;let Mn=br=class extends vo{constructor(){super(),this._isPressInCurrentRange=!1,this._handeIsPressed=!1,this._reversedValues=!1,this._stateStorage.startValue=void 0,this._stateStorage.endValue=void 0}get tooltipStartValue(){const t=this.constructor._getDecimalPrecisionOfNumber(this._effectiveStep);return this.startValue.toFixed(t)}get tooltipEndValue(){const t=this.constructor._getDecimalPrecisionOfNumber(this._effectiveStep);return this.endValue.toFixed(t)}get _ariaDisabled(){return this.disabled||void 0}get _ariaLabelledByText(){return br.i18nBundle.getText(Q4)}get _ariaHandlesText(){const e=this.effectiveDir==="rtl",t=this._areValuesReversed(),o={};return e&&!t||!e&&t?(o.startHandleText=br.i18nBundle.getText($m),o.endHandleText=br.i18nBundle.getText(Sm)):(o.startHandleText=br.i18nBundle.getText(Sm),o.endHandleText=br.i18nBundle.getText($m)),o}get _ariaValueNow(){return Math.abs(this.endValue-this.startValue)}onBeforeRendering(){if(this.startValue>this.endValue){const e=this._valueAffected==="startValue"?"endValue":"startValue";this._swapValues(),this._setAffectedValue(e),this.update(e,this.startValue,this.endValue)}this.isCurrentStateOutdated()&&(this.notResized=!0,this.syncUIAndState(),this._updateHandlesAndRange(0))}syncUIAndState(){if(this.isPropertyUpdated("step")&&(this._validateStep(this.step),this.storePropertyState("step")),this.isPropertyUpdated("min","max","startValue","endValue")){this.storePropertyState("min","max");const e=vo.clipValue(this.startValue,this._effectiveMin,this._effectiveMax);this.startValue=e,this.updateStateStorageAndFireInputEvent("startValue"),this.storePropertyState("startValue");const t=vo.clipValue(this.endValue,this._effectiveMin,this._effectiveMax);this.endValue=t,this.updateStateStorageAndFireInputEvent("endValue"),this.storePropertyState("endValue")}this.labelInterval&&this.showTickmarks&&this._createLabels(),this.isPropertyUpdated("labelInterval")&&this.storePropertyState("labelInterval")}_onfocusin(){this._endValueInitial||(this._startValueInitial=this.startValue,this._endValueInitial=this.endValue),this.showTooltip&&(this._tooltipVisibility=vo.TOOLTIP_VISIBILITY.VISIBLE)}_onfocusout(){if(this._isFocusing()){this._preventFocusOut();return}this._setAffectedValue(void 0),this._startValueInitial=void 0,this._endValueInitial=void 0,this.showTooltip&&(this._tooltipVisibility=vo.TOOLTIP_VISIBILITY.HIDDEN)}_onkeyup(){super._onkeyup(),this._setAffectedValue(void 0),(this.startValue!==this._startValueAtBeginningOfAction||this.endValue!==this._endValueAtBeginningOfAction)&&this.fireEvent("change"),this._startValueAtBeginningOfAction=void 0,this._endValueAtBeginningOfAction=void 0}_handleActionKeyPress(e){if(this._startValueAtBeginningOfAction=this.startValue,this._endValueAtBeginningOfAction=this.endValue,Fe(e)){this.update(void 0,this._startValueInitial,this._endValueInitial);return}this._setAffectedValueByFocusedElement();const t=this._effectiveMin,o=this._effectiveMax,a=this._valueAffected;if((jt(e)||rt(e))&&!a){this._homeEndForSelectedRange(e,rt(e)?"startValue":"endValue",t,o);return}const n=this._handleActionKeyPressBase(e,a);if(!n)return;const s=this.constructor;if(a&&!this._isPressInCurrentRange){const l=this[a],h=s.clipValue(n+l,t,o);this.update(a,h,void 0)}else if(n<0&&this.startValue>t||n>0&&this.endValue<o){const l=s.clipValue(n+this.startValue,t,o),h=s.clipValue(n+this.endValue,t,o);this.update(a,l,h)}}_setAffectedValueByFocusedElement(){this.shadowRoot.activeElement===this._startHandle&&this._setAffectedValue("startValue"),this.shadowRoot.activeElement===this._endHandle&&this._setAffectedValue("endValue"),this.shadowRoot.activeElement===this._progressBar&&this._setAffectedValue(void 0),this._setIsPressInCurrentRange(!this._valueAffected)}_homeEndForSelectedRange(e,t,o,a){const n=this._handleActionKeyPressBase(e,t),s=this.constructor,l=s.clipValue(n+this.startValue,o,a),h=s.clipValue(n+this.endValue,o,a);this.update(void 0,l,h)}update(e,t,o){if(!e)this.startValue=t,this.updateStateStorageAndFireInputEvent("startValue"),this.endValue=o,this.updateStateStorageAndFireInputEvent("endValue"),this._updateHandlesAndRange(0);else{const a=o&&e==="endValue"?o:t;this._updateHandlesAndRange(a||0),e==="startValue"&&(this.startValue=a,this.updateStateStorageAndFireInputEvent("startValue")),e==="endValue"&&(this.endValue=a,this.updateStateStorageAndFireInputEvent("endValue"))}}_onmousedown(e){if(this.disabled||this._effectiveStep===0)return;const t=this.handleDownBase(e);if(this._saveInteractionStartData(e,t),this.rangePressed=this._isPressInCurrentRange,this._isPressInCurrentRange||this._handeIsPressed){this._handeIsPressed=!1;return}this.update(this._valueAffected,t,void 0)}_saveInteractionStartData(e,t){const o=this.shadowRoot.querySelector(".ui5-slider-progress").getBoundingClientRect();this._startValueAtBeginningOfAction=this.startValue,this._endValueAtBeginningOfAction=this.endValue;const a=this.constructor;this._initialPageXPosition=a.getPageXValueFromEvent(e),this._pressTargetAndAffectedValue(this._initialPageXPosition,t),this._initialStartHandlePageX=this.directionStart==="left"?o.left:o.right}_handleMove(e){if(e.preventDefault(),!(this.disabled||this._effectiveStep===0)){if(!this._isPressInCurrentRange){this._updateValueOnHandleDrag(e);return}this._updateValueOnRangeDrag(e)}}_updateValueOnHandleDrag(e){const o=this.constructor.getValueFromInteraction(e,this._effectiveStep,this._effectiveMin,this._effectiveMax,this.getBoundingClientRect(),this.directionStart);this.update(this._valueAffected,o,void 0)}_updateValueOnRangeDrag(e){const o=this.constructor.getPageXValueFromEvent(e),a=this._calculateRangeOffset(o,this._initialStartHandlePageX);this._setAffectedValue(void 0),this.update(void 0,a[0],a[1])}_handleUp(){this._setAffectedValueByFocusedElement(),this._setAffectedValue(void 0),(this.startValue!==this._startValueAtBeginningOfAction||this.endValue!==this._endValueAtBeginningOfAction)&&this.fireEvent("change"),this._setIsPressInCurrentRange(!1),this.handleUpBase(),this.rangePressed=!1,this._startValueAtBeginningOfAction=void 0,this._endValueAtBeginningOfAction=void 0}_pressTargetAndAffectedValue(e,t){const o=this.shadowRoot.querySelector(".ui5-slider-handle--start"),a=this.shadowRoot.querySelector(".ui5-slider-handle--end"),n=o.getBoundingClientRect(),s=a.getBoundingClientRect(),l=e>=n.left&&e<=n.right,h=e>=s.left&&e<=s.right;(h||l)&&(this._handeIsPressed=!0),(h||t>this.endValue)&&this._setAffectedValue("endValue"),(l||t<this.startValue)&&this._setAffectedValue("startValue");const p=this._startValueAtBeginningOfAction!==void 0&&this._endValueAtBeginningOfAction!==void 0&&t>=this._startValueAtBeginningOfAction&&t<=this._endValueAtBeginningOfAction;this._setIsPressInCurrentRange(this._valueAffected||this._handeIsPressed?!1:p)}_setAffectedValue(e){this._valueAffected=e,this._areValuesReversed()&&this._setValuesAreReversed()}_setIsPressInCurrentRange(e){this._isPressInCurrentRange=e}focusInnerElement(){const e=this._areValuesReversed(),t=this._valueAffected;(this._isPressInCurrentRange||!t)&&this._progressBar.focus(),(t==="startValue"&&!e||t==="endValue"&&e)&&this._startHandle.focus(),(t==="endValue"&&!e||t==="startValue"&&e)&&this._endHandle.focus()}_calculateRangeOffset(e,t){if(this._initialPageXPosition===e)return[this.startValue,this.endValue];const o=this._effectiveMin,a=this._effectiveMax,n=this.endValue-this.startValue;let s=this._calculateStartValueByOffset(e,t);return s=this.constructor.clipValue(s,o,a-n),[s,s+n]}_calculateStartValueByOffset(e,t){const o=this._effectiveMin,a=this._effectiveMax,n=this._effectiveStep,s=this.getBoundingClientRect();let l,h,p;const _=this.constructor;return e>this._initialPageXPosition?(p=e-this._initialPageXPosition,h=t+p,l=_.computedValueFromPageX(h,o,a,s,this.directionStart),l=_.getSteppedValue(l,n,o)):(p=this._initialPageXPosition-e,h=t-p,l=_.computedValueFromPageX(h,o,a,s,this.directionStart),l=_.getSteppedValue(l,n,o)),l}_updateHandlesAndRange(e){const t=this._effectiveMax,o=this._effectiveMin,a=this.getStoredPropertyState("startValue")||0,n=this.getStoredPropertyState("endValue")||0,s=this._valueAffected;s==="startValue"?(this._selectedRange=(n-e)/(t-o),this._firstHandlePositionFromStart=(e-o)/(t-o)*100):s==="endValue"?(this._selectedRange=(e-a)/(t-o),this._secondHandlePositionFromStart=(e-o)/(t-o)*100):(this._selectedRange=(this.endValue-this.startValue)/(t-o),this._firstHandlePositionFromStart=(this.startValue-o)/(t-o)*100,this._secondHandlePositionFromStart=(this.endValue-o)/(t-o)*100)}_swapValues(){const e=this._valueAffected;if(e){if(e==="startValue"&&this.startValue>this.endValue){const t=this.endValue;this.endValue=this.startValue,this.startValue=t}if(e==="endValue"&&this.endValue<this.startValue){const t=this.startValue;this.startValue=this.endValue,this.endValue=t}this._setValuesAreReversed(),this._updateHandlesAndRange(this[e]),this.focusInnerElement(),this.syncUIAndState()}}_setValuesAreReversed(){this._reversedValues=!this._reversedValues}_areValuesReversed(){return this._reversedValues}get tickmarksObject(){const e=this._tickmarksCount,t=[];if(this._hiddenTickmarks)return[!1,!1];for(let o=0;o<=e;o++){const a=this._effectiveMin+o*this.step>=this.startValue,n=this._effectiveMin+o*this.step<=this.endValue;t.push(a&&n)}return t}get _startHandle(){return this.shadowRoot.querySelector(".ui5-slider-handle--start")}get _endHandle(){return this.shadowRoot.querySelector(".ui5-slider-handle--end")}get _progressBar(){return this.shadowRoot.querySelector(".ui5-slider-progress")}get _ariaLabelledByStartHandleRefs(){return[`${this._id}-accName`,`${this._id}-startHandleDesc`].join(" ").trim()}get _ariaLabelledByEndHandleRefs(){return[`${this._id}-accName`,`${this._id}-endHandleDesc`].join(" ").trim()}get _ariaLabelledByProgressBarRefs(){return[`${this._id}-accName`,`${this._id}-sliderDesc`].join(" ").trim()}get styles(){return{progress:{width:`${this._selectedRange*100}%`,"transform-origin":`${this.directionStart} top`,[this.directionStart]:`${this._firstHandlePositionFromStart}%`},startHandle:{[this.directionStart]:`${this._firstHandlePositionFromStart}%`},endHandle:{[this.directionStart]:`${this._secondHandlePositionFromStart}%`},label:{width:`${this._labelWidth}%`},labelContainer:{width:"100%",[this.directionStart]:`-${this._labelWidth/2}%`},tooltip:{visibility:`${this._tooltipVisibility}`}}}static async onDefine(){br.i18nBundle=await M("@ui5/webcomponents")}};Ch([c({validator:it,defaultValue:0})],Mn.prototype,"startValue",void 0);Ch([c({validator:it,defaultValue:100})],Mn.prototype,"endValue",void 0);Ch([c({type:Boolean})],Mn.prototype,"rangePressed",void 0);Mn=br=Ch([y({tag:"ui5-range-slider",languageAware:!0,template:WF,dependencies:[U],styles:[vo.styles,dw]})],Mn);Mn.define();const eX=Mn;v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const cw={packageName:"@sapudex/web-components",fileName:"themes/Slider.css.ts",content:`:host{--udex-slider-color-track-start-point: var( --sapSlider_Selected_Background, #0070f2 );--udex-slider-color-track-active: var( --sapSlider_Selected_Background, #0070f2 );--udex-slider-color-handle-focus-range: var( --sapSlider_Selected_BorderColor, #0070f2 );--udex-slider-color-handle-active-background: var( --sapSlider_Active_HandleBackground, #ffffff );--udex-slider-color-handle-default-icon: var( --sapContent_Selected_ForegroundColor, #0040b0 );--udex-slider-radius-range-size: var(---udexRadiusM, .5rem)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v0-231-8_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}
|
|
246
246
|
`};var tX=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n};let G_=class extends eX{onEnterDOM(){ge()&&this.setAttribute("desktop","")}};G_=tX([y({tag:"udex-range-slider",renderer:k,styles:[vo.styles,dw,cw]})],G_);G_.define();function iX(i,e,t){return t?d`<div class="udex-rating-bar__container"><div aria-hidden="true" class="udex-rating-bar__rating">${r(this.validatedRating)}</div><${u("ui5-icon",e,t)} role="img" aria-labelledby="ratingDescription" name="favorite" class="udex-rating__icon"></${u("ui5-icon",e,t)}><div class="udex-rating-bar__track"><div class="udex-rating-bar__progress"></div></div>${this.showPercentage?vb.call(this,i,e,t):void 0}<span id="ratingDescription" class="hidden-text">${r(this._ratingDescription)}</span></div>`:d`<div class="udex-rating-bar__container"><div aria-hidden="true" class="udex-rating-bar__rating">${r(this.validatedRating)}</div><ui5-icon role="img" aria-labelledby="ratingDescription" name="favorite" class="udex-rating__icon"></ui5-icon><div class="udex-rating-bar__track"><div class="udex-rating-bar__progress"></div></div>${this.showPercentage?vb.call(this,i,e,t):void 0}<span id="ratingDescription" class="hidden-text">${r(this._ratingDescription)}</span></div>`}function vb(i,e,t){return d`<div role="note" class="udex-rating-bar__percentage" aria-label="${r(this.validatedPercentage)}">${r(this.validatedPercentage)}</div>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const oX={packageName:"@sapudex/web-components",fileName:"themes/RatingBar.css.ts",content:`:host{--udex-rating-bar-progress-color: var(--udexColorMango6);--udex-rating-bar-progress-track-color: var(--udexColorGrey1);--udex-rating-bar-text-color: var(--udexColorGrey7);--udex-rating-bar-container-height: 1.5rem;--udex-rating-bar-progress: 100%;--udex-rating-bar-track-height: .75rem;--udex-rating-bar-progress-radius: var(---udexRadiusM, .5rem)}.udex-rating-bar__container{display:flex;flex-direction:row;align-items:center;gap:var(--udexSpacer4);height:var(--udex-rating-bar-container-height);font-family:var(--sapFontFamily, sans-serif)}.udex-rating-bar__percentage,.udex-rating-bar__rating{color:var(--udex-rating-bar-text-color);font-size:var(--udexTypographyBodySFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-rating-bar__track{width:100%;height:var(--udex-rating-bar-track-height);background-color:var(--udex-rating-bar-progress-track-color);border:none;overflow:hidden;border-radius:var(--udex-rating-bar-progress-radius)}.udex-rating-bar__progress{width:var(--udex-rating-bar-progress);height:100%;background-color:var(--udex-rating-bar-progress-color);border:none;border-radius:var(--udex-rating-bar-progress-radius)}.udex-rating__icon{height:.875rem;width:.875rem;color:var(--udexColorMango6)}.hidden-text{display:none}
|
|
247
247
|
`};var Ih=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},Yc;let On=Yc=class extends E{constructor(){super(...arguments),this._minRating=0,this._maxRating=5,this._minPercentage=0,this._maxPercentage=100}static async onDefine(){Yc.i18nBundle=await M("@sapudex/web-components")}onBeforeRendering(){this.style.setProperty("--udex-rating-bar-progress",`${this.percentage}%`)}get validatedRating(){return this.rating>this._maxRating?(console.warn("UDEx RatingBar: The rating shouldn't be more than 5."),this._maxRating):this.rating<this._minRating?(console.warn("UDEx RatingBar: The rating shouldn't be less than 0."),this._minRating):this.rating}get validatedPercentage(){return this.percentage>this._maxPercentage?(console.warn("UDEx RatingBar: The percentage shouldn't be more than 100."),`${this._maxPercentage}%`):this.percentage<this._minPercentage?(console.warn("UDEx RatingBar: The percentage shouldn't be less than 0."),`${this._minPercentage}%`):`${this.percentage}%`}get _ratingDescription(){return`${this.validatedRating} ${Yc.i18nBundle.getText(Ky)}`}};Ih([c({type:Number,defaultValue:0,validator:q})],On.prototype,"rating",void 0);Ih([c({type:Number,defaultValue:0,validator:q})],On.prototype,"percentage",void 0);Ih([c({type:Boolean})],On.prototype,"showPercentage",void 0);On=Yc=Ih([y({tag:"udex-rating-bar",renderer:k,styles:oX,template:iX,dependencies:[U]})],On);On.define();const uw=On;function aX(i,e,t){return d`<div class="ui5-rating-indicator-root" role="slider" aria-roledescription="${r(this._ariaRoleDescription)}" aria-valuemin="0" aria-valuenow="${r(this.value)}" aria-valuemax="${r(this.max)}" aria-valuetext="${r(this.value)} of ${r(this.max)}" aria-orientation="horizontal" aria-disabled="${r(this._ariaDisabled)}" aria-readonly="${r(this.ariaReadonly)}" aria-description="${r(this._ariaDescription)}" tabindex="${r(this.effectiveTabIndex)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" @click="${this._onclick}" @keydown="${this._onkeydown}" title="${r(this.ratingTooltip)}" aria-label="${r(this._ariaLabel)}"><ul class="ui5-rating-indicator-list" aria-hidden="true">${T(this._stars,(o,a)=>o._id||a,(o,a)=>rX.call(this,i,e,t,o,a))}</ul></div>`}function rX(i,e,t,o,a){return d`${o.selected?nX.call(this,i,e,t,o,a):sX.call(this,i,e,t,o,a)}`}function nX(i,e,t,o,a){return t?d`<li data-ui5-value="${r(o.index)}" class="ui5-rating-indicator-item ui5-rating-indicator-item-sel"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="favorite"></${u("ui5-icon",e,t)}></li>`:d`<li data-ui5-value="${r(o.index)}" class="ui5-rating-indicator-item ui5-rating-indicator-item-sel"><ui5-icon data-ui5-value="${r(o.index)}" name="favorite"></ui5-icon></li>`}function sX(i,e,t,o,a){return d`${o.halfStar?lX.call(this,i,e,t,o,a):dX.call(this,i,e,t,o,a)}`}function lX(i,e,t,o,a){return t?d`<li class="ui5-rating-indicator-item ui5-rating-indicator-item-half"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="unfavorite"></${u("ui5-icon",e,t)}><div class="ui5-rating-indicator-half-icon-wrapper"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="favorite" class="ui5-rating-indicator-half-icon"></${u("ui5-icon",e,t)}></div></li>`:d`<li class="ui5-rating-indicator-item ui5-rating-indicator-item-half"><ui5-icon data-ui5-value="${r(o.index)}" name="unfavorite"></ui5-icon><div class="ui5-rating-indicator-half-icon-wrapper"><ui5-icon data-ui5-value="${r(o.index)}" name="favorite" class="ui5-rating-indicator-half-icon"></ui5-icon></div></li>`}function dX(i,e,t,o,a){return d`${this.readonly?cX.call(this,i,e,t,o,a):uX.call(this,i,e,t,o,a)}`}function cX(i,e,t,o,a){return t?d`<li class="ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="favorite"></${u("ui5-icon",e,t)}></li>`:d`<li class="ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><ui5-icon data-ui5-value="${r(o.index)}" name="favorite"></ui5-icon></li>`}function uX(i,e,t,o,a){return d`${this.disabled?hX.call(this,i,e,t,o,a):pX.call(this,i,e,t,o,a)}`}function hX(i,e,t,o,a){return t?d`<li class="ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="favorite"></${u("ui5-icon",e,t)}></li>`:d`<li class="ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><ui5-icon data-ui5-value="${r(o.index)}" name="favorite"></ui5-icon></li>`}function pX(i,e,t,o,a){return t?d`<li data-ui5-value="${r(o.index)}" class="ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="unfavorite"></${u("ui5-icon",e,t)}></li>`:d`<li data-ui5-value="${r(o.index)}" class="ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><ui5-icon data-ui5-value="${r(o.index)}" name="unfavorite"></ui5-icon></li>`}const _X="favorite",hw="M378.36 297.834q-5.996 3.998-2.998 8.995l71.96 193.892q1.999 4.997-2.499 8.995t-9.494.999l-174.903-123.93q-4.997-3-8.995 0L76.53 510.714q-4.997 2.998-9.495-1t-2.499-8.994l71.96-193.892q2-5.997-2.998-8.995L3.569 205.885q-4.997-2.998-2.998-8.495t6.996-5.497h165.908q4.997 0 7.995-4.997L248.433 4.997Q250.432 0 255.929 0t7.495 4.997l66.963 181.899q1.999 4.997 7.996 4.997H503.29q5.996 0 7.995 5.497t-2.998 8.495z",vX=!1,gX="SAP-icons-v4",mX="@ui5/webcomponents-icons";D(_X,{pathData:hw,ltr:vX,collection:gX,packageName:mX});const fX="favorite",pw="M0 198q0-9 6.5-16t15.5-9l148-21 63-137q7-15 23-15t23 15l64 137 147 21q10 2 16 9t6 16q0 11-7 18L399 328l26 154q1 2 1 5 0 10-7.5 17.5T400 512q-6 0-12-3l-132-74-132 74q-4 3-12 3-11 0-18.5-7.5T86 487q0-2 .5-2.5t.5-2.5l26-154L7 216q-7-7-7-18z",bX=!1,xX="SAP-icons-v5",yX="@ui5/webcomponents-icons";D(fX,{pathData:pw,ltr:bX,collection:xX,packageName:yX});oe();const wX="unfavorite",_w="M8.569 191.946h164.954q5.998 0 7.998-4.998l66.981-181.95Q250.502 0 256.5 0q4.998 0 6.998 4.999l66.981 181.949q2 4.998 7.998 4.998h165.954q4.998 0 6.998 5.499t-3 8.498l-129.963 91.974q-4 2.999-3 8.997l71.98 193.946q2 4.999-1 7.998t-6.997 3q-3 0-4-1L260.5 386.891q-1-1-4-1-3.998 0-4.998 1L76.551 510.857q-1 1-4 1-3.999 0-6.998-2.999t-1-7.998l71.98-193.946q2-5.998-2.999-8.997L3.57 205.943q-4.998-3-2.999-8.498t7.998-5.499zm143.96 79.978q10.997 7.998 14.996 20.494t-1 25.493l-44.987 121.966L233.506 360.9q9.997-6.998 22.994-6.998 11.996 0 21.994 5.999l111.968 79.977-44.987-121.966q-4.999-12.996-1-25.493t14.996-20.494l68.98-47.986h-89.974q-26.992 0-37.99-25.993L256.5 76.979l-44.988 120.966q-10.997 25.993-37.989 25.993H84.548z",kX=!1,SX="SAP-icons-v4",$X="@ui5/webcomponents-icons";D(wX,{pathData:_w,ltr:kX,collection:SX,packageName:$X});const TX="unfavorite",vw="M400 510q-7 0-12-3l-132-74-131 74q-6 3-13 3-11 0-18.5-7T86 485q0-2 .5-2.5t.5-1.5l26-155L7 214q-7-7-7-17t6.5-17 15.5-9l148-21 63-137q7-15 23-15t23 15l64 137 147 21q10 2 16 9t6 17q0 11-7 17L399 326l26 155q1 1 1 4 0 11-7.5 18t-18.5 7zM256 379q7 0 13 3l97 54-20-114q0-7 1-12t6-10l81-85-112-16q-13-1-20-15l-46-99-46 99q-5 13-19 15L78 215l81 85q5 5 6 10t1 12l-20 114 98-54q5-3 12-3z",CX=!1,IX="SAP-icons-v5",BX="@ui5/webcomponents-icons";D(TX,{pathData:vw,ltr:CX,collection:IX,packageName:BX});oe();v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@ui5/webcomponents","sap_horizon",async()=>Z);const EX={packageName:"@ui5/webcomponents",fileName:"themes/RatingIndicator.css.ts",content:`:host(:not([hidden])){display:inline-block;font-size:24px;margin:var(--_ui5-v1-24-23_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:.4;cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .ui5-rating-indicator-item-unsel,:host([readonly]) .ui5-rating-indicator-item-unsel{padding-inline:var(--_ui5-v1-24-23_rating_indicator_readonly_item_spacing);width:var(--_ui5-v1-24-23_rating_indicator_readonly_item_width);height:var(--_ui5-v1-24-23_rating_indicator_readonly_item_height)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:.9}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:var(--_ui5-v1-24-23_rating_indicator_outline_offset);border-radius:var(--_ui5-v1-24-23_rating_indicator_border_radius)}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.ui5-rating-indicator-root{outline:none;position:relative}.ui5-rating-indicator-list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.ui5-rating-indicator-item{position:relative;width:var(--_ui5-v1-24-23_rating_indicator_item_width);height:var(--_ui5-v1-24-23_rating_indicator_item_height)}.ui5-rating-indicator-item:not(:last-child){margin-inline-end:.1875rem}.ui5-rating-indicator-item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.ui5-rating-indicator-item.ui5-rating-indicator-item-sel{color:var(--sapContent_RatedColor)}.ui5-rating-indicator-item.ui5-rating-indicator-item-unsel,.ui5-rating-indicator-item.ui5-rating-indicator-item-half{color:var(--sapContent_UnratedColor)}.ui5-rating-indicator-item [ui5-icon].ui5-rating-indicator-half-icon{position:absolute;inset-inline-start:50%;color:var(--sapContent_RatedColor)}.ui5-rating-indicator-half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}
|
|
248
|
-
`};var ta=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},ps;let Di=ps=class extends E{static async onDefine(){ps.i18nBundle=await M("@ui5/webcomponents")}constructor(){super()}onBeforeRendering(){this.calcState()}calcState(){this._stars=[];for(let e=1;e<this.max+1;e++){const t=Math.round((this.value-Math.floor(this.value))*10);let o=!1,a=this.value;Math.floor(this.value)+1===e&&t>2&&t<8?o=!0:t<=2?a=Math.floor(this.value):t>=8&&(a=Math.ceil(this.value)),this._stars.push({selected:e<=a,index:e,halfStar:o})}}_onclick(e){const t=e.target;if(!(t instanceof HTMLElement)||this.disabled||this.readonly)return;const o=t.getAttribute("data-ui5-value");o!==null&&(this.value=parseInt(o),this.value===1&&this._liveValue===1&&(this.value=0),this._liveValue!==this.value&&(this.fireEvent("change"),this._liveValue=this.value))}_onkeydown(e){if(this.disabled||this.readonly)return;const t=Te(e)||ke(e),o=be(e)||Ee(e),a=F(e)||K(e),n=rt(e),s=jt(e),l=e.keyCode>=48&&e.keyCode<=57||e.keyCode>=96&&e.keyCode<=105;if(t||o||a||n||s||l){if(e.preventDefault(),t&&this.value>0)this.value=Math.round(this.value-1);else if(o&&this.value<this.max)this.value=Math.round(this.value+1);else if(a){const h=Math.round(this.value+1);this.value=h>this.max?0:h}else if(n)this.value=0;else if(s)this.value=this.max;else if(l){const h=parseInt(e.key);this.value=h>this.max?this.max:h}this.fireEvent("change")}}_onfocusin(){this.disabled||(this._focused=!0,this._liveValue=this.value)}_onfocusout(){this._focused=!1}get effectiveTabIndex(){const e=this.getAttribute("tabindex");return this.disabled?"-1":e||"0"}get ratingTooltip(){return this.tooltip?this.tooltip:Gp()?this.defaultTooltip:void 0}get defaultTooltip(){return ps.i18nBundle.getText(J4)}get _ariaRoleDescription(){return ps.i18nBundle.getText(eI)}get _ariaDisabled(){return this.disabled||void 0}get _ariaLabel(){return Ia(this)}get _ariaDescription(){return this.required?ps.i18nBundle.getText(tI):void 0}get ariaReadonly(){return this.readonly?"true":void 0}};ta([c({validator:it,defaultValue:0})],Di.prototype,"value",void 0);ta([c({validator:q,defaultValue:5})],Di.prototype,"max",void 0);ta([c({type:Boolean})],Di.prototype,"disabled",void 0);ta([c({type:Boolean})],Di.prototype,"readonly",void 0);ta([c()],Di.prototype,"accessibleName",void 0);ta([c({defaultValue:""})],Di.prototype,"accessibleNameRef",void 0);ta([c({type:Boolean})],Di.prototype,"required",void 0);ta([c()],Di.prototype,"tooltip",void 0);ta([c({type:Object,multiple:!0})],Di.prototype,"_stars",void 0);ta([c({type:Boolean})],Di.prototype,"_focused",void 0);Di=ps=ta([y({tag:"ui5-rating-indicator",languageAware:!0,renderer:k,styles:EX,template:aX,dependencies:[U]}),f("change")],Di);Di.define();const Y_=Di;function AX(i,e,t){return d`<div class="udex-rating-indicator ui5-rating-indicator-root ${r(this.classNames)}" role="slider" aria-roledescription="${r(this._ariaRoleDescription)}" aria-valuemin="0" aria-valuenow="${r(this.value)}" aria-valuemax="${r(this.max)}" aria-valuetext="${r(this.value)} of ${r(this.max)}" aria-orientation="horizontal" aria-disabled="${r(this._ariaDisabled)}" aria-readonly="${r(this.ariaReadonly)}" aria-description="${r(this._ariaDescription)}" tabindex="${r(this.effectiveTabIndex)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" @click="${this._onclick}" @keydown="${this._onkeydown}" title="${r(this.ratingTooltip)}" aria-label="${r(this._ariaLabel)}"><ul class="udex-rating-indicator__list ui5-rating-indicator-list" aria-hidden="true">${T(this._stars,(o,a)=>o._id||a,(o,a)=>DX.call(this,i,e,t,o,a))}</ul>${this.totalCount?FX.call(this,i,e,t):void 0}</div>`}function DX(i,e,t,o,a){return d`${o.selected?PX.call(this,i,e,t,o,a):NX.call(this,i,e,t,o,a)}`}function PX(i,e,t,o,a){return t?d`<li data-ui5-value="${r(o.index)}" class="udex-rating-indicator__item udex-rating-indicator__item-sel ui5-rating-indicator-item ui5-rating-indicator-item-sel"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="favorite"></${u("ui5-icon",e,t)}></li>`:d`<li data-ui5-value="${r(o.index)}" class="udex-rating-indicator__item udex-rating-indicator__item-sel ui5-rating-indicator-item ui5-rating-indicator-item-sel"><ui5-icon data-ui5-value="${r(o.index)}" name="favorite"></ui5-icon></li>`}function NX(i,e,t,o,a){return d`${o.halfStar?RX.call(this,i,e,t,o,a):LX.call(this,i,e,t,o,a)}`}function RX(i,e,t,o,a){return t?d`<li class="udex-rating-indicator__item udex-rating-indicator__item-half ui5-rating-indicator-item ui5-rating-indicator-item-half"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="unfavorite"></${u("ui5-icon",e,t)}><div class="udex-rating-indicator__half-icon-wrapper ui5-rating-indicator-half-icon-wrapper"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="favorite" class="udex-rating-indicator__half-icon ui5-rating-indicator-half-icon"></${u("ui5-icon",e,t)}></div></li>`:d`<li class="udex-rating-indicator__item udex-rating-indicator__item-half ui5-rating-indicator-item ui5-rating-indicator-item-half"><ui5-icon data-ui5-value="${r(o.index)}" name="unfavorite"></ui5-icon><div class="udex-rating-indicator__half-icon-wrapper ui5-rating-indicator-half-icon-wrapper"><ui5-icon data-ui5-value="${r(o.index)}" name="favorite" class="udex-rating-indicator__half-icon ui5-rating-indicator-half-icon"></ui5-icon></div></li>`}function LX(i,e,t,o,a){return d`${this.readonly?jX.call(this,i,e,t,o,a):MX.call(this,i,e,t,o,a)}`}function jX(i,e,t,o,a){return t?d`<li class="udex-rating-indicator__item udex-rating-indicator__item-unsel ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="unfavorite"></${u("ui5-icon",e,t)}></li>`:d`<li class="udex-rating-indicator__item udex-rating-indicator__item-unsel ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><ui5-icon data-ui5-value="${r(o.index)}" name="unfavorite"></ui5-icon></li>`}function MX(i,e,t,o,a){return d`${this.disabled?OX.call(this,i,e,t,o,a):zX.call(this,i,e,t,o,a)}`}function OX(i,e,t,o,a){return t?d`<li class="udex-rating-indicator__item udex-rating-indicator__item-unsel ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="unfavorite"></${u("ui5-icon",e,t)}></li>`:d`<li class="udex-rating-indicator__item udex-rating-indicator__item-unsel ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><ui5-icon data-ui5-value="${r(o.index)}" name="unfavorite"></ui5-icon></li>`}function zX(i,e,t,o,a){return t?d`<li data-ui5-value="${r(o.index)}" class="udex-rating-indicator__item udex-rating-indicator__item-unsel ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="unfavorite"></${u("ui5-icon",e,t)}></li>`:d`<li data-ui5-value="${r(o.index)}" class="udex-rating-indicator__item udex-rating-indicator__item-unsel ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><ui5-icon data-ui5-value="${r(o.index)}" name="unfavorite"></ui5-icon></li>`}function FX(i,e,t){return d`<div class="udex-rating-indicator__total">(${r(this.totalCount)})</div>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const XX={packageName:"@sapudex/web-components",fileName:"themes/RatingIndicator.css.ts",content:`:host{--udex_rating_indicator_readonly_item_width: 1.5rem;--udex_rating_indicator_readonly_item_height: 1.5rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: 8px;--udex-rating_indicator_mobile_items_gap: 8px;--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey6 ,#5B738B);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500)}.udex-rating-indicator{font-family:var(--sapFontFamily);font-size:var(--sapFontSize, 16px)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v0-231-7_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:var(--udex_rating_indicator_disabled_opacity);cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .udex-rating-indicator__item-unsel,:host([readonly]) .udex-rating-indicator__item-unsel{width:var(--udex_rating_indicator_readonly_item_width);height:var(--udex_rating_indicator_readonly_item_height);padding-inline:0}:host([disabled]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_disabled-unrated_color)}:host([readonly]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_read-only-unrated_color)}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:.125rem;border-radius:.25rem}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.udex-rating-indicator{outline:none;position:relative;display:inline-flex;gap:12px;align-items:center}.udex-rating-indicator__total{color:var(--udexColorGrey6);line-height:24px}.udex-rating-indicator__list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.udex-rating-indicator__item{position:relative;width:var(--udex_rating_indicator_item_width);height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_items_gap)}.udex-rating-indicator__item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.udex-rating-indicator__item.udex-rating-indicator__item-sel{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{position:absolute;inset-inline-start:50%;color:var(--udex-rating_indicator_rated_color)}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-sel,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__half-icon,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_hover_color)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:1}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_hover_color)}.udex-rating-indicator__half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}.udex-rating-indicator--mobile .udex-rating-indicator__half-icon-wrapper{top:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator--mobile .udex-rating-indicator__item{padding:var(--udex_rating_indicator_mobile_item_padding)}:host([readonly]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel,:host([disabled]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel{padding-left:var(--udex_rating_indicator_mobile_item_padding);padding-right:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_mobile_items_gap)}
|
|
248
|
+
`};var ta=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},ps;let Di=ps=class extends E{static async onDefine(){ps.i18nBundle=await M("@ui5/webcomponents")}constructor(){super()}onBeforeRendering(){this.calcState()}calcState(){this._stars=[];for(let e=1;e<this.max+1;e++){const t=Math.round((this.value-Math.floor(this.value))*10);let o=!1,a=this.value;Math.floor(this.value)+1===e&&t>2&&t<8?o=!0:t<=2?a=Math.floor(this.value):t>=8&&(a=Math.ceil(this.value)),this._stars.push({selected:e<=a,index:e,halfStar:o})}}_onclick(e){const t=e.target;if(!(t instanceof HTMLElement)||this.disabled||this.readonly)return;const o=t.getAttribute("data-ui5-value");o!==null&&(this.value=parseInt(o),this.value===1&&this._liveValue===1&&(this.value=0),this._liveValue!==this.value&&(this.fireEvent("change"),this._liveValue=this.value))}_onkeydown(e){if(this.disabled||this.readonly)return;const t=Te(e)||ke(e),o=be(e)||Ee(e),a=F(e)||K(e),n=rt(e),s=jt(e),l=e.keyCode>=48&&e.keyCode<=57||e.keyCode>=96&&e.keyCode<=105;if(t||o||a||n||s||l){if(e.preventDefault(),t&&this.value>0)this.value=Math.round(this.value-1);else if(o&&this.value<this.max)this.value=Math.round(this.value+1);else if(a){const h=Math.round(this.value+1);this.value=h>this.max?0:h}else if(n)this.value=0;else if(s)this.value=this.max;else if(l){const h=parseInt(e.key);this.value=h>this.max?this.max:h}this.fireEvent("change")}}_onfocusin(){this.disabled||(this._focused=!0,this._liveValue=this.value)}_onfocusout(){this._focused=!1}get effectiveTabIndex(){const e=this.getAttribute("tabindex");return this.disabled?"-1":e||"0"}get ratingTooltip(){return this.tooltip?this.tooltip:Gp()?this.defaultTooltip:void 0}get defaultTooltip(){return ps.i18nBundle.getText(J4)}get _ariaRoleDescription(){return ps.i18nBundle.getText(eI)}get _ariaDisabled(){return this.disabled||void 0}get _ariaLabel(){return Ia(this)}get _ariaDescription(){return this.required?ps.i18nBundle.getText(tI):void 0}get ariaReadonly(){return this.readonly?"true":void 0}};ta([c({validator:it,defaultValue:0})],Di.prototype,"value",void 0);ta([c({validator:q,defaultValue:5})],Di.prototype,"max",void 0);ta([c({type:Boolean})],Di.prototype,"disabled",void 0);ta([c({type:Boolean})],Di.prototype,"readonly",void 0);ta([c()],Di.prototype,"accessibleName",void 0);ta([c({defaultValue:""})],Di.prototype,"accessibleNameRef",void 0);ta([c({type:Boolean})],Di.prototype,"required",void 0);ta([c()],Di.prototype,"tooltip",void 0);ta([c({type:Object,multiple:!0})],Di.prototype,"_stars",void 0);ta([c({type:Boolean})],Di.prototype,"_focused",void 0);Di=ps=ta([y({tag:"ui5-rating-indicator",languageAware:!0,renderer:k,styles:EX,template:aX,dependencies:[U]}),f("change")],Di);Di.define();const Y_=Di;function AX(i,e,t){return d`<div class="udex-rating-indicator ui5-rating-indicator-root ${r(this.classNames)}" role="slider" aria-roledescription="${r(this._ariaRoleDescription)}" aria-valuemin="0" aria-valuenow="${r(this.value)}" aria-valuemax="${r(this.max)}" aria-valuetext="${r(this.value)} of ${r(this.max)}" aria-orientation="horizontal" aria-disabled="${r(this._ariaDisabled)}" aria-readonly="${r(this.ariaReadonly)}" aria-description="${r(this._ariaDescription)}" tabindex="${r(this.effectiveTabIndex)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" @click="${this._onclick}" @keydown="${this._onkeydown}" title="${r(this.ratingTooltip)}" aria-label="${r(this._ariaLabel)}"><ul class="udex-rating-indicator__list ui5-rating-indicator-list" aria-hidden="true">${T(this._stars,(o,a)=>o._id||a,(o,a)=>DX.call(this,i,e,t,o,a))}</ul>${this.totalCount?FX.call(this,i,e,t):void 0}</div>`}function DX(i,e,t,o,a){return d`${o.selected?PX.call(this,i,e,t,o,a):NX.call(this,i,e,t,o,a)}`}function PX(i,e,t,o,a){return t?d`<li data-ui5-value="${r(o.index)}" class="udex-rating-indicator__item udex-rating-indicator__item-sel ui5-rating-indicator-item ui5-rating-indicator-item-sel"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="favorite"></${u("ui5-icon",e,t)}></li>`:d`<li data-ui5-value="${r(o.index)}" class="udex-rating-indicator__item udex-rating-indicator__item-sel ui5-rating-indicator-item ui5-rating-indicator-item-sel"><ui5-icon data-ui5-value="${r(o.index)}" name="favorite"></ui5-icon></li>`}function NX(i,e,t,o,a){return d`${o.halfStar?RX.call(this,i,e,t,o,a):LX.call(this,i,e,t,o,a)}`}function RX(i,e,t,o,a){return t?d`<li class="udex-rating-indicator__item udex-rating-indicator__item-half ui5-rating-indicator-item ui5-rating-indicator-item-half"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="unfavorite"></${u("ui5-icon",e,t)}><div class="udex-rating-indicator__half-icon-wrapper ui5-rating-indicator-half-icon-wrapper"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="favorite" class="udex-rating-indicator__half-icon ui5-rating-indicator-half-icon"></${u("ui5-icon",e,t)}></div></li>`:d`<li class="udex-rating-indicator__item udex-rating-indicator__item-half ui5-rating-indicator-item ui5-rating-indicator-item-half"><ui5-icon data-ui5-value="${r(o.index)}" name="unfavorite"></ui5-icon><div class="udex-rating-indicator__half-icon-wrapper ui5-rating-indicator-half-icon-wrapper"><ui5-icon data-ui5-value="${r(o.index)}" name="favorite" class="udex-rating-indicator__half-icon ui5-rating-indicator-half-icon"></ui5-icon></div></li>`}function LX(i,e,t,o,a){return d`${this.readonly?jX.call(this,i,e,t,o,a):MX.call(this,i,e,t,o,a)}`}function jX(i,e,t,o,a){return t?d`<li class="udex-rating-indicator__item udex-rating-indicator__item-unsel ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="unfavorite"></${u("ui5-icon",e,t)}></li>`:d`<li class="udex-rating-indicator__item udex-rating-indicator__item-unsel ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><ui5-icon data-ui5-value="${r(o.index)}" name="unfavorite"></ui5-icon></li>`}function MX(i,e,t,o,a){return d`${this.disabled?OX.call(this,i,e,t,o,a):zX.call(this,i,e,t,o,a)}`}function OX(i,e,t,o,a){return t?d`<li class="udex-rating-indicator__item udex-rating-indicator__item-unsel ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="unfavorite"></${u("ui5-icon",e,t)}></li>`:d`<li class="udex-rating-indicator__item udex-rating-indicator__item-unsel ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><ui5-icon data-ui5-value="${r(o.index)}" name="unfavorite"></ui5-icon></li>`}function zX(i,e,t,o,a){return t?d`<li data-ui5-value="${r(o.index)}" class="udex-rating-indicator__item udex-rating-indicator__item-unsel ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="unfavorite"></${u("ui5-icon",e,t)}></li>`:d`<li data-ui5-value="${r(o.index)}" class="udex-rating-indicator__item udex-rating-indicator__item-unsel ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><ui5-icon data-ui5-value="${r(o.index)}" name="unfavorite"></ui5-icon></li>`}function FX(i,e,t){return d`<div class="udex-rating-indicator__total">(${r(this.totalCount)})</div>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const XX={packageName:"@sapudex/web-components",fileName:"themes/RatingIndicator.css.ts",content:`:host{--udex_rating_indicator_readonly_item_width: 1.5rem;--udex_rating_indicator_readonly_item_height: 1.5rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: 8px;--udex-rating_indicator_mobile_items_gap: 8px;--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey6 ,#5B738B);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500)}.udex-rating-indicator{font-family:var(--sapFontFamily);font-size:var(--sapFontSize, 16px)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v0-231-8_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:var(--udex_rating_indicator_disabled_opacity);cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .udex-rating-indicator__item-unsel,:host([readonly]) .udex-rating-indicator__item-unsel{width:var(--udex_rating_indicator_readonly_item_width);height:var(--udex_rating_indicator_readonly_item_height);padding-inline:0}:host([disabled]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_disabled-unrated_color)}:host([readonly]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_read-only-unrated_color)}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:.125rem;border-radius:.25rem}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.udex-rating-indicator{outline:none;position:relative;display:inline-flex;gap:12px;align-items:center}.udex-rating-indicator__total{color:var(--udexColorGrey6);line-height:24px}.udex-rating-indicator__list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.udex-rating-indicator__item{position:relative;width:var(--udex_rating_indicator_item_width);height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_items_gap)}.udex-rating-indicator__item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.udex-rating-indicator__item.udex-rating-indicator__item-sel{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{position:absolute;inset-inline-start:50%;color:var(--udex-rating_indicator_rated_color)}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-sel,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__half-icon,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_hover_color)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:1}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_hover_color)}.udex-rating-indicator__half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}.udex-rating-indicator--mobile .udex-rating-indicator__half-icon-wrapper{top:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator--mobile .udex-rating-indicator__item{padding:var(--udex_rating_indicator_mobile_item_padding)}:host([readonly]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel,:host([disabled]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel{padding-left:var(--udex_rating_indicator_mobile_item_padding);padding-right:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_mobile_items_gap)}
|
|
249
249
|
`};var ug=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},K_;(function(i){i.Desktop="Desktop",i.Mobile="Mobile"})(K_||(K_={}));let Fs=class extends Y_{get classNames(){return`udex-rating-indicator--${this.display.toLowerCase()}`}get _ariaLabel(){const e=Ia(this);return this.totalCount?`${e?`${e}, `:""}${Y_.i18nBundle.getText(SC)} ${this.totalCount}`:e}};ug([c({defaultValue:K_.Desktop})],Fs.prototype,"display",void 0);ug([c()],Fs.prototype,"totalCount",void 0);Fs=ug([y({tag:"udex-rating-indicator",renderer:k,styles:[Y_.styles,XX],template:AX,dependencies:[U]})],Fs);Fs.define();const gw=Fs;function HX(i,e,t){return d`${this.isEmpty?qX.call(this,i,e,t):VX.call(this,i,e,t)}`}function qX(i,e,t){return d`<div class="udex-review__empty-container"><slot class="udex-review__default-text" name="defaultText"></slot><slot name="reviewButton"></slot></div>`}function VX(i,e,t){return d`${this.withoutBreakdown?UX.call(this,i,e,t):WX.call(this,i,e,t)}`}function UX(i,e,t){return t?d`<div class="udex-review__container-without-breakdown"><div class="udex-review__content-without-breakdown"><div aria-level="2" role="heading" aria-hidden="true" class="udex-review__rating">${r(this.validatedRating)}</div><div class="udex-review__rating-info-without-breakdown"><${u("udex-rating-indicator",e,t)} readonly value="${r(this.validatedRating)}" max="${r(this._maxRating)}"></${u("udex-rating-indicator",e,t)}><div class="udex-review__reviews-text">${r(this.reviewsText)}</div></div></div><div class="udex-review__additional-content-without-breakdown"><slot class="udex-review__default-text" name="defaultText"></slot><slot name="reviewButton"></slot></div></div>`:d`<div class="udex-review__container-without-breakdown"><div class="udex-review__content-without-breakdown"><div aria-level="2" role="heading" aria-hidden="true" class="udex-review__rating">${r(this.validatedRating)}</div><div class="udex-review__rating-info-without-breakdown"><udex-rating-indicator readonly value="${r(this.validatedRating)}" max="${r(this._maxRating)}"></udex-rating-indicator><div class="udex-review__reviews-text">${r(this.reviewsText)}</div></div></div><div class="udex-review__additional-content-without-breakdown"><slot class="udex-review__default-text" name="defaultText"></slot><slot name="reviewButton"></slot></div></div>`}function WX(i,e,t){return t?d`<div class="udex-review__container"><div class="udex-review__content"><div class="udex-review__rating-info"><div aria-level="2" role="heading" aria-hidden="true" class="udex-review__rating">${r(this.validatedRating)}</div><${u("ui5-icon",e,t)} aria-labelledby="ratingDescription" role="img" name="favorite" class="udex-review__icon"></${u("ui5-icon",e,t)}></div><div class="udex-review__reviews-text">${r(this.reviewsText)}</div><slot name="reviewButton"></slot></div><div class="udex-review__additional-content">${T(this.validatedRatingBars,(o,a)=>o._id||a,(o,a)=>gb.call(this,i,e,t,o,a))}</div></div><span id="ratingDescription" class="hidden-text">${r(this._ratingDescription)}</span>`:d`<div class="udex-review__container"><div class="udex-review__content"><div class="udex-review__rating-info"><div aria-level="2" role="heading" aria-hidden="true" class="udex-review__rating">${r(this.validatedRating)}</div><ui5-icon aria-labelledby="ratingDescription" role="img" name="favorite" class="udex-review__icon"></ui5-icon></div><div class="udex-review__reviews-text">${r(this.reviewsText)}</div><slot name="reviewButton"></slot></div><div class="udex-review__additional-content">${T(this.validatedRatingBars,(o,a)=>o._id||a,(o,a)=>gb.call(this,i,e,t,o,a))}</div></div><span id="ratingDescription" class="hidden-text">${r(this._ratingDescription)}</span>`}function gb(i,e,t,o,a){return d`<slot name="${r(o._individualSlot)}"></slot>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const GX={packageName:"@sapudex/web-components",fileName:"themes/Review.css.ts",content:`:host{--udex-review-container-vertical-padding: var(--udexSpacer32);--udex-review-container-vertical-padding-xs: var(--udexSpacer24);--udex-review-xs-gutter: var(--udexSpacer40)}.udex-review__container{width:100%;display:flex;flex-direction:row;align-items:center;padding:var(--udex-review-container-vertical-padding) var(--udexGridXLMargins);font-family:var(--sapFontFamily, sans-serif);box-sizing:border-box}.udex-review__container-without-breakdown{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:var(--udex-review-container-vertical-padding) var(--udexGridXLMargins);font-family:var(--sapFontFamily, sans-serif);box-sizing:border-box}.udex-review__empty-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--udexSpacer12);padding:var(--udex-review-container-vertical-padding) 0;font-family:var(--sapFontFamily, sans-serif);box-sizing:border-box}.udex-review__rating{font-size:var(--udexTypographyDisplayBoldMFontSize);font-weight:var(--udexTypographyFontWeightBold)}.udex-review__content{font-size:var(--udexTypographyDisplayBoldMFontSize);font-weight:var(--udexTypographyFontWeightBold);display:flex;flex-direction:column;justify-content:center;align-items:center;margin-inline-end:var(--udexGridXLGutters);width:calc((100vw / var(--udexGridColumns) * 2) + var(--udexGridXLGutters))}.udex-review__content-without-breakdown{font-size:var(--udexTypographyDisplayBoldMFontSize);font-weight:var(--udexTypographyFontWeightBold);display:flex;flex-direction:row;align-items:center;margin-bottom:0}.udex-review__additional-content{display:flex;flex-direction:column;gap:var(--udexSpacer8);width:100%}.udex-review__additional-content-without-breakdown{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--udexSpacer12);margin-bottom:0}.udex-review__rating-info{display:flex;flex-direction:row;align-items:center;gap:var(--udexSpacer8)}.udex-review__rating-info-without-breakdown{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-inline-start:var(--udexSpacer16);.udex-review__reviews-text{margin-bottom:0}}.udex-review__default-text{font-size:var(--udexTypographyBodySFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight);margin-bottom:var(--udexSpacer12);text-align:center}.udex-review__reviews-text{font-size:var(--udexTypographyBodyXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight);color:var(--udexColorGrey7);margin-top:var(--udexSpacer8);margin-bottom:var(--udexSpacer12)}@media (max-width: 1599px){.udex-review__container{padding:var(--udex-review-container-vertical-padding) var(--udexGridLMargins)}}@media (max-width: 1279px){.udex-review__container{padding:var(--udex-review-container-vertical-padding) var(--udexGridMMargins)}.udex-review__content{width:calc((100vw / var(--udexGridColumns) * 3) + 2 * var(--udexGridMGutters))}}@media (max-width: 979px){.udex-review__container-without-breakdown{flex-direction:column;align-items:center;padding:var(--udex-review-container-vertical-padding) var(--udexGridSMargins)}.udex-review__container{padding:var(--udex-review-container-vertical-padding) var(--udexGridSMargins)}.udex-review__content{margin-inline-end:var(--udexGridSGutters);width:calc((100vw / var(--udexGridColumns) * 4) + 3 * var(--udexGridSGutters))}.udex-review__default-text{font-size:var(--udexTypographyBodyXSFontSize)}.udex-review__content-without-breakdown{margin-bottom:var(--udexSpacer16)}.udex-review__additional-content-without-breakdown{justify-content:space-between;gap:var(--udexSpacer16)}}@media (max-width: 639px){.udex-review__container{padding:var(--udex-review-container-vertical-padding-xs) var(--udexGridXSMargins);flex-direction:column;align-items:center}.udex-review__container-without-breakdown{padding:var(--udex-review-container-vertical-padding-xs) var(--udexGridXSMargins)}.udex-review__empty-container{padding:var(--udex-review-container-vertical-padding-xs) 0}.udex-review__content{margin-bottom:var(--udex-review-xs-gutter);margin-inline-end:0}}.udex-review__icon{height:1.5rem;width:1.5rem;color:var(--udexColorMango6)}[udex-rating-indicator]{--udex-rating_indicator_read-only-unrated_color: var(--udexColorMango6) }.hidden-text{display:none}
|
|
250
250
|
`};var pl=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},Kc;let Vr=Kc=class extends E{constructor(){super(...arguments),this._minRating=0,this._maxRating=5,this._maxRatingBars=5}static async onDefine(){Kc.i18nBundle=await M("@sapudex/web-components")}get reviewsText(){return`${this.reviews} ${Kc.i18nBundle.getText(kC)}`}get withoutBreakdown(){return this.bars.length===0}get isEmpty(){return this.reviews===0&&this.rating===0}get validatedRating(){return this.rating>this._maxRating?(console.warn("UDEx Review: The rating shouldn't be more than 5."),this._maxRating):this.rating<this._minRating?(console.warn("UDEx Review: The rating shouldn't be less than 0."),this._minRating):this.rating}get validatedRatingBars(){return this.bars.length>this._maxRatingBars?(console.warn("UDEx Review: There shouldn't be more than 5 RatingBars."),this.bars.slice(-this._maxRatingBars)):this.bars}get _ratingDescription(){return`${this.validatedRating} ${uw.i18nBundle.getText(Ky)}`}};pl([c({type:Number,defaultValue:0,validator:it})],Vr.prototype,"rating",void 0);pl([c({type:Number,defaultValue:0,validator:q})],Vr.prototype,"reviews",void 0);pl([$({type:HTMLElement})],Vr.prototype,"reviewButton",void 0);pl([$({type:HTMLElement})],Vr.prototype,"defaultText",void 0);pl([$({type:HTMLElement,default:!0,individualSlots:!0})],Vr.prototype,"bars",void 0);Vr=Kc=pl([y({tag:"udex-review",renderer:k,styles:GX,template:HX,dependencies:[uw,gw,U]})],Vr);Vr.define();function YX(i,e,t){return t?d`<div class="${r(this.reviewItemClasses)}"><div class="udex-review-item__rating-container"><${u("udex-rating-indicator",e,t)} value="${r(this.validatedRating)}" max="${r(this._maxRating)}" readonly></${u("udex-rating-indicator",e,t)}>${this.date?mb.call(this,i,e,t):void 0}</div><div class="udex-review-item__text-container"><div class="udex-review-item__title">${r(this.reviewTitle)}</div><div class="udex-review-item__text-wrapper"><p class="udex-review-item__text" id="udex-review-item__text">${r(this._completeText)}</p>${this._showTextExpander?fb.call(this,i,e,t):void 0}</div>${this.author?bb.call(this,i,e,t):void 0}</div></div>`:d`<div class="${r(this.reviewItemClasses)}"><div class="udex-review-item__rating-container"><udex-rating-indicator value="${r(this.validatedRating)}" max="${r(this._maxRating)}" readonly></udex-rating-indicator>${this.date?mb.call(this,i,e,t):void 0}</div><div class="udex-review-item__text-container"><div class="udex-review-item__title">${r(this.reviewTitle)}</div><div class="udex-review-item__text-wrapper"><p class="udex-review-item__text" id="udex-review-item__text">${r(this._completeText)}</p>${this._showTextExpander?fb.call(this,i,e,t):void 0}</div>${this.author?bb.call(this,i,e,t):void 0}</div></div>`}function mb(i,e,t){return d`<slot slot="date" name="date" class="udex-review-item__date"></slot>`}function fb(i,e,t){return t?d`<${u("udex-button",e,t)} id="reviewExpander" class="udex-review-item__text-expander" design="Invisible" size="Large" @click="${this._toggleText}">${r(this.buttonText)}</${u("udex-button",e,t)}>`:d`<udex-button id="reviewExpander" class="udex-review-item__text-expander" design="Invisible" size="Large" @click="${this._toggleText}">${r(this.buttonText)}</udex-button>`}function bb(i,e,t){return d`<slot slot="author" name="author" class="udex-review-item__author"></slot>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const KX={packageName:"@sapudex/web-components",fileName:"themes/ReviewItem.css.ts",content:`:host{--udex-review-item-column-space-xl: var(--udexSpacer84, 84px);--udex-review-item-column-space-l-m: var(--udexSpacer72, 72px);--udex-review-item-column-space-s-xs: var(--udexSpacer24, 24px);--udex-review-item-underline-color: var(--udexColorGrey1);--udex-review-item-text-and-title-color: var(--udexColorGrey9);--udex-review-item-date-and-author-color: var(--udexColorGrey6);--udex-review-item-max-text-height: 48px}.udex-review-item{display:flex;flex-direction:row;width:100%;text-align:left;gap:calc((100vw - (11 * var(--udex-review-item-column-space-xl))) / 12);padding:var(--udexSpacer24) 0;border-bottom:1px solid var(--udex-review-item-underline-color);font-family:var(--sapFontFamily, sans-serif)}.udex-review-item:dir(rtl){text-align:right}.udex-review-item__rating-top{display:flex;gap:var(--udexSpacer24);flex-direction:column}.udex-review-item__rating-top .udex-review-item__rating-container{display:flex;flex-direction:row;justify-content:space-between}.udex-review-item__rating-container,.udex-review-item__text-container{display:flex;flex-direction:column;gap:var(--udexSpacer16)}.udex-review-item__title{font-size:var(--udexTypographyHeadingMediumXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium);line-height:var(--udexTypographyHeadingLineHeight);color:var(--udex-review-item-text-and-title-color);padding:0;margin:0}.udex-review-item__date{font-size:var(--udexTypographyBodyXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight);color:var(--udex-review-item-date-and-author-color)}.udex-review-item__text-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:var(--udexSpacer8)}.udex-review-item__text-expander{font-size:var(--udexTypographyBodySFontSize);font-weight:var(--udexTypographyFontWeightRegular)}.udex-review-item__text{font-size:var(--udexTypographyBodySFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight);color:var(--udex-review-item-text-and-title-color);white-space:pre-wrap;padding:0;margin:0;max-height:var(--udex-review-item-max-text-height);overflow:hidden}.udex-review-item__text-expanded{max-height:none}.udex-review-item__author{font-size:var(--udexTypographyNavigationRegularMFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyNavigationLineHeight);color:var(--udex-review-item-date-and-author-color);padding:0;margin:0}@media (max-width: 1599px){.udex-review-item{gap:calc((100vw - (11 * var(--udex-review-item-column-space-l-m))) / 12)}}@media (max-width: 979px){.udex-review-item{display:flex;gap:var(--udex-review-item-column-space-s-xs);flex-direction:column}.udex-review-item__rating-container{display:flex;flex-direction:row;justify-content:space-between}}[udex-rating-indicator]{--udex-rating_indicator_read-only-unrated_color: var(--udexColorMango6) }
|
|
251
251
|
`};var ia=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},zl;let eo=zl=class extends E{_toggleText(){this._textExpanded=!this._textExpanded,this._textExpanded?(this._completeText=this.text,this._textElement.classList.add("udex-review-item__text-expanded")):(this._textElement.classList.remove("udex-review-item__text-expanded"),this._completeText=this._visibleText)}static async onDefine(){zl.i18nBundle=await M("@sapudex/web-components")}constructor(){super(),this._maxHeight=48,this._maxRating=5,this._minRating=0,this._handleResizeBound=this._checkTextOverflow.bind(this)}onEnterDOM(){this._maxHeight=48,this._completeText=this.text,J.register(this,this._handleResizeBound)}onExitDOM(){J.deregister(this,this._handleResizeBound)}onAfterRendering(){this._textElement=this.getTextElement(),this._checkTextOverflow()}_checkTextOverflow(){const e=this.text.split(" "),o=document.createElement("canvas").getContext("2d");o.font="16px sans-serif";let a=0,n="";e.forEach(s=>{const l=o.measureText(`${s} `).width;a+l<=2*this._textElement.offsetWidth&&(n+=`${s} `,a+=l)}),this._visibleText=n,this._textExpanded||(this._completeText=n),this._showTextExpander=!this._textExpanded&&this._completeText.length<this.text.length||this._textExpanded&&n.length<this.text.length}get buttonText(){return this._textExpanded?zl.i18nBundle.getText(Qy):zl.i18nBundle.getText(Zy)}get reviewItemClasses(){return`udex-review-item${this.showRatingTop?" udex-review-item__rating-top":""}`}get validatedRating(){return this.rating>this._maxRating?(console.warn("UDEx Review: The rating shouldn't be more than 5."),this._maxRating):this.rating<this._minRating?(console.warn("UDEx Review: The rating shouldn't be less than 0."),this._minRating):this.rating}getTextElement(){var t;return(t=this.shadowRoot)==null?void 0:t.getElementById("udex-review-item__text")}};ia([c({type:Boolean})],eo.prototype,"showRatingTop",void 0);ia([c({type:Number,defaultValue:0,validator:q})],eo.prototype,"rating",void 0);ia([c({type:String})],eo.prototype,"reviewTitle",void 0);ia([c({type:String})],eo.prototype,"text",void 0);ia([c({type:Number,defaultValue:2,validator:q})],eo.prototype,"_textLineLimit",void 0);ia([c({type:Boolean})],eo.prototype,"_textExpanded",void 0);ia([c({type:Boolean})],eo.prototype,"_showTextExpander",void 0);ia([c({type:String})],eo.prototype,"_completeText",void 0);ia([$()],eo.prototype,"author",void 0);ia([$()],eo.prototype,"date",void 0);eo=zl=ia([y({tag:"udex-review-item",renderer:k,styles:KX,template:YX,dependencies:[gw,Wt]})],eo);eo.define();class ZX{constructor(e){this._focusHandler=new x2,this.component=e,this._getSuggestionPopover(),this.selectedItemIndex=-1}_getComponent(){return this.component}async _getSuggestionPopover(){if(this.popover)return this.popover;const e=await this._getComponent().getStaticAreaItemDomRef();return this.popover=e.querySelector("[ui5-popover]"),this.popover}_getItems(){var e;return this.popover?[...(e=this.popover)==null?void 0:e.querySelectorAll("[ui5-button]")]:[]}open(){this._getComponent().open=!0,this.popover.opener=this._getComponent(),this.popover.open=!0,this.initLists(),this._focusHandler._focusableListItems=this._getItems(),this._focusHandler.resetMatchingItems()}handleKeyPress(e){const t=e.key;v2(t)&&(e.preventDefault(),e.stopPropagation(),this._focusHandler.focusMatchingListItem(t))}initLists(){var t,o;const e=(t=this.popover)!=null&&t.querySelectorAll(".udex-search-suggestions__list")?(o=this.popover)==null?void 0:o.querySelectorAll(".udex-search-suggestions__list"):[];this.lists=Array.from(e)}close(){this._getComponent().open=!1,this.popover.open=!1,this.selectedItemIndex=-1}resetFocusState(){this.lists=[],this.selectedItemIndex=-1,this.focusabledList=void 0}onFocusInput(){var e,t;(t=(e=this.component.shadowRoot)==null?void 0:e.querySelector("input"))==null||t.focus()}onEnter(e){var t;e.preventDefault(),this.selectedItemIndex>=0&&(this.component.value=(t=this._getItems()[this.selectedItemIndex].getAttribute("title"))==null?void 0:t.replace(/<[^>]*>?/gm,""))}onTab(e){var t;if((t=this.lists)!=null&&t.length&&this._getComponent().open){if(e.preventDefault(),this.focusabledList&&this.selectedItemIndex===-1)return this.focusabledList.focus(),!0;if(this.focusabledList&&this.selectedItemIndex>=0)return this.getFocusableItems()[this.selectedItemIndex].focus(),!0;this.focusabledList=this.lists[0],this.focusabledList.focus()}}getFocusableItems(){var t,o;const e=(t=this.focusabledList)!=null&&t.children?(o=this.focusabledList)==null?void 0:o.querySelectorAll("[ui5-button]"):[];return Array.from(e)}onEscape(e){e.preventDefault(),this.close(),this.onFocusInput()}onKeyTabList(e){var t,o,a,n,s,l;e.preventDefault(),((t=this.lists)==null?void 0:t.length)===2&&(this.focusabledList===this.lists[1]&&(((a=(o=this.component)==null?void 0:o.shadowRoot)==null?void 0:a.querySelector("[ui5-button]")).focus(),this.close()),this.focusabledList===this.lists[0]&&(this.focusabledList=this.lists[1],this.focusabledList.focus(),this.selectedItemIndex=-1)),((n=this.lists)==null?void 0:n.length)===1&&(((l=(s=this.component)==null?void 0:s.shadowRoot)==null?void 0:l.querySelector("[ui5-button]")).focus(),this.close())}onPrevKeyTabList(e){var t,o;e.preventDefault(),((t=this.lists)==null?void 0:t.length)===2&&(this.focusabledList===this.lists[0]&&this.onFocusInput(),this.focusabledList===this.lists[1]&&(this.focusabledList=this.lists[0],this.focusabledList.focus(),this.selectedItemIndex=-1)),((o=this.lists)==null?void 0:o.length)===1&&this.onFocusInput()}onKeyDown(e){var n,s,l,h;e.preventDefault();const t=this.selectedItemIndex,o=this.getFocusableItems(),a=o.length-1;if((n=this.lists)!=null&&n.length){if(t===-1){const p=o[0];return p.setAttribute("aria-selected","true"),p.focus(),this.selectedItemIndex=0,(s=this.focusabledList)==null||s.setAttribute("aria-activedescendant",p.id),!0}if(t>=0&&t!==a){const p=o[t+1];return o[t].removeAttribute("aria-selected"),p.setAttribute("aria-selected","true"),p.focus(),this.selectedItemIndex=t+1,(l=this.focusabledList)==null||l.setAttribute("aria-activedescendant",p.id),!0}if(t===a&&this.focusabledList===this.lists[0]&&this.lists.length===2)return o[t].removeAttribute("aria-selected"),(h=this.focusabledList)==null||h.removeAttribute("aria-activedescendant"),this.focusabledList=this.lists[1],this.focusabledList.focus(),this.selectedItemIndex=-1,!0}}onKeyUp(e){var n,s,l,h;e.preventDefault();const t=this.getFocusableItems(),o=t.length-1,a=this.selectedItemIndex;if((n=this.lists)!=null&&n.length){if(a===-1){const p=t[0];return p.setAttribute("aria-selected","true"),p.focus(),this.selectedItemIndex=0,(s=this.focusabledList)==null||s.setAttribute("aria-activedescendant",p.id),!0}if(a>0&&a<=o){const p=t[a-1];return t[a].removeAttribute("aria-selected"),p.setAttribute("aria-selected","true"),p.focus(),this.selectedItemIndex=a-1,(l=this.focusabledList)==null||l.setAttribute("aria-activedescendant",p.id),!0}if(a===0&&this.lists.length===2&&this.focusabledList===this.lists[1])return t[a].removeAttribute("aria-selected"),(h=this.focusabledList)==null||h.removeAttribute("aria-activedescendant"),this.focusabledList=this.lists[0],this.focusabledList.focus(),this.selectedItemIndex=-1,!0}}handlePrevTabReset(e){var t;e.preventDefault(),(t=this.focusabledList)==null||t.focus()}static get dependencies(){return[Yi,Ut]}}ih("SearchInputSuggestion",ZX);function QX(i,e){var l;const t=parseFloat(getComputedStyle(document.documentElement).fontSize),o=((l=e.parentElement)==null?void 0:l.offsetHeight)??window.innerHeight,a=parseFloat(getComputedStyle(e).fontSize),n=parseFloat(i);switch(i.replace(`${n}`,"").trim()){case"vh":return n/100*window.innerHeight;case"vw":return n/100*window.innerWidth;case"rem":return n*t;case"em":return n*a;case"%":return n/100*o;case"px":case"":return n;default:return n}}var Da=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n};let yo=class extends E{constructor(){super(),this._isMobileView=this.isMobile,this._handleResizeBound=this._handleResize.bind(this)}_handleResize(){this._isMobileView=this.isMobile}onEnterDOM(){ge()&&this.setAttribute("desktop",""),J.register(this,this._handleResizeBound)}onExitDOM(){J.deregister(this,this._handleResizeBound)}getActiveSubItem(e){let t;const o=a=>{a.forEach(n=>{if(n.active===!0){t=n;return}n.items&&o(n.items)})};return o(e),t}get itemLabel(){return this._isMobileView?this.mobileLinkTitle||this.label:this.label}get isMobile(){return Ja.isAtMost("S")}get ariaCurrent(){return this.active?"page":null}};Da([c({type:String})],yo.prototype,"mobileLinkTitle",void 0);Da([c({type:Boolean})],yo.prototype,"active",void 0);Da([c({type:String})],yo.prototype,"path",void 0);Da([c({type:Ki,defaultValue:Ki._self})],yo.prototype,"target",void 0);Da([c({type:String})],yo.prototype,"subTitle",void 0);Da([c({type:String})],yo.prototype,"label",void 0);Da([c({validator:q})],yo.prototype,"index",void 0);Da([c({type:Boolean})],yo.prototype,"_isMobileView",void 0);Da([c({type:String,defaultValue:"-1"})],yo.prototype,"_tabIndex",void 0);yo=Da([y({renderer:k})],yo);const mw=yo;function JX(i,e,t){return d`${this.isBack?eH.call(this,i,e,t):tH.call(this,i,e,t)} `}function eH(i,e,t){return t?d`<button tabindex="${r(this._tabIndex)}" @click="${this.onBackItemClick}" role="menuitem" aria-label="${r(this.backButtonAriaLabel)}" aria-haspopup="true" is-back class="udex-secondary-navigation__dropdown-item"><${u("ui5-icon",e,t)} class="udex-secondary-navigation__dropdown-icon udex-secondary-navigation__dropdown-icon_back" name="slim-arrow-left"></${u("ui5-icon",e,t)}>${r(this.itemLabel)}</button>`:d`<button tabindex="${r(this._tabIndex)}" @click="${this.onBackItemClick}" role="menuitem" aria-label="${r(this.backButtonAriaLabel)}" aria-haspopup="true" is-back class="udex-secondary-navigation__dropdown-item"><ui5-icon class="udex-secondary-navigation__dropdown-icon udex-secondary-navigation__dropdown-icon_back" name="slim-arrow-left"></ui5-icon>${r(this.itemLabel)}</button>`}function tH(i,e,t){return d`${this.isButton?iH.call(this,i,e,t):aH.call(this,i,e,t)}`}function iH(i,e,t){return d`<button tabindex="${r(this._tabIndex)}" @click="${this.onItemClick}" role="menuitem" aria-haspopup="${r(this.hasItems)}" ?sub-active="${this.isSubItemActive}" aria-label="${r(this.label)}" ?active="${this.active}" aria-current="${r(this.ariaCurrent)}" class="udex-secondary-navigation__dropdown-item">${r(this.itemLabel)}${this.hasItems?oH.call(this,i,e,t):void 0}</button>`}function oH(i,e,t){return t?d`<${u("ui5-icon",e,t)} class="udex-secondary-navigation__dropdown-icon" name="slim-arrow-right"></${u("ui5-icon",e,t)}>`:d`<ui5-icon class="udex-secondary-navigation__dropdown-icon" name="slim-arrow-right"></ui5-icon>`}function aH(i,e,t){return d`<a tabindex="${r(this._tabIndex)}" @click="${this.onItemClick}" role="menuitem" href="${r(this.path)}" target="${r(this.target)}" ?active="${this.active}" aria-current="${r(this.ariaCurrent)}" class="udex-secondary-navigation__dropdown-item">${r(this.itemLabel)}</a>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const rH={packageName:"@sapudex/web-components",fileName:"themes/SecondaryNavigationSubItem.css.ts",content:`:host{--udex-secondary-navigation-sub-item-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-secondary-navigation-sub-item-line-height: 1.125rem;--udex-secondary-navigation-sub-item-color: var(--udexColorGrey9, #223548);--udex-secondary-navigation-sub-item-hover-color: var(--udexColorBlue7, #0070f2);--udex-secondary-navigation-sub-item-hover-background: var(--udexColorGrey1, #F5F6F7);--udex-secondary-navigation-sub-item-active-background: var(--udexColorGrey2, #EAECEE);--udex-secondary-navigation-sub-item-active-border-color: var(--udexColorBlue7, #0070f2)}.udex-secondary-navigation__dropdown-item{padding:var(--udexSpacer12) var(--udexSpacer16);font-family:var(--sapFontFamily);font-size:var(--udex-secondary-navigation-sub-item-font-size);line-height:var(--udex-secondary-navigation-sub-item-line-height);color:var(--udex-secondary-navigation-sub-item-color);display:flex;text-decoration:none;position:relative;cursor:pointer}button.udex-secondary-navigation__dropdown-item{border:0;width:100%;background:none;justify-content:space-between;align-items:center;text-align:left}.udex-secondary-navigation__dropdown-item:focus{outline:none}:host([desktop]) .udex-secondary-navigation__dropdown-item:focus,.udex-secondary-navigation__dropdown-item:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);border-radius:var(--udexRadiusXXS);outline-offset:calc(var(--udexSpacer4) * -1)}[active].udex-secondary-navigation__dropdown-item:before,[sub-active].udex-secondary-navigation__dropdown-item:before{background:var(--udex-secondary-navigation-sub-item-active-border-color);border-radius:0 var(--udexRadiusXXS) var(--udexRadiusXXS) 0;content:"";position:absolute;top:0;bottom:0;left:0;height:100%;width:3px}[active].udex-secondary-navigation__dropdown-item:dir(rtl):before,[sub-active].udex-secondary-navigation__dropdown-item:dir(rtl):before{left:auto;right:0}[is-back].udex-secondary-navigation__dropdown-item{justify-content:normal}.udex-secondary-navigation__item:hover .udex-secondary-navigation__item-icon,.udex-secondary-navigation__item:hover{color:var(--udex-secondary-navigation-sub-item-hover-color)}.udex-secondary-navigation__dropdown-item:hover{background:var(--udex-secondary-navigation-sub-item-hover-background)}.udex-secondary-navigation__dropdown-item:active{background:var(--udex-secondary-navigation-sub-item-active-background)}.udex-secondary-navigation__dropdown:dir(rtl){left:auto;right:calc(var(--udexSpacer16) * -1)}.udex-secondary-navigation__dropdown-icon{min-width:14px;height:14px}.udex-secondary-navigation__dropdown-icon_back{margin-inline-end:var(--udexSpacer4)}@media (max-width: 979px){.udex-secondary-navigation__dropdown-item{padding:var(--udexSpacer12) var(--udexSpacer48)}.udex-secondary-navigation__dropdown-item:hover .udex-secondary-navigation__dropdown-icon,.udex-secondary-navigation__dropdown-item:hover{background:none}:host([desktop]) .udex-secondary-navigation__dropdown-item:focus{outline:none}:host([desktop]) .udex-secondary-navigation__dropdown-item:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);border-radius:var(--udexRadiusXXS);outline-offset:calc(var(--udexSpacer4) * -1)}}@media (max-width: 639px){.udex-secondary-navigation__dropdown-item{padding:var(--udexSpacer12) var(--udexSpacer24)}}
|
package/dist/css/themes/Link.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:host{--udex-link-text-decoration: underline;--udex-link-hover-text-decoration: underline;--udex-link-focused-hover-text-decoration: underline;--udex-link-focus-text-decoration: underline;--udex-link-emphasized-text-decoration: none;--udex-link-icon-height:
|
|
1
|
+
:host{--udex-link-text-decoration: underline;--udex-link-hover-text-decoration: underline;--udex-link-focused-hover-text-decoration: underline;--udex-link-focus-text-decoration: underline;--udex-link-emphasized-text-decoration: none;--udex-link-icon-height: 16px;--udex-link-line-height: var(--udexTypographyBodyLineHeight, 1.5);--udex-link-color: var(--udexColorBlue8);--udex-link-hover-color: var(--udexColorBlue10);--udex-link-active-color: var(--udexColorBlue11);--udex-link-icon-width: 16px;--udex-link-white-space: break-spaces;--udex-link-subtle-color: var(--udexColorGrey8, #354A5F);--udex-link-subtle-hover-color: var(--udexColorGrey11, #12171C);--udex-link-subtle-active-color: var(--udexColorBlue9, #0040B0);--udex-link-subtle-visited-color: var(--udexColorGrey8, #354A5F);white-space:normal}:host([focused]),:host([focused]:hover),:host([focused]:hover:not(:active)),:host(:hover){text-decoration:none;color:var(--udex-link-hover-color)}:host(:active){color:var(--udex-link-active-color)}:host,:host(:visited){color:var(--udex-link-color)}:host([focused]) slot{text-decoration:var(--udex-link-focus-text-decoration)}:host([focused]:hover) slot,:host([focused]:hover:not(:active)) slot{text-decoration:var(--udex-link-focused-hover-text-decoration)}:host([icon]) .udex-link__content{white-space:var(--udex-link-white-space)}:host([design="Emphasized"]){font-weight:var(--udexTypographyFontWeightBold)}:host([design="Subtle"]){color:var(--udex-link-subtle-color)}:host([design="Subtle"][focused]),:host([design="Subtle"]:hover:not(:active)){color:var(--udex-link-subtle-hover-color)}:host([design="Subtle"]:active){color:var(--udex-link-subtle-active-color)}:host([design="Subtle"]:visited){color:var(--udex-link-subtle-visited-color)}:host([design="Subtle"]) .ui5-link-root:hover{text-decoration:var(--udex-link-hover-text-decoration)}.ui5-link-root{display:inline-flex;align-items:center;overflow:visible;line-height:var(--udex-link-line-height)}[ui5-link][disabled] .linkIcon{opacity:inherit}.udex-link slot{text-decoration:var(--udex-link-text-decoration);display:inline}:host([design="Emphasized"]:active),:host([design="Emphasized"][focused]) .udex-link:hover slot,:host([design="Emphasized"][focused]) .udex-link slot,:host([design="Emphasized"]) .udex-link slot,.udex-link--with-icon slot{text-decoration:var(--udex-link-emphasized-text-decoration)}.udex-link:hover slot,.udex-link--with-icon:hover slot,.udex-link--with-icon:active slot{text-decoration:var(--udex-link-hover-text-decoration)}.udex-link--with-icon .udex-link__content{display:inline;vertical-align:middle;margin-inline-end:20px}.udex-link--with-icon .udex-link__icon--icon-start~.udex-link__content{margin-inline-end:0}.udex-link__icon{display:inline-block;vertical-align:middle;width:var(--udex-link-icon-width);height:var(--udex-link-icon-height)}:host .ui5-link-root{outline-offset:0}:host([focused]) .ui5-link-root,:host([design="Subtle"][focused]) .ui5-link-root{outline:var(--sapContent_FocusColor, #002A86) var(--sapContent_FocusStyle, "solid") var(--sapContent_FocusWidth, .125rem)}[ui5-link],.udex-link__icon,[ui5-link]:active .udex-link__icon,[ui5-link][focused] .udex-link__icon{color:inherit}.udex-link__icon--icon-start{padding-inline-end:var(--udexSpacer4, 4px)}.udex-link__icon--icon-end{padding-inline-start:var(--udexSpacer4, 4px);margin-inline-start:-20px}
|
|
@@ -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-231-
|
|
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-231-8_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-231-
|
|
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-231-8_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/Link.css.ts", content: `:host{--udex-link-text-decoration: underline;--udex-link-hover-text-decoration: underline;--udex-link-focused-hover-text-decoration: underline;--udex-link-focus-text-decoration: underline;--udex-link-emphasized-text-decoration: none;--udex-link-icon-height:
|
|
6
|
+
const styleData = { packageName: "@sapudex/web-components", fileName: "themes/Link.css.ts", content: `:host{--udex-link-text-decoration: underline;--udex-link-hover-text-decoration: underline;--udex-link-focused-hover-text-decoration: underline;--udex-link-focus-text-decoration: underline;--udex-link-emphasized-text-decoration: none;--udex-link-icon-height: 16px;--udex-link-line-height: var(--udexTypographyBodyLineHeight, 1.5);--udex-link-color: var(--udexColorBlue8);--udex-link-hover-color: var(--udexColorBlue10);--udex-link-active-color: var(--udexColorBlue11);--udex-link-icon-width: 16px;--udex-link-white-space: break-spaces;--udex-link-subtle-color: var(--udexColorGrey8, #354A5F);--udex-link-subtle-hover-color: var(--udexColorGrey11, #12171C);--udex-link-subtle-active-color: var(--udexColorBlue9, #0040B0);--udex-link-subtle-visited-color: var(--udexColorGrey8, #354A5F);white-space:normal}:host([focused]),:host([focused]:hover),:host([focused]:hover:not(:active)),:host(:hover){text-decoration:none;color:var(--udex-link-hover-color)}:host(:active){color:var(--udex-link-active-color)}:host,:host(:visited){color:var(--udex-link-color)}:host([focused]) slot{text-decoration:var(--udex-link-focus-text-decoration)}:host([focused]:hover) slot,:host([focused]:hover:not(:active)) slot{text-decoration:var(--udex-link-focused-hover-text-decoration)}:host([icon]) .udex-link__content{white-space:var(--udex-link-white-space)}:host([design="Emphasized"]){font-weight:var(--udexTypographyFontWeightBold)}:host([design="Subtle"]){color:var(--udex-link-subtle-color)}:host([design="Subtle"][focused]),:host([design="Subtle"]:hover:not(:active)){color:var(--udex-link-subtle-hover-color)}:host([design="Subtle"]:active){color:var(--udex-link-subtle-active-color)}:host([design="Subtle"]:visited){color:var(--udex-link-subtle-visited-color)}:host([design="Subtle"]) .ui5-link-root:hover{text-decoration:var(--udex-link-hover-text-decoration)}.ui5-link-root{display:inline-flex;align-items:center;overflow:visible;line-height:var(--udex-link-line-height)}[ui5-link][disabled] .linkIcon{opacity:inherit}.udex-link slot{text-decoration:var(--udex-link-text-decoration);display:inline}:host([design="Emphasized"]:active),:host([design="Emphasized"][focused]) .udex-link:hover slot,:host([design="Emphasized"][focused]) .udex-link slot,:host([design="Emphasized"]) .udex-link slot,.udex-link--with-icon slot{text-decoration:var(--udex-link-emphasized-text-decoration)}.udex-link:hover slot,.udex-link--with-icon:hover slot,.udex-link--with-icon:active slot{text-decoration:var(--udex-link-hover-text-decoration)}.udex-link--with-icon .udex-link__content{display:inline;vertical-align:middle;margin-inline-end:20px}.udex-link--with-icon .udex-link__icon--icon-start~.udex-link__content{margin-inline-end:0}.udex-link__icon{display:inline-block;vertical-align:middle;width:var(--udex-link-icon-width);height:var(--udex-link-icon-height)}:host .ui5-link-root{outline-offset:0}:host([focused]) .ui5-link-root,:host([design="Subtle"][focused]) .ui5-link-root{outline:var(--sapContent_FocusColor, #002A86) var(--sapContent_FocusStyle, "solid") var(--sapContent_FocusWidth, .125rem)}[ui5-link],.udex-link__icon,[ui5-link]:active .udex-link__icon,[ui5-link][focused] .udex-link__icon{color:inherit}.udex-link__icon--icon-start{padding-inline-end:var(--udexSpacer4, 4px)}.udex-link__icon--icon-end{padding-inline-start:var(--udexSpacer4, 4px);margin-inline-start:-20px}
|
|
7
7
|
` };
|
|
8
8
|
export default styleData;
|
|
9
9
|
//# sourceMappingURL=Link.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Link.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,oBAAoB,EAAC,OAAO,EAAC;CACzG,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/Link.css.ts\",content:`:host{--udex-link-text-decoration: underline;--udex-link-hover-text-decoration: underline;--udex-link-focused-hover-text-decoration: underline;--udex-link-focus-text-decoration: underline;--udex-link-emphasized-text-decoration: none;--udex-link-icon-height:
|
|
1
|
+
{"version":3,"file":"Link.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Link.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,oBAAoB,EAAC,OAAO,EAAC;CACzG,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/Link.css.ts\",content:`:host{--udex-link-text-decoration: underline;--udex-link-hover-text-decoration: underline;--udex-link-focused-hover-text-decoration: underline;--udex-link-focus-text-decoration: underline;--udex-link-emphasized-text-decoration: none;--udex-link-icon-height: 16px;--udex-link-line-height: var(--udexTypographyBodyLineHeight, 1.5);--udex-link-color: var(--udexColorBlue8);--udex-link-hover-color: var(--udexColorBlue10);--udex-link-active-color: var(--udexColorBlue11);--udex-link-icon-width: 16px;--udex-link-white-space: break-spaces;--udex-link-subtle-color: var(--udexColorGrey8, #354A5F);--udex-link-subtle-hover-color: var(--udexColorGrey11, #12171C);--udex-link-subtle-active-color: var(--udexColorBlue9, #0040B0);--udex-link-subtle-visited-color: var(--udexColorGrey8, #354A5F);white-space:normal}:host([focused]),:host([focused]:hover),:host([focused]:hover:not(:active)),:host(:hover){text-decoration:none;color:var(--udex-link-hover-color)}:host(:active){color:var(--udex-link-active-color)}:host,:host(:visited){color:var(--udex-link-color)}:host([focused]) slot{text-decoration:var(--udex-link-focus-text-decoration)}:host([focused]:hover) slot,:host([focused]:hover:not(:active)) slot{text-decoration:var(--udex-link-focused-hover-text-decoration)}:host([icon]) .udex-link__content{white-space:var(--udex-link-white-space)}:host([design=\"Emphasized\"]){font-weight:var(--udexTypographyFontWeightBold)}:host([design=\"Subtle\"]){color:var(--udex-link-subtle-color)}:host([design=\"Subtle\"][focused]),:host([design=\"Subtle\"]:hover:not(:active)){color:var(--udex-link-subtle-hover-color)}:host([design=\"Subtle\"]:active){color:var(--udex-link-subtle-active-color)}:host([design=\"Subtle\"]:visited){color:var(--udex-link-subtle-visited-color)}:host([design=\"Subtle\"]) .ui5-link-root:hover{text-decoration:var(--udex-link-hover-text-decoration)}.ui5-link-root{display:inline-flex;align-items:center;overflow:visible;line-height:var(--udex-link-line-height)}[ui5-link][disabled] .linkIcon{opacity:inherit}.udex-link slot{text-decoration:var(--udex-link-text-decoration);display:inline}:host([design=\"Emphasized\"]:active),:host([design=\"Emphasized\"][focused]) .udex-link:hover slot,:host([design=\"Emphasized\"][focused]) .udex-link slot,:host([design=\"Emphasized\"]) .udex-link slot,.udex-link--with-icon slot{text-decoration:var(--udex-link-emphasized-text-decoration)}.udex-link:hover slot,.udex-link--with-icon:hover slot,.udex-link--with-icon:active slot{text-decoration:var(--udex-link-hover-text-decoration)}.udex-link--with-icon .udex-link__content{display:inline;vertical-align:middle;margin-inline-end:20px}.udex-link--with-icon .udex-link__icon--icon-start~.udex-link__content{margin-inline-end:0}.udex-link__icon{display:inline-block;vertical-align:middle;width:var(--udex-link-icon-width);height:var(--udex-link-icon-height)}:host .ui5-link-root{outline-offset:0}:host([focused]) .ui5-link-root,:host([design=\"Subtle\"][focused]) .ui5-link-root{outline:var(--sapContent_FocusColor, #002A86) var(--sapContent_FocusStyle, \"solid\") var(--sapContent_FocusWidth, .125rem)}[ui5-link],.udex-link__icon,[ui5-link]:active .udex-link__icon,[ui5-link][focused] .udex-link__icon{color:inherit}.udex-link__icon--icon-start{padding-inline-end:var(--udexSpacer4, 4px)}.udex-link__icon--icon-end{padding-inline-start:var(--udexSpacer4, 4px);margin-inline-start:-20px}\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/RatingIndicator.css.ts", content: `:host{--udex_rating_indicator_readonly_item_width: 1.5rem;--udex_rating_indicator_readonly_item_height: 1.5rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: 8px;--udex-rating_indicator_mobile_items_gap: 8px;--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey6 ,#5B738B);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500)}.udex-rating-indicator{font-family:var(--sapFontFamily);font-size:var(--sapFontSize, 16px)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v0-231-
|
|
6
|
+
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-231-8_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-231-
|
|
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-231-8_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-231-
|
|
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-231-8_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-231-
|
|
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-231-8_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/Link.css.ts",content:`:host{--udex-link-text-decoration: underline;--udex-link-hover-text-decoration: underline;--udex-link-focused-hover-text-decoration: underline;--udex-link-focus-text-decoration: underline;--udex-link-emphasized-text-decoration: none;--udex-link-icon-height:
|
|
10
|
+
const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/Link.css.ts",content:`:host{--udex-link-text-decoration: underline;--udex-link-hover-text-decoration: underline;--udex-link-focused-hover-text-decoration: underline;--udex-link-focus-text-decoration: underline;--udex-link-emphasized-text-decoration: none;--udex-link-icon-height: 16px;--udex-link-line-height: var(--udexTypographyBodyLineHeight, 1.5);--udex-link-color: var(--udexColorBlue8);--udex-link-hover-color: var(--udexColorBlue10);--udex-link-active-color: var(--udexColorBlue11);--udex-link-icon-width: 16px;--udex-link-white-space: break-spaces;--udex-link-subtle-color: var(--udexColorGrey8, #354A5F);--udex-link-subtle-hover-color: var(--udexColorGrey11, #12171C);--udex-link-subtle-active-color: var(--udexColorBlue9, #0040B0);--udex-link-subtle-visited-color: var(--udexColorGrey8, #354A5F);white-space:normal}:host([focused]),:host([focused]:hover),:host([focused]:hover:not(:active)),:host(:hover){text-decoration:none;color:var(--udex-link-hover-color)}:host(:active){color:var(--udex-link-active-color)}:host,:host(:visited){color:var(--udex-link-color)}:host([focused]) slot{text-decoration:var(--udex-link-focus-text-decoration)}:host([focused]:hover) slot,:host([focused]:hover:not(:active)) slot{text-decoration:var(--udex-link-focused-hover-text-decoration)}:host([icon]) .udex-link__content{white-space:var(--udex-link-white-space)}:host([design="Emphasized"]){font-weight:var(--udexTypographyFontWeightBold)}:host([design="Subtle"]){color:var(--udex-link-subtle-color)}:host([design="Subtle"][focused]),:host([design="Subtle"]:hover:not(:active)){color:var(--udex-link-subtle-hover-color)}:host([design="Subtle"]:active){color:var(--udex-link-subtle-active-color)}:host([design="Subtle"]:visited){color:var(--udex-link-subtle-visited-color)}:host([design="Subtle"]) .ui5-link-root:hover{text-decoration:var(--udex-link-hover-text-decoration)}.ui5-link-root{display:inline-flex;align-items:center;overflow:visible;line-height:var(--udex-link-line-height)}[ui5-link][disabled] .linkIcon{opacity:inherit}.udex-link slot{text-decoration:var(--udex-link-text-decoration);display:inline}:host([design="Emphasized"]:active),:host([design="Emphasized"][focused]) .udex-link:hover slot,:host([design="Emphasized"][focused]) .udex-link slot,:host([design="Emphasized"]) .udex-link slot,.udex-link--with-icon slot{text-decoration:var(--udex-link-emphasized-text-decoration)}.udex-link:hover slot,.udex-link--with-icon:hover slot,.udex-link--with-icon:active slot{text-decoration:var(--udex-link-hover-text-decoration)}.udex-link--with-icon .udex-link__content{display:inline;vertical-align:middle;margin-inline-end:20px}.udex-link--with-icon .udex-link__icon--icon-start~.udex-link__content{margin-inline-end:0}.udex-link__icon{display:inline-block;vertical-align:middle;width:var(--udex-link-icon-width);height:var(--udex-link-icon-height)}:host .ui5-link-root{outline-offset:0}:host([focused]) .ui5-link-root,:host([design="Subtle"][focused]) .ui5-link-root{outline:var(--sapContent_FocusColor, #002A86) var(--sapContent_FocusStyle, "solid") var(--sapContent_FocusWidth, .125rem)}[ui5-link],.udex-link__icon,[ui5-link]:active .udex-link__icon,[ui5-link][focused] .udex-link__icon{color:inherit}.udex-link__icon--icon-start{padding-inline-end:var(--udexSpacer4, 4px)}.udex-link__icon--icon-end{padding-inline-start:var(--udexSpacer4, 4px);margin-inline-start:-20px}
|
|
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/RatingIndicator.css.ts",content:`:host{--udex_rating_indicator_readonly_item_width: 1.5rem;--udex_rating_indicator_readonly_item_height: 1.5rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: 8px;--udex-rating_indicator_mobile_items_gap: 8px;--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey6 ,#5B738B);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500)}.udex-rating-indicator{font-family:var(--sapFontFamily);font-size:var(--sapFontSize, 16px)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v0-231-
|
|
10
|
+
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-231-8_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-231-
|
|
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-231-8_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
|
|
package/src/themes/Link.css
CHANGED
|
@@ -4,12 +4,12 @@
|
|
|
4
4
|
--udex-link-focused-hover-text-decoration: underline;
|
|
5
5
|
--udex-link-focus-text-decoration: underline;
|
|
6
6
|
--udex-link-emphasized-text-decoration: none;
|
|
7
|
-
--udex-link-icon-height:
|
|
7
|
+
--udex-link-icon-height: 16px;
|
|
8
8
|
--udex-link-line-height: var(--udexTypographyBodyLineHeight, 1.5);
|
|
9
9
|
--udex-link-color: var(--udexColorBlue8);
|
|
10
10
|
--udex-link-hover-color: var(--udexColorBlue10);
|
|
11
11
|
--udex-link-active-color: var(--udexColorBlue11);
|
|
12
|
-
--udex-link-icon-width:
|
|
12
|
+
--udex-link-icon-width: 16px;
|
|
13
13
|
--udex-link-white-space: break-spaces;
|
|
14
14
|
--udex-link-subtle-color: var(--udexColorGrey8, #354A5F);
|
|
15
15
|
--udex-link-subtle-hover-color: var(--udexColorGrey11, #12171C);
|
|
@@ -73,6 +73,8 @@
|
|
|
73
73
|
}
|
|
74
74
|
|
|
75
75
|
.ui5-link-root {
|
|
76
|
+
display: inline-flex;
|
|
77
|
+
align-items: center;
|
|
76
78
|
overflow: visible;
|
|
77
79
|
line-height: var(--udex-link-line-height);
|
|
78
80
|
}
|