@openmfp/portal-ui-lib 0.183.1 → 0.183.2
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/assets/249.js +1 -1
- package/assets/418.js +1 -0
- package/assets/560.js +1 -1
- package/assets/955.js +1 -1
- package/assets/openmfp-portal-ui-wc.js +30 -30
- package/package.json +2 -2
package/assets/249.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkwc=self.webpackChunkwc||[]).push([[249],{9249:(Q,T,e)=>{e.r(T),e.d(T,{default:()=>J});var t=e(1892),b=e(5386),A=e(1934),c=e(1642),C=e(3651),P=e(1834),E=e(6136),F=function(n){return n.InPlace="InPlace",n.Popover="Popover",n}(F||{});const w=F;var x=e(5166),Y=e(8619),z=e(1353),D=e(6759),I=function(n){return n.Off="Off",n.On="On",n}(I||{});const M=I;var v=e(467),y=e(8923),B=e(303),R=e(5444);(0,y.Rh)("@ui5/webcomponents-theming","sap_horizon",(0,v.A)(function*(){return B.A})),(0,y.Rh)("@ui5/webcomponents","sap_horizon",(0,v.A)(function*(){return R.A}));var g,m=function(n,o,s,r){var d,a=arguments.length,i=a<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,s):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(n,o,s,r);else for(var f=n.length-1;f>=0;f--)(d=n[f])&&(i=(a<3?d(i):a>3?d(o,s,i):d(o,s))||i);return a>3&&i&&Object.defineProperty(o,s,i),i};let p=g=class extends b.A{constructor(){super(...arguments),this.maxLines=1/0,this.emptyIndicatorMode="Off"}onBeforeRendering(){this.style.setProperty((0,z.ju)("--_ui5_text_max_lines"),`${this.maxLines}`)}get hasText(){return(0,D.A)(this.text)}get _renderEmptyIndicator(){return!this.hasText&&this.emptyIndicatorMode===M.On}get _emptyIndicatorAriaLabel(){return g.i18nBundle.getText(x.B$d)}get _emptyIndicatorSymbol(){return g.i18nBundle.getText(x.Fo)}};m([(0,c.A)({type:Number})],p.prototype,"maxLines",void 0),m([(0,c.A)()],p.prototype,"emptyIndicatorMode",void 0),m([(0,Y.A)({type:Node,default:!0})],p.prototype,"text",void 0),m([(0,C.A)("@ui5/webcomponents")],p,"i18nBundle",void 0),p=g=m([(0,A.A)({tag:"ui5-text",renderer:P.A,template:function N(){return(0,t.Y)(t.FK,{children:(0,t.Y)("span",{children:this._renderEmptyIndicator?(0,t.FD)(t.FK,{children:[(0,t.Y)("span",{className:"empty-indicator","aria-hidden":"true",children:this._emptyIndicatorSymbol}),(0,t.Y)("span",{className:"empty-indicator-aria-label",children:this._emptyIndicatorAriaLabel})]}):(0,t.Y)("slot",{})})})},styles:':host{max-width:100%;font-size:var(--sapFontSize);font-family:var(--sapFontFamily);color:var(--sapTextColor);line-height:normal;cursor:text;overflow:hidden}:host([max-lines="1"]){display:inline-block;text-overflow:ellipsis;white-space:nowrap}:host(:not([max-lines="1"])){display:-webkit-box;-webkit-line-clamp:var(--_ui5-v2-
|
|
1
|
+
"use strict";(self.webpackChunkwc=self.webpackChunkwc||[]).push([[249],{9249:(Q,T,e)=>{e.r(T),e.d(T,{default:()=>J});var t=e(1892),b=e(5386),A=e(1934),c=e(1642),C=e(3651),P=e(1834),E=e(6136),F=function(n){return n.InPlace="InPlace",n.Popover="Popover",n}(F||{});const w=F;var x=e(5166),Y=e(8619),z=e(1353),D=e(6759),I=function(n){return n.Off="Off",n.On="On",n}(I||{});const M=I;var v=e(467),y=e(8923),B=e(303),R=e(5444);(0,y.Rh)("@ui5/webcomponents-theming","sap_horizon",(0,v.A)(function*(){return B.A})),(0,y.Rh)("@ui5/webcomponents","sap_horizon",(0,v.A)(function*(){return R.A}));var g,m=function(n,o,s,r){var d,a=arguments.length,i=a<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,s):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(n,o,s,r);else for(var f=n.length-1;f>=0;f--)(d=n[f])&&(i=(a<3?d(i):a>3?d(o,s,i):d(o,s))||i);return a>3&&i&&Object.defineProperty(o,s,i),i};let p=g=class extends b.A{constructor(){super(...arguments),this.maxLines=1/0,this.emptyIndicatorMode="Off"}onBeforeRendering(){this.style.setProperty((0,z.ju)("--_ui5_text_max_lines"),`${this.maxLines}`)}get hasText(){return(0,D.A)(this.text)}get _renderEmptyIndicator(){return!this.hasText&&this.emptyIndicatorMode===M.On}get _emptyIndicatorAriaLabel(){return g.i18nBundle.getText(x.B$d)}get _emptyIndicatorSymbol(){return g.i18nBundle.getText(x.Fo)}};m([(0,c.A)({type:Number})],p.prototype,"maxLines",void 0),m([(0,c.A)()],p.prototype,"emptyIndicatorMode",void 0),m([(0,Y.A)({type:Node,default:!0})],p.prototype,"text",void 0),m([(0,C.A)("@ui5/webcomponents")],p,"i18nBundle",void 0),p=g=m([(0,A.A)({tag:"ui5-text",renderer:P.A,template:function N(){return(0,t.Y)(t.FK,{children:(0,t.Y)("span",{children:this._renderEmptyIndicator?(0,t.FD)(t.FK,{children:[(0,t.Y)("span",{className:"empty-indicator","aria-hidden":"true",children:this._emptyIndicatorSymbol}),(0,t.Y)("span",{className:"empty-indicator-aria-label",children:this._emptyIndicatorAriaLabel})]}):(0,t.Y)("slot",{})})})},styles:':host{max-width:100%;font-size:var(--sapFontSize);font-family:var(--sapFontFamily);color:var(--sapTextColor);line-height:normal;cursor:text;overflow:hidden}:host([max-lines="1"]){display:inline-block;text-overflow:ellipsis;white-space:nowrap}:host(:not([max-lines="1"])){display:-webkit-box;-webkit-line-clamp:var(--_ui5-v2-15-1_text_max_lines);line-clamp:var(--_ui5-v2-15-1_text_max_lines);-webkit-box-orient:vertical;white-space:normal;word-wrap:break-word}.empty-indicator-aria-label{position:absolute!important;clip:rect(1px,1px,1px,1px);user-select:none;left:0;top:0;font-size:0}\n'})],p),p.define();const O=p;var S=e(8305),L=e(4578),K=e(3560);(0,y.Rh)("@ui5/webcomponents-theming","sap_horizon",(0,v.A)(function*(){return B.A})),(0,y.Rh)("@ui5/webcomponents","sap_horizon",(0,v.A)(function*(){return R.A}));var u,h=function(n,o,s,r){var d,a=arguments.length,i=a<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,s):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(n,o,s,r);else for(var f=n.length-1;f>=0;f--)(d=n[f])&&(i=(a<3?d(i):a>3?d(o,s,i):d(o,s))||i);return a>3&&i&&Object.defineProperty(o,s,i),i};let l=u=class extends b.A{constructor(){super(...arguments),this.maxCharacters=100,this.overflowMode="InPlace",this.emptyIndicatorMode="Off",this._expanded=!1}getFocusDomRef(){return this._usePopover?this.shadowRoot?.querySelector("[ui5-responsive-popover]"):this.shadowRoot?.querySelector("[ui5-link]")}get _displayedText(){return this._expanded&&!this._usePopover?this.text:this.text?.substring(0,this.maxCharacters)}get _maxCharactersExceeded(){return(this.text?.length||0)>this.maxCharacters}get _usePopover(){return this.overflowMode===w.Popover}get _ellipsisText(){return this._expanded&&!this._usePopover?" ":"... "}get _textForToggle(){return u.i18nBundle.getText(this._expanded?x.pcO:x.DXF)}get _closeButtonText(){return u.i18nBundle.getText(x.Qmg)}get _accessibilityAttributesForToggle(){return this._usePopover?{expanded:this._expanded,hasPopup:"dialog"}:{expanded:this._expanded}}get _accessibleNameForToggle(){if(this._usePopover)return u.i18nBundle.getText(this._expanded?x.C_7:x.Yz$)}_handlePopoverClose(){(0,E.tp)()||(this._expanded=!1)}_handleToggleClick(){this._expanded=!this._expanded}_handleCloseButtonClick(o){this._expanded=!1,o.stopPropagation()}};h([(0,c.A)()],l.prototype,"text",void 0),h([(0,c.A)({type:Number})],l.prototype,"maxCharacters",void 0),h([(0,c.A)()],l.prototype,"overflowMode",void 0),h([(0,c.A)()],l.prototype,"emptyIndicatorMode",void 0),h([(0,c.A)({type:Boolean})],l.prototype,"_expanded",void 0),h([(0,C.A)("@ui5/webcomponents")],l,"i18nBundle",void 0),l=u=h([(0,A.A)({tag:"ui5-expandable-text",renderer:P.A,styles:":host{display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);color:var(--sapTextColor)}:host([hidden]){display:none}.ui5-exp-text-text{display:inline}.ui5-exp-text-text,.ui5-exp-text-toggle{font-family:inherit;font-size:inherit}.ui5-exp-text-text,.ui5-exp-text-ellipsis{color:inherit}.ui5-exp-text-popover::part(content){padding-inline:1rem}.ui5-exp-text-footer{width:100%;display:flex;align-items:center;justify-content:flex-end}\n",template:function $(){return(0,t.FD)("div",{children:[(0,t.Y)(O,{class:"ui5-exp-text-text",emptyIndicatorMode:this.emptyIndicatorMode,children:this._displayedText}),this._maxCharactersExceeded&&(0,t.FD)(t.FK,{children:[(0,t.Y)("span",{class:"ui5-exp-text-ellipsis",children:this._ellipsisText}),(0,t.Y)(S.A,{id:"toggle",class:"ui5-exp-text-toggle",accessibleRole:"Button",accessibleName:this._accessibleNameForToggle,accessibilityAttributes:this._accessibilityAttributesForToggle,onClick:this._handleToggleClick,children:this._textForToggle}),this._usePopover&&(0,t.FD)(K.A,{open:this._expanded,opener:"toggle",accessibleNameRef:"popover-text",contentOnlyOnDesktop:!0,_hideHeader:!0,class:"ui5-exp-text-popover",onClose:this._handlePopoverClose,children:[(0,t.Y)(O,{id:"popover-text",children:this.text}),(0,t.Y)("div",{slot:"footer",class:"ui5-exp-text-footer",children:(0,t.Y)(L.A,{design:"Transparent",onClick:this._handleCloseButtonClick,children:this._closeButtonText})})]})]})]})}})],l),l.define();const H=l;function J(n){const{className:o,text:s,maxCharacters:r,part:a}=n;return(0,t.Y)(H,{part:a,class:o,text:s,maxCharacters:r})}}}]);
|
package/assets/418.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(self.webpackChunkwc=self.webpackChunkwc||[]).push([[418],{1418:(i,t,n)=>{n.r(t),n.d(t,{default:()=>e});class e{constructor(o){this._onComposition=()=>{this._component.updateCompositionState(!0)},this._onCompositionEnd=()=>{this._component.updateCompositionState(!1)},this._component=o}addEventListeners(){const o=this._component.getInputEl();o&&(o.addEventListener("compositionstart",this._onComposition),o.addEventListener("compositionupdate",this._onComposition),o.addEventListener("compositionend",this._onCompositionEnd))}removeEventListeners(){const o=this._component.getInputEl();o&&(o.removeEventListener("compositionstart",this._onComposition),o.removeEventListener("compositionupdate",this._onComposition),o.removeEventListener("compositionend",this._onCompositionEnd))}}}}]);
|
package/assets/560.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkwc=self.webpackChunkwc||[]).push([[560],{3560:(ae,W,i)=>{i.d(W,{A:()=>ne});var D=i(467),A=i(1934),g=i(1642),p=i(6136),M=i(3651),z=i(5166),r=i(1892),Y=i(1278),$=i(555),O=i(8619),m=i(8762),l=i(2358),b=i(594),C=i(1045),T=i(9859),B=(i(4257),i(2601),i(8911),i(441),i(6726),i(4874));(0,B.pU)("resize-corner",{pathData:"M384 160v32q0 12-10 22L182 406q-10 10-22 10h-32zM224 416l160-160v32q0 12-10 22l-96 96q-10 10-22 10h-32zm160-64v32q0 12-10 22t-22 10h-32z",ltr:!1,collection:"SAP-icons-v4",packageName:"@ui5/webcomponents-icons"}),(0,B.pU)("resize-corner",{pathData:"M282 416q-11 0-18.5-7.5T256 390t7-18l109-109q7-7 18-7t18.5 7.5T416 282t-7 18L300 409q-7 7-18 7zm-160 0q-11 0-18.5-7.5T96 390t7-18l269-269q7-7 18-7t18.5 7.5T416 122t-7 18L140 409q-7 7-18 7z",ltr:!1,collection:"SAP-icons-v5",packageName:"@ui5/webcomponents-icons"});var V=i(8520),P=i(6983),E=i(563);function Z(){return(0,r.Y)(r.FK,{children:!!this._displayHeader&&(0,r.Y)("header",{children:(0,r.FD)("div",{class:"ui5-popup-header-root",id:"ui5-popup-header",role:"group","aria-describedby":this.effectiveAriaDescribedBy,"aria-roledescription":this.ariaRoleDescriptionHeaderText,tabIndex:this._headerTabIndex,onKeyDown:this._onDragOrResizeKeyDown,onMouseDown:this._onDragMouseDown,part:"header",children:[this.hasValueState&&(0,r.Y)(E.A,{class:"ui5-dialog-value-state-icon",name:this._dialogStateIcon}),this.header.length?(0,r.Y)("slot",{name:"header"}):(0,r.Y)(P.A,{level:"H1",id:"ui5-popup-header-text",class:"ui5-popup-header-text",children:this.headerText}),this.resizable?(0,r.Y)("span",this.draggable?{id:`${this._id}-descr`,"aria-hidden":"true",class:"ui5-hidden-text",children:this.ariaDescribedByHeaderTextDraggableAndResizable}:{id:`${this._id}-descr`,"aria-hidden":"true",class:"ui5-hidden-text",children:this.ariaDescribedByHeaderTextResizable}):this.draggable&&(0,r.Y)("span",{id:`${this._id}-descr`,"aria-hidden":"true",class:"ui5-hidden-text",children:this.ariaDescribedByHeaderTextDraggable})]})})})}function J(){return(0,r.FD)(r.FK,{children:[!!this.footer.length&&(0,r.Y)("footer",{class:"ui5-popup-footer-root",part:"footer",children:(0,r.Y)("slot",{name:"footer"})}),this._showResizeHandle&&(0,r.Y)("div",{class:"ui5-popup-resize-handle",onMouseDown:this._onResizeMouseDown,children:(0,r.Y)(E.A,{name:"resize-corner"})})]})}var q=i(1926),H=i(8923),L=i(303),S=i(5444);(0,H.Rh)("@ui5/webcomponents-theming","sap_horizon",(0,D.A)(function*(){return L.A})),(0,H.Rh)("@ui5/webcomponents","sap_horizon",(0,D.A)(function*(){return S.A}));var v,F=i(9634),u=function(c,e,t,s){var a,n=arguments.length,o=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,t):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(c,e,t,s);else for(var h=c.length-1;h>=0;h--)(a=c[h])&&(o=(n<3?a(o):n>3?a(e,t,o):a(e,t))||o);return n>3&&o&&Object.defineProperty(e,t,o),o};const _=16,te={[b.A.Negative]:"error",[b.A.Critical]:"alert",[b.A.Positive]:"sys-enter-2",[b.A.Information]:"information"};let d=v=class extends T.A{constructor(){super(),this.stretch=!1,this.draggable=!1,this.resizable=!1,this.state="None",this._draggedOrResized=!1,this._revertSize=()=>{Object.assign(this.style,{top:"",left:"",width:"",height:""})},this._screenResizeHandler=this._screenResize.bind(this),this._dragMouseMoveHandler=this._onDragMouseMove.bind(this),this._dragMouseUpHandler=this._onDragMouseUp.bind(this),this._resizeMouseMoveHandler=this._onResizeMouseMove.bind(this),this._resizeMouseUpHandler=this._onResizeMouseUp.bind(this),this._dragStartHandler=this._handleDragStart.bind(this)}static _isHeader(e){return e.classList.contains("ui5-popup-header-root")||"header"===e.getAttribute("slot")}get isModal(){return!0}get _ariaLabelledBy(){let e;return this.headerText&&!this._ariaLabel&&(e="ui5-popup-header-text"),e}get ariaRoleDescriptionHeaderText(){return this.resizable||this.draggable?v.i18nBundle.getText(z.lXU):void 0}get effectiveAriaDescribedBy(){return this.resizable||this.draggable?`${this._id}-descr`:void 0}get ariaDescribedByHeaderTextResizable(){return v.i18nBundle.getText(z.QGn)}get ariaDescribedByHeaderTextDraggable(){return v.i18nBundle.getText(z.kHh)}get ariaDescribedByHeaderTextDraggableAndResizable(){return v.i18nBundle.getText(z.CR4)}get _displayHeader(){return this.header.length||this.headerText||this.draggable||this.resizable}get _movable(){return!this.stretch&&this.onDesktop&&(this.draggable||this.resizable)}get _headerTabIndex(){return this._movable?0:void 0}get _showResizeHandle(){return this.resizable&&this.onDesktop}get _minHeight(){let e=Number.parseInt(window.getComputedStyle(this.contentDOM).minHeight);const t=this._root.querySelector(".ui5-popup-header-root");t&&(e+=t.offsetHeight);const s=this._root.querySelector(".ui5-popup-footer-root");return s&&(e+=s.offsetHeight),e}get hasValueState(){return this.state!==b.A.None}get _dialogStateIcon(){return te[this.state]}get _role(){if(this.accessibleRole!==F.A.None)return(0,C.A)(this.state===b.A.Negative||this.state===b.A.Critical?F.A.AlertDialog:this.accessibleRole)}_show(){super._show(),this._center()}onBeforeRendering(){super.onBeforeRendering(),this._isRTL="rtl"===this.effectiveDir}onEnterDOM(){super.onEnterDOM(),this._attachScreenResizeHandler(),this.addEventListener("dragstart",this._dragStartHandler)}onExitDOM(){super.onExitDOM(),this._detachScreenResizeHandler(),this.removeEventListener("dragstart",this._dragStartHandler)}_resize(){super._resize(),this._draggedOrResized||this._center()}_screenResize(){this._center()}_attachScreenResizeHandler(){this._screenResizeHandlerAttached||(window.addEventListener("resize",this._screenResizeHandler),this._screenResizeHandlerAttached=!0)}_detachScreenResizeHandler(){this._screenResizeHandlerAttached&&(window.removeEventListener("resize",this._screenResizeHandler),this._screenResizeHandlerAttached=!1)}_center(){const e=window.innerHeight-this.offsetHeight,t=window.innerWidth-this.offsetWidth;Object.assign(this.style,{top:`${Math.round(e/2)}px`,left:`${Math.round(t/2)}px`})}_onDragMouseDown(e){if(!this._movable||!this.draggable||!v._isHeader(e.target))return;const{top:t,left:s}=this.getBoundingClientRect(),{width:n,height:o}=window.getComputedStyle(this);Object.assign(this.style,{top:`${t}px`,left:`${s}px`,width:Math.round(100*Number.parseFloat(n))/100+"px",height:Math.round(100*Number.parseFloat(o))/100+"px"}),this._x=e.clientX,this._y=e.clientY,this._draggedOrResized=!0,this._attachMouseDragHandlers()}_onDragMouseMove(e){e.preventDefault();const{clientX:t,clientY:s}=e,n=this._x-t,o=this._y-s,{left:a,top:h}=this.getBoundingClientRect();Object.assign(this.style,{left:`${Math.floor(a-n)}px`,top:`${Math.floor(h-o)}px`}),this._x=t,this._y=s}_onDragMouseUp(){delete this._x,delete this._y,this._detachMouseDragHandlers()}_onDragOrResizeKeyDown(e){if(this._movable&&v._isHeader(e.target)){if(this.draggable&&[l.ie,l.Pj,l.OC,l.FG].some(t=>t(e)))return void this._dragWithEvent(e);this.resizable&&[l.aI,l.tt,l.KK,l.hn].some(t=>t(e))&&this._resizeWithEvent(e)}}_dragWithEvent(e){const{top:t,left:s,width:n,height:o}=this.getBoundingClientRect();let a=0,h="top";switch(!0){case(0,l.ie)(e):a=t-_,h="top";break;case(0,l.Pj)(e):a=t+_,h="top";break;case(0,l.OC)(e):a=s-_,h="left";break;case(0,l.FG)(e):a=s+_,h="left"}a=(0,m.A)(a,0,"left"===h?window.innerWidth-n:window.innerHeight-o),this.style[h]=`${a}px`}_resizeWithEvent(e){this._draggedOrResized=!0,this.addEventListener("ui5-before-close",this._revertSize,{once:!0});const{top:t,left:s}=this.getBoundingClientRect(),n=window.getComputedStyle(this),o=Number.parseFloat(n.minWidth),a=window.innerWidth-s,h=window.innerHeight-t;let w=Number.parseFloat(n.width),x=Number.parseFloat(n.height);switch(!0){case(0,l.aI)(e):x-=_;break;case(0,l.tt)(e):x+=_;break;case(0,l.KK)(e):w-=_;break;case(0,l.hn)(e):w+=_}w=(0,m.A)(w,o,a),x=(0,m.A)(x,this._minHeight,h),Object.assign(this.style,{width:`${w}px`,height:`${x}px`})}_attachMouseDragHandlers(){window.addEventListener("mousemove",this._dragMouseMoveHandler),window.addEventListener("mouseup",this._dragMouseUpHandler)}_detachMouseDragHandlers(){window.removeEventListener("mousemove",this._dragMouseMoveHandler),window.removeEventListener("mouseup",this._dragMouseUpHandler)}_onResizeMouseDown(e){if(!this._movable||!this.resizable)return;e.preventDefault();const{top:t,left:s}=this.getBoundingClientRect(),{width:n,height:o,minWidth:a}=window.getComputedStyle(this);this._initialX=e.clientX,this._initialY=e.clientY,this._initialWidth=Number.parseFloat(n),this._initialHeight=Number.parseFloat(o),this._initialTop=t,this._initialLeft=s,this._minWidth=Number.parseFloat(a),this._cachedMinHeight=this._minHeight,Object.assign(this.style,{top:`${t}px`,left:`${s}px`}),this._draggedOrResized=!0,this._attachMouseResizeHandlers()}_onResizeMouseMove(e){const{clientX:t,clientY:s}=e;let n,o;this._isRTL?(n=(0,m.A)(this._initialWidth-(t-this._initialX),this._minWidth,this._initialLeft+this._initialWidth),o=(0,m.A)(this._initialLeft+(t-this._initialX),0,this._initialX+this._initialWidth-this._minWidth)):n=(0,m.A)(this._initialWidth+(t-this._initialX),this._minWidth,window.innerWidth-this._initialLeft);const a=(0,m.A)(this._initialHeight+(s-this._initialY),this._cachedMinHeight,window.innerHeight-this._initialTop);Object.assign(this.style,{height:`${a}px`,width:`${n}px`,left:o?`${o}px`:void 0})}_onResizeMouseUp(){delete this._initialX,delete this._initialY,delete this._initialWidth,delete this._initialHeight,delete this._initialTop,delete this._initialLeft,delete this._minWidth,delete this._cachedMinHeight,this._detachMouseResizeHandlers()}_handleDragStart(e){this.draggable&&e.preventDefault()}_attachMouseResizeHandlers(){window.addEventListener("mousemove",this._resizeMouseMoveHandler),window.addEventListener("mouseup",this._resizeMouseUpHandler),this.addEventListener("ui5-before-close",this._revertSize,{once:!0})}_detachMouseResizeHandlers(){window.removeEventListener("mousemove",this._resizeMouseMoveHandler),window.removeEventListener("mouseup",this._resizeMouseUpHandler)}};u([(0,g.A)()],d.prototype,"headerText",void 0),u([(0,g.A)({type:Boolean})],d.prototype,"stretch",void 0),u([(0,g.A)({type:Boolean})],d.prototype,"draggable",void 0),u([(0,g.A)({type:Boolean})],d.prototype,"resizable",void 0),u([(0,g.A)()],d.prototype,"state",void 0),u([(0,O.A)()],d.prototype,"header",void 0),u([(0,O.A)()],d.prototype,"footer",void 0),u([(0,M.A)("@ui5/webcomponents")],d,"i18nBundle",void 0),d=v=u([(0,A.A)({tag:"ui5-dialog",template:function Q(){return V.Ay.call(this,{beforeContent:Z,afterContent:J})},styles:[T.A.styles,q.A,'.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{min-width:20rem;min-height:6rem;max-height:94%;max-width:90%;flex-direction:column;box-shadow:var(--sapContent_Shadow3);border-radius:var(--sapElement_BorderCornerRadius)}:host([stretch]){width:90%;height:94%}:host([stretch][on-phone]){width:100%;height:100%;max-height:100%;max-width:100%;border-radius:0;min-width:0}:host([draggable]) .ui5-popup-header-root,:host([draggable]) ::slotted([slot="header"]){cursor:move}:host([draggable]) .ui5-popup-header-root *{cursor:auto}:host([draggable]) .ui5-popup-root{user-select:text}::slotted([slot="header"]){max-width:100%}.ui5-popup-root{display:flex;flex-direction:column;max-width:100vw}.ui5-popup-header-root{position:relative}.ui5-popup-header-root:before{content:"";position:absolute;inset-block-start:auto;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;height:var(--_ui5-v2-14-0_dialog_header_state_line_height);background:var(--sapObjectHeader_BorderColor)}:host([state="Negative"]) .ui5-popup-header-root:before{background:var(--sapErrorBorderColor)}:host([state="Information"]) .ui5-popup-header-root:before{background:var(--sapInformationBorderColor)}:host([state="Positive"]) .ui5-popup-header-root:before{background:var(--sapSuccessBorderColor)}:host([state="Critical"]) .ui5-popup-header-root:before{background:var(--sapWarningBorderColor)}.ui5-dialog-value-state-icon{margin-inline-end:.5rem;flex-shrink:0}:host([state="Negative"]) .ui5-dialog-value-state-icon{color:var(--_ui5-v2-14-0_dialog_header_error_state_icon_color)}:host([state="Information"]) .ui5-dialog-value-state-icon{color:var(--_ui5-v2-14-0_dialog_header_information_state_icon_color)}:host([state="Positive"]) .ui5-dialog-value-state-icon{color:var(--_ui5-v2-14-0_dialog_header_success_state_icon_color)}:host([state="Critical"]) .ui5-dialog-value-state-icon{color:var(--_ui5-v2-14-0_dialog_header_warning_state_icon_color)}.ui5-popup-header-root{outline:none}:host([desktop]) .ui5-popup-header-root:focus:after,.ui5-popup-header-root:focus-visible:after{content:"";position:absolute;left:var(--_ui5-v2-14-0_dialog_header_focus_left_offset);bottom:var(--_ui5-v2-14-0_dialog_header_focus_bottom_offset);right:var(--_ui5-v2-14-0_dialog_header_focus_right_offset);top:var(--_ui5-v2-14-0_dialog_header_focus_top_offset);border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--_ui5-v2-14-0_dialog_header_border_radius) var(--_ui5-v2-14-0_dialog_header_border_radius) 0 0;pointer-events:none}:host([stretch]) .ui5-popup-content{width:100%;height:100%}.ui5-popup-content{min-height:var(--_ui5-v2-14-0_dialog_content_min_height);flex:1 1 auto}.ui5-popup-resize-handle{position:absolute;bottom:-.5rem;inset-inline-end:-.5rem;cursor:var(--_ui5-v2-14-0_dialog_resize_cursor);width:1.5rem;height:1.5rem;border-radius:50%}.ui5-popup-resize-handle [ui5-icon]{color:var(--sapButton_Lite_TextColor)}::slotted([slot="footer"]){height:var(--_ui5-v2-14-0_dialog_footer_height)}::slotted([slot="footer"][ui5-bar][design="Footer"]){border-top:none}::slotted([slot="header"][ui5-bar]){box-shadow:none}::slotted([slot="footer"][ui5-toolbar]){border:0}:host::backdrop{background-color:var(--_ui5-v2-14-0_popup_block_layer_background);opacity:var(--_ui5-v2-14-0_popup_block_layer_opacity)}.ui5-block-layer{display:block}\n']})],d),d.define();const ie=d;var oe=i(4578),N=i(1465);(0,H.Rh)("@ui5/webcomponents-theming","sap_horizon",(0,D.A)(function*(){return L.A})),(0,H.Rh)("@ui5/webcomponents","sap_horizon",(0,D.A)(function*(){return S.A}));var R,y=function(c,e,t,s){var a,n=arguments.length,o=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,t):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(c,e,t,s);else for(var h=c.length-1;h>=0;h--)(a=c[h])&&(o=(n<3?a(o):n>3?a(e,t,o):a(e,t))||o);return n>3&&o&&Object.defineProperty(e,t,o),o};let f=R=class extends N.A{constructor(){super(),this.contentOnlyOnDesktop=!1,this._hideHeader=!1,this._hideCloseButton=!1}openPopup(){var e=()=>super.openPopup,t=this;return(0,D.A)(function*(){(0,p.tp)()?t._dialog&&(t._dialog.open=!0):yield e().call(t)})()}_show(){var e=()=>super._show,t=this;return(0,D.A)(function*(){if(!(0,p.tp)())return e().call(t)})()}handleOpenOnEnterDOM(){this.open&&!(0,p.tp)()&&(this.showPopover(),this.openPopup())}_dialogCloseButtonClick(){this.closePopup()}closePopup(e=!1,t=!1,s=!1){(0,p.tp)()?this._dialog?.closePopup(e,t,s):super.closePopup(e,t,s)}toggle(e){this.open?this.closePopup():(this.opener=e,this.open=!0)}get classes(){const e=super.classes;return e.header={"ui5-responsive-popover-header":!0,"ui5-responsive-popover-header-no-title":!this.headerText},e}get _dialog(){return this.shadowRoot.querySelector("[ui5-dialog]")}get contentDOM(){return(0,p.tp)()?this._dialog.contentDOM:super.contentDOM}get _isPhone(){return(0,p.tp)()}get _displayHeader(){return((0,p.tp)()||!this.contentOnlyOnDesktop)&&super._displayHeader}get _displayFooter(){return(0,p.tp)()||!this.contentOnlyOnDesktop}get _closeDialogAriaLabel(){return R.i18nBundle.getText(z.W_p)}_beforeDialogOpen(){this._opened=!0,this.open=!0,this.fireDecoratorEvent("before-open")}_afterDialogOpen(){this.fireDecoratorEvent("open")}_beforeDialogClose(e){this.fireDecoratorEvent("before-close",e.detail)}_afterDialogClose(){this._opened=!1,this.open=!1,this.fireDecoratorEvent("close")}get isModal(){return(0,p.tp)()?this._dialog.isModal:super.isModal}};y([(0,g.A)({type:Boolean})],f.prototype,"contentOnlyOnDesktop",void 0),y([(0,g.A)({type:Boolean})],f.prototype,"_hideHeader",void 0),y([(0,g.A)({type:Boolean})],f.prototype,"_hideCloseButton",void 0),y([(0,M.A)("@ui5/webcomponents")],f,"i18nBundle",void 0),f=R=y([(0,A.A)({tag:"ui5-responsive-popover",styles:[N.A.styles,":host{--_ui5-v2-14-0_input_width: 100%;min-width:6.25rem;min-height:2rem}:host([on-phone]){display:contents}.ui5-responsive-popover-header{height:var(--_ui5-v2-14-0-responsive_popover_header_height);display:flex;justify-content:var(--_ui5-v2-14-0_popup_header_prop_header_text_alignment);align-items:center;width:100%}.ui5-responsive-popover-header-text{width:calc(100% - var(--_ui5-v2-14-0_button_base_min_width))}.ui5-responsive-popover-header-no-title{justify-content:flex-end}\n"],template:function se(){return this._isPhone?(0,r.FD)(ie,{"root-element":!0,accessibleName:this.accessibleName,accessibleNameRef:this.accessibleNameRef,accessibleDescription:this.accessibleDescription,accessibleDescriptionRef:this.accessibleDescriptionRef,accessibleRole:this.accessibleRole,stretch:!0,preventInitialFocus:this.preventInitialFocus,preventFocusRestore:this.preventFocusRestore,initialFocus:this.initialFocus,onBeforeOpen:this._beforeDialogOpen,onOpen:this._afterDialogOpen,onBeforeClose:this._beforeDialogClose,onClose:this._afterDialogClose,exportparts:"content, header, footer",open:this.open,children:[!this._hideHeader&&(0,r.Y)(r.FK,{children:this.header.length?(0,r.Y)("slot",{slot:"header",name:"header"}):(0,r.FD)("div",{class:this.classes.header,slot:"header",children:[this.headerText&&(0,r.Y)(P.A,{level:"H1",wrappingType:"None",class:"ui5-popup-header-text ui5-responsive-popover-header-text",children:this.headerText}),!this._hideCloseButton&&(0,r.Y)(oe.A,{icon:Y.Ay,design:"Transparent",accessibleName:this._closeDialogAriaLabel,onClick:this._dialogCloseButtonClick})]})}),(0,r.Y)("slot",{}),(0,r.Y)("slot",{slot:"footer",name:"footer"})]}):$.A.call(this)}})],f),f.define();const ne=f}}]);
|
|
1
|
+
"use strict";(self.webpackChunkwc=self.webpackChunkwc||[]).push([[560],{3560:(ae,F,i)=>{i.d(F,{A:()=>ne});var z=i(467),A=i(1934),g=i(1642),c=i(6136),M=i(3651),y=i(5166),n=i(1892),Y=i(1278),$=i(555),C=i(8619),b=i(8762),l=i(2358),D=i(594),O=i(1045),T=i(9859),B=(i(4257),i(2601),i(8911),i(441),i(6726),i(4874));(0,B.pU)("resize-corner",{pathData:"M384 160v32q0 12-10 22L182 406q-10 10-22 10h-32zM224 416l160-160v32q0 12-10 22l-96 96q-10 10-22 10h-32zm160-64v32q0 12-10 22t-22 10h-32z",ltr:!1,collection:"SAP-icons-v4",packageName:"@ui5/webcomponents-icons"}),(0,B.pU)("resize-corner",{pathData:"M282 416q-11 0-18.5-7.5T256 390t7-18l109-109q7-7 18-7t18.5 7.5T416 282t-7 18L300 409q-7 7-18 7zm-160 0q-11 0-18.5-7.5T96 390t7-18l269-269q7-7 18-7t18.5 7.5T416 122t-7 18L140 409q-7 7-18 7z",ltr:!1,collection:"SAP-icons-v5",packageName:"@ui5/webcomponents-icons"});var V=i(8520),P=i(6983),E=i(563);function Z(){return(0,n.Y)(n.FK,{children:!!this._displayHeader&&(0,n.Y)("header",{children:(0,n.FD)("div",{class:"ui5-popup-header-root",id:"ui5-popup-header",role:"group","aria-describedby":this.effectiveAriaDescribedBy,"aria-roledescription":this.ariaRoleDescriptionHeaderText,tabIndex:this._headerTabIndex,onKeyDown:this._onDragOrResizeKeyDown,onMouseDown:this._onDragMouseDown,part:"header",children:[this.hasValueState&&(0,n.Y)(E.A,{class:"ui5-dialog-value-state-icon",name:this._dialogStateIcon}),this.header.length?(0,n.Y)("slot",{name:"header"}):(0,n.Y)(P.A,{level:"H1",id:"ui5-popup-header-text",class:"ui5-popup-header-text",children:this.headerText}),this.resizable?(0,n.Y)("span",this.draggable?{id:`${this._id}-descr`,"aria-hidden":"true",class:"ui5-hidden-text",children:this.ariaDescribedByHeaderTextDraggableAndResizable}:{id:`${this._id}-descr`,"aria-hidden":"true",class:"ui5-hidden-text",children:this.ariaDescribedByHeaderTextResizable}):this.draggable&&(0,n.Y)("span",{id:`${this._id}-descr`,"aria-hidden":"true",class:"ui5-hidden-text",children:this.ariaDescribedByHeaderTextDraggable})]})})})}function J(){return(0,n.FD)(n.FK,{children:[!!this.footer.length&&(0,n.Y)("footer",{class:"ui5-popup-footer-root",part:"footer",children:(0,n.Y)("slot",{name:"footer"})}),this._showResizeHandle&&(0,n.Y)("div",{class:"ui5-popup-resize-handle",onMouseDown:this._onResizeMouseDown,children:(0,n.Y)(E.A,{name:"resize-corner"})})]})}var q=i(1926),R=i(8923),L=i(303),S=i(5444);(0,R.Rh)("@ui5/webcomponents-theming","sap_horizon",(0,z.A)(function*(){return L.A})),(0,R.Rh)("@ui5/webcomponents","sap_horizon",(0,z.A)(function*(){return S.A}));var v,N=i(9634),u=function(p,e,t,o){var a,r=arguments.length,s=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(p,e,t,o);else for(var h=p.length-1;h>=0;h--)(a=p[h])&&(s=(r<3?a(s):r>3?a(e,t,s):a(e,t))||s);return r>3&&s&&Object.defineProperty(e,t,s),s};const f=16,te={[D.A.Negative]:"error",[D.A.Critical]:"alert",[D.A.Positive]:"sys-enter-2",[D.A.Information]:"information"};let d=v=class extends T.A{constructor(){super(),this.stretch=!1,this.draggable=!1,this.resizable=!1,this.state="None",this._draggedOrResized=!1,this._revertSize=()=>{Object.assign(this.style,{top:"",left:"",width:"",height:""})},this._screenResizeHandler=this._screenResize.bind(this),this._dragMouseMoveHandler=this._onDragMouseMove.bind(this),this._dragMouseUpHandler=this._onDragMouseUp.bind(this),this._resizeMouseMoveHandler=this._onResizeMouseMove.bind(this),this._resizeMouseUpHandler=this._onResizeMouseUp.bind(this),this._dragStartHandler=this._handleDragStart.bind(this)}static _isHeader(e){return e.classList.contains("ui5-popup-header-root")||"header"===e.getAttribute("slot")}get isModal(){return!0}get _ariaLabelledBy(){let e;return this.headerText&&!this._ariaLabel&&(e="ui5-popup-header-text"),e}get ariaRoleDescriptionHeaderText(){return this.resizable||this.draggable?v.i18nBundle.getText(y.lXU):void 0}get effectiveAriaDescribedBy(){return this.resizable||this.draggable?`${this._id}-descr`:void 0}get ariaDescribedByHeaderTextResizable(){return v.i18nBundle.getText(y.QGn)}get ariaDescribedByHeaderTextDraggable(){return v.i18nBundle.getText(y.kHh)}get ariaDescribedByHeaderTextDraggableAndResizable(){return v.i18nBundle.getText(y.CR4)}get _displayHeader(){return this.header.length||this.headerText||this.draggable||this.resizable}get _movable(){return!this.stretch&&this.onDesktop&&(this.draggable||this.resizable)}get _headerTabIndex(){return this._movable?0:void 0}get _showResizeHandle(){return this.resizable&&this.onDesktop}get _minHeight(){let e=Number.parseInt(window.getComputedStyle(this.contentDOM).minHeight);const t=this._root.querySelector(".ui5-popup-header-root");t&&(e+=t.offsetHeight);const o=this._root.querySelector(".ui5-popup-footer-root");return o&&(e+=o.offsetHeight),e}get hasValueState(){return this.state!==D.A.None}get _dialogStateIcon(){return te[this.state]}get _role(){if(this.accessibleRole!==N.A.None)return(0,O.A)(this.state===D.A.Negative||this.state===D.A.Critical?N.A.AlertDialog:this.accessibleRole)}_show(){super._show(),this._center()}onBeforeRendering(){super.onBeforeRendering(),this._isRTL="rtl"===this.effectiveDir}onEnterDOM(){super.onEnterDOM(),this._attachScreenResizeHandler(),this.addEventListener("dragstart",this._dragStartHandler)}onExitDOM(){super.onExitDOM(),this._detachScreenResizeHandler(),this.removeEventListener("dragstart",this._dragStartHandler)}_resize(){super._resize(),this._draggedOrResized||this._center()}_screenResize(){this._center()}_attachScreenResizeHandler(){this._screenResizeHandlerAttached||(window.addEventListener("resize",this._screenResizeHandler),this._screenResizeHandlerAttached=!0)}_detachScreenResizeHandler(){this._screenResizeHandlerAttached&&(window.removeEventListener("resize",this._screenResizeHandler),this._screenResizeHandlerAttached=!1)}_center(){const e=window.innerHeight-this.offsetHeight,t=window.innerWidth-this.offsetWidth;Object.assign(this.style,{top:`${Math.round(e/2)}px`,left:`${Math.round(t/2)}px`})}_onDragMouseDown(e){if(!this._movable||!this.draggable||!v._isHeader(e.target))return;const{top:t,left:o}=this.getBoundingClientRect(),{width:r,height:s}=window.getComputedStyle(this);Object.assign(this.style,{top:`${t}px`,left:`${o}px`,width:Math.round(100*Number.parseFloat(r))/100+"px",height:Math.round(100*Number.parseFloat(s))/100+"px"}),this._x=e.clientX,this._y=e.clientY,this._draggedOrResized=!0,this._attachMouseDragHandlers()}_onDragMouseMove(e){e.preventDefault();const{clientX:t,clientY:o}=e,r=this._x-t,s=this._y-o,{left:a,top:h}=this.getBoundingClientRect();Object.assign(this.style,{left:`${Math.floor(a-r)}px`,top:`${Math.floor(h-s)}px`}),this._x=t,this._y=o}_onDragMouseUp(){delete this._x,delete this._y,this._detachMouseDragHandlers()}_onDragOrResizeKeyDown(e){if(this._movable&&v._isHeader(e.target)){if(this.draggable&&[l.ie,l.Pj,l.OC,l.FG].some(t=>t(e)))return void this._dragWithEvent(e);this.resizable&&[l.aI,l.tt,l.KK,l.hn].some(t=>t(e))&&this._resizeWithEvent(e)}}_dragWithEvent(e){const{top:t,left:o,width:r,height:s}=this.getBoundingClientRect();let a=0,h="top";switch(!0){case(0,l.ie)(e):a=t-f,h="top";break;case(0,l.Pj)(e):a=t+f,h="top";break;case(0,l.OC)(e):a=o-f,h="left";break;case(0,l.FG)(e):a=o+f,h="left"}a=(0,b.A)(a,0,"left"===h?window.innerWidth-r:window.innerHeight-s),this.style[h]=`${a}px`}_resizeWithEvent(e){this._draggedOrResized=!0,this.addEventListener("ui5-before-close",this._revertSize,{once:!0});const{top:t,left:o}=this.getBoundingClientRect(),r=window.getComputedStyle(this),s=Number.parseFloat(r.minWidth),a=window.innerWidth-o,h=window.innerHeight-t;let m=Number.parseFloat(r.width),x=Number.parseFloat(r.height);switch(!0){case(0,l.aI)(e):x-=f;break;case(0,l.tt)(e):x+=f;break;case(0,l.KK)(e):m-=f;break;case(0,l.hn)(e):m+=f}m=(0,b.A)(m,s,a),x=(0,b.A)(x,this._minHeight,h),Object.assign(this.style,{width:`${m}px`,height:`${x}px`})}_attachMouseDragHandlers(){window.addEventListener("mousemove",this._dragMouseMoveHandler),window.addEventListener("mouseup",this._dragMouseUpHandler)}_detachMouseDragHandlers(){window.removeEventListener("mousemove",this._dragMouseMoveHandler),window.removeEventListener("mouseup",this._dragMouseUpHandler)}_onResizeMouseDown(e){if(!this._movable||!this.resizable)return;e.preventDefault();const{top:t,left:o}=this.getBoundingClientRect(),{width:r,height:s,minWidth:a}=window.getComputedStyle(this);this._initialX=e.clientX,this._initialY=e.clientY,this._initialWidth=Number.parseFloat(r),this._initialHeight=Number.parseFloat(s),this._initialTop=t,this._initialLeft=o,this._minWidth=Number.parseFloat(a),this._cachedMinHeight=this._minHeight,Object.assign(this.style,{top:`${t}px`,left:`${o}px`}),this._draggedOrResized=!0,this._attachMouseResizeHandlers()}_onResizeMouseMove(e){const{clientX:t,clientY:o}=e;let r,s;if(this._isRTL){r=(0,b.A)(this._initialWidth-(t-this._initialX),this._minWidth,this._initialLeft+this._initialWidth),Object.assign(this.style,{width:`${r}px`});const h=r-this.getBoundingClientRect().width,m=this._initialLeft+this._initialWidth+h;s=(0,b.A)(m-r,0,m-this._minWidth)}else r=(0,b.A)(this._initialWidth+(t-this._initialX),this._minWidth,window.innerWidth-this._initialLeft);const a=(0,b.A)(this._initialHeight+(o-this._initialY),this._cachedMinHeight,window.innerHeight-this._initialTop);Object.assign(this.style,{height:`${a}px`,width:`${r}px`,left:this._isRTL?`${s}px`:void 0})}_onResizeMouseUp(){delete this._initialX,delete this._initialY,delete this._initialWidth,delete this._initialHeight,delete this._initialTop,delete this._initialLeft,delete this._minWidth,delete this._cachedMinHeight,this._detachMouseResizeHandlers()}_handleDragStart(e){this.draggable&&e.preventDefault()}_attachMouseResizeHandlers(){window.addEventListener("mousemove",this._resizeMouseMoveHandler),window.addEventListener("mouseup",this._resizeMouseUpHandler),this.addEventListener("ui5-before-close",this._revertSize,{once:!0})}_detachMouseResizeHandlers(){window.removeEventListener("mousemove",this._resizeMouseMoveHandler),window.removeEventListener("mouseup",this._resizeMouseUpHandler)}};u([(0,g.A)()],d.prototype,"headerText",void 0),u([(0,g.A)({type:Boolean})],d.prototype,"stretch",void 0),u([(0,g.A)({type:Boolean})],d.prototype,"draggable",void 0),u([(0,g.A)({type:Boolean})],d.prototype,"resizable",void 0),u([(0,g.A)()],d.prototype,"state",void 0),u([(0,C.A)()],d.prototype,"header",void 0),u([(0,C.A)()],d.prototype,"footer",void 0),u([(0,M.A)("@ui5/webcomponents")],d,"i18nBundle",void 0),d=v=u([(0,A.A)({tag:"ui5-dialog",template:function Q(){return V.Ay.call(this,{beforeContent:Z,afterContent:J})},styles:[T.A.styles,q.A,'.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{min-width:20rem;min-height:6rem;max-height:94%;max-width:90%;flex-direction:column;box-shadow:var(--sapContent_Shadow3);border-radius:var(--sapElement_BorderCornerRadius)}:host([stretch]){width:90%;height:94%}:host([stretch][on-phone]){width:100%;height:100%;max-height:100%;max-width:100%;border-radius:0;min-width:0}:host([draggable]) .ui5-popup-header-root,:host([draggable]) ::slotted([slot="header"]){cursor:move}:host([draggable]) .ui5-popup-header-root *{cursor:auto}:host([draggable]) .ui5-popup-root{user-select:text}::slotted([slot="header"]){max-width:100%}.ui5-popup-root{display:flex;flex-direction:column;max-width:100vw}.ui5-popup-header-root{position:relative}.ui5-popup-header-root:before{content:"";position:absolute;inset-block-start:auto;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;height:var(--_ui5-v2-15-1_dialog_header_state_line_height);background:var(--sapObjectHeader_BorderColor)}:host([state="Negative"]) .ui5-popup-header-root:before{background:var(--sapErrorBorderColor)}:host([state="Information"]) .ui5-popup-header-root:before{background:var(--sapInformationBorderColor)}:host([state="Positive"]) .ui5-popup-header-root:before{background:var(--sapSuccessBorderColor)}:host([state="Critical"]) .ui5-popup-header-root:before{background:var(--sapWarningBorderColor)}.ui5-dialog-value-state-icon{margin-inline-end:.5rem;flex-shrink:0}:host([state="Negative"]) .ui5-dialog-value-state-icon{color:var(--sapNegativeElementColor)}:host([state="Information"]) .ui5-dialog-value-state-icon{color:var(--sapInformativeElementColor)}:host([state="Positive"]) .ui5-dialog-value-state-icon{color:var(--sapPositiveElementColor)}:host([state="Critical"]) .ui5-dialog-value-state-icon{color:var(--sapCriticalElementColor)}.ui5-popup-header-root{outline:none}:host([desktop]) .ui5-popup-header-root:focus:after,.ui5-popup-header-root:focus-visible:after{content:"";position:absolute;left:var(--_ui5-v2-15-1_dialog_header_focus_left_offset);bottom:var(--_ui5-v2-15-1_dialog_header_focus_bottom_offset);right:var(--_ui5-v2-15-1_dialog_header_focus_right_offset);top:var(--_ui5-v2-15-1_dialog_header_focus_top_offset);border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--_ui5-v2-15-1_dialog_header_border_radius) var(--_ui5-v2-15-1_dialog_header_border_radius) 0 0;pointer-events:none}:host([stretch]) .ui5-popup-content{width:100%;height:100%}.ui5-popup-content{min-height:var(--_ui5-v2-15-1_dialog_content_min_height);flex:1 1 auto}.ui5-popup-resize-handle{position:absolute;bottom:-.5rem;inset-inline-end:-.5rem;cursor:var(--_ui5-v2-15-1_dialog_resize_cursor);width:1.5rem;height:1.5rem;border-radius:50%}.ui5-popup-resize-handle [ui5-icon]{color:var(--sapButton_Lite_TextColor)}::slotted([slot="footer"]){height:var(--_ui5-v2-15-1_dialog_footer_height)}::slotted([slot="footer"][ui5-bar][design="Footer"]){border-top:none}::slotted([slot="header"][ui5-bar]){box-shadow:none}::slotted([slot="footer"][ui5-toolbar]){border:0}:host::backdrop{background-color:var(--_ui5-v2-15-1_popup_block_layer_background);opacity:var(--_ui5-v2-15-1_popup_block_layer_opacity)}.ui5-block-layer{display:block}\n']})],d),d.define();const ie=d;var oe=i(4578),W=i(1465);(0,R.Rh)("@ui5/webcomponents-theming","sap_horizon",(0,z.A)(function*(){return L.A})),(0,R.Rh)("@ui5/webcomponents","sap_horizon",(0,z.A)(function*(){return S.A}));var H,w=function(p,e,t,o){var a,r=arguments.length,s=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(p,e,t,o);else for(var h=p.length-1;h>=0;h--)(a=p[h])&&(s=(r<3?a(s):r>3?a(e,t,s):a(e,t))||s);return r>3&&s&&Object.defineProperty(e,t,s),s};let _=H=class extends W.A{constructor(){super(),this.contentOnlyOnDesktop=!1,this._hideHeader=!1,this._hideCloseButton=!1}openPopup(){var e=()=>super.openPopup,t=this;return(0,z.A)(function*(){(0,c.tp)()?t._dialog&&(t._dialog.open=!0):yield e().call(t)})()}_show(){var e=()=>super._show,t=this;return(0,z.A)(function*(){if(!(0,c.tp)())return e().call(t)})()}handleOpenOnEnterDOM(){this.open&&!(0,c.tp)()&&(this.showPopover(),this.openPopup())}_dialogCloseButtonClick(){this.closePopup()}closePopup(e=!1,t=!1,o=!1){(0,c.tp)()?this._dialog?.closePopup(e,t,o):super.closePopup(e,t,o)}toggle(e){this.open?this.closePopup():(this.opener=e,this.open=!0)}get classes(){const e=super.classes;return e.header={"ui5-responsive-popover-header":!0,"ui5-responsive-popover-header-no-title":!this.headerText},e}get _dialog(){return this.shadowRoot.querySelector("[ui5-dialog]")}get contentDOM(){return(0,c.tp)()?this._dialog.contentDOM:super.contentDOM}get _isPhone(){return(0,c.tp)()}get _displayHeader(){return((0,c.tp)()||!this.contentOnlyOnDesktop)&&super._displayHeader}get _displayFooter(){return(0,c.tp)()||!this.contentOnlyOnDesktop}get _closeDialogAriaLabel(){return H.i18nBundle.getText(y.W_p)}_beforeDialogOpen(){this._opened=!0,this.open=!0,this.fireDecoratorEvent("before-open")}_afterDialogOpen(){this.fireDecoratorEvent("open")}_beforeDialogClose(e){this.fireDecoratorEvent("before-close",e.detail)}_afterDialogClose(){this._opened=!1,this.open=!1,this.fireDecoratorEvent("close")}get isModal(){return(0,c.tp)()?this._dialog.isModal:super.isModal}};w([(0,g.A)({type:Boolean})],_.prototype,"contentOnlyOnDesktop",void 0),w([(0,g.A)({type:Boolean})],_.prototype,"_hideHeader",void 0),w([(0,g.A)({type:Boolean})],_.prototype,"_hideCloseButton",void 0),w([(0,M.A)("@ui5/webcomponents")],_,"i18nBundle",void 0),_=H=w([(0,A.A)({tag:"ui5-responsive-popover",styles:[W.A.styles,":host{--_ui5-v2-15-1_input_width: 100%;min-width:6.25rem;min-height:2rem}:host([on-phone]){display:contents}.ui5-responsive-popover-header{height:var(--_ui5-v2-15-1-responsive_popover_header_height);display:flex;justify-content:var(--_ui5-v2-15-1_popup_header_prop_header_text_alignment);align-items:center;width:100%}.ui5-responsive-popover-header-text{width:calc(100% - var(--_ui5-v2-15-1_button_base_min_width))}.ui5-responsive-popover-header-no-title{justify-content:flex-end}\n"],template:function se(){return this._isPhone?(0,n.FD)(ie,{"root-element":!0,accessibleName:this.accessibleName,accessibleNameRef:this.accessibleNameRef,accessibleDescription:this.accessibleDescription,accessibleDescriptionRef:this.accessibleDescriptionRef,accessibleRole:this.accessibleRole,stretch:!0,preventInitialFocus:this.preventInitialFocus,preventFocusRestore:this.preventFocusRestore,initialFocus:this.initialFocus,onBeforeOpen:this._beforeDialogOpen,onOpen:this._afterDialogOpen,onBeforeClose:this._beforeDialogClose,onClose:this._afterDialogClose,exportparts:"content, header, footer",open:this.open,children:[!this._hideHeader&&(0,n.Y)(n.FK,{children:this.header.length?(0,n.Y)("slot",{slot:"header",name:"header"}):(0,n.FD)("div",{class:this.classes.header,slot:"header",children:[this.headerText&&(0,n.Y)(P.A,{level:"H1",wrappingType:"None",class:"ui5-popup-header-text ui5-responsive-popover-header-text",children:this.headerText}),!this._hideCloseButton&&(0,n.Y)(oe.A,{icon:Y.Ay,design:"Transparent",accessibleName:this._closeDialogAriaLabel,onClick:this._dialogCloseButtonClick})]})}),(0,n.Y)("slot",{}),(0,n.Y)("slot",{slot:"footer",name:"footer"})]}):$.A.call(this)}})],_),_.define();const ne=_}}]);
|
package/assets/955.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkwc=self.webpackChunkwc||[]).push([[955],{5955:(te,p,a)=>{a.r(p),a.d(p,{default:()=>q});var O=a(8431);function I(n,l,e,t){return n.replaceAll(new RegExp((n=>n.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"))(l),(t?"i":"")+"g"),e)}var f=a(1934),g=a(1642),_=a(6136),v=a(8455),o=a(1892);function Y(n,l){const e=n?.listItemContent||F;return(0,o.Y)("li",{part:"native-li","data-sap-focus-ref":!0,tabindex:this._effectiveTabIndex,class:this.classes.main,draggable:this.movable,role:l?.role,title:l?.title,onFocusIn:this._onfocusin,onKeyUp:this._onkeyup,onKeyDown:this._onkeydown,onClick:this._onclick,children:e.call(this)})}function F(){return(0,o.Y)("div",{part:"content",id:`${this._id}-content`,class:"ui5-li-content",children:(0,o.Y)("div",{class:"ui5-li-text-wrapper",children:(0,o.Y)("span",{part:"title",class:"ui5-li-title",children:(0,o.Y)("slot",{})})})})}function M(){return(0,o.Y)("div",{part:"content",id:"content",class:"ui5-li-content",children:(0,o.FD)("div",{class:"ui5-li-text-wrapper",children:[(0,o.Y)("span",{part:"title",className:"ui5-li-title",dangerouslySetInnerHTML:{__html:this.markupText}}),this.additionalText&&(0,o.Y)("span",{part:"additional-text",class:"ui5-li-additional-text",children:this.additionalText})]})})}var x=a(467),S=a(8923),V=a(303),N=a(5444);(0,S.Rh)("@ui5/webcomponents-theming","sap_horizon",(0,x.A)(function*(){return V.A})),(0,S.Rh)("@ui5/webcomponents","sap_horizon",(0,x.A)(function*(){return N.A}));var d=function(n,l,e,t){var r,i=arguments.length,s=i<3?l:null===t?t=Object.getOwnPropertyDescriptor(l,e):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(n,l,e,t);else for(var c=n.length-1;c>=0;c--)(r=n[c])&&(s=(i<3?r(s):i>3?r(l,e,s):r(l,e))||s);return i>3&&s&&Object.defineProperty(l,e,s),s};let u=class extends v.A{constructor(){super(...arguments),this.markupText=""}onEnterDOM(){(0,_.xl)()&&this.setAttribute("desktop","")}get _effectiveTabIndex(){return-1}};d([(0,g.A)()],u.prototype,"text",void 0),d([(0,g.A)()],u.prototype,"additionalText",void 0),d([(0,g.A)()],u.prototype,"markupText",void 0),u=d([(0,f.A)({tag:"ui5-suggestion-item",template:function H(){return[Y.call(this,{listItemContent:M},{role:"option"})]},styles:[v.A.styles,":host([ui5-suggestion-item]){height:auto;min-height:var(--_ui5-v2-14-0_list_item_base_height)}:host([ui5-suggestion-item]) .ui5-li-root{min-height:var(--_ui5-v2-14-0_list_item_base_height)}:host([ui5-suggestion-item]) .ui5-li-content{padding-bottom:.5rem;padding-top:.5rem;box-sizing:border-box}\n"]})],u),u.define();var w=a(8619),E=a(6374),B=a(8728),z=a(7601),j=a(897);function U(){return(0,o.Y)("slot",{})}var A=function(n,l,e,t){var r,i=arguments.length,s=i<3?l:null===t?t=Object.getOwnPropertyDescriptor(l,e):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(n,l,e,t);else for(var c=n.length-1;c>=0;c--)(r=n[c])&&(s=(i<3?r(s):i>3?r(l,e,s):r(l,e))||s);return i>3&&s&&Object.defineProperty(l,e,s),s};let m=class extends E.A{};A([(0,w.A)({default:!0,invalidateOnChildChange:!0,type:HTMLElement})],m.prototype,"items",void 0),m=A([(0,f.A)({tag:"ui5-suggestion-item-group",template:function K(n){const l=n?.items||U;return(0,o.FD)("ul",{role:"group",class:"ui5-group-li-root",onDragEnter:this._ondragenter,onDragOver:this._ondragover,onDrop:this._ondrop,onDragLeave:this._ondragleave,children:[this.hasHeader&&(0,o.Y)(B.A,{focused:this.focused,part:"header",accessibleRole:j.A.Group,children:this.hasFormattedHeader?(0,o.Y)("slot",{name:"header"}):this.headerText}),l.call(this),(0,o.Y)(z.A,{orientation:"Horizontal",ownerReference:this})]})}})],m),m.define();var C=a(364),T=a(563),W=a(1278),X=a(3027),J=a(3560),P=a(4578),Q=a(9698);function Z(n){const l=n?.suggestionsList||k,e=n?.valueStateMessage,t=n?.valueStateMessageInputIcon;return(0,o.FD)(J.A,{class:this.classes.popover,hideArrow:!0,preventFocusRestore:!0,preventInitialFocus:!0,placement:"Bottom",horizontalAlign:"Start",tabindex:-1,style:this.styles.suggestionsPopover,onOpen:this._afterOpenPicker,onClose:this._afterClosePicker,onScroll:this._scroll,open:this.open,opener:this,accessibleName:this._popupLabel,children:[this._isPhone&&(0,o.FD)(o.FK,{children:[(0,o.FD)("div",{slot:"header",class:"ui5-responsive-popover-header",children:[(0,o.FD)("div",{class:"row",children:[(0,o.Y)("span",{children:this._headerTitleText}),(0,o.Y)(P.A,{class:"ui5-responsive-popover-close-btn",icon:W.Ay,design:"Transparent",onClick:this._closePicker})]}),(0,o.Y)("div",{class:"row",children:(0,o.Y)("div",{class:"input-root-phone native-input-wrapper",children:(0,o.Y)(C.A,{class:"ui5-input-inner-phone",type:this.inputType,value:this.value,showClearIcon:this.showClearIcon,placeholder:this.placeholder,onInput:this._handleInput,onChange:this._handleChange})})})]}),this.hasValueStateMessage&&(0,o.FD)("div",{class:this.classes.popoverValueState,style:this.styles.suggestionPopoverHeader,children:[(0,o.Y)(T.A,{class:"ui5-input-value-state-message-icon",name:t?.call(this)}),this.open&&e?.call(this)]})]}),!this._isPhone&&this.hasValueStateMessage&&(0,o.FD)("div",{slot:"header",class:{"ui5-responsive-popover-header":!0,...this.classes.popoverValueState},style:this.styles.suggestionPopoverHeader,children:[(0,o.Y)(T.A,{class:"ui5-input-value-state-message-icon",name:t?.call(this)}),this.open&&e?.call(this)]}),l.call(this),this._isPhone&&(0,o.Y)("div",{slot:"footer",class:"ui5-responsive-popover-footer",children:(0,o.Y)(P.A,{design:"Transparent",onClick:this._closePicker,children:this._suggestionsOkButtonText})})]})}function k(){return(0,o.Y)(X.A,{accessibleRole:Q.A.ListBox,separators:this.suggestionSeparators,selectionMode:"Single",onMouseDown:this.onItemMouseDown,onItemClick:this._handleSuggestionItemPress,onSelectionChange:this._handleSelectionChange,children:(0,o.Y)("slot",{})})}var D=a(5166);let R=(()=>{class n{get template(){return Z}constructor(e,t,i,s){this.component=e,this.slotName=t,this.handleFocus=s,this.highlight=i,this.selectedItemIndex=-1}onUp(e,t){return e.preventDefault(),this._handleItemNavigation(!1,!this.isOpened&&this._hasValueState&&-1===t?0:t),!0}onDown(e,t){return e.preventDefault(),this._handleItemNavigation(!0,!this.isOpened&&this._hasValueState&&-1===t?0:t),!0}onSpace(e){return!!this._isItemOnTarget()&&(e.preventDefault(),this.onItemSelected(this._selectedItem,!0),!0)}onEnter(e){return this._isGroupItem?(e.preventDefault(),!1):!!this._isItemOnTarget()&&(this.onItemSelected(this._selectedItem,!0),!0)}onPageUp(e){return e.preventDefault(),this._moveItemSelection(this.selectedItemIndex,this.selectedItemIndex-10>-1?this.selectedItemIndex-=10:this.selectedItemIndex=0),!0}onPageDown(e){e.preventDefault();const t=this._getItems();if(!t)return!0;const i=t.length-1;return this._moveItemSelection(this.selectedItemIndex,this.selectedItemIndex+10<=i?this.selectedItemIndex+=10:this.selectedItemIndex=i),!0}onHome(e){return e.preventDefault(),this._moveItemSelection(this.selectedItemIndex,this.selectedItemIndex=0),!0}onEnd(e){e.preventDefault();const t=this._getItems().length-1;return t&&this._moveItemSelection(this.selectedItemIndex,this.selectedItemIndex=t),!0}onTab(){return!!this._isItemOnTarget()&&(this.onItemSelected(this._selectedItem,!0),!0)}toggle(e,t){(void 0!==e?e:!this.isOpened())?this._getComponent().open=!0:this.close(t.preventFocusRestore)}get _selectedItem(){return this._getNonGroupItems().find(e=>e.selected)}_isScrollable(){const e=this._getScrollContainer();return e.offsetHeight<e.scrollHeight}close(e=!1){const t=this._getItems()&&this._getItems()[this.selectedItemIndex];this._getComponent().open=!1;const i=this._getPicker();i.preventFocusRestore=e,i.open=!1,t&&t.focused&&(t.focused=!1)}updateSelectedItemPosition(e){this.selectedItemIndex=e}onItemSelected(e,t){const i=e,s=this._getNonGroupItems();i&&(this.accInfo={isGroup:i.hasAttribute("ui5-suggestion-item-group"),currentPos:s.indexOf(i)+1,listSize:s.length,itemText:i.text||"",additionalText:i.additionalText},this._getComponent().onItemSelected(i,t),this._getComponent().open=!1)}onItemSelect(e){this._getComponent().onItemSelect(e)}onItemPress(e){let t;const i="ui5-item-click"===e.type;i&&!e.detail.item.selected||this._handledPress&&!i||(i&&e.detail.item.selected?(t=e.detail.item,this._handledPress=!0):t=e.detail.selectedItems[0],this.onItemSelected(t,!1))}_onClose(){this._handledPress=!1}_isItemOnTarget(){return this.isOpened()&&null!==this.selectedItemIndex&&-1!==this.selectedItemIndex&&!this._isGroupItem}get _isGroupItem(){const e=this._getItems();return!(!e||!e[this.selectedItemIndex])&&e[this.selectedItemIndex].hasAttribute("ui5-suggestion-item-group")}isOpened(){return!!this._getPicker()?.open}_handleItemNavigation(e,t){this.selectedItemIndex=t,this._getItems().length&&(e?this._selectNextItem():this._selectPreviousItem())}_selectNextItem(){const e=this._getItems().length,t=this.selectedItemIndex;-1!==t&&t+1>e-1||this._moveItemSelection(t,++this.selectedItemIndex)}_selectPreviousItem(){const e=this._getItems(),t=this.selectedItemIndex;if(-1!==t&&null!==t){if(t-1<0)return(e[t].hasAttribute("ui5-suggestion-item")||e[t].hasAttribute("ui5-suggestion-item-custom"))&&(e[t].selected=!1),e[t].focused=!1,this.component.focused=!0,this.component.hasSuggestionItemSelected=!1,void(this.selectedItemIndex-=1);this._moveItemSelection(t,--this.selectedItemIndex)}}_moveItemSelection(e,t){const i=this._getItems(),s=i[t],r=i[e],c=this._getNonGroupItems(),h=s.hasAttribute("ui5-suggestion-item-group");if(!s)return;this.component.focused=!1;const y=this._getItems()[this.selectedItemIndex];if(this.accInfo={isGroup:h,currentPos:i.indexOf(s)+1,itemText:(h?y.headerText:y.text)||""},(s.hasAttribute("ui5-suggestion-item")||s.hasAttribute("ui5-suggestion-item-custom"))&&(this.accInfo.additionalText=s.additionalText||"",this.accInfo.currentPos=c.indexOf(s)+1,this.accInfo.listSize=c.length),r&&(r.focused=!1),(r?.hasAttribute("ui5-suggestion-item")||r?.hasAttribute("ui5-suggestion-item-custom"))&&(r.selected=!1),s&&(s.focused=!0,h||(s.selected=!0),this.handleFocus&&s.focus()),this.component.hasSuggestionItemSelected=!0,this.onItemSelect(s),!this._isItemIntoView(s)){const ee=this._isGroupItem?s.shadowRoot.querySelector("[ui5-li-group-header]"):s;this._scrollItemIntoView(ee)}}_deselectItems(){this._getItems().forEach(t=>{t.hasAttribute("ui5-suggestion-item")&&(t.selected=!1),t.focused=!1})}_clearItemFocus(){const e=this._getItems().find(t=>t.focused);e&&(e.focused=!1)}_isItemIntoView(e){const t=e.getDomRef().getBoundingClientRect(),i=this._getComponent().getDomRef().getBoundingClientRect(),s=window.innerHeight||document.documentElement.clientHeight;let r=0;return this._hasValueState&&(r=this._getPicker().querySelector("[slot=header]").getBoundingClientRect().height),t.top+n.SCROLL_STEP<=s&&t.top>=i.top+r}_scrollItemIntoView(e){e.scrollIntoView({behavior:"auto",block:"nearest",inline:"nearest"})}_getScrollContainer(){return this._scrollContainer||(this._scrollContainer=this._getPicker().shadowRoot.querySelector(".ui5-popup-content")),this._scrollContainer}_getItems(){return this._getComponent().getSlottedNodes("suggestionItems").flatMap(t=>t.hasAttribute("ui5-suggestion-item-group")?[t,...t.items]:[t])}_getNonGroupItems(){return this._getItems().filter(e=>!e.hasAttribute("ui5-suggestion-item-group"))}_getComponent(){return this.component}_getList(){return this._getPicker().querySelector("[ui5-list]")}_getListWidth(){return this._getList()?.offsetWidth}_getPicker(){return this._getComponent().shadowRoot.querySelector("[ui5-responsive-popover]")}get itemSelectionAnnounce(){if(!this.accInfo)return"";if(this.accInfo.isGroup)return`${n.i18nBundle.getText(D.Fr3)} ${this.accInfo.itemText}`;const e=n.i18nBundle.getText(D.piN,this.accInfo.currentPos||0,this.accInfo.listSize||0);return`${this.accInfo.additionalText} ${e}`}hightlightInput(e,t){return function L(n,l){if(!n||!l)return n;const e=r=>{const[c,h]=r.split("");for(;n.indexOf(r)>=0||l.indexOf(r)>=0;)r=`${c}${r}${h}`;return r},t=e("12"),i=e("34");let s=(0,O.A)(I(n,l,r=>`${t}${r}${i}`,!0));return[[t,"<b>"],[i,"</b>"]].forEach(([r,c])=>{s=I(s,r,c,!1)}),s}(e,t)}get _hasValueState(){return this.component.hasValueStateMessage}_clearSelectedSuggestionAndaccInfo(){this.accInfo=void 0,this.selectedItemIndex=0}}return n.SCROLL_STEP=60,n})();C.A.SuggestionsClass=R;const q=R}}]);
|
|
1
|
+
"use strict";(self.webpackChunkwc=self.webpackChunkwc||[]).push([[955],{5955:(ee,p,a)=>{a.r(p),a.d(p,{default:()=>k});var b=a(8431);function I(n,l,e,t){return n.replaceAll(new RegExp((n=>n.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"))(l),(t?"i":"")+"g"),e)}var f=a(1934),g=a(1642),G=a(6136),v=a(8455),o=a(1892);function Y(n,l){const e=n?.listItemContent||F;return(0,o.Y)("li",{part:"native-li","data-sap-focus-ref":!0,tabindex:this._effectiveTabIndex,class:this.classes.main,draggable:this.movable,role:l?.role,title:l?.title,onFocusIn:this._onfocusin,onKeyUp:this._onkeyup,onKeyDown:this._onkeydown,onClick:this._onclick,children:e.call(this)})}function F(){return(0,o.Y)("div",{part:"content",id:`${this._id}-content`,class:"ui5-li-content",children:(0,o.Y)("div",{class:"ui5-li-text-wrapper",children:(0,o.Y)("span",{part:"title",class:"ui5-li-title",children:(0,o.Y)("slot",{})})})})}function M(){return(0,o.Y)("div",{part:"content",id:"content",class:"ui5-li-content",children:(0,o.FD)("div",{class:"ui5-li-text-wrapper",children:[(0,o.Y)("span",{part:"title",className:"ui5-li-title",dangerouslySetInnerHTML:{__html:this.markupText}}),this.additionalText&&(0,o.Y)("span",{part:"additional-text",class:"ui5-li-additional-text",children:this.additionalText})]})})}var x=a(467),S=a(8923),V=a(303),w=a(5444);(0,S.Rh)("@ui5/webcomponents-theming","sap_horizon",(0,x.A)(function*(){return V.A})),(0,S.Rh)("@ui5/webcomponents","sap_horizon",(0,x.A)(function*(){return w.A}));var d=function(n,l,e,t){var r,i=arguments.length,s=i<3?l:null===t?t=Object.getOwnPropertyDescriptor(l,e):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(n,l,e,t);else for(var c=n.length-1;c>=0;c--)(r=n[c])&&(s=(i<3?r(s):i>3?r(l,e,s):r(l,e))||s);return i>3&&s&&Object.defineProperty(l,e,s),s};let u=class extends v.A{constructor(){super(...arguments),this.markupText=""}onEnterDOM(){(0,G.xl)()&&this.setAttribute("desktop","")}get _effectiveTabIndex(){return-1}};d([(0,g.A)()],u.prototype,"text",void 0),d([(0,g.A)()],u.prototype,"additionalText",void 0),d([(0,g.A)()],u.prototype,"markupText",void 0),u=d([(0,f.A)({tag:"ui5-suggestion-item",template:function H(){return[Y.call(this,{listItemContent:M},{role:"option"})]},styles:[v.A.styles,":host([ui5-suggestion-item]){height:auto;min-height:var(--_ui5-v2-15-1_list_item_base_height)}:host([ui5-suggestion-item]) .ui5-li-root{min-height:var(--_ui5-v2-15-1_list_item_base_height)}:host([ui5-suggestion-item]) .ui5-li-content{padding-bottom:.5rem;padding-top:.5rem;box-sizing:border-box}\n"]})],u),u.define();var N=a(8619),$=a(6374),B=a(8728),z=a(7601),j=a(897);function U(){return(0,o.Y)("slot",{})}var A=function(n,l,e,t){var r,i=arguments.length,s=i<3?l:null===t?t=Object.getOwnPropertyDescriptor(l,e):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(n,l,e,t);else for(var c=n.length-1;c>=0;c--)(r=n[c])&&(s=(i<3?r(s):i>3?r(l,e,s):r(l,e))||s);return i>3&&s&&Object.defineProperty(l,e,s),s};let m=class extends $.A{};A([(0,N.A)({default:!0,invalidateOnChildChange:!0,type:HTMLElement})],m.prototype,"items",void 0),m=A([(0,f.A)({tag:"ui5-suggestion-item-group",template:function K(n){const l=n?.items||U;return(0,o.FD)("ul",{role:"group",class:"ui5-group-li-root",onDragEnter:this._ondragenter,onDragOver:this._ondragover,onDrop:this._ondrop,onDragLeave:this._ondragleave,children:[this.hasHeader&&(0,o.Y)(B.A,{focused:this.focused,part:"header",accessibleRole:j.A.Group,children:this.hasFormattedHeader?(0,o.Y)("slot",{name:"header"}):this.headerText}),l.call(this),(0,o.Y)(z.A,{orientation:"Horizontal",ownerReference:this})]})}})],m),m.define();var C=a(364),T=a(563),W=a(1973),X=a(3560),P=a(4578),J=a(9698);function Q(n){const l=n?.suggestionsList||Z,e=n?.valueStateMessage,t=n?.valueStateMessageInputIcon;return(0,o.FD)(X.A,{class:this.classes.popover,hideArrow:!0,preventFocusRestore:!0,preventInitialFocus:!0,placement:"Bottom",horizontalAlign:"Start",tabindex:-1,style:this.styles.suggestionsPopover,onOpen:this._afterOpenPicker,onClose:this._afterClosePicker,onScroll:this._scroll,open:this.open,opener:this,accessibleName:this._popupLabel,children:[this._isPhone&&(0,o.FD)(o.FK,{children:[(0,o.FD)("div",{slot:"header",class:"ui5-responsive-popover-header",children:[(0,o.Y)("div",{class:"row",children:(0,o.Y)("span",{children:this._headerTitleText})}),(0,o.Y)("div",{class:"row",children:(0,o.Y)("div",{class:"input-root-phone native-input-wrapper",children:(0,o.Y)(C.A,{class:"ui5-input-inner-phone",type:this.inputType,value:this.value,showClearIcon:this.showClearIcon,placeholder:this.placeholder,onInput:this._handleInput,onChange:this._handleChange})})})]}),this.hasValueStateMessage&&(0,o.FD)("div",{class:this.classes.popoverValueState,style:this.styles.suggestionPopoverHeader,children:[(0,o.Y)(T.A,{class:"ui5-input-value-state-message-icon",name:t?.call(this)}),this.open&&e?.call(this)]})]}),!this._isPhone&&this.hasValueStateMessage&&(0,o.FD)("div",{slot:"header",class:{"ui5-responsive-popover-header":!0,...this.classes.popoverValueState},style:this.styles.suggestionPopoverHeader,children:[(0,o.Y)(T.A,{class:"ui5-input-value-state-message-icon",name:t?.call(this)}),this.open&&e?.call(this)]}),l.call(this),this._isPhone&&(0,o.FD)("div",{slot:"footer",class:"ui5-responsive-popover-footer",children:[(0,o.Y)(P.A,{design:"Emphasized",onClick:this._closePicker,children:this._suggestionsOkButtonText}),(0,o.Y)(P.A,{class:"ui5-responsive-popover-close-btn",design:"Transparent",onClick:this._closePicker,children:this._suggestionsCancelButtonText})]})]})}function Z(){return(0,o.Y)(W.A,{accessibleRole:J.A.ListBox,separators:this.suggestionSeparators,selectionMode:"Single",onMouseDown:this.onItemMouseDown,onItemClick:this._handleSuggestionItemPress,onSelectionChange:this._handleSelectionChange,children:(0,o.Y)("slot",{})})}var D=a(5166);let R=(()=>{class n{get template(){return Q}constructor(e,t,i,s){this.component=e,this.slotName=t,this.handleFocus=s,this.highlight=i,this.selectedItemIndex=-1}onUp(e,t){return e.preventDefault(),this._handleItemNavigation(!1,!this.isOpened&&this._hasValueState&&-1===t?0:t),!0}onDown(e,t){return e.preventDefault(),this._handleItemNavigation(!0,!this.isOpened&&this._hasValueState&&-1===t?0:t),!0}onSpace(e){return!!this._isItemOnTarget()&&(e.preventDefault(),this.onItemSelected(this._selectedItem,!0),!0)}onEnter(e){return this._isGroupItem?(e.preventDefault(),!1):!!this._isItemOnTarget()&&(this.onItemSelected(this._selectedItem,!0),!0)}onPageUp(e){return e.preventDefault(),this._moveItemSelection(this.selectedItemIndex,this.selectedItemIndex-10>-1?this.selectedItemIndex-=10:this.selectedItemIndex=0),!0}onPageDown(e){e.preventDefault();const t=this._getItems();if(!t)return!0;const i=t.length-1;return this._moveItemSelection(this.selectedItemIndex,this.selectedItemIndex+10<=i?this.selectedItemIndex+=10:this.selectedItemIndex=i),!0}onHome(e){return e.preventDefault(),this._moveItemSelection(this.selectedItemIndex,this.selectedItemIndex=0),!0}onEnd(e){e.preventDefault();const t=this._getItems().length-1;return t&&this._moveItemSelection(this.selectedItemIndex,this.selectedItemIndex=t),!0}onTab(){return!!this._isItemOnTarget()&&(this.onItemSelected(this._selectedItem,!0),!0)}toggle(e,t){(void 0!==e?e:!this.isOpened())?this._getComponent().open=!0:this.close(t.preventFocusRestore)}get _selectedItem(){return this._getNonGroupItems().find(e=>e.selected)}_isScrollable(){const e=this._getScrollContainer();return e.offsetHeight<e.scrollHeight}close(e=!1){const t=this._getItems()&&this._getItems()[this.selectedItemIndex];this._getComponent().open=!1;const i=this._getPicker();i.preventFocusRestore=e,i.open=!1,t&&t.focused&&(t.focused=!1)}updateSelectedItemPosition(e){this.selectedItemIndex=e}onItemSelected(e,t){const i=e,s=this._getNonGroupItems();i&&(this.accInfo={isGroup:i.hasAttribute("ui5-suggestion-item-group"),currentPos:s.indexOf(i)+1,listSize:s.length,itemText:i.text||"",additionalText:i.additionalText},this._getComponent().onItemSelected(i,t),this._getComponent().open=!1)}onItemSelect(e){this._getComponent().onItemSelect(e)}onItemPress(e){let t;const i="ui5-item-click"===e.type;i&&!e.detail.item.selected||this._handledPress&&!i||(i&&e.detail.item.selected?(t=e.detail.item,this._handledPress=!0):t=e.detail.selectedItems[0],this.onItemSelected(t,!1))}_onClose(){this._handledPress=!1}_isItemOnTarget(){return this.isOpened()&&null!==this.selectedItemIndex&&-1!==this.selectedItemIndex&&!this._isGroupItem}get _isGroupItem(){const e=this._getItems();return!(!e||!e[this.selectedItemIndex])&&e[this.selectedItemIndex].hasAttribute("ui5-suggestion-item-group")}isOpened(){return!!this._getPicker()?.open}_handleItemNavigation(e,t){this.selectedItemIndex=t,this._getItems().length&&(e?this._selectNextItem():this._selectPreviousItem())}_selectNextItem(){const e=this._getItems().length,t=this.selectedItemIndex;-1!==t&&t+1>e-1||this._moveItemSelection(t,++this.selectedItemIndex)}_selectPreviousItem(){const e=this._getItems(),t=this.selectedItemIndex;if(-1!==t&&null!==t){if(t-1<0)return(e[t].hasAttribute("ui5-suggestion-item")||e[t].hasAttribute("ui5-suggestion-item-custom"))&&(e[t].selected=!1),e[t].focused=!1,this.component.focused=!0,this.component.hasSuggestionItemSelected=!1,void(this.selectedItemIndex-=1);this._moveItemSelection(t,--this.selectedItemIndex)}}_moveItemSelection(e,t){const i=this._getItems(),s=i[t],r=i[e],c=this._getNonGroupItems(),h=s.hasAttribute("ui5-suggestion-item-group");if(!s)return;this.component.focused=!1;const _=this._getItems()[this.selectedItemIndex];if(this.accInfo={isGroup:h,currentPos:i.indexOf(s)+1,itemText:(h?_.headerText:_.text)||""},(s.hasAttribute("ui5-suggestion-item")||s.hasAttribute("ui5-suggestion-item-custom"))&&(this.accInfo.additionalText=s.additionalText||"",this.accInfo.currentPos=c.indexOf(s)+1,this.accInfo.listSize=c.length),r&&(r.focused=!1),(r?.hasAttribute("ui5-suggestion-item")||r?.hasAttribute("ui5-suggestion-item-custom"))&&(r.selected=!1),s&&(s.focused=!0,h||(s.selected=!0),this.handleFocus&&s.focus()),this.component.hasSuggestionItemSelected=!0,this.onItemSelect(s),!this._isItemIntoView(s)){const q=this._isGroupItem?s.shadowRoot.querySelector("[ui5-li-group-header]"):s;this._scrollItemIntoView(q)}}_deselectItems(){this._getItems().forEach(t=>{t.hasAttribute("ui5-suggestion-item")&&(t.selected=!1),t.focused=!1})}_clearItemFocus(){const e=this._getItems().find(t=>t.focused);e&&(e.focused=!1)}_isItemIntoView(e){const t=e.getDomRef().getBoundingClientRect(),i=this._getComponent().getDomRef().getBoundingClientRect(),s=window.innerHeight||document.documentElement.clientHeight;let r=0;return this._hasValueState&&(r=this._getPicker().querySelector("[slot=header]").getBoundingClientRect().height),t.top+n.SCROLL_STEP<=s&&t.top>=i.top+r}_scrollItemIntoView(e){e.scrollIntoView({behavior:"auto",block:"nearest",inline:"nearest"})}_getScrollContainer(){return this._scrollContainer||(this._scrollContainer=this._getPicker().shadowRoot.querySelector(".ui5-popup-content")),this._scrollContainer}_getItems(){return this._getComponent().getSlottedNodes("suggestionItems").flatMap(t=>t.hasAttribute("ui5-suggestion-item-group")?[t,...t.items]:[t])}_getNonGroupItems(){return this._getItems().filter(e=>!e.hasAttribute("ui5-suggestion-item-group"))}_getComponent(){return this.component}_getList(){return this._getPicker().querySelector("[ui5-list]")}_getListWidth(){return this._getList()?.offsetWidth}_getPicker(){return this._getComponent().shadowRoot.querySelector("[ui5-responsive-popover]")}get itemSelectionAnnounce(){if(!this.accInfo)return"";if(this.accInfo.isGroup)return`${n.i18nBundle.getText(D.Fr3)} ${this.accInfo.itemText}`;const e=n.i18nBundle.getText(D.piN,this.accInfo.currentPos||0,this.accInfo.listSize||0);return`${this.accInfo.additionalText} ${e}`}hightlightInput(e,t){return function O(n,l){if(!n||!l)return n;const e=r=>{const[c,h]=r.split("");for(;n.indexOf(r)>=0||l.indexOf(r)>=0;)r=`${c}${r}${h}`;return r},t=e("12"),i=e("34");let s=(0,b.A)(I(n,l,r=>`${t}${r}${i}`,!0));return[[t,"<b>"],[i,"</b>"]].forEach(([r,c])=>{s=I(s,r,c,!1)}),s}(e,t)}get _hasValueState(){return this.component.hasValueStateMessage}_clearSelectedSuggestionAndaccInfo(){this.accInfo=void 0,this.selectedItemIndex=0}}return n.SCROLL_STEP=60,n})();C.A.SuggestionsClass=R;const k=R}}]);
|