@openmfp/portal-ui-lib 0.194.21 → 0.194.23
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/README.md +51 -57
- package/assets/249.js +1 -1
- package/assets/253.js +1 -0
- package/assets/955.js +1 -1
- package/assets/openmfp-portal-ui-wc.js +40 -36
- package/fesm2022/openmfp-portal-ui-lib.mjs +163 -127
- package/fesm2022/openmfp-portal-ui-lib.mjs.map +1 -1
- package/package.json +18 -13
- package/types/openmfp-portal-ui-lib.d.ts +3 -25
- package/assets/778.js +0 -1
package/README.md
CHANGED
|
@@ -3,18 +3,18 @@
|
|
|
3
3
|
<!-- CI trigger -->
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
[](https://api.reuse.software/info/github.com/openmfp/portal-ui-lib)
|
|
6
|
+
[](https://api.reuse.software/info/github.com/openmfp/portal-ui-lib)
|
|
8
7
|
|
|
9
8
|
This library helps you to set up your angular project consuming [Luigi](https://luigi-project.io/) configuration.
|
|
10
9
|
|
|
11
10
|
The main features of this library are:
|
|
12
11
|
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
12
|
+
- Enable dynamic Luigi configuration consumption in a microfrontend.
|
|
13
|
+
- Provide authentication capabilities with Auth Server
|
|
14
|
+
- Dynamic development capabilities by embedding your locally running microfrontend into a Luigi frame.
|
|
16
15
|
|
|
17
16
|
## Table of Contents
|
|
17
|
+
|
|
18
18
|
- [Portal UI Library](#portal-ui-library)
|
|
19
19
|
- [Table of Contents](#table-of-contents)
|
|
20
20
|
- [Getting Started](#getting-started)
|
|
@@ -31,7 +31,6 @@ The main features of this library are:
|
|
|
31
31
|
- [Code of Conduct](#code-of-conduct)
|
|
32
32
|
- [Licensing](#licensing)
|
|
33
33
|
|
|
34
|
-
|
|
35
34
|
## Getting Started
|
|
36
35
|
|
|
37
36
|
### Dependencies
|
|
@@ -41,13 +40,13 @@ and `@luigi-project/plugin-auth-oauth2` in proper versions (along with any other
|
|
|
41
40
|
|
|
42
41
|
### Angular Configuration
|
|
43
42
|
|
|
44
|
-
Configure the angular build process (in the `angular.json` file) to include the content of the Luigi core project and assets
|
|
43
|
+
Configure the angular build process (in the `angular.json` file) to include the content of the Luigi core project and assets
|
|
45
44
|
from `@openmfp/portal-ui-lib` library into the project assets, as shown below:
|
|
46
45
|
|
|
47
46
|
```
|
|
48
47
|
{
|
|
49
48
|
// ... the rest of the angular.json configuration
|
|
50
|
-
|
|
49
|
+
|
|
51
50
|
"assets": [
|
|
52
51
|
{
|
|
53
52
|
"glob": "**",
|
|
@@ -62,7 +61,7 @@ from `@openmfp/portal-ui-lib` library into the project assets, as shown below:
|
|
|
62
61
|
]
|
|
63
62
|
// ... other configured assets
|
|
64
63
|
]
|
|
65
|
-
|
|
64
|
+
|
|
66
65
|
}
|
|
67
66
|
```
|
|
68
67
|
|
|
@@ -76,71 +75,69 @@ routing providers (e.g. `provideRouter(appRoutes)`).
|
|
|
76
75
|
The result may look like this:
|
|
77
76
|
|
|
78
77
|
```ts
|
|
78
|
+
import { appRoutes } from './app/app-routes';
|
|
79
79
|
import { importProvidersFrom } from '@angular/core';
|
|
80
80
|
import { bootstrapApplication } from '@angular/platform-browser';
|
|
81
81
|
import { provideRouter } from '@angular/router';
|
|
82
82
|
import {
|
|
83
|
-
providePortal,
|
|
84
83
|
PortalComponent,
|
|
85
84
|
PortalOptions,
|
|
85
|
+
providePortal,
|
|
86
86
|
} from '@openmfp/portal-ui-lib';
|
|
87
|
-
import { appRoutes } from './app/app-routes';
|
|
88
87
|
|
|
89
88
|
const portalOptions: PortalOptions = {
|
|
90
|
-
|
|
91
|
-
}
|
|
89
|
+
// ... portal options
|
|
90
|
+
};
|
|
92
91
|
|
|
93
92
|
bootstrapApplication(PortalComponent, {
|
|
94
93
|
providers: [
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
);
|
|
94
|
+
provideRouter(appRoutes),
|
|
95
|
+
importProvidersFrom(AnyRequiredModule),
|
|
96
|
+
providePortal(portalOptions),
|
|
97
|
+
|
|
98
|
+
// ... any other providers imports
|
|
99
|
+
],
|
|
100
|
+
});
|
|
103
101
|
```
|
|
104
102
|
|
|
105
103
|
## Update index html file of the project
|
|
106
104
|
|
|
107
105
|
The next step in order to have the portal working is to update the `index.html` file with the inclusion of:
|
|
106
|
+
|
|
108
107
|
- the `/luigi-core/luigi.js` script,
|
|
109
108
|
- the `/luigi-core/luigi_horizon.css` styles,
|
|
110
|
-
- and placing the
|
|
109
|
+
- and placing the `<app-portal></app-portal>` html tag inside the html body.
|
|
111
110
|
|
|
112
111
|
Below is an example:
|
|
113
112
|
|
|
114
113
|
```html
|
|
115
114
|
<!DOCTYPE html>
|
|
116
115
|
<html lang="en">
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
116
|
+
<head>
|
|
117
|
+
<meta charset="utf-8" />
|
|
118
|
+
<title>App</title>
|
|
119
|
+
<base href="/" />
|
|
120
|
+
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
121
|
+
<link rel="stylesheet" href="/luigi-core/luigi_horizon.css" />
|
|
122
|
+
</head>
|
|
123
|
+
<body>
|
|
124
|
+
<noscript>You need to enable JavaScript to run this app.</noscript>
|
|
125
|
+
<script src="/luigi-core/luigi.js"></script>
|
|
126
|
+
<app-portal></app-portal>
|
|
127
|
+
</body>
|
|
129
128
|
</html>
|
|
130
129
|
```
|
|
131
130
|
|
|
132
|
-
|
|
133
131
|
### Implement the Custom Services
|
|
134
132
|
|
|
135
133
|
The library comes with a set of services that can be used to customize the portal behavior.
|
|
136
134
|
Please visit the [Frontend configuration - Extended Guide](https://openmfp.org/documentation/extended-guide/frontend-configuration/)
|
|
137
135
|
to get familiar with the configuration options and how to use them.
|
|
138
136
|
|
|
139
|
-
|
|
140
137
|
### Configure Proxy for Backend REST Calls
|
|
141
138
|
|
|
142
139
|
The library executes rest calls `"/rest/**"` against backend running with the library [portal-server-lib](https://github.com/openmfp/portal-server-lib?tab=readme-ov-file#portal-server-library).
|
|
143
|
-
In order for the calls to reach your backend the `proxy.config.json` needs to be provided,
|
|
140
|
+
In order for the calls to reach your backend the `proxy.config.json` needs to be provided,
|
|
144
141
|
with the target reaching the place where and on what port the backend is running `"target": "http://localhost:3000"`.
|
|
145
142
|
|
|
146
143
|
```json
|
|
@@ -157,27 +154,25 @@ with the target reaching the place where and on what port the backend is running
|
|
|
157
154
|
The proxy file needs to be indicated in the file `angular.json` section `serve`:
|
|
158
155
|
|
|
159
156
|
```json
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
157
|
+
{
|
|
158
|
+
"serve": {
|
|
159
|
+
"builder": "@angular-devkit/build-angular:dev-server",
|
|
160
|
+
"options": {
|
|
161
|
+
"proxyConfig": "proxy.config.json"
|
|
162
|
+
},
|
|
163
|
+
"configurations": {
|
|
164
|
+
"production": {
|
|
165
|
+
"browserTarget": "build:production"
|
|
166
|
+
},
|
|
167
|
+
"development": {
|
|
168
|
+
"browserTarget": "build:development"
|
|
169
|
+
}
|
|
170
|
+
},
|
|
171
|
+
"defaultConfiguration": "development"
|
|
172
|
+
}
|
|
177
173
|
}
|
|
178
174
|
```
|
|
179
175
|
|
|
180
|
-
|
|
181
176
|
### Start your Project
|
|
182
177
|
|
|
183
178
|
After finishing all the required steps you might want to check your integration with the library and run your local application.
|
|
@@ -194,7 +189,7 @@ Please follow our [local setup guide](./docs/readme-local-setup.md) for this tas
|
|
|
194
189
|
|
|
195
190
|
## Requirements
|
|
196
191
|
|
|
197
|
-
The portal requires a installation of node.js and npm.
|
|
192
|
+
The portal requires a installation of node.js and npm.
|
|
198
193
|
Checkout the [package.json](package.json) for the required node version and dependencies.
|
|
199
194
|
|
|
200
195
|
## Contributing
|
|
@@ -209,5 +204,4 @@ Please refer to the [CODE_OF_CONDUCT.md](CODE_OF_CONDUCT.md) file in this reposi
|
|
|
209
204
|
|
|
210
205
|
Copyright 2025 SAP SE or an SAP affiliate company and openMFP contributors. Please see our [LICENSE](LICENSE) for copyright and license information. Detailed information including third-party components and their licensing/copyright information is available [via the REUSE tool](https://api.reuse.software/info/github.com/openmfp/portal-ui-lib).
|
|
211
206
|
|
|
212
|
-
|
|
213
207
|
<p align="center"><img alt="Bundesministerium für Wirtschaft und Energie (BMWE)-EU funding logo" src="https://apeirora.eu/assets/img/BMWK-EU.png" width="400"/></p>
|
package/assets/249.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkwc=self.webpackChunkwc||[]).push([[249],{9249(H,B,o){o.d(B,{default:()=>G});var e=o(1892),T=o(
|
|
1
|
+
"use strict";(self.webpackChunkwc=self.webpackChunkwc||[]).push([[249],{9249(H,B,o){o.d(B,{default:()=>G});var e=o(1892),T=o(4431),b=o(1934),c=o(1642),A=o(3651),C=o(1834),_=o(6136),P=function(t){return t.InPlace="InPlace",t.Popover="Popover",t}(P||{});const O=P;var h=o(5166),E=o(6993),z=o(6759),F=function(t){return t.Off="Off",t.On="On",t}(F||{});const S=F;var v=o(9293),g=o(8923),I=o(303),R=o(5444);(0,g.Rh)("@ui5/webcomponents-theming","sap_horizon",v(function*(){return I.A})),(0,g.Rh)("@ui5/webcomponents","sap_horizon",v(function*(){return R.A}),"host");var y,m=function(t,n,r,s){var d,a=arguments.length,i=a<3?n:null===s?s=Object.getOwnPropertyDescriptor(n,r):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,n,r,s);else for(var f=t.length-1;f>=0;f--)(d=t[f])&&(i=(a<3?d(i):a>3?d(n,r,i):d(n,r))||i);return a>3&&i&&Object.defineProperty(n,r,i),i};let p=y=class extends T.A{constructor(){super(...arguments),this.maxLines=1/0,this.emptyIndicatorMode="Off"}onBeforeRendering(){this.style.setProperty("--_ui5_text_max_lines",`${this.maxLines}`)}get hasText(){return(0,z.A)(this.text)}get _renderEmptyIndicator(){return!this.hasText&&this.emptyIndicatorMode===S.On}get _emptyIndicatorAriaLabel(){return y.i18nBundle.getText(h.B$d)}get _emptyIndicatorSymbol(){return y.i18nBundle.getText(h.Fo)}};m([(0,c.A)({type:Number})],p.prototype,"maxLines",void 0),m([(0,c.A)()],p.prototype,"emptyIndicatorMode",void 0),m([(0,E.A)({type:Node,default:!0})],p.prototype,"text",void 0),m([(0,A.A)("@ui5/webcomponents")],p,"i18nBundle",void 0),p=y=m([(0,b.A)({tag:"ui5-text",renderer:C.A,template:function Y(){return(0,e.Y)(e.FK,{children:(0,e.Y)("span",{children:this._renderEmptyIndicator?(0,e.FD)(e.FK,{children:[(0,e.Y)("span",{className:"empty-indicator","aria-hidden":"true",children:this._emptyIndicatorSymbol}),(0,e.Y)("span",{className:"empty-indicator-aria-label",children:this._emptyIndicatorAriaLabel})]}):(0,e.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;display:-webkit-inline-box;-webkit-line-clamp:var(--_ui5_text_max_lines);line-clamp:var(--_ui5_text_max_lines);-webkit-box-orient:vertical;white-space:normal;word-wrap:break-word}:host([max-lines="1"]){word-break:break-all}.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 w=p;var M=o(8305),N=o(2955),L=o(1253);(0,g.Rh)("@ui5/webcomponents-theming","sap_horizon",v(function*(){return I.A})),(0,g.Rh)("@ui5/webcomponents","sap_horizon",v(function*(){return R.A}),"host");var u,x=function(t,n,r,s){var d,a=arguments.length,i=a<3?n:null===s?s=Object.getOwnPropertyDescriptor(n,r):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,n,r,s);else for(var f=t.length-1;f>=0;f--)(d=t[f])&&(i=(a<3?d(i):a>3?d(n,r,i):d(n,r))||i);return a>3&&i&&Object.defineProperty(n,r,i),i};let l=u=class extends T.A{constructor(){super(...arguments),this.maxCharacters=100,this.overflowMode="InPlace",this.emptyIndicatorMode="Off",this._expanded=!1,this._shouldScrollToToggle=!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===O.Popover}get _ellipsisText(){return this._expanded&&!this._usePopover?" ":"... "}get _textForToggle(){return u.i18nBundle.getText(this._expanded?h.pcO:h.DXF)}get _closeButtonText(){return u.i18nBundle.getText(h.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?h.C_7:h.Yz$)}_handlePopoverClose(){(0,_.tp)()||(this._expanded=!1)}onAfterRendering(){this._shouldScrollToToggle&&(this._shouldScrollToToggle=!1,this.shadowRoot?.querySelector("#toggle")?.scrollIntoView?.({block:"nearest"}))}_handleToggleClick(){this._expanded=!this._expanded,this._expanded&&!this._usePopover&&(this._shouldScrollToToggle=!0)}_handleCloseButtonClick(n){this._expanded=!1,n.stopPropagation()}};x([(0,c.A)()],l.prototype,"text",void 0),x([(0,c.A)({type:Number})],l.prototype,"maxCharacters",void 0),x([(0,c.A)()],l.prototype,"overflowMode",void 0),x([(0,c.A)()],l.prototype,"emptyIndicatorMode",void 0),x([(0,c.A)({type:Boolean})],l.prototype,"_expanded",void 0),x([(0,A.A)("@ui5/webcomponents")],l,"i18nBundle",void 0),l=u=x([(0,b.A)({tag:"ui5-expandable-text",renderer:C.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;white-space:inherit}.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,.ui5-exp-text-popover-text{white-space:inherit;font-family:inherit;font-size: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 j(){return(0,e.FD)("div",{children:[(0,e.Y)(w,{class:"ui5-exp-text-text",emptyIndicatorMode:this.emptyIndicatorMode,children:this._displayedText}),this._maxCharactersExceeded&&(0,e.FD)(e.FK,{children:[(0,e.Y)("span",{class:"ui5-exp-text-ellipsis",children:this._ellipsisText}),(0,e.Y)(M.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,e.FD)(L.A,{open:this._expanded,opener:"toggle",accessibleNameRef:"popover-text",contentOnlyOnDesktop:!0,_hideHeader:!0,class:"ui5-exp-text-popover",onClose:this._handlePopoverClose,children:[(0,e.Y)(w,{class:"ui5-exp-text-popover-text",id:"popover-text",children:this.text}),(0,e.Y)("div",{slot:"footer",class:"ui5-exp-text-footer",children:(0,e.Y)(N.A,{design:"Transparent",onClick:this._handleCloseButtonClick,children:this._closeButtonText})})]})]})]})}})],l),l.define();const $=l;function G(t){const{className:n,text:r,maxCharacters:s,part:a}=t;return(0,e.Y)($,{part:a,class:n,text:r,maxCharacters:s})}}}]);
|
package/assets/253.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(self.webpackChunkwc=self.webpackChunkwc||[]).push([[253],{1253(xe,W,s){s.d(W,{A:()=>be});var v=s(9293),M=s(1934),_=s(1642),f=s(6136),F=s(3651),d=s(5166),o=s(1892),$=s(1278),j=s(555),C=s(6993),y=s(8762),c=s(2358),D=s(594),P=s(1045),R=s(3952),L=s(9859),A=(s(4257),s(2601),s(8911),s(441),s(6726),s(4874)),B=s(8841);(0,A.pU)("full-screen",{pathData:"m10.204 5.204 3.937-4.188h-3.625c-.292 0-.458-.146-.5-.438 0-.354.167-.541.5-.562h4.5c.292 0 .531.099.719.297.187.198.281.443.281.734v4.469c0 .354-.167.542-.5.562a.674.674 0 0 1-.344-.171.462.462 0 0 1-.156-.36v-3.75l-4.062 4.125a.512.512 0 0 1-.375.156c-.167 0-.292-.041-.375-.125-.209-.291-.209-.541 0-.75ZM.016 10.579c0-.355.167-.542.5-.563.125.02.24.078.344.172a.462.462 0 0 1 .156.36v3.687L5.08 10.11a.512.512 0 0 1 .375-.156c.166 0 .291.041.375.124.229.271.229.521 0 .75l-4.157 4.188h3.844c.292 0 .458.146.5.438 0 .354-.167.541-.5.562h-4.5a.947.947 0 0 1-.719-.297 1.027 1.027 0 0 1-.28-.734v-4.406Zm8 3.437h6v-6h1v6c0 .27-.094.505-.281.703a.947.947 0 0 1-.719.297h-6v-1Zm-6-13h6v1h-6v6h-1v-6c0-.292.1-.531.297-.719a.988.988 0 0 1 .703-.281Z",ltr:!1,viewBox:"0 0 17 17",accData:B.fV,collection:"SAP-icons-v4",packageName:"@ui5/webcomponents-icons"}),(0,A.pU)("full-screen",{pathData:"M4.926 9.99a.75.75 0 0 1 1.06-.02.752.752 0 0 1 .021 1.062l-3.33 3.466h1.575a.75.75 0 0 1 0 1.502H.75a.75.75 0 0 1-.75-.75v-3.5a.75.75 0 1 1 1.5 0v1.808l3.426-3.567Zm9.323-.98a.75.75 0 0 1 .75.75v2.503a2.752 2.752 0 0 1-2.75 2.753H9.752a.75.75 0 0 1 0-1.502h2.499c.69 0 1.25-.56 1.25-1.251V9.76a.75.75 0 0 1 .75-.75ZM6.252 1a.75.75 0 0 1 0 1.502h-2.5c-.69 0-1.25.56-1.25 1.25v2.503a.75.75 0 1 1-1.5 0V3.754A2.755 2.755 0 0 1 3.753 1h2.5Zm9-1.001a.75.75 0 0 1 .749.75v3.5a.75.75 0 1 1-1.5 0V2.444L11.076 6.01a.75.75 0 1 1-1.081-1.04l3.33-3.467h-1.577a.75.75 0 0 1 0-1.502h3.502Z",ltr:!1,viewBox:"0 0 16 16",accData:B.fV,collection:"SAP-icons-v5",packageName:"@ui5/webcomponents-icons"}),(0,A.pU)("exit-full-screen",{pathData:"M9.977 4.99V.593c0-.354.166-.541.498-.562a.67.67 0 0 1 .342.172.461.461 0 0 1 .156.358v3.68L15.082.157A.51.51 0 0 1 15.455 0a.58.58 0 0 1 .374.125c.228.27.228.52 0 .748l-4.203 4.148h3.83c.29 0 .456.146.497.437 0 .354-.166.54-.498.562h-4.482a.942.942 0 0 1-.716-.297 1.026 1.026 0 0 1-.28-.733ZM.17 15.127l4.171-4.117H.514c-.29 0-.457-.146-.498-.437 0-.353.166-.54.498-.561h4.482c.29 0 .53.098.716.296.187.198.28.442.28.733v4.398c0 .353-.166.54-.498.561a.67.67 0 0 1-.342-.171.461.461 0 0 1-.156-.36v-3.68L.918 15.845A.509.509 0 0 1 .545 16a.578.578 0 0 1-.374-.125c-.228-.27-.228-.52 0-.748Zm13.79-1.123V8.016h.996v5.988c0 .27-.093.504-.28.702a.942.942 0 0 1-.716.296H7.984v-.998h5.977ZM2.008 8.016h-.996V2.027c0-.29.098-.53.295-.717a.983.983 0 0 1 .7-.28h5.977v.997H2.008v5.989Z",ltr:!1,viewBox:"0 0 16 16",accData:B.YN,collection:"SAP-icons-v4",packageName:"@ui5/webcomponents-icons"}),(0,A.pU)("exit-full-screen",{pathData:"M5.254 10.003a.75.75 0 0 1 .75.75v3.503a.75.75 0 0 1-1.5 0V12.64l-3.23 3.146a.75.75 0 1 1-1.046-1.074l3.293-3.209H1.758a.75.75 0 0 1 0-1.5h3.496Zm8.996-1a.75.75 0 0 1 .75.75v2.5a2.75 2.75 0 0 1-2.75 2.75h-2.5a.75.75 0 0 1 0-1.5h2.5c.69 0 1.25-.56 1.25-1.25v-2.5a.75.75 0 0 1 .75-.75Zm-8-8a.75.75 0 0 1 0 1.5h-2.5c-.69 0-1.25.56-1.25 1.25v2.5a.75.75 0 0 1-1.5 0v-2.5a2.75 2.75 0 0 1 2.75-2.75h2.5Zm8.46-.776a.75.75 0 1 1 1.073 1.046l-3.146 3.23h1.615a.75.75 0 0 1 0 1.5H10.75a.75.75 0 0 1-.75-.75V1.757a.75.75 0 0 1 1.5 0v1.764L14.71.227Z",ltr:!1,viewBox:"0 0 16 16",accData:B.YN,collection:"SAP-icons-v5",packageName:"@ui5/webcomponents-icons"});var ae=s(81),le=s(8520),O=s(6983),S=s(563),E=s(2955);function de(){return(0,o.Y)(o.FK,{children:!!this._displayHeader&&(0,o.FD)("div",{class:"ui5-popup-header-root",id:"ui5-popup-header",role:"region","aria-label":this._headerAriaLabel,onMouseDown:this._onDragMouseDown,onDblClick:this._showFullscreenButton?this._onHeaderDblClick:void 0,part:"header",children:[this.hasValueState&&(0,o.Y)(S.A,{class:"ui5-dialog-value-state-icon",name:this._dialogStateIcon}),this.header.length?(0,o.Y)("slot",{name:"header"}):(0,o.Y)(O.A,{level:"H1",id:"ui5-popup-header-text",class:"ui5-popup-header-text",children:this.headerText}),this._showFullscreenButton&&(0,o.Y)(E.A,{class:"ui5-dialog-fullscreen-btn",icon:this._fullscreenButtonIcon,design:"Transparent",tooltip:this._fullscreenButtonTooltip,accessibleName:this._fullscreenButtonTooltip,accessibilityAttributes:this._fullscreenButtonAccessibilityAttributes,onClick:this._toggleFullscreen})]})})}function ce(){return(0,o.FD)(o.FK,{children:[!!this.footer.length&&(0,o.Y)("div",{class:"ui5-popup-footer-root",role:"region","aria-label":this._footerAriaLabel,part:"footer",children:(0,o.Y)("slot",{name:"footer"})}),this._showResizeHandle&&(0,o.Y)("div",{class:"ui5-popup-resize-handle",onMouseDown:this._onResizeMouseDown,title:this._resizeHandleTooltip,children:(0,o.Y)(S.A,{name:ae.Ay})}),this._movable&&(0,o.FD)(o.FK,{children:[(0,o.Y)("span",{id:`${this._id}-dragResizeHandler`,class:"ui5-popup-drag-resize-handler ui5-hidden-text",tabIndex:this._dragResizeHandleTabIndex,role:"img","aria-roledescription":this._dragResizeHandleAriaRoleDescription,"aria-label":this._dragResizeHandleAriaLabel,"aria-describedby":this._dragResizeHandleAriaDescribedBy,onKeyDown:this._onDragOrResizeKeyDown}),this.ariaDescribedByHandlerText&&(0,o.Y)("span",{id:`${this._id}-descr`,"aria-hidden":"true",class:"ui5-hidden-text",children:this.ariaDescribedByHandlerText}),this.dialogAriaDescribedByText&&(0,o.Y)("span",{id:`${this._id}-dialog-descr`,"aria-hidden":"true",class:"ui5-hidden-text",children:this.dialogAriaDescribedByText})]})]})}var ue=s(1926),z=s(8923),N=s(303),K=s(5444);(0,z.Rh)("@ui5/webcomponents-theming","sap_horizon",v(function*(){return N.A})),(0,z.Rh)("@ui5/webcomponents","sap_horizon",v(function*(){return K.A}),"host");var l,I=s(9634),p=function(g,e,t,i){var a,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(g,e,t,i);else for(var h=g.length-1;h>=0;h--)(a=g[h])&&(n=(r<3?a(n):r>3?a(e,t,n):a(e,t))||n);return r>3&&n&&Object.defineProperty(e,t,n),n};const m=16,ge={ariaKeyShortcuts:"Shift+Ctrl+F"},_e={[D.A.Negative]:"error",[D.A.Critical]:"alert",[D.A.Positive]:"sys-enter-2",[D.A.Information]:"information"};let u=l=class extends L.A{constructor(){super(),this.stretch=!1,this.draggable=!1,this.resizable=!1,this.showFullscreenButton=!1,this.state="None",this._showFullscreenButton=!1,this._draggedOrResized=!1,this._dragHandlerRegistered=!1,this._fullscreenKeydownHandlerRegistered=!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),this._fullscreenKeydownHandler=this._onFullscreenKeydown.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 effectiveAriaDescribedBy(){return this._movable?`${this._id}-dialog-descr`:void 0}get ariaDescribedByIds(){return[this.ariaDescriptionTextId,this.effectiveAriaDescribedBy].filter(Boolean).join(" ")}get dialogAriaDescribedByText(){return this._movable?this.resizable&&this.draggable?l.i18nBundle.getText(d.Eh8):this.draggable?l.i18nBundle.getText(d.MG1):this.resizable?l.i18nBundle.getText(d.Y90):"":""}get ariaDescribedByTextResizable(){return l.i18nBundle.getText(d.eG4)}get ariaDescribedByTextDraggable(){return l.i18nBundle.getText(d._XF)}get ariaDescribedByTextDraggableAndResizable(){return l.i18nBundle.getText(d.U9A)}get ariaDescribedByHandlerText(){return this.resizable&&this.draggable?this.ariaDescribedByTextDraggableAndResizable:this.resizable?this.ariaDescribedByTextResizable:this.draggable?this.ariaDescribedByTextDraggable:""}get _displayHeader(){return this.header.length||this.headerText||this.draggable||this.resizable||this._showFullscreenButton}get _movable(){return!this.stretch&&this.onDesktop&&(this.draggable||this.resizable)}get _dragResizeHandleTabIndex(){return this._movable?0:void 0}get _dragResizeHandleAriaLabel(){return this._movable?this.resizable&&this.draggable?l.i18nBundle.getText(d.LKI):this.draggable?l.i18nBundle.getText(d.oTv):this.resizable?l.i18nBundle.getText(d.sSI):"":""}get _dragResizeHandleAriaRoleDescription(){return this._movable?l.i18nBundle.getText(d.Tft):void 0}get _dragResizeHandleAriaDescribedBy(){return this._movable?`${this._id}-descr`:void 0}get _showResizeHandle(){return this.resizable&&this.onDesktop&&!this.stretch}get _fullscreenButtonIcon(){return this.stretch?"exit-full-screen":"full-screen"}get _fullscreenButtonTooltip(){return l.i18nBundle.getText(this.stretch?d.sIq:d.oKK)}get _fullscreenButtonAccessibilityAttributes(){return ge}get _resizeHandleTooltip(){return this._showResizeHandle?l.i18nBundle.getText(d.zTT):void 0}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 i=this._root.querySelector(".ui5-popup-footer-root");return i&&(e+=i.offsetHeight),e}get hasValueState(){return this.state!==D.A.None}get _dialogStateIcon(){return _e[this.state]}get _role(){if(this.accessibleRole!==I.A.None)return(0,P.A)(this.state===D.A.Negative||this.state===D.A.Critical?I.A.AlertDialog:this.accessibleRole)}get _contentRole(){return"region"}get _headerAriaLabel(){return l.i18nBundle.getText(d.IHn)}get _contentAriaLabel(){return l.i18nBundle.getText(d.KUG)}get _footerAriaLabel(){return l.i18nBundle.getText(d.Yq8)}_show(){super._show(),this._center()}onBeforeRendering(){super.onBeforeRendering(),this._showFullscreenButton=this.showFullscreenButton&&!this.onPhone&&!this.header.length,this._isRTL="rtl"===this.effectiveDir}_resize(){super._resize(),this._draggedOrResized||this._center()}_screenResize(){this._center()}_attachBrowserEvents(){this._attachScreenResizeHandler(),this._registerDragHandler(),this._registerFullscreenKeydownHandler()}_detachBrowserEvents(){this._detachScreenResizeHandler(),this._deregisterDragHandler(),this._deregisterFullscreenKeydownHandler()}_attachScreenResizeHandler(){this._screenResizeHandlerAttached||(window.addEventListener("resize",this._screenResizeHandler),this._screenResizeHandlerAttached=!0)}_detachScreenResizeHandler(){this._screenResizeHandlerAttached&&(window.removeEventListener("resize",this._screenResizeHandler),this._screenResizeHandlerAttached=!1)}_registerDragHandler(){this._dragHandlerRegistered||(this.addEventListener("dragstart",this._dragStartHandler),this._dragHandlerRegistered=!0)}_deregisterDragHandler(){this._dragHandlerRegistered&&(this.removeEventListener("dragstart",this._dragStartHandler),this._dragHandlerRegistered=!1)}_registerFullscreenKeydownHandler(){this.showFullscreenButton&&!this._fullscreenKeydownHandlerRegistered&&(document.addEventListener("keydown",this._fullscreenKeydownHandler),this._fullscreenKeydownHandlerRegistered=!0)}_deregisterFullscreenKeydownHandler(){this._fullscreenKeydownHandlerRegistered&&(document.removeEventListener("keydown",this._fullscreenKeydownHandler),this._fullscreenKeydownHandlerRegistered=!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`})}_toggleFullscreen(){if(this.onPhone)return;const e=this.stretch;this.stretch=!this.stretch,this._revertSize(),this._draggedOrResized=!1,e&&requestAnimationFrame(()=>{this.open&&this._center()})}_onHeaderDblClick(e){const t=e.target;t!==this._root.querySelector(".ui5-popup-header-root")&&!t.classList.contains("ui5-popup-header-text")||this._toggleFullscreen()}_onFullscreenKeydown(e){this.isTopModalPopup&&this._showFullscreenButton&&this._isFullscreenShortcut(e)&&(e.preventDefault(),e.stopImmediatePropagation(),this._toggleFullscreen())}_isFullscreenShortcut(e){return("f"===e.key||"F"===e.key)&&e.ctrlKey&&e.shiftKey&&!e.altKey}_onDragMouseDown(e){if(!this._movable||!this.draggable||!l._isHeader(e.target))return;const{top:t,left:i}=this.getBoundingClientRect(),{width:r,height:n}=window.getComputedStyle(this);Object.assign(this.style,{top:`${t}px`,left:`${i}px`,width:Math.round(100*Number.parseFloat(r))/100+"px",height:Math.round(100*Number.parseFloat(n))/100+"px"}),this._x=e.clientX,this._y=e.clientY,this._draggedOrResized=!0,this._attachMouseDragHandlers()}_onDragMouseMove(e){e.preventDefault();const{clientX:t,clientY:i}=e,r=this._x-t,n=this._y-i,{left:a,top:h}=this.getBoundingClientRect();Object.assign(this.style,{left:`${Math.floor(a-r)}px`,top:`${Math.floor(h-n)}px`}),this._x=t,this._y=i}_onDragMouseUp(){delete this._x,delete this._y,this._detachMouseDragHandlers()}_onDragOrResizeKeyDown(e){if(!this._movable)return;const t=e.target;if(t&&t.id===`${this._id}-dragResizeHandler`){if(this.draggable&&[c.ie,c.Pj,c.OC,c.FG].some(i=>i(e)))return void this._dragWithEvent(e);this.resizable&&[c.aI,c.tt,c.KK,c.hn].some(i=>i(e))&&this._resizeWithEvent(e)}}_dragWithEvent(e){const{top:t,left:i,width:r,height:n}=this.getBoundingClientRect();let a=0,h="top";switch(!0){case(0,c.ie)(e):a=t-m,h="top";break;case(0,c.Pj)(e):a=t+m,h="top";break;case(0,c.OC)(e):a=i-m,h="left";break;case(0,c.FG)(e):a=i+m,h="left"}a=(0,y.A)(a,0,"left"===h?window.innerWidth-r:window.innerHeight-n),this.style[h]=`${a}px`}_resizeWithEvent(e){this._draggedOrResized=!0,this.addEventListener("ui5-before-close",this._revertSize,{once:!0});const{top:t,left:i}=this.getBoundingClientRect(),r=window.getComputedStyle(this),n=Number.parseFloat(r.minWidth),a=window.innerWidth-i,h=window.innerHeight-t;let x=Number.parseFloat(r.width),H=Number.parseFloat(r.height);switch(!0){case(0,c.aI)(e):H-=m;break;case(0,c.tt)(e):H+=m;break;case(0,c.KK)(e):x-=m;break;case(0,c.hn)(e):x+=m}x=(0,y.A)(x,n,a),H=(0,y.A)(H,this._minHeight,h),Object.assign(this.style,{width:`${x}px`,height:`${H}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:i}=this.getBoundingClientRect(),{width:r,height:n,minWidth:a}=window.getComputedStyle(this);this._initialX=e.clientX,this._initialY=e.clientY,this._initialWidth=Number.parseFloat(r),this._initialHeight=Number.parseFloat(n),this._initialTop=t,this._initialLeft=i,this._minWidth=Number.parseFloat(a),this._cachedMinHeight=this._minHeight,Object.assign(this.style,{top:`${t}px`,left:`${i}px`}),this._draggedOrResized=!0,this._attachMouseResizeHandlers()}_onResizeMouseMove(e){const{clientX:t,clientY:i}=e;let r,n;if(this._isRTL){r=(0,y.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,x=this._initialLeft+this._initialWidth+h;n=(0,y.A)(x-r,0,x-this._minWidth)}else r=(0,y.A)(this._initialWidth+(t-this._initialX),this._minWidth,window.innerWidth-this._initialLeft);const a=(0,y.A)(this._initialHeight+(i-this._initialY),this._cachedMinHeight,window.innerHeight-this._initialTop);Object.assign(this.style,{height:`${a}px`,width:`${r}px`,left:this._isRTL?`${n}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.target instanceof HTMLElement&&l._isHeader(e.target)&&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)}_getFirstFocusableElement(){var e=this;return v(function*(){return e._showFullscreenButton&&((yield(0,R.$)(e.contentDOM))||(e.footerDOM?yield(0,R.$)(e.footerDOM):null))||(0,R.$)(e)})()}forwardToLast(){var e=()=>super.forwardToLast,t=this;return v(function*(){if(t._movable){const i=t.shadowRoot.querySelector(`#${t._id}-dragResizeHandler`);if(i)return void i.focus()}yield e().call(t)})()}};p([(0,_.A)()],u.prototype,"headerText",void 0),p([(0,_.A)({type:Boolean})],u.prototype,"stretch",void 0),p([(0,_.A)({type:Boolean})],u.prototype,"draggable",void 0),p([(0,_.A)({type:Boolean})],u.prototype,"resizable",void 0),p([(0,_.A)({type:Boolean})],u.prototype,"showFullscreenButton",void 0),p([(0,_.A)()],u.prototype,"state",void 0),p([(0,_.A)({type:Boolean})],u.prototype,"_showFullscreenButton",void 0),p([(0,C.A)()],u.prototype,"header",void 0),p([(0,C.A)()],u.prototype,"footer",void 0),p([(0,F.A)("@ui5/webcomponents")],u,"i18nBundle",void 0),u=l=p([(0,M.A)({tag:"ui5-dialog",template:function he(){return le.Ay.call(this,{beforeContent:de,afterContent:ce})},styles:[L.A.styles,ue.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:min(20rem,90vw);min-height:min(6rem,90vh);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 *:not(.ui5-dialog-fullscreen-btn){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_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}.ui5-popup-drag-resize-handler:focus{outline:none}.ui5-popup-root:has(.ui5-popup-drag-resize-handler:focus):before{content:"";position:absolute;inset:var(--_ui5_dialog_focus_outline_offset);border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--sapElement_BorderCornerRadius);pointer-events:none;z-index:5}:host([resizable]) .ui5-popup-root:has(.ui5-popup-drag-resize-handler:focus):before{border-end-end-radius:var(--_ui5_dialog_resizable_bottom_right_radius)}:host([stretch]) .ui5-popup-content{width:100%;height:100%}:host(:not([header-text])[_show-fullscreen-button]) .ui5-popup-header-root{justify-content:flex-end}:host([header-text][_show-fullscreen-button]) .ui5-popup-header-root{justify-content:space-between}.ui5-popup-header-root{gap:.5rem}.ui5-popup-content{min-height:var(--_ui5_dialog_content_min_height);flex:1 1 auto}.ui5-popup-resize-handle{position:absolute;bottom:-.5rem;inset-inline-end:-.5rem;cursor:var(--_ui5_dialog_resize_cursor);width:1.5rem;height:1.5rem;border-radius:50%}.ui5-popup-resize-handle [ui5-icon]{color:var(--sapButton_Lite_TextColor)}.ui5-popup-header-text{min-width:0;justify-content:flex-start}:host([on-phone]) .ui5-dialog-fullscreen-btn{display:none}:host::backdrop{background-color:var(--_ui5_popup_block_layer_background);opacity:var(--_ui5_popup_block_layer_opacity)}.ui5-block-layer{display:block}\n']})],u),u.define();const fe=u;var Y=s(6634);(0,z.Rh)("@ui5/webcomponents-theming","sap_horizon",v(function*(){return N.A})),(0,z.Rh)("@ui5/webcomponents","sap_horizon",v(function*(){return K.A}),"host");var T,w=function(g,e,t,i){var a,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(g,e,t,i);else for(var h=g.length-1;h>=0;h--)(a=g[h])&&(n=(r<3?a(n):r>3?a(e,t,n):a(e,t))||n);return r>3&&n&&Object.defineProperty(e,t,n),n};let b=T=class extends Y.Ay{constructor(){super(),this.contentOnlyOnDesktop=!1,this._hideHeader=!1,this._hideCloseButton=!1}openPopup(){var e=()=>super.openPopup,t=this;return v(function*(){(0,f.tp)()?t._dialog&&(t._dialog.open=!0):yield e().call(t)})()}_show(){var e=()=>super._show,t=this;return v(function*(){if(!(0,f.tp)())return e().call(t)})()}handleOpenOnEnterDOM(){this.open&&!(0,f.tp)()&&(this.showPopover(),this.openPopup())}_dialogCloseButtonClick(){this.closePopup()}closePopup(e=!1,t=!1,i=!1){(0,f.tp)()?this._dialog?.closePopup(e,t,i):super.closePopup(e,t,i)}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,f.tp)()?this._dialog.contentDOM:super.contentDOM}get _isPhone(){return(0,f.tp)()}get _displayHeader(){return((0,f.tp)()||!this.contentOnlyOnDesktop)&&super._displayHeader}get _displayFooter(){return(0,f.tp)()||!this.contentOnlyOnDesktop}get _closeDialogAriaLabel(){return T.i18nBundle.getText(d.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,f.tp)()?this._dialog.isModal:super.isModal}};w([(0,_.A)({type:Boolean})],b.prototype,"contentOnlyOnDesktop",void 0),w([(0,_.A)({type:Boolean})],b.prototype,"_hideHeader",void 0),w([(0,_.A)({type:Boolean})],b.prototype,"_hideCloseButton",void 0),w([(0,F.A)("@ui5/webcomponents")],b,"i18nBundle",void 0),b=T=w([(0,M.A)({tag:"ui5-responsive-popover",styles:[Y.Ay.styles,":host{min-width:6.25rem;min-height:2rem}:host([on-phone]){display:contents}.ui5-responsive-popover-header{height:var(--_ui5-responsive_popover_header_height);display:flex;justify-content:var(--_ui5_popup_header_prop_header_text_alignment);align-items:center;width:100%}.ui5-responsive-popover-header-text{width:calc(100% - var(--_ui5_button_base_min_width))}.ui5-responsive-popover-header-no-title{justify-content:flex-end}\n"],template:function ve(){return this._isPhone?(0,o.FD)(fe,{"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,o.Y)(o.FK,{children:this.header.length?(0,o.Y)("slot",{slot:"header",name:"header"}):(0,o.FD)("div",{class:this.classes.header,slot:"header",children:[this.headerText&&(0,o.Y)(O.A,{level:"H1",wrappingType:"None",class:"ui5-popup-header-text ui5-responsive-popover-header-text",children:this.headerText}),!this._hideCloseButton&&(0,o.Y)(E.A,{icon:$.Ay,design:"Transparent",accessibleName:this._closeDialogAriaLabel,onClick:this._dialogCloseButtonClick})]})}),(0,o.Y)("slot",{}),(0,o.Y)("slot",{slot:"footer",name:"footer"})]}):j.A.call(this)}})],b),b.define();const be=b}}]);
|
package/assets/955.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkwc=self.webpackChunkwc||[]).push([[955],{5955(ee,D,a){a.d(D,{default:()=>k});var R=a(8431);function p(n,l,e,t){return n.replaceAll(new RegExp((n=>n.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"))(l),(t?"i":"")+"g"),e)}var I=a(1934),g=a(1642),L=a(6136),f=a(6981),o=a(1892);function Y(n,l){const e=n?.listItemContent||H;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 H(){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 F(){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 v=a(467),x=a(8923),V=a(303),M=a(5444);(0,x.Rh)("@ui5/webcomponents-theming","sap_horizon",(0,v.A)(function*(){return V.A})),(0,x.Rh)("@ui5/webcomponents","sap_horizon",(0,v.A)(function*(){return M.A}),"host");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 u=n.length-1;u>=0;u--)(r=n[u])&&(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 c=class extends f.A{constructor(){super(...arguments),this.markupText=""}onEnterDOM(){(0,L.xl)()&&this.setAttribute("desktop","")}get _effectiveTabIndex(){return-1}};d([(0,g.A)()],c.prototype,"text",void 0),d([(0,g.A)()],c.prototype,"additionalText",void 0),d([(0,g.A)()],c.prototype,"markupText",void 0),c=d([(0,I.A)({tag:"ui5-suggestion-item",template:function w(){return[Y.call(this,{listItemContent:F},{role:"option"})]},styles:[f.A.styles,":host([ui5-suggestion-item]){height:auto;min-height:var(--_ui5_list_item_base_height)}:host([ui5-suggestion-item]) .ui5-li-root{min-height:var(--_ui5_list_item_base_height)}:host([ui5-suggestion-item]) .ui5-li-content{padding-bottom:.5rem;padding-top:.5rem;box-sizing:border-box}\n"]})],c),c.define();var E=a(6993),$=a(6374),B=a(45),z=a(7601);function K(){return(0,o.Y)("slot",{})}var S=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 u=n.length-1;u>=0;u--)(r=n[u])&&(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{};S([(0,E.A)({default:!0,invalidateOnChildChange:!0,type:HTMLElement})],m.prototype,"items",void 0),m=S([(0,I.A)({tag:"ui5-suggestion-item-group",template:function j(n){const l=n?.items||K;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:"Group",wrappingType:this.getGroupHeaderWrapping(),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 A=a(1279),T=a(563),U=a(1973),W=a(778),C=a(171),X=a(9698),J=a(6983);function Q(n){const l=n?.suggestionsList||Z,e=n?.mobileHeader,t=n?.valueStateMessage,i=n?.valueStateMessageInputIcon;return(0,o.FD)(W.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.Y)(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)(J.A,{level:"H1",wrappingType:"None",class:"ui5-responsive-popover-header-text",children:this._headerTitleText})}),(0,o.Y)("div",{class:"row",children:(0,o.FD)("div",{class:"input-root-phone native-input-wrapper",children:[(0,o.Y)(A.A,{class:"ui5-input-inner-phone",type:this.inputType,value:this.value,showClearIcon:this.showClearIcon,placeholder:this.placeholder,onInput:this._handleInput}),e?.call(this)]})}),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:i?.call(this)}),this.open&&t?.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:i?.call(this)}),this.open&&t?.call(this)]}),this.showSuggestions&&l.call(this),this._isPhone&&(0,o.FD)("div",{slot:"footer",class:"ui5-responsive-popover-footer",children:[(0,o.Y)(C.A,{design:"Emphasized",onClick:this._confirmMobileValue,children:this._suggestionsOkButtonText}),(0,o.Y)(C.A,{class:"ui5-responsive-popover-close-btn",design:"Transparent",onClick:this._cancelMobileValue,children:this._suggestionsCancelButtonText})]})]})}function Z(){return(0,o.Y)(U.A,{accessibleRole:X.A.ListBox,separators:this.suggestionSeparators,selectionMode:"Single",onMouseDown:this.onItemMouseDown,onItemClick:this._handleSuggestionItemPress,onSelectionChange:this._handleSelectionChange,children:(0,o.Y)("slot",{})})}var b=a(5166);let _=(()=>{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.visibleItems;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.visibleItems,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,this.component.value=this.component.typedInValue,void(this.selectedItemIndex-=1);this._moveItemSelection(t,--this.selectedItemIndex)}}get visibleItems(){return this._getItems().filter(e=>!e.hidden)}_moveItemSelection(e,t){const i=this.visibleItems,s=i[t],r=i[e],u=this._getNonGroupItems(),h=s?.hasAttribute("ui5-suggestion-item-group");if(!s)return;this.component.focused=!1;const P=this.visibleItems[this.selectedItemIndex];if(this.accInfo={isGroup:h,currentPos:i.indexOf(s)+1,itemText:(h?P.headerText:P.text)||""},(s.hasAttribute("ui5-suggestion-item")||s.hasAttribute("ui5-suggestion-item-custom"))&&(this.accInfo.additionalText=s.additionalText||"",this.accInfo.currentPos=u.indexOf(s)+1,this.accInfo.listSize=u.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.hasAttribute("ui5-suggestion-item-custom"))&&(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(b.Fr3)} ${this.accInfo.itemText}`;const e=n.i18nBundle.getText(b.piN,this.accInfo.currentPos||0,this.accInfo.listSize||0);return`${this.accInfo.additionalText} ${e}`.trim()}hightlightInput(e,t){return function O(n,l){if(!n||!l)return n;const e=r=>{const[u,h]=r.split("");for(;n.indexOf(r)>=0||l.indexOf(r)>=0;)r=`${u}${r}${h}`;return r},t=e("12"),i=e("34");let s=(0,R.A)(p(n,l,r=>`${t}${r}${i}`,!0));return[[t,"<b>"],[i,"</b>"]].forEach(([r,u])=>{s=p(s,r,u,!1)}),s}(e,t)}get _hasValueState(){return this.component.hasValueStateMessage}_clearSelectedSuggestionAndaccInfo(){this.accInfo=void 0,this.selectedItemIndex=0}}return n.SCROLL_STEP=60,n})();A.A.SuggestionsClass=_;const k=_}}]);
|
|
1
|
+
"use strict";(self.webpackChunkwc=self.webpackChunkwc||[]).push([[955],{5955(ee,D,a){a.d(D,{default:()=>k});var R=a(8431);function p(n,l,e,t){return n.replaceAll(new RegExp((n=>n.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"))(l),(t?"i":"")+"g"),e)}var I=a(1934),g=a(1642),L=a(6136),f=a(6981),o=a(1892);function Y(n,l){const e=n?.listItemContent||H;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 H(){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 F(){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 v=a(9293),x=a(8923),V=a(303),M=a(5444);(0,x.Rh)("@ui5/webcomponents-theming","sap_horizon",v(function*(){return V.A})),(0,x.Rh)("@ui5/webcomponents","sap_horizon",v(function*(){return M.A}),"host");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 u=n.length-1;u>=0;u--)(r=n[u])&&(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 c=class extends f.A{constructor(){super(...arguments),this.markupText=""}onEnterDOM(){(0,L.xl)()&&this.setAttribute("desktop","")}get _effectiveTabIndex(){return-1}};d([(0,g.A)()],c.prototype,"text",void 0),d([(0,g.A)()],c.prototype,"additionalText",void 0),d([(0,g.A)()],c.prototype,"markupText",void 0),c=d([(0,I.A)({tag:"ui5-suggestion-item",template:function w(){return[Y.call(this,{listItemContent:F},{role:"option"})]},styles:[f.A.styles,":host([ui5-suggestion-item]){height:auto;min-height:var(--_ui5_list_item_base_height)}:host([ui5-suggestion-item]) .ui5-li-root{min-height:var(--_ui5_list_item_base_height)}:host([ui5-suggestion-item]) .ui5-li-content{padding-bottom:.5rem;padding-top:.5rem;box-sizing:border-box}\n"]})],c),c.define();var E=a(6993),$=a(6374),B=a(45),z=a(7601);function K(){return(0,o.Y)("slot",{})}var S=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 u=n.length-1;u>=0;u--)(r=n[u])&&(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{};S([(0,E.A)({default:!0,invalidateOnChildChange:!0,type:HTMLElement})],m.prototype,"items",void 0),m=S([(0,I.A)({tag:"ui5-suggestion-item-group",template:function j(n){const l=n?.items||K;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:"Group",wrappingType:this.getGroupHeaderWrapping(),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 A=a(1279),T=a(563),U=a(741),W=a(1253),C=a(2955),X=a(9698),J=a(6983);function Q(n){const l=n?.suggestionsList||Z,e=n?.mobileHeader,t=n?.valueStateMessage,i=n?.valueStateMessageInputIcon;return(0,o.FD)(W.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.Y)(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)(J.A,{level:"H1",wrappingType:"None",class:"ui5-responsive-popover-header-text",children:this._headerTitleText})}),(0,o.Y)("div",{class:"row",children:(0,o.FD)("div",{class:"input-root-phone native-input-wrapper",children:[(0,o.Y)(A.A,{class:"ui5-input-inner-phone",type:this.inputType,value:this.value,showClearIcon:this.showClearIcon,placeholder:this.placeholder,onInput:this._handleInput}),e?.call(this)]})}),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:i?.call(this)}),this.open&&t?.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:i?.call(this)}),this.open&&t?.call(this)]}),this.showSuggestions&&l.call(this),this._isPhone&&(0,o.FD)("div",{slot:"footer",class:"ui5-responsive-popover-footer",children:[(0,o.Y)(C.A,{design:"Emphasized",onClick:this._confirmMobileValue,children:this._suggestionsOkButtonText}),(0,o.Y)(C.A,{class:"ui5-responsive-popover-close-btn",design:"Transparent",onClick:this._cancelMobileValue,children:this._suggestionsCancelButtonText})]})]})}function Z(){return(0,o.Y)(U.A,{accessibleRole:X.A.ListBox,separators:this.suggestionSeparators,selectionMode:"Single",onMouseDown:this.onItemMouseDown,onItemClick:this._handleSuggestionItemPress,onSelectionChange:this._handleSelectionChange,children:(0,o.Y)("slot",{})})}var b=a(5166);let _=(()=>{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.visibleItems;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.visibleItems,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,this.component.value=this.component.typedInValue,void(this.selectedItemIndex-=1);this._moveItemSelection(t,--this.selectedItemIndex)}}get visibleItems(){return this._getItems().filter(e=>!e.hidden)}_moveItemSelection(e,t){const i=this.visibleItems,s=i[t],r=i[e],u=this._getNonGroupItems(),h=s?.hasAttribute("ui5-suggestion-item-group");if(!s)return;this.component.focused=!1;const P=this.visibleItems[this.selectedItemIndex];if(this.accInfo={isGroup:h,currentPos:i.indexOf(s)+1,itemText:(h?P.headerText:P.text)||""},(s.hasAttribute("ui5-suggestion-item")||s.hasAttribute("ui5-suggestion-item-custom"))&&(this.accInfo.additionalText=s.additionalText||"",this.accInfo.currentPos=u.indexOf(s)+1,this.accInfo.listSize=u.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.hasAttribute("ui5-suggestion-item-custom"))&&(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(b.Fr3)} ${this.accInfo.itemText}`;const e=n.i18nBundle.getText(b.piN,this.accInfo.currentPos||0,this.accInfo.listSize||0);return`${this.accInfo.additionalText} ${e}`.trim()}hightlightInput(e,t){return function O(n,l){if(!n||!l)return n;const e=r=>{const[u,h]=r.split("");for(;n.indexOf(r)>=0||l.indexOf(r)>=0;)r=`${u}${r}${h}`;return r},t=e("12"),i=e("34");let s=(0,R.A)(p(n,l,r=>`${t}${r}${i}`,!0));return[[t,"<b>"],[i,"</b>"]].forEach(([r,u])=>{s=p(s,r,u,!1)}),s}(e,t)}get _hasValueState(){return this.component.hasValueStateMessage}_clearSelectedSuggestionAndaccInfo(){this.accInfo=void 0,this.selectedItemIndex=0}}return n.SCROLL_STEP=60,n})();A.A.SuggestionsClass=_;const k=_}}]);
|