@sapudex/web-components 2.55.0 → 2.56.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cypress/specs/HeroBanner.cy.tsx +35 -1
- package/cypress/specs/List.cy.tsx +63 -1
- package/cypress/specs/ListItem.cy.tsx +44 -0
- package/cypress/specs/MastheadShell.cy.tsx +39 -0
- package/cypress/specs/PhoneNumberField.cy.tsx +29 -1
- package/cypress/specs/SelectBox.cy.tsx +99 -0
- package/dist/CountrySelectorTemplate.js +1 -1
- package/dist/CountrySelectorTemplate.js.map +1 -1
- package/dist/FilterMenu.js +5 -1
- package/dist/FilterMenu.js.map +1 -1
- package/dist/HeroBanner.d.ts +12 -0
- package/dist/HeroBanner.js +54 -0
- package/dist/HeroBanner.js.map +1 -1
- package/dist/List.d.ts +5 -0
- package/dist/List.js +7 -0
- package/dist/List.js.map +1 -1
- package/dist/ListItem.js +5 -1
- package/dist/ListItem.js.map +1 -1
- package/dist/ListTemplate.js +1 -1
- package/dist/ListTemplate.js.map +1 -1
- package/dist/MastheadShell.d.ts +7 -0
- package/dist/MastheadShell.js +38 -0
- package/dist/MastheadShell.js.map +1 -1
- package/dist/PhoneNumberField.d.ts +3 -3
- package/dist/PhoneNumberField.js +18 -21
- package/dist/PhoneNumberField.js.map +1 -1
- package/dist/PhoneNumberFieldTemplate.d.ts +2 -0
- package/dist/PhoneNumberFieldTemplate.js +12 -0
- package/dist/PhoneNumberFieldTemplate.js.map +1 -0
- package/dist/Search.d.ts +2 -0
- package/dist/Search.js +21 -0
- package/dist/Search.js.map +1 -1
- package/dist/SearchableListBase.d.ts +4 -0
- package/dist/SearchableListBase.js +66 -6
- package/dist/SearchableListBase.js.map +1 -1
- package/dist/SearchableListBaseTemplate.js +1 -1
- package/dist/SearchableListBaseTemplate.js.map +1 -1
- package/dist/SelectBase.js +14 -22
- package/dist/SelectBase.js.map +1 -1
- package/dist/SelectBoxTemplate.js +1 -1
- package/dist/SelectBoxTemplate.js.map +1 -1
- package/dist/StatusMessage.d.ts +2 -2
- package/dist/StatusMessage.js +1 -1
- package/dist/StatusMessage.js.map +1 -1
- package/dist/TextAreaTemplate.js +1 -1
- package/dist/TextAreaTemplate.js.map +1 -1
- package/dist/TextFieldTemplate.js +1 -1
- package/dist/TextFieldTemplate.js.map +1 -1
- package/dist/Upload.js +6 -9
- package/dist/Upload.js.map +1 -1
- package/dist/UploadItem.d.ts +2 -2
- package/dist/UploadItem.js +6 -9
- package/dist/UploadItem.js.map +1 -1
- package/dist/UploadItemTemplate.d.ts +2 -0
- package/dist/UploadItemTemplate.js +14 -0
- package/dist/UploadItemTemplate.js.map +1 -0
- package/dist/UploadTemplate.d.ts +2 -0
- package/dist/UploadTemplate.js +11 -0
- package/dist/UploadTemplate.js.map +1 -0
- package/dist/assets/{InputSuggestions-DPiJnNLn.js → InputSuggestions-ChhTxYh4.js} +1 -1
- package/dist/assets/{ListItemStandardExpandableTextTemplate-B-v72jL6.js → ListItemStandardExpandableTextTemplate-Bh1HxZfH.js} +1 -1
- package/dist/assets/{bundle-C7Yft7IG.css → bundle-CdO3MnjQ.css} +1 -1
- package/dist/assets/{bundle.esm-DPppjwN7.js → bundle.esm-DCX_ohoZ.js} +253 -241
- package/dist/assets/messagebundle_uk-CCv57GhV.js +1 -0
- package/dist/css/themes/AccordionItem.css +1 -1
- package/dist/css/themes/AccordionSpotlight.css +1 -1
- package/dist/css/themes/Avatar.css +1 -1
- package/dist/css/themes/CountrySelector.css +1 -1
- package/dist/css/themes/EventRibbon.css +1 -1
- package/dist/css/themes/FilterMenu.css +1 -1
- package/dist/css/themes/HeroBanner.css +1 -1
- package/dist/css/themes/ImageGridTicker.css +1 -1
- package/dist/css/themes/ListItem.css +1 -1
- package/dist/css/themes/MastheadCountrySelector.css +1 -1
- package/dist/css/themes/MastheadItem.css +1 -1
- package/dist/css/themes/MastheadProfileMenu.css +1 -1
- package/dist/css/themes/MastheadShell.css +1 -1
- package/dist/css/themes/MediaPlayer.css +1 -1
- package/dist/css/themes/Modal.css +1 -1
- package/dist/css/themes/PhoneNumberField.css +1 -1
- package/dist/css/themes/Search.css +1 -1
- package/dist/css/themes/SecondaryNavigationItem.css +1 -1
- package/dist/css/themes/SelectBase.css +1 -1
- package/dist/css/themes/StepInput.css +1 -1
- package/dist/css/themes/TabInOverflow.css +1 -1
- package/dist/css/themes/TabNavigation.css +1 -1
- package/dist/css/themes/TableCellBase.css +1 -1
- package/dist/css/themes/TagGroup.css +1 -1
- package/dist/css/themes/TextArea.css +1 -1
- package/dist/css/themes/TextField.css +1 -1
- package/dist/css/themes/Wizard.css +1 -1
- package/dist/custom-elements-internal.json +1138 -117
- package/dist/custom-elements.json +740 -123
- package/dist/generated/assets/i18n/messagebundle_uk.json +1 -1
- package/dist/generated/themes/AccordionItem.css.d.ts +1 -1
- package/dist/generated/themes/AccordionItem.css.js +1 -1
- package/dist/generated/themes/AccordionItem.css.js.map +1 -1
- package/dist/generated/themes/AccordionSpotlight.css.d.ts +1 -1
- package/dist/generated/themes/AccordionSpotlight.css.js +1 -1
- package/dist/generated/themes/AccordionSpotlight.css.js.map +1 -1
- package/dist/generated/themes/Avatar.css.d.ts +1 -1
- package/dist/generated/themes/Avatar.css.js +1 -1
- package/dist/generated/themes/Avatar.css.js.map +1 -1
- package/dist/generated/themes/CountrySelector.css.d.ts +1 -1
- package/dist/generated/themes/CountrySelector.css.js +1 -1
- package/dist/generated/themes/CountrySelector.css.js.map +1 -1
- package/dist/generated/themes/EventRibbon.css.d.ts +1 -1
- package/dist/generated/themes/EventRibbon.css.js +1 -1
- package/dist/generated/themes/EventRibbon.css.js.map +1 -1
- package/dist/generated/themes/FilterMenu.css.d.ts +1 -1
- package/dist/generated/themes/FilterMenu.css.js +1 -1
- package/dist/generated/themes/FilterMenu.css.js.map +1 -1
- package/dist/generated/themes/HeroBanner.css.d.ts +1 -1
- package/dist/generated/themes/HeroBanner.css.js +1 -1
- package/dist/generated/themes/HeroBanner.css.js.map +1 -1
- package/dist/generated/themes/ImageGridTicker.css.d.ts +1 -1
- package/dist/generated/themes/ImageGridTicker.css.js +1 -1
- package/dist/generated/themes/ImageGridTicker.css.js.map +1 -1
- package/dist/generated/themes/ListItem.css.d.ts +1 -1
- package/dist/generated/themes/ListItem.css.js +1 -1
- package/dist/generated/themes/ListItem.css.js.map +1 -1
- package/dist/generated/themes/MastheadCountrySelector.css.d.ts +1 -1
- package/dist/generated/themes/MastheadCountrySelector.css.js +1 -1
- package/dist/generated/themes/MastheadCountrySelector.css.js.map +1 -1
- package/dist/generated/themes/MastheadItem.css.d.ts +1 -1
- package/dist/generated/themes/MastheadItem.css.js +1 -1
- package/dist/generated/themes/MastheadItem.css.js.map +1 -1
- package/dist/generated/themes/MastheadProfileMenu.css.d.ts +1 -1
- package/dist/generated/themes/MastheadProfileMenu.css.js +1 -1
- package/dist/generated/themes/MastheadProfileMenu.css.js.map +1 -1
- package/dist/generated/themes/MastheadShell.css.d.ts +1 -1
- package/dist/generated/themes/MastheadShell.css.js +1 -1
- package/dist/generated/themes/MastheadShell.css.js.map +1 -1
- package/dist/generated/themes/MediaPlayer.css.d.ts +1 -1
- package/dist/generated/themes/MediaPlayer.css.js +1 -1
- package/dist/generated/themes/MediaPlayer.css.js.map +1 -1
- package/dist/generated/themes/Modal.css.d.ts +1 -1
- package/dist/generated/themes/Modal.css.js +1 -1
- package/dist/generated/themes/Modal.css.js.map +1 -1
- package/dist/generated/themes/PhoneNumberField.css.d.ts +1 -1
- package/dist/generated/themes/PhoneNumberField.css.js +1 -1
- package/dist/generated/themes/PhoneNumberField.css.js.map +1 -1
- package/dist/generated/themes/Search.css.d.ts +1 -1
- package/dist/generated/themes/Search.css.js +1 -1
- package/dist/generated/themes/Search.css.js.map +1 -1
- package/dist/generated/themes/SecondaryNavigationItem.css.d.ts +1 -1
- package/dist/generated/themes/SecondaryNavigationItem.css.js +1 -1
- package/dist/generated/themes/SecondaryNavigationItem.css.js.map +1 -1
- package/dist/generated/themes/SelectBase.css.d.ts +1 -1
- package/dist/generated/themes/SelectBase.css.js +1 -1
- package/dist/generated/themes/SelectBase.css.js.map +1 -1
- package/dist/generated/themes/StepInput.css.d.ts +1 -1
- package/dist/generated/themes/StepInput.css.js +1 -1
- package/dist/generated/themes/StepInput.css.js.map +1 -1
- package/dist/generated/themes/TabInOverflow.css.d.ts +1 -1
- package/dist/generated/themes/TabInOverflow.css.js +1 -1
- package/dist/generated/themes/TabInOverflow.css.js.map +1 -1
- package/dist/generated/themes/TabNavigation.css.d.ts +1 -1
- package/dist/generated/themes/TabNavigation.css.js +1 -1
- package/dist/generated/themes/TabNavigation.css.js.map +1 -1
- package/dist/generated/themes/TableCellBase.css.d.ts +1 -1
- package/dist/generated/themes/TableCellBase.css.js +1 -1
- package/dist/generated/themes/TableCellBase.css.js.map +1 -1
- package/dist/generated/themes/TagGroup.css.d.ts +1 -1
- package/dist/generated/themes/TagGroup.css.js +1 -1
- package/dist/generated/themes/TagGroup.css.js.map +1 -1
- package/dist/generated/themes/TextArea.css.d.ts +1 -1
- package/dist/generated/themes/TextArea.css.js +1 -1
- package/dist/generated/themes/TextArea.css.js.map +1 -1
- package/dist/generated/themes/TextField.css.d.ts +1 -1
- package/dist/generated/themes/TextField.css.js +1 -1
- package/dist/generated/themes/TextField.css.js.map +1 -1
- package/dist/generated/themes/Wizard.css.d.ts +1 -1
- package/dist/generated/themes/Wizard.css.js +1 -1
- package/dist/generated/themes/Wizard.css.js.map +1 -1
- package/dist/messagebundle_uk.properties +8 -0
- package/dist/utils/searchBackdrop.d.ts +1 -0
- package/dist/utils/searchBackdrop.js +23 -0
- package/dist/utils/searchBackdrop.js.map +1 -0
- package/dist/vscode.html-custom-data.json +165 -2
- package/dist/web-types.json +363 -6
- package/package.json +1 -1
- package/src/CountrySelectorTemplate.tsx +2 -2
- package/src/FilterMenu.ts +5 -1
- package/src/HeroBanner.ts +66 -0
- package/src/List.ts +8 -0
- package/src/ListItem.ts +5 -1
- package/src/ListTemplate.tsx +1 -1
- package/src/MastheadShell.ts +44 -0
- package/src/PhoneNumberField.ts +23 -22
- package/src/PhoneNumberFieldTemplate.tsx +128 -0
- package/src/Search.ts +21 -1
- package/src/SearchableListBase.ts +62 -7
- package/src/SearchableListBaseTemplate.tsx +1 -0
- package/src/SelectBase.ts +14 -21
- package/src/SelectBoxTemplate.tsx +1 -1
- package/src/StatusMessage.ts +4 -3
- package/src/TextAreaTemplate.tsx +1 -1
- package/src/TextFieldTemplate.tsx +1 -1
- package/src/Upload.ts +7 -10
- package/src/UploadItem.ts +7 -9
- package/src/UploadItemTemplate.tsx +62 -0
- package/src/UploadTemplate.tsx +53 -0
- package/src/generated/themes/AccordionItem.css.ts +1 -1
- package/src/generated/themes/AccordionSpotlight.css.ts +1 -1
- package/src/generated/themes/Avatar.css.ts +1 -1
- package/src/generated/themes/CountrySelector.css.ts +1 -1
- package/src/generated/themes/EventRibbon.css.ts +1 -1
- package/src/generated/themes/FilterMenu.css.ts +1 -1
- package/src/generated/themes/HeroBanner.css.ts +1 -1
- package/src/generated/themes/ImageGridTicker.css.ts +1 -1
- package/src/generated/themes/ListItem.css.ts +1 -1
- package/src/generated/themes/MastheadCountrySelector.css.ts +1 -1
- package/src/generated/themes/MastheadItem.css.ts +1 -1
- package/src/generated/themes/MastheadProfileMenu.css.ts +1 -1
- package/src/generated/themes/MastheadShell.css.ts +1 -1
- package/src/generated/themes/MediaPlayer.css.ts +1 -1
- package/src/generated/themes/Modal.css.ts +1 -1
- package/src/generated/themes/PhoneNumberField.css.ts +1 -1
- package/src/generated/themes/Search.css.ts +1 -1
- package/src/generated/themes/SecondaryNavigationItem.css.ts +1 -1
- package/src/generated/themes/SelectBase.css.ts +1 -1
- package/src/generated/themes/StepInput.css.ts +1 -1
- package/src/generated/themes/TabInOverflow.css.ts +1 -1
- package/src/generated/themes/TabNavigation.css.ts +1 -1
- package/src/generated/themes/TableCellBase.css.ts +1 -1
- package/src/generated/themes/TagGroup.css.ts +1 -1
- package/src/generated/themes/TextArea.css.ts +1 -1
- package/src/generated/themes/TextField.css.ts +1 -1
- package/src/generated/themes/Wizard.css.ts +1 -1
- package/src/i18n/messagebundle_uk.properties +8 -0
- package/src/themes/AccordionItem.css +1 -1
- package/src/themes/AccordionSpotlight.css +1 -1
- package/src/themes/Avatar.css +1 -1
- package/src/themes/CountrySelector.css +12 -2
- package/src/themes/EventRibbon.css +1 -1
- package/src/themes/FilterMenu.css +3 -2
- package/src/themes/HeroBanner.css +1 -1
- package/src/themes/ImageGridTicker.css +1 -1
- package/src/themes/ListItem.css +10 -2
- package/src/themes/MastheadCountrySelector.css +1 -1
- package/src/themes/MastheadItem.css +1 -1
- package/src/themes/MastheadProfileMenu.css +1 -1
- package/src/themes/MastheadShell.css +1 -1
- package/src/themes/MediaPlayer.css +10 -10
- package/src/themes/Modal.css +5 -3
- package/src/themes/PhoneNumberField.css +16 -6
- package/src/themes/Search.css +9 -9
- package/src/themes/SecondaryNavigationItem.css +1 -1
- package/src/themes/SelectBase.css +2 -2
- package/src/themes/StepInput.css +1 -1
- package/src/themes/TabInOverflow.css +2 -2
- package/src/themes/TabNavigation.css +7 -7
- package/src/themes/TableCellBase.css +1 -1
- package/src/themes/TagGroup.css +1 -1
- package/src/themes/TextArea.css +1 -1
- package/src/themes/TextField.css +1 -1
- package/src/themes/Wizard.css +1 -1
- package/src/utils/searchBackdrop.ts +23 -0
- package/dist/assets/messagebundle_uk-GmdhsMsP.js +0 -1
- package/dist/generated/templates/PhoneNumberFieldTemplate.lit.d.ts +0 -3
- package/dist/generated/templates/PhoneNumberFieldTemplate.lit.js +0 -16
- package/dist/generated/templates/PhoneNumberFieldTemplate.lit.js.map +0 -1
- package/dist/generated/templates/UploadItemTemplate.lit.d.ts +0 -3
- package/dist/generated/templates/UploadItemTemplate.lit.js +0 -12
- package/dist/generated/templates/UploadItemTemplate.lit.js.map +0 -1
- package/dist/generated/templates/UploadTemplate.lit.d.ts +0 -3
- package/dist/generated/templates/UploadTemplate.lit.js +0 -10
- package/dist/generated/templates/UploadTemplate.lit.js.map +0 -1
- package/src/PhoneNumberField.hbs +0 -119
- package/src/Upload.hbs +0 -21
- package/src/UploadItem.hbs +0 -32
- package/src/generated/templates/PhoneNumberFieldTemplate.lit.ts +0 -20
- package/src/generated/templates/UploadItemTemplate.lit.ts +0 -16
- package/src/generated/templates/UploadTemplate.lit.ts +0 -14
|
@@ -586,7 +586,7 @@ body.vjs-pip-window .video-js {
|
|
|
586
586
|
font-size: 1.2em;
|
|
587
587
|
line-height: 1.5;
|
|
588
588
|
padding: 20px 24px;
|
|
589
|
-
z-index: 1;
|
|
589
|
+
z-index: var(--udexZIndex1, 1);
|
|
590
590
|
}
|
|
591
591
|
|
|
592
592
|
.vjs-menu-button {
|
|
@@ -965,7 +965,7 @@ body.vjs-full-window.vjs-fullscreen .vjs-fullscreen-control > .vjs-icon-placehol
|
|
|
965
965
|
position: absolute;
|
|
966
966
|
right: -4px;
|
|
967
967
|
line-height: 8px;
|
|
968
|
-
z-index: 1;
|
|
968
|
+
z-index: var(--udexZIndex1, 1);
|
|
969
969
|
height: 8px;
|
|
970
970
|
width: 8px;
|
|
971
971
|
background-color: #fff;
|
|
@@ -985,7 +985,7 @@ body.vjs-full-window.vjs-fullscreen .vjs-fullscreen-control > .vjs-icon-placehol
|
|
|
985
985
|
height: 0.9em;
|
|
986
986
|
pointer-events: none;
|
|
987
987
|
line-height: 0.15em;
|
|
988
|
-
z-index: 1;
|
|
988
|
+
z-index: var(--udexZIndex1, 1);
|
|
989
989
|
}
|
|
990
990
|
|
|
991
991
|
.video-js .vjs-load-progress {
|
|
@@ -1008,7 +1008,7 @@ body.vjs-full-window.vjs-fullscreen .vjs-fullscreen-control > .vjs-icon-placehol
|
|
|
1008
1008
|
position: absolute;
|
|
1009
1009
|
top: -3.4em;
|
|
1010
1010
|
visibility: hidden;
|
|
1011
|
-
z-index: 1;
|
|
1011
|
+
z-index: var(--udexZIndex1, 1);
|
|
1012
1012
|
}
|
|
1013
1013
|
|
|
1014
1014
|
.video-js .vjs-progress-control:hover .vjs-time-tooltip,
|
|
@@ -1028,7 +1028,7 @@ body.vjs-full-window.vjs-fullscreen .vjs-fullscreen-control > .vjs-icon-placehol
|
|
|
1028
1028
|
width: 1px;
|
|
1029
1029
|
height: 100%;
|
|
1030
1030
|
background-color: #000;
|
|
1031
|
-
z-index: 1;
|
|
1031
|
+
z-index: var(--udexZIndex1, 1);
|
|
1032
1032
|
}
|
|
1033
1033
|
|
|
1034
1034
|
.video-js .vjs-progress-control:hover .vjs-mouse-display {
|
|
@@ -1160,7 +1160,7 @@ body.vjs-full-window.vjs-fullscreen .vjs-fullscreen-control > .vjs-icon-placehol
|
|
|
1160
1160
|
.video-js .vjs-volume-level:before {
|
|
1161
1161
|
position: absolute;
|
|
1162
1162
|
font-size: 0.9em;
|
|
1163
|
-
z-index: 1;
|
|
1163
|
+
z-index: var(--udexZIndex1, 1);
|
|
1164
1164
|
}
|
|
1165
1165
|
|
|
1166
1166
|
.vjs-slider-vertical .vjs-volume-level {
|
|
@@ -1169,7 +1169,7 @@ body.vjs-full-window.vjs-fullscreen .vjs-fullscreen-control > .vjs-icon-placehol
|
|
|
1169
1169
|
.vjs-slider-vertical .vjs-volume-level:before {
|
|
1170
1170
|
top: -0.5em;
|
|
1171
1171
|
left: -0.3em;
|
|
1172
|
-
z-index: 1;
|
|
1172
|
+
z-index: var(--udexZIndex1, 1);
|
|
1173
1173
|
}
|
|
1174
1174
|
|
|
1175
1175
|
.vjs-svg-icons-enabled .vjs-volume-level:before {
|
|
@@ -1181,7 +1181,7 @@ body.vjs-full-window.vjs-fullscreen .vjs-fullscreen-control > .vjs-icon-placehol
|
|
|
1181
1181
|
width: 0.9em;
|
|
1182
1182
|
height: 0.9em;
|
|
1183
1183
|
pointer-events: none;
|
|
1184
|
-
z-index: 1;
|
|
1184
|
+
z-index: var(--udexZIndex1, 1);
|
|
1185
1185
|
}
|
|
1186
1186
|
|
|
1187
1187
|
.vjs-slider-horizontal .vjs-volume-level {
|
|
@@ -1238,7 +1238,7 @@ body.vjs-full-window.vjs-fullscreen .vjs-fullscreen-control > .vjs-icon-placehol
|
|
|
1238
1238
|
position: absolute;
|
|
1239
1239
|
top: -3.4em;
|
|
1240
1240
|
visibility: hidden;
|
|
1241
|
-
z-index: 1;
|
|
1241
|
+
z-index: var(--udexZIndex1, 1);
|
|
1242
1242
|
}
|
|
1243
1243
|
|
|
1244
1244
|
.video-js .vjs-volume-control:hover .vjs-volume-tooltip,
|
|
@@ -1264,7 +1264,7 @@ body.vjs-full-window.vjs-fullscreen .vjs-fullscreen-control > .vjs-icon-placehol
|
|
|
1264
1264
|
width: 100%;
|
|
1265
1265
|
height: 1px;
|
|
1266
1266
|
background-color: #000;
|
|
1267
|
-
z-index: 1;
|
|
1267
|
+
z-index: var(--udexZIndex1, 1);
|
|
1268
1268
|
}
|
|
1269
1269
|
|
|
1270
1270
|
.video-js .vjs-volume-horizontal .vjs-mouse-display {
|
package/src/themes/Modal.css
CHANGED
|
@@ -7,11 +7,13 @@
|
|
|
7
7
|
--udex-modal-and-overlay-modal-header-padding-vertical: var(--udexGridXSMargins, 24px);
|
|
8
8
|
--udex-modal-border-radius: 20px;
|
|
9
9
|
--udex-modal-browser-scrollbar-border-radius: var(--udexRadiusM, 8px);
|
|
10
|
-
--udex-modal-block-layer-background:
|
|
10
|
+
--udex-modal-block-layer-background: var(--udexColorNeutralBlack, #000);
|
|
11
|
+
--udex-modal-block-layer-background-opacity: 50%;
|
|
11
12
|
}
|
|
12
13
|
|
|
13
|
-
:host
|
|
14
|
-
|
|
14
|
+
:host::backdrop {
|
|
15
|
+
background-color: var(--udex-modal-block-layer-background);
|
|
16
|
+
opacity: var(--udex-modal-block-layer-background-opacity);
|
|
15
17
|
}
|
|
16
18
|
|
|
17
19
|
:host .ui5-popup-root .ui5-popup-footer-root {
|
|
@@ -43,11 +43,13 @@
|
|
|
43
43
|
--udex-phone-number-field-button-margins-horizontal: -12px 8px;
|
|
44
44
|
--udex-phone-number-field-radius: var(--udexRadiusXS, 4px);
|
|
45
45
|
--udex-phone-number-field-flag-background: var(--udexColorGrey4, #A9B4BE);
|
|
46
|
-
--udex-phone-number-field-flag-width:
|
|
47
|
-
--udex-phone-number-field-flag-height:
|
|
46
|
+
--udex-phone-number-field-flag-width: 30px;
|
|
47
|
+
--udex-phone-number-field-flag-height: 20px;
|
|
48
48
|
--udex-phone-number-field-button-border: var(--udexColorGrey4, #A9B4BE);
|
|
49
49
|
--udex-phone-number-field-button-color-tertiary-standard-hover-border: var(--udexColorGrey4, #A9B4BE);
|
|
50
50
|
--udex-phone-number-field-max-width: 100%;
|
|
51
|
+
--udex-phone-number-field-flag-border-color: var(--udexColorGrey2, #EAECEE);
|
|
52
|
+
|
|
51
53
|
display: block;
|
|
52
54
|
font-family: var(--sapFontFamily, sans-serif);
|
|
53
55
|
font-size: var(--sapFontSize, 16px);
|
|
@@ -69,7 +71,7 @@
|
|
|
69
71
|
:host(:not([_is-touched])[active]) .udex-phone-number-field:before {
|
|
70
72
|
content:"";
|
|
71
73
|
position:absolute;
|
|
72
|
-
z-index: -1;
|
|
74
|
+
z-index: var(--udexZIndexNegative, -1);
|
|
73
75
|
inset: -5px;
|
|
74
76
|
border: 2px solid var(--udexColorBlue10);
|
|
75
77
|
border-radius: var(--udexRadiusS, 6px);
|
|
@@ -127,7 +129,7 @@
|
|
|
127
129
|
.udex-phone-number-field__open-button[focused]:not([active])::part(button):after,
|
|
128
130
|
.udex-phone-number-field__open-button[focused][active]::part(button):before {
|
|
129
131
|
inset: 3px;
|
|
130
|
-
border-radius: 4px;
|
|
132
|
+
border-radius: var(--udexRadiusXS, 4px);
|
|
131
133
|
}
|
|
132
134
|
|
|
133
135
|
.udex-phone-number-field__open-button::part(button) {
|
|
@@ -193,8 +195,7 @@
|
|
|
193
195
|
}
|
|
194
196
|
|
|
195
197
|
.udex-phone-number-field udex-list-item::part(item) {
|
|
196
|
-
padding
|
|
197
|
-
padding-bottom: var(--udexSpacer12, 12px);
|
|
198
|
+
padding: var(--udexSpacer12, 12px);
|
|
198
199
|
}
|
|
199
200
|
|
|
200
201
|
.udex-phone-number-field__dropdown-list-item {
|
|
@@ -337,6 +338,15 @@
|
|
|
337
338
|
height: var(--udex-phone-number-field-flag-height);
|
|
338
339
|
min-width: var(--udex-phone-number-field-flag-width);
|
|
339
340
|
margin-right: var(--udexSpacer6, 6px);
|
|
341
|
+
position: relative;
|
|
342
|
+
}
|
|
343
|
+
|
|
344
|
+
.udex-phone-number-field__flag:before {
|
|
345
|
+
content: "";
|
|
346
|
+
position: absolute;
|
|
347
|
+
inset: 0;
|
|
348
|
+
pointer-events: none;
|
|
349
|
+
border: 1px solid var(--udex-phone-number-field-flag-border-color);
|
|
340
350
|
}
|
|
341
351
|
|
|
342
352
|
.udex-phone-number-field__dropdown-list-item .udex-phone-number-field__flag {
|
package/src/themes/Search.css
CHANGED
|
@@ -72,14 +72,14 @@
|
|
|
72
72
|
:host([mode="Home Search"]) .udex-search__root.udex-search-prefix {
|
|
73
73
|
--udex-input-radius: var(--udexRadiusXXL, 24px);
|
|
74
74
|
position: relative;
|
|
75
|
-
z-index: 1;
|
|
75
|
+
z-index: var(--udexZIndex1, 1);
|
|
76
76
|
}
|
|
77
77
|
|
|
78
78
|
:host([mode="Home Search"]) .udex-search__root.udex-search-prefix {
|
|
79
79
|
display: flex;
|
|
80
80
|
width: 100%;
|
|
81
81
|
position: relative;
|
|
82
|
-
z-index: 1;
|
|
82
|
+
z-index: var(--udexZIndex1, 1);
|
|
83
83
|
}
|
|
84
84
|
|
|
85
85
|
:host([mode="Home Search"]) .udex-search-prefix .udex-search__prefix + .udex-search__container {
|
|
@@ -96,7 +96,7 @@
|
|
|
96
96
|
:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top::after{
|
|
97
97
|
content: '';
|
|
98
98
|
position: absolute;
|
|
99
|
-
z-index: -1;
|
|
99
|
+
z-index: var(--udexZIndexNegative, -1);
|
|
100
100
|
height: 23px;
|
|
101
101
|
inset-inline: 0;
|
|
102
102
|
inset-block-end: 0;
|
|
@@ -139,7 +139,7 @@
|
|
|
139
139
|
display: flex;
|
|
140
140
|
align-items: center;
|
|
141
141
|
position: relative;
|
|
142
|
-
z-index: 1;
|
|
142
|
+
z-index: var(--udexZIndex1, 1);
|
|
143
143
|
border: 1px solid var(--udex-input-color-border);
|
|
144
144
|
border-radius: var(--udex-input-radius);
|
|
145
145
|
background-color: field;
|
|
@@ -166,7 +166,7 @@
|
|
|
166
166
|
}
|
|
167
167
|
|
|
168
168
|
:host([mode="Home Search"]:not([_is-touched])[active]) .udex-search__root:before {
|
|
169
|
-
z-index: -1;
|
|
169
|
+
z-index: var(--udexZIndexNegative, -1);
|
|
170
170
|
}
|
|
171
171
|
|
|
172
172
|
.udex-search__field {
|
|
@@ -268,7 +268,7 @@ input[type="search"]::-webkit-search-results-decoration {
|
|
|
268
268
|
height: var(--udex-button-non-interactive-icon-size);
|
|
269
269
|
border-radius: 50%;
|
|
270
270
|
position: relative;
|
|
271
|
-
z-index: 1;
|
|
271
|
+
z-index: var(--udexZIndex1, 1);
|
|
272
272
|
overflow: visible;
|
|
273
273
|
}
|
|
274
274
|
|
|
@@ -280,7 +280,7 @@ input[type="search"]::-webkit-search-results-decoration {
|
|
|
280
280
|
height: var(--udex-button-size);
|
|
281
281
|
border-radius: 50%;
|
|
282
282
|
position: relative;
|
|
283
|
-
z-index: 1;
|
|
283
|
+
z-index: var(--udexZIndex1, 1);
|
|
284
284
|
overflow: visible;
|
|
285
285
|
}
|
|
286
286
|
|
|
@@ -354,14 +354,14 @@ input[type="search"]::-webkit-search-results-decoration {
|
|
|
354
354
|
|
|
355
355
|
.udex-search__prefix {
|
|
356
356
|
position: relative;
|
|
357
|
-
z-index: 1;
|
|
357
|
+
z-index: var(--udexZIndex1, 1);
|
|
358
358
|
}
|
|
359
359
|
|
|
360
360
|
.udex-search__prefix--show-popover::after,
|
|
361
361
|
.udex-search__prefix--show-popover-top::after {
|
|
362
362
|
content: "";
|
|
363
363
|
position: absolute;
|
|
364
|
-
z-index: -1;
|
|
364
|
+
z-index: var(--udexZIndexNegative, -1);
|
|
365
365
|
height: 50%;
|
|
366
366
|
width: 50px;
|
|
367
367
|
inset-inline-start: 0;
|
|
@@ -136,7 +136,7 @@
|
|
|
136
136
|
border-color: transparent;
|
|
137
137
|
border-radius: var(--udexRadiusXS);
|
|
138
138
|
padding: var(--udexSpacer4);
|
|
139
|
-
z-index: 1;
|
|
139
|
+
z-index: var(--udexZIndex1, 1);
|
|
140
140
|
height: 42px;
|
|
141
141
|
width: 42px;
|
|
142
142
|
min-width: 42px;
|
|
@@ -165,7 +165,7 @@
|
|
|
165
165
|
overflow: hidden;
|
|
166
166
|
padding: var(--udexSpacer8) 0;
|
|
167
167
|
pointer-events: none;
|
|
168
|
-
z-index: 1;
|
|
168
|
+
z-index: var(--udexZIndex1, 1);
|
|
169
169
|
white-space: nowrap;
|
|
170
170
|
overflow: hidden;
|
|
171
171
|
text-overflow: ellipsis;
|
package/src/themes/StepInput.css
CHANGED
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
.udex-tab-overflow__button-icon {
|
|
56
56
|
margin-inline-end: var(--udexSpacer8);
|
|
57
57
|
position: relative;
|
|
58
|
-
z-index: 0;
|
|
58
|
+
z-index: var(--udexZIndex0, 0);
|
|
59
59
|
}
|
|
60
60
|
|
|
61
61
|
.udex-tab-overflow__button-badge {
|
|
@@ -73,7 +73,7 @@
|
|
|
73
73
|
margin-block-start: 0;
|
|
74
74
|
margin-inline-start: 0;
|
|
75
75
|
position: absolute;
|
|
76
|
-
z-index: 1;
|
|
76
|
+
z-index: var(--udexZIndex1, 1);
|
|
77
77
|
inset-block-start: -4px;
|
|
78
78
|
inset-inline-end: -6px;
|
|
79
79
|
}
|
|
@@ -138,7 +138,7 @@
|
|
|
138
138
|
left: 0;
|
|
139
139
|
right: 0;
|
|
140
140
|
bottom: 0;
|
|
141
|
-
z-index: -1;
|
|
141
|
+
z-index: var(--udexZIndexNegative, -1);
|
|
142
142
|
border-bottom: 1px solid var(--udexColorGrey3, #D5DADD);
|
|
143
143
|
}
|
|
144
144
|
|
|
@@ -161,7 +161,7 @@
|
|
|
161
161
|
.udex-tab-navigation__button-tab {
|
|
162
162
|
padding: var(--udex-button-tab-padding-vertical) var(--udex-button-tab-padding-horizontal) calc(var(--udex-button-tab-padding-vertical) + 3px);
|
|
163
163
|
position: relative;
|
|
164
|
-
z-index: 0;
|
|
164
|
+
z-index: var(--udexZIndex0, 0);
|
|
165
165
|
display: flex;
|
|
166
166
|
flex-direction: column;
|
|
167
167
|
justify-content: center;
|
|
@@ -222,7 +222,7 @@
|
|
|
222
222
|
position: absolute;
|
|
223
223
|
inset-block-end: 0;
|
|
224
224
|
inset-inline: 0 0;
|
|
225
|
-
z-index: 1;
|
|
225
|
+
z-index: var(--udexZIndex1, 1);
|
|
226
226
|
height: 3px;
|
|
227
227
|
background-color: var(--udex-button-tab-border-color-active);
|
|
228
228
|
border-radius: 2px 2px 0 0;
|
|
@@ -232,7 +232,7 @@
|
|
|
232
232
|
position: absolute;
|
|
233
233
|
inset-block-start: var(--udexSpacer12);
|
|
234
234
|
inset-inline-end: -6px;
|
|
235
|
-
z-index: 1;
|
|
235
|
+
z-index: var(--udexZIndex1, 1);
|
|
236
236
|
width: 6px;
|
|
237
237
|
height: 6px;
|
|
238
238
|
border: 1px solid #fff;
|
|
@@ -265,7 +265,7 @@
|
|
|
265
265
|
color: var(--udex-button-tab-with-icon-color);
|
|
266
266
|
box-shadow: inset 0 0 0 1px var(--udex-button-tab-with-icon-border-color);
|
|
267
267
|
position: relative;
|
|
268
|
-
z-index: 0;
|
|
268
|
+
z-index: var(--udexZIndex0, 0);
|
|
269
269
|
}
|
|
270
270
|
|
|
271
271
|
.udex-tab-navigation__button-icon {
|
|
@@ -431,7 +431,7 @@
|
|
|
431
431
|
position: absolute;
|
|
432
432
|
inset-inline-start: -1px;
|
|
433
433
|
inset-block: 0;
|
|
434
|
-
z-index: 1;
|
|
434
|
+
z-index: var(--udexZIndex1, 1);
|
|
435
435
|
width: 3px;
|
|
436
436
|
height: 100%;
|
|
437
437
|
background-color: var(--udex-button-tab-border-color-active);
|
|
@@ -459,7 +459,7 @@
|
|
|
459
459
|
position: absolute;
|
|
460
460
|
inset-inline-start: -1px;
|
|
461
461
|
inset-block: 0;
|
|
462
|
-
z-index: 1;
|
|
462
|
+
z-index: var(--udexZIndex1, 1);
|
|
463
463
|
width: 3px;
|
|
464
464
|
height: 100%;
|
|
465
465
|
background-color: var(--udex-button-tab-border-color-active);
|
package/src/themes/TagGroup.css
CHANGED
package/src/themes/TextArea.css
CHANGED
|
@@ -115,7 +115,7 @@
|
|
|
115
115
|
:host(:not([_is-touched])[active]) .udex-textarea__wrapper:before {
|
|
116
116
|
content:"";
|
|
117
117
|
position:absolute;
|
|
118
|
-
z-index: -1;
|
|
118
|
+
z-index: var(--udexZIndexNegative, -1);
|
|
119
119
|
inset: -5px;
|
|
120
120
|
border: 2px solid var(--udexColorBlue10);
|
|
121
121
|
border-radius: var(--udexRadiusS, 6px);
|
package/src/themes/TextField.css
CHANGED
|
@@ -87,7 +87,7 @@
|
|
|
87
87
|
:host(:not([_is-touched]):not([aria-expanded="true"])[active]) .udex-text-field__wrap:before {
|
|
88
88
|
content:"";
|
|
89
89
|
position:absolute;
|
|
90
|
-
z-index: -1;
|
|
90
|
+
z-index: var(--udexZIndexNegative, -1);
|
|
91
91
|
inset: -5px;
|
|
92
92
|
border: 2px solid var(--udexColorBlue10);
|
|
93
93
|
border-radius: var(--udexRadiusS, 6px);
|
package/src/themes/Wizard.css
CHANGED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
const STYLE_ID = "udex-search-backdrop-styles";
|
|
2
|
+
|
|
3
|
+
export default function ensureSearchBackdropStyles(doc: Document): void {
|
|
4
|
+
if (doc.getElementById(STYLE_ID)) {
|
|
5
|
+
return;
|
|
6
|
+
}
|
|
7
|
+
const style = doc.createElement("style");
|
|
8
|
+
style.id = STYLE_ID;
|
|
9
|
+
style.textContent = `
|
|
10
|
+
.udex-search-backdrop {
|
|
11
|
+
position: fixed;
|
|
12
|
+
left: 0;
|
|
13
|
+
right: 0;
|
|
14
|
+
bottom: 0;
|
|
15
|
+
display: none;
|
|
16
|
+
z-index: var(--udex-search-backdrop-z-index, var(--udexZIndex100, 100));
|
|
17
|
+
background-color: var(--udexColorNeutralBlack, #000);
|
|
18
|
+
opacity: 0.5;
|
|
19
|
+
cursor: default;
|
|
20
|
+
}
|
|
21
|
+
`;
|
|
22
|
+
doc.head.appendChild(style);
|
|
23
|
+
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const T="© {0} SAP SE або афілійована компанія SAP. Усі права захищено.",E="Огляд",_="Вихід",A="Головні посилання",I="На початок",S="Кількість",O="з",N="Сторінка",R="Вибрано",L="Вибір скасовано",C="Не визначено",U="Редагувати",s="Видалити",t="Повернутися до списку регіонів",n="Первинний",o="Вторинний",c="Третинний",P="Застереження",D="Позитивний",B="Негативний",G="Підкреслений",M="Усталений",V="Прозорий",Y="Увага",W="Введення дати",F="Перемкнуто",X="Перша сторінка",H="Остання сторінка",K="Попередня сторінка",e="Наступна сторінка",a="Поточна сторінка",u="Активувати номер сторінки",d="пошукові рекомендації",l="Пошук",Q="Голос",Z="Надсилати",b="Слухання",f="Доступні значення",g="Рекомендовані сторінки",k="Розгорнути все",m="Згорнути все",p="Більше",r="Значок уваги",x="Читати далі",h="Приховати частину тексту",i="Докладніше",j="Стисло",q="Індикатор оцінки",v="Оцінка",w="Обов`язкове",y="Усього",z="Оцінка",J="Містить позиції з можливістю множинного вибору",$="Містить позиції з можливістю вибору",TT="Показати результати",ET="Скинути",_T="Кнопка закриття смуги повідомлень",AT="Інформаційна панель",IT="Позитивна панель",ST="Панель застережень",OT="Негативна панель",NT="Панель дій",RT="огляди",LT="зірки",CT="Вибрати варіанти",UT="Вибрати все",sT="Залишилося символів: {0}",tT="Помилка стану поля",nT="Застереження щодо стану поля",oT="Статус поля: успіх",cT="Стандарт стану поля",PT="Попередня сторінка",DT="Наступна сторінка",BT="Збігів не знайдено.",GT="Навігаційний ланцюжок",MT="Більше",VT="Збільшити кількість на",YT="Зменшити кількість на",WT="Дані не знайдено",FT="Неприпустимий запис",XT="Видано застереження",HT="Інформативний запис",KT="Запис успішно перевірено",eT="Лише для читання",aT="Змінити обліковий запис",uT="Назад",dT="Інші ідентифікатори",lT="Додати або вилучити обліковий запис",QT="Вибрати країну",ZT="Кошик",bT="Значок вибору країни",fT="Номер телефону",gT="Зв`яжіться з нами",kT="Електронна пошта",mT="Спілкуйтеся з нами",pT="Швидкі посилання",rT="Тенденції",xT="Про SAP",hT="Відомості про сайт",iT="Або перегляньте повний перелік",jT="місцевих номерів країн",qT="Аватар",vT='Піктограма "Відкрити календар"',wT="Редагувати запис елемента списку",yT="Видалити запис елемента списку",zT='кнопка "Назад"',JT="Значок статусу",$T="Клацніть, щоб редагувати профіль",TE="Клацніть, щоб відкрити інформацію профілю",EE="Застереження, потенційний ризик із профілем",_E="Сталася помилка в профілі",AE="Профіль успішно перевірено",IE="Профіль",SE="відкривається в новому вікні",OE="Текстове поле",NE="Вивантаження",RE="Припинено",LE="Вилучити файл",CE="Вивантажити файл",UE="Повний список",sE="Зателефонуйте нам уже сьогодні!",tE="Пошук",nE="результатів повернуто.",oE="Кнопка соціальних мереж",cE="Рекламна плитка",PE="Піктограма рекламної плитки",DE="Кнопка запуску, яка запускає обертання логотипів клієнтів",BE="Кнопка паузи, яка зупиняє обертання логотипів клієнтів",GE="Розташування",ME="Закрити",VE="Вимкнуто",YE="Розгорнути",WE="Згорнути",FE={COPYRIGHT:T,OVERVIEW:E,LOGOUT:_,MAIN_LINKS:A,BACK_TO_TOP:I,COUNT:S,OF:O,PAGINATION_PAGE:N,SELECTED:R,UNSELECTED:L,INDETERMINATE:C,EDIT_BUTTON:U,DELETE_BUTTON:s,BACK_TO_REGION_LIST:t,BUTTON_ARIA_TYPE_PRIMARY:n,BUTTON_ARIA_TYPE_SECONDARY:o,BUTTON_ARIA_TYPE_TERTIARY:c,BUTTON_ARIA_TYPE_WARNING:P,BUTTON_ARIA_TYPE_POSITIVE:D,BUTTON_ARIA_TYPE_NEGATIVE:B,BUTTON_ARIA_EMPHASIZED:G,BUTTON_ARIA_DEFAULT:M,BUTTON_ARIA_TRANSPARENT:V,BUTTON_ARIA_ATTENTION:Y,DATEPICKER_DATE_DESCRIPTION:W,TOGGLED:F,FIRST_PAGE:X,LAST_PAGE:H,PREVIOUS_PAGE:K,NEXT_PAGE:e,CURRENT_PAGE:a,ACTIVATE_PAGE:u,SUGGESTED_TEXT:d,ACCESSIBLE_NAME_SEARCH_ICON:l,TOOLTIP_VOICE_BUTTON:Q,TOOLTIP_SUBMIT_BUTTON:Z,LISTENING:b,AVAILABLE_VALUES:f,RECOMMENDED_TEXT:g,EXPAND_ALL:k,COLLAPSE_ALL:m,MORE:p,ATTENTION_BADGE:r,READ_MORE:x,READ_LESS:h,SHOW_MORE:i,SHOW_LESS:j,RATING_INDICATOR_TEXT:q,RATING_INDICATOR_TOOLTIP_TEXT:v,RATING_INDICATOR_ARIA_DESCRIPTION:w,TOTAL:y,RATING_COUNT_TITLE:z,ARIA_LABEL_LIST_MULTISELECTABLE:J,ARIA_LABEL_LIST_SELECTABLE:$,SHOW_RESULTS:TT,RESET:ET,MESSAGE_STRIP_CLOSE_BUTTON:_T,MESSAGE_STRIP_INFORMATION:AT,MESSAGE_STRIP_SUCCESS:IT,MESSAGE_STRIP_WARNING:ST,MESSAGE_STRIP_ERROR:OT,MESSAGE_STRIP_ACTION:NT,REVIEWS:RT,STARS:LT,SELECT_OPTIONS:CT,SELECT_ALL:UT,TEXTAREA_CHARACTERS_LEFT:sT,VALUE_STATE_TYPE_ERROR:tT,VALUE_STATE_TYPE_WARNING:nT,VALUE_STATE_TYPE_SUCCESS:oT,VALUE_STATE_TYPE_STANDARD:cT,CAROUSEL_PREVIOUS_ARROW_TEXT:PT,CAROUSEL_NEXT_ARROW_TEXT:DT,NO_MATCHES_FOUND:BT,BREADCRUMBS_ARIA_LABEL:GT,BREADCRUMBS_OVERFLOW_ARIA_LABEL:MT,STEPINPUT_INC_ICON_TITLE:VT,STEPINPUT_DEC_ICON_TITLE:YT,TABLE_NO_DATA_FOUND:WT,VALUE_STATE_ERROR:FT,VALUE_STATE_WARNING:XT,VALUE_STATE_INFORMATION:HT,VALUE_STATE_SUCCESS:KT,READ_ONLY:eT,SWITCH_ACCOUNT:aT,BACK:uT,OTHER_IDENTITIES:dT,ADD_OR_REMOVE_ACCOUNT:lT,COUNTRY_SELECT:QT,CART:ZT,COUNTRY_SELECTOR:bT,PHONE_NUMBER:fT,CONTACT_US:gT,EMAIL:kT,CHAT_WITH_US:mT,QUICK_LINKS:pT,TRENDING:rT,ABOUT_SAP:xT,SITE_INFORMATION:hT,SEE_COMPLETE_LIST:iT,LOCAL_COUNTRY_NAMES:jT,AVATAR_TEXT:qT,CALENDAR_ICON:vT,LIST_ITEM_EDIT_ICON:wT,LIST_ITEM_DELETE_ICON:yT,BACK_BUTTON_LABEL:zT,STATUS_BADGE_TEXT:JT,STATUS_BADGE_EDIT_TITLE:$T,STATUS_BADGE_INFORMATION_TITLE:TE,STATUS_BADGE_WARNING_TITLE:EE,STATUS_BADGE_ERROR_TITLE:_E,STATUS_BADGE_SUCCESS_TITLE:AE,PROFILE:IE,OPENS_IN_A_NEW_WINDOW:SE,TEXT_FIELD:OE,UPLOADING_FILE_STATUS_TEXT:NE,TERMINATED_FILE_STATUS_TEXT:RE,REMOVE_FILE_TEXT:LE,UPLOAD_BUTTON_LABEL:CE,COMPLETE_LIST_OF:UE,CALL_US_TODAY:sE,SEARCH:tE,RESULT_RETURNED:nE,SOCIAL_MEDIA_BUTTON:oE,PROMO_TILE:cE,PROMO_TILE_ICON:PE,PLAY_BUTTON_ACCESSIBLE_NAME:DE,PAUSE_BUTTON_ACCESSIBLE_NAME:BE,LOCATION:GE,TOAST_CLOSE_ACCESSIBLE_NAME:ME,DISABLED:VE,EXPAND:YE,COLLAPSE:WE};export{xT as ABOUT_SAP,l as ACCESSIBLE_NAME_SEARCH_ICON,u as ACTIVATE_PAGE,lT as ADD_OR_REMOVE_ACCOUNT,J as ARIA_LABEL_LIST_MULTISELECTABLE,$ as ARIA_LABEL_LIST_SELECTABLE,r as ATTENTION_BADGE,f as AVAILABLE_VALUES,qT as AVATAR_TEXT,uT as BACK,zT as BACK_BUTTON_LABEL,t as BACK_TO_REGION_LIST,I as BACK_TO_TOP,GT as BREADCRUMBS_ARIA_LABEL,MT as BREADCRUMBS_OVERFLOW_ARIA_LABEL,Y as BUTTON_ARIA_ATTENTION,M as BUTTON_ARIA_DEFAULT,G as BUTTON_ARIA_EMPHASIZED,V as BUTTON_ARIA_TRANSPARENT,B as BUTTON_ARIA_TYPE_NEGATIVE,D as BUTTON_ARIA_TYPE_POSITIVE,n as BUTTON_ARIA_TYPE_PRIMARY,o as BUTTON_ARIA_TYPE_SECONDARY,c as BUTTON_ARIA_TYPE_TERTIARY,P as BUTTON_ARIA_TYPE_WARNING,vT as CALENDAR_ICON,sE as CALL_US_TODAY,DT as CAROUSEL_NEXT_ARROW_TEXT,PT as CAROUSEL_PREVIOUS_ARROW_TEXT,ZT as CART,mT as CHAT_WITH_US,WE as COLLAPSE,m as COLLAPSE_ALL,UE as COMPLETE_LIST_OF,gT as CONTACT_US,T as COPYRIGHT,S as COUNT,QT as COUNTRY_SELECT,bT as COUNTRY_SELECTOR,a as CURRENT_PAGE,W as DATEPICKER_DATE_DESCRIPTION,s as DELETE_BUTTON,VE as DISABLED,U as EDIT_BUTTON,kT as EMAIL,YE as EXPAND,k as EXPAND_ALL,X as FIRST_PAGE,C as INDETERMINATE,H as LAST_PAGE,b as LISTENING,yT as LIST_ITEM_DELETE_ICON,wT as LIST_ITEM_EDIT_ICON,jT as LOCAL_COUNTRY_NAMES,GE as LOCATION,_ as LOGOUT,A as MAIN_LINKS,NT as MESSAGE_STRIP_ACTION,_T as MESSAGE_STRIP_CLOSE_BUTTON,OT as MESSAGE_STRIP_ERROR,AT as MESSAGE_STRIP_INFORMATION,IT as MESSAGE_STRIP_SUCCESS,ST as MESSAGE_STRIP_WARNING,p as MORE,e as NEXT_PAGE,BT as NO_MATCHES_FOUND,O as OF,SE as OPENS_IN_A_NEW_WINDOW,dT as OTHER_IDENTITIES,E as OVERVIEW,N as PAGINATION_PAGE,BE as PAUSE_BUTTON_ACCESSIBLE_NAME,fT as PHONE_NUMBER,DE as PLAY_BUTTON_ACCESSIBLE_NAME,K as PREVIOUS_PAGE,IE as PROFILE,cE as PROMO_TILE,PE as PROMO_TILE_ICON,pT as QUICK_LINKS,z as RATING_COUNT_TITLE,w as RATING_INDICATOR_ARIA_DESCRIPTION,q as RATING_INDICATOR_TEXT,v as RATING_INDICATOR_TOOLTIP_TEXT,h as READ_LESS,x as READ_MORE,eT as READ_ONLY,g as RECOMMENDED_TEXT,LE as REMOVE_FILE_TEXT,ET as RESET,nE as RESULT_RETURNED,RT as REVIEWS,tE as SEARCH,iT as SEE_COMPLETE_LIST,R as SELECTED,UT as SELECT_ALL,CT as SELECT_OPTIONS,j as SHOW_LESS,i as SHOW_MORE,TT as SHOW_RESULTS,hT as SITE_INFORMATION,oE as SOCIAL_MEDIA_BUTTON,LT as STARS,$T as STATUS_BADGE_EDIT_TITLE,_E as STATUS_BADGE_ERROR_TITLE,TE as STATUS_BADGE_INFORMATION_TITLE,AE as STATUS_BADGE_SUCCESS_TITLE,JT as STATUS_BADGE_TEXT,EE as STATUS_BADGE_WARNING_TITLE,YT as STEPINPUT_DEC_ICON_TITLE,VT as STEPINPUT_INC_ICON_TITLE,d as SUGGESTED_TEXT,aT as SWITCH_ACCOUNT,WT as TABLE_NO_DATA_FOUND,RE as TERMINATED_FILE_STATUS_TEXT,sT as TEXTAREA_CHARACTERS_LEFT,OE as TEXT_FIELD,ME as TOAST_CLOSE_ACCESSIBLE_NAME,F as TOGGLED,Z as TOOLTIP_SUBMIT_BUTTON,Q as TOOLTIP_VOICE_BUTTON,y as TOTAL,rT as TRENDING,L as UNSELECTED,NE as UPLOADING_FILE_STATUS_TEXT,CE as UPLOAD_BUTTON_LABEL,FT as VALUE_STATE_ERROR,HT as VALUE_STATE_INFORMATION,KT as VALUE_STATE_SUCCESS,tT as VALUE_STATE_TYPE_ERROR,cT as VALUE_STATE_TYPE_STANDARD,oT as VALUE_STATE_TYPE_SUCCESS,nT as VALUE_STATE_TYPE_WARNING,XT as VALUE_STATE_WARNING,FE as default};
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/* eslint no-unused-vars: 0 */
|
|
2
|
-
import { html, repeat, ifDefined, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
|
|
3
|
-
import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
|
|
4
|
-
function block0(context, tags, suffix) { return suffix ? html `<div class="udex-phone-number-field" @ui5-selection-change="${ifDefined(this.handleSelect)}">${this.label ? block1.call(this, context, tags, suffix) : undefined}<${scopeTag("udex-dropdown", tags, suffix)} class="udex-phone-number-field__dropdown" opener="udex-${ifDefined(this._id)}-phone-number__opener" id="${ifDefined(this._id)}_dropdown-menu" @ui5-before-open="${ifDefined(this.dropdownBeforeOpen)}" @ui5-before-close="${ifDefined(this.dropdownBeforeClose)}" horizontal-align="Start" height="${ifDefined(this.height)}"><${scopeTag("udex-list", tags, suffix)}>${repeat(this.countriesList, (item, index) => item._id || index, (item, index) => block3.call(this, context, tags, suffix, item, index))}</${scopeTag("udex-list", tags, suffix)}></${scopeTag("udex-dropdown", tags, suffix)}><div class="udex-phone-number-field__input-wrapper">${!this.displayonly ? block5.call(this, context, tags, suffix) : undefined}<input class="udex-phone-number-field__input" id="${ifDefined(this._id)}-phone" type="tel" .value="${ifDefined(this.value)}" placeholder="${ifDefined(this.phoneFormat)}" maxlength="${ifDefined(this.maxlength)}" ?disabled="${this.disabled}" ?readonly="${this.isInputReadonly}" ?required="${this.required}" autocomplete="tel" aria-label="${ifDefined(this.accessibleName)}" aria-labelledby="${ifDefined(this.accessibleName)}" aria-required="${ifDefined(this.required)}" aria-readonly="${ifDefined(this.isInputReadonly)}" aria-disabled="${ifDefined(this.disabled)}" aria-invalid="${ifDefined(this.ariaInvalid)}" aria-describedby="${ifDefined(this.ariaDescribedById)}" @input="${this.handleInput}" @click="${this.handleClick}" @focus="${this.handleFocus}" @blur="${this.handleBlur}" @keydown="${this.handleKeyDown}" @keyup="${this.handleKeyUp}" tabindex="${ifDefined(this.inputTabIndex)}"></div></div>${this.supportingText ? block6.call(this, context, tags, suffix) : undefined}${this.supportingText ? block7.call(this, context, tags, suffix) : undefined}${this.hasValueState ? block8.call(this, context, tags, suffix) : undefined}${this.readonly ? block9.call(this, context, tags, suffix) : undefined}<span id="${ifDefined(this._id)}-countrySelectorAriaLabel" class="hidden-text">${ifDefined(this.countrySelectorAriaLabel)}</span>` : html `<div class="udex-phone-number-field" @ui5-selection-change="${ifDefined(this.handleSelect)}">${this.label ? block1.call(this, context, tags, suffix) : undefined}<udex-dropdown class="udex-phone-number-field__dropdown" opener="udex-${ifDefined(this._id)}-phone-number__opener" id="${ifDefined(this._id)}_dropdown-menu" @ui5-before-open="${ifDefined(this.dropdownBeforeOpen)}" @ui5-before-close="${ifDefined(this.dropdownBeforeClose)}" horizontal-align="Start" height="${ifDefined(this.height)}"><udex-list>${repeat(this.countriesList, (item, index) => item._id || index, (item, index) => block3.call(this, context, tags, suffix, item, index))}</udex-list></udex-dropdown><div class="udex-phone-number-field__input-wrapper">${!this.displayonly ? block5.call(this, context, tags, suffix) : undefined}<input class="udex-phone-number-field__input" id="${ifDefined(this._id)}-phone" type="tel" .value="${ifDefined(this.value)}" placeholder="${ifDefined(this.phoneFormat)}" maxlength="${ifDefined(this.maxlength)}" ?disabled="${this.disabled}" ?readonly="${this.isInputReadonly}" ?required="${this.required}" autocomplete="tel" aria-label="${ifDefined(this.accessibleName)}" aria-labelledby="${ifDefined(this.accessibleName)}" aria-required="${ifDefined(this.required)}" aria-readonly="${ifDefined(this.isInputReadonly)}" aria-disabled="${ifDefined(this.disabled)}" aria-invalid="${ifDefined(this.ariaInvalid)}" aria-describedby="${ifDefined(this.ariaDescribedById)}" @input="${this.handleInput}" @click="${this.handleClick}" @focus="${this.handleFocus}" @blur="${this.handleBlur}" @keydown="${this.handleKeyDown}" @keyup="${this.handleKeyUp}" tabindex="${ifDefined(this.inputTabIndex)}"></div></div>${this.supportingText ? block6.call(this, context, tags, suffix) : undefined}${this.supportingText ? block7.call(this, context, tags, suffix) : undefined}${this.hasValueState ? block8.call(this, context, tags, suffix) : undefined}${this.readonly ? block9.call(this, context, tags, suffix) : undefined}<span id="${ifDefined(this._id)}-countrySelectorAriaLabel" class="hidden-text">${ifDefined(this.countrySelectorAriaLabel)}</span>`; }
|
|
5
|
-
function block1(context, tags, suffix) { return html `<label id="udex-phone-number-field__label" class="udex-phone-number-field__label" for="${ifDefined(this._id)}-phone">${ifDefined(this.label)}${this.required ? block2.call(this, context, tags, suffix) : undefined}</label>`; }
|
|
6
|
-
function block2(context, tags, suffix) { return html ` * `; }
|
|
7
|
-
function block3(context, tags, suffix, item, index) { return suffix ? html `<${scopeTag("udex-list-item", tags, suffix)} id="${ifDefined(item.iso)}" ?selected="${item.selected}"><div class="udex-phone-number-field__dropdown-list-item"><div class="udex-phone-number-field__flag" style="background-position-x: ${ifDefined(item.flagX)}; background-position-y: ${ifDefined(item.flagY)}"></div><span class="udex-phone-number-field__country-name">${ifDefined(item.countryName)}${item.localName ? block4.call(this, context, tags, suffix, item, index) : undefined}${ifDefined(item.phonePrefix)}</span></div></${scopeTag("udex-list-item", tags, suffix)}>` : html `<udex-list-item id="${ifDefined(item.iso)}" ?selected="${item.selected}"><div class="udex-phone-number-field__dropdown-list-item"><div class="udex-phone-number-field__flag" style="background-position-x: ${ifDefined(item.flagX)}; background-position-y: ${ifDefined(item.flagY)}"></div><span class="udex-phone-number-field__country-name">${ifDefined(item.countryName)}${item.localName ? block4.call(this, context, tags, suffix, item, index) : undefined}${ifDefined(item.phonePrefix)}</span></div></udex-list-item>`; }
|
|
8
|
-
function block4(context, tags, suffix, item, index) { return html ` (${ifDefined(item.localName)}) `; }
|
|
9
|
-
function block5(context, tags, suffix) { return suffix ? html `<${scopeTag("udex-button", tags, suffix)} id="udex-${ifDefined(this._id)}-phone-number__opener" class="udex-phone-number-field__open-button" size="Large" end-icon="${ifDefined(this.buttonIcon)}" design="Tertiary" ?disabled="${this.isButtonDisabled}" aria-haspopup="true" accessible-name-ref="${ifDefined(this._id)}-countrySelectorAriaLabel ${ifDefined(this.ariaDescribedById)}" aria-label="${ifDefined(this.countrySelectorAriaLabel)}" aria-expanded="${ifDefined(this._dropdownExpanded)}" aria-controls="${ifDefined(this._id)}_dropdown-menu" role="combobox" @click="${this.openDropdown}"><div class="udex-phone-number-field__open-button-text">${ifDefined(this.selectedCountryName)}${ifDefined(this.selectedPhonePrefix)}</div><div class="udex-phone-number-field__button-content"><img class="udex-phone-number-field__flag" aria-label="${ifDefined(this.selectedCountryName)}" style="background-position-x: ${ifDefined(this.selectedFlagBackgroundPosition.x)}; background-position-y: ${ifDefined(this.selectedFlagBackgroundPosition.y)}"></div></${scopeTag("udex-button", tags, suffix)}>` : html `<udex-button id="udex-${ifDefined(this._id)}-phone-number__opener" class="udex-phone-number-field__open-button" size="Large" end-icon="${ifDefined(this.buttonIcon)}" design="Tertiary" ?disabled="${this.isButtonDisabled}" aria-haspopup="true" accessible-name-ref="${ifDefined(this._id)}-countrySelectorAriaLabel ${ifDefined(this.ariaDescribedById)}" aria-label="${ifDefined(this.countrySelectorAriaLabel)}" aria-expanded="${ifDefined(this._dropdownExpanded)}" aria-controls="${ifDefined(this._id)}_dropdown-menu" role="combobox" @click="${this.openDropdown}"><div class="udex-phone-number-field__open-button-text">${ifDefined(this.selectedCountryName)}${ifDefined(this.selectedPhonePrefix)}</div><div class="udex-phone-number-field__button-content"><img class="udex-phone-number-field__flag" aria-label="${ifDefined(this.selectedCountryName)}" style="background-position-x: ${ifDefined(this.selectedFlagBackgroundPosition.x)}; background-position-y: ${ifDefined(this.selectedFlagBackgroundPosition.y)}"></div></udex-button>`; }
|
|
10
|
-
function block6(context, tags, suffix) { return suffix ? html `<${scopeTag("udex-status-message", tags, suffix)} ?disabled="${this.disabled}" supporting-text="${ifDefined(this.supportingText)}" value-state="${ifDefined(this.valueState)}"></${scopeTag("udex-status-message", tags, suffix)}>` : html `<udex-status-message ?disabled="${this.disabled}" supporting-text="${ifDefined(this.supportingText)}" value-state="${ifDefined(this.valueState)}"></udex-status-message>`; }
|
|
11
|
-
function block7(context, tags, suffix) { return html `<span id="${ifDefined(this._id)}-supportingTextDesc" class="hidden-text">${ifDefined(this.supportingText)}</span>`; }
|
|
12
|
-
function block8(context, tags, suffix) { return html `<span id="${ifDefined(this._id)}-valueStateDesc" class="hidden-text">${ifDefined(this.valueStateText)}</span>`; }
|
|
13
|
-
function block9(context, tags, suffix) { return html `<span id="${ifDefined(this._id)}-stateReadOnlyDesc" class="hidden-text">${ifDefined(this.readOnlyStateText)}</span>`; }
|
|
14
|
-
function template() { return block0.call(this, this, this.constructor.tagsToScope, getCustomElementsScopingSuffix()); }
|
|
15
|
-
export default template;
|
|
16
|
-
//# sourceMappingURL=PhoneNumberFieldTemplate.lit.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PhoneNumberFieldTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/PhoneNumberFieldTemplate.lit.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAE,IAAI,EAAO,MAAM,EAAsB,SAAS,EAAc,QAAQ,EAAE,MAAM,sDAAsD,CAAC;AAC9I,OAAO,EAAE,8BAA8B,EAAE,MAAM,0DAA0D,CAAC;AAK1G,SAAS,MAAM,CAA0B,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,+DAA+D,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,KAAM,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,IAAI,QAAQ,CAAC,eAAe,EAAE,IAAI,EAAE,MAAM,CAAC,2DAA2D,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,8BAA8B,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,qCAAqC,SAAS,CAAC,IAAI,CAAC,kBAAkB,CAAC,wBAAwB,SAAS,CAAC,IAAI,CAAC,mBAAmB,CAAC,sCAAsC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,QAAQ,CAAC,WAAW,EAAE,IAAI,EAAE,MAAM,CAAC,IAAK,MAAM,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAE,IAAkC,CAAC,GAAG,IAAI,KAAK,EAAE,CAAC,IAAI,EAAE,KAAa,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,CAAE,KAAK,QAAQ,CAAC,WAAW,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,QAAQ,CAAC,eAAe,EAAE,IAAI,EAAE,MAAM,CAAC,wDAAyD,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,qDAAqD,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,8BAA8B,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,kBAAkB,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,gBAAgB,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,gBAAgB,IAAI,CAAC,QAAQ,gBAAgB,IAAI,CAAC,eAAe,gBAAgB,IAAI,CAAC,QAAQ,oCAAoC,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,sBAAsB,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,oBAAoB,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,oBAAoB,SAAS,CAAC,IAAI,CAAC,eAAe,CAAC,oBAAoB,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,mBAAmB,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,uBAAuB,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,aAAa,IAAI,CAAC,WAAW,aAAa,IAAI,CAAC,WAAW,aAAa,IAAI,CAAC,WAAW,YAAY,IAAI,CAAC,UAAU,eAAe,IAAI,CAAC,aAAa,aAAa,IAAI,CAAC,WAAW,eAAe,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,iBAAkB,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,GAAI,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,GAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,GAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,aAAa,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,kDAAkD,SAAS,CAAC,IAAI,CAAC,wBAAwB,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA,+DAA+D,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,KAAM,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,yEAAyE,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,8BAA8B,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,qCAAqC,SAAS,CAAC,IAAI,CAAC,kBAAkB,CAAC,wBAAwB,SAAS,CAAC,IAAI,CAAC,mBAAmB,CAAC,sCAAsC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,gBAAiB,MAAM,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAE,IAAkC,CAAC,GAAG,IAAI,KAAK,EAAE,CAAC,IAAI,EAAE,KAAa,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,CAAE,mFAAoF,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,qDAAqD,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,8BAA8B,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,kBAAkB,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,gBAAgB,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,gBAAgB,IAAI,CAAC,QAAQ,gBAAgB,IAAI,CAAC,eAAe,gBAAgB,IAAI,CAAC,QAAQ,oCAAoC,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,sBAAsB,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,oBAAoB,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,oBAAoB,SAAS,CAAC,IAAI,CAAC,eAAe,CAAC,oBAAoB,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,mBAAmB,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,uBAAuB,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,aAAa,IAAI,CAAC,WAAW,aAAa,IAAI,CAAC,WAAW,aAAa,IAAI,CAAC,WAAW,YAAY,IAAI,CAAC,UAAU,eAAe,IAAI,CAAC,aAAa,aAAa,IAAI,CAAC,WAAW,eAAe,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,iBAAkB,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,GAAI,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,GAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,GAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,aAAa,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,kDAAkD,SAAS,CAAC,IAAI,CAAC,wBAAwB,CAAC,SAAS,CAAC,CAAA,CAAC;AACjgJ,SAAS,MAAM,CAA0B,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,0FAA0F,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,WAAW,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,GAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,UAAU,CAAC,CAAA,CAAC;AACzV,SAAS,MAAM,CAA0B,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,KAAK,CAAC,CAAA,CAAC;AAC9H,SAAS,MAAM,CAA0B,OAAmB,EAAE,IAAc,EAAE,MAA0B,EAAE,IAAS,EAAE,KAAa,IAAI,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,IAAI,QAAQ,CAAC,gBAAgB,EAAE,IAAI,EAAE,MAAM,CAAC,QAAQ,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,gBAAgB,IAAI,CAAC,QAAQ,uIAAuI,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,4BAA4B,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,+DAA+D,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,GAAI,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,SAAU,GAAG,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,kBAAkB,QAAQ,CAAC,gBAAgB,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAA,uBAAuB,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,gBAAgB,IAAI,CAAC,QAAQ,uIAAuI,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,4BAA4B,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,+DAA+D,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,GAAI,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,SAAU,GAAG,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,gCAAgC,CAAC,CAAA,CAAC;AACnuC,SAAS,MAAM,CAA0B,OAAmB,EAAE,IAAc,EAAE,MAA0B,EAAE,IAAS,EAAE,KAAa,IAAI,OAAO,IAAI,CAAA,KAAK,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA,CAAC;AACrL,SAAS,MAAM,CAA0B,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,IAAI,QAAQ,CAAC,aAAa,EAAE,IAAI,EAAE,MAAM,CAAC,aAAa,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,8FAA8F,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,kCAAkC,IAAI,CAAC,gBAAgB,+CAA+C,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,6BAA6B,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,iBAAiB,SAAS,CAAC,IAAI,CAAC,wBAAwB,CAAC,oBAAoB,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,oBAAoB,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,2CAA2C,IAAI,CAAC,YAAY,4DAA4D,SAAS,CAAC,IAAI,CAAC,mBAAmB,CAAC,GAAG,SAAS,CAAC,IAAI,CAAC,mBAAmB,CAAC,qHAAqH,SAAS,CAAC,IAAI,CAAC,mBAAmB,CAAC,mCAAmC,SAAS,CAAC,IAAI,CAAC,8BAA8B,CAAC,CAAC,CAAC,4BAA4B,SAAS,CAAC,IAAI,CAAC,8BAA8B,CAAC,CAAC,CAAC,aAAa,QAAQ,CAAC,aAAa,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAA,yBAAyB,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,8FAA8F,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,kCAAkC,IAAI,CAAC,gBAAgB,+CAA+C,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,6BAA6B,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,iBAAiB,SAAS,CAAC,IAAI,CAAC,wBAAwB,CAAC,oBAAoB,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,oBAAoB,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,2CAA2C,IAAI,CAAC,YAAY,4DAA4D,SAAS,CAAC,IAAI,CAAC,mBAAmB,CAAC,GAAG,SAAS,CAAC,IAAI,CAAC,mBAAmB,CAAC,qHAAqH,SAAS,CAAC,IAAI,CAAC,mBAAmB,CAAC,mCAAmC,SAAS,CAAC,IAAI,CAAC,8BAA8B,CAAC,CAAC,CAAC,4BAA4B,SAAS,CAAC,IAAI,CAAC,8BAA8B,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAA,CAAC;AACnsE,SAAS,MAAM,CAA0B,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,IAAI,QAAQ,CAAC,qBAAqB,EAAE,IAAI,EAAE,MAAM,CAAC,eAAe,IAAI,CAAC,QAAQ,sBAAsB,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,kBAAkB,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,QAAQ,CAAC,qBAAqB,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAA,mCAAmC,IAAI,CAAC,QAAQ,sBAAsB,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,kBAAkB,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,0BAA0B,CAAC,CAAA,CAAC;AACvhB,SAAS,MAAM,CAA0B,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,aAAa,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,4CAA4C,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,CAAA,CAAC;AAC5O,SAAS,MAAM,CAA0B,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,aAAa,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,wCAAwC,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,CAAA,CAAC;AACxO,SAAS,MAAM,CAA0B,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,aAAa,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,2CAA2C,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAA,CAAC;AAE9O,SAAS,QAAQ,KAA2B,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAG,IAAI,CAAC,WAAiC,CAAC,WAAW,EAAE,8BAA8B,EAAE,CAAC,CAAC,CAAC,CAAC;AACpK,eAAe,QAAQ,CAAC","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { getCustomElementsScopingSuffix } from \"@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type PhoneNumberField from \"../../PhoneNumberField.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: PhoneNumberField, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class=\"udex-phone-number-field\" @ui5-selection-change=\"${ifDefined(this.handleSelect)}\">${ this.label ? block1.call(this, context, tags, suffix) : undefined }<${scopeTag(\"udex-dropdown\", tags, suffix)} class=\"udex-phone-number-field__dropdown\" opener=\"udex-${ifDefined(this._id)}-phone-number__opener\" id=\"${ifDefined(this._id)}_dropdown-menu\" @ui5-before-open=\"${ifDefined(this.dropdownBeforeOpen)}\" @ui5-before-close=\"${ifDefined(this.dropdownBeforeClose)}\" horizontal-align=\"Start\" height=\"${ifDefined(this.height)}\"><${scopeTag(\"udex-list\", tags, suffix)}>${ repeat(this.countriesList, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block3.call(this, context, tags, suffix, item, index)) }</${scopeTag(\"udex-list\", tags, suffix)}></${scopeTag(\"udex-dropdown\", tags, suffix)}><div class=\"udex-phone-number-field__input-wrapper\">${ !this.displayonly ? block5.call(this, context, tags, suffix) : undefined }<input class=\"udex-phone-number-field__input\" id=\"${ifDefined(this._id)}-phone\" type=\"tel\" .value=\"${ifDefined(this.value)}\" placeholder=\"${ifDefined(this.phoneFormat)}\" maxlength=\"${ifDefined(this.maxlength)}\" ?disabled=\"${this.disabled}\" ?readonly=\"${this.isInputReadonly}\" ?required=\"${this.required}\" autocomplete=\"tel\" aria-label=\"${ifDefined(this.accessibleName)}\" aria-labelledby=\"${ifDefined(this.accessibleName)}\" aria-required=\"${ifDefined(this.required)}\" aria-readonly=\"${ifDefined(this.isInputReadonly)}\" aria-disabled=\"${ifDefined(this.disabled)}\" aria-invalid=\"${ifDefined(this.ariaInvalid)}\" aria-describedby=\"${ifDefined(this.ariaDescribedById)}\" @input=\"${this.handleInput}\" @click=\"${this.handleClick}\" @focus=\"${this.handleFocus}\" @blur=\"${this.handleBlur}\" @keydown=\"${this.handleKeyDown}\" @keyup=\"${this.handleKeyUp}\" tabindex=\"${ifDefined(this.inputTabIndex)}\"></div></div>${ this.supportingText ? block6.call(this, context, tags, suffix) : undefined }${ this.supportingText ? block7.call(this, context, tags, suffix) : undefined }${ this.hasValueState ? block8.call(this, context, tags, suffix) : undefined }${ this.readonly ? block9.call(this, context, tags, suffix) : undefined }<span id=\"${ifDefined(this._id)}-countrySelectorAriaLabel\" class=\"hidden-text\">${ifDefined(this.countrySelectorAriaLabel)}</span>` : html`<div class=\"udex-phone-number-field\" @ui5-selection-change=\"${ifDefined(this.handleSelect)}\">${ this.label ? block1.call(this, context, tags, suffix) : undefined }<udex-dropdown class=\"udex-phone-number-field__dropdown\" opener=\"udex-${ifDefined(this._id)}-phone-number__opener\" id=\"${ifDefined(this._id)}_dropdown-menu\" @ui5-before-open=\"${ifDefined(this.dropdownBeforeOpen)}\" @ui5-before-close=\"${ifDefined(this.dropdownBeforeClose)}\" horizontal-align=\"Start\" height=\"${ifDefined(this.height)}\"><udex-list>${ repeat(this.countriesList, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block3.call(this, context, tags, suffix, item, index)) }</udex-list></udex-dropdown><div class=\"udex-phone-number-field__input-wrapper\">${ !this.displayonly ? block5.call(this, context, tags, suffix) : undefined }<input class=\"udex-phone-number-field__input\" id=\"${ifDefined(this._id)}-phone\" type=\"tel\" .value=\"${ifDefined(this.value)}\" placeholder=\"${ifDefined(this.phoneFormat)}\" maxlength=\"${ifDefined(this.maxlength)}\" ?disabled=\"${this.disabled}\" ?readonly=\"${this.isInputReadonly}\" ?required=\"${this.required}\" autocomplete=\"tel\" aria-label=\"${ifDefined(this.accessibleName)}\" aria-labelledby=\"${ifDefined(this.accessibleName)}\" aria-required=\"${ifDefined(this.required)}\" aria-readonly=\"${ifDefined(this.isInputReadonly)}\" aria-disabled=\"${ifDefined(this.disabled)}\" aria-invalid=\"${ifDefined(this.ariaInvalid)}\" aria-describedby=\"${ifDefined(this.ariaDescribedById)}\" @input=\"${this.handleInput}\" @click=\"${this.handleClick}\" @focus=\"${this.handleFocus}\" @blur=\"${this.handleBlur}\" @keydown=\"${this.handleKeyDown}\" @keyup=\"${this.handleKeyUp}\" tabindex=\"${ifDefined(this.inputTabIndex)}\"></div></div>${ this.supportingText ? block6.call(this, context, tags, suffix) : undefined }${ this.supportingText ? block7.call(this, context, tags, suffix) : undefined }${ this.hasValueState ? block8.call(this, context, tags, suffix) : undefined }${ this.readonly ? block9.call(this, context, tags, suffix) : undefined }<span id=\"${ifDefined(this._id)}-countrySelectorAriaLabel\" class=\"hidden-text\">${ifDefined(this.countrySelectorAriaLabel)}</span>`;}\nfunction block1 (this: PhoneNumberField, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<label id=\"udex-phone-number-field__label\" class=\"udex-phone-number-field__label\" for=\"${ifDefined(this._id)}-phone\">${ifDefined(this.label)}${ this.required ? block2.call(this, context, tags, suffix) : undefined }</label>`;}\nfunction block2 (this: PhoneNumberField, context: UI5Element, tags: string[], suffix: string | undefined) { return html` * `;}\nfunction block3 (this: PhoneNumberField, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag(\"udex-list-item\", tags, suffix)} id=\"${ifDefined(item.iso)}\" ?selected=\"${item.selected}\"><div class=\"udex-phone-number-field__dropdown-list-item\"><div class=\"udex-phone-number-field__flag\" style=\"background-position-x: ${ifDefined(item.flagX)}; background-position-y: ${ifDefined(item.flagY)}\"></div><span class=\"udex-phone-number-field__country-name\">${ifDefined(item.countryName)}${ item.localName ? block4.call(this, context, tags, suffix, item, index) : undefined }${ifDefined(item.phonePrefix)}</span></div></${scopeTag(\"udex-list-item\", tags, suffix)}>` : html`<udex-list-item id=\"${ifDefined(item.iso)}\" ?selected=\"${item.selected}\"><div class=\"udex-phone-number-field__dropdown-list-item\"><div class=\"udex-phone-number-field__flag\" style=\"background-position-x: ${ifDefined(item.flagX)}; background-position-y: ${ifDefined(item.flagY)}\"></div><span class=\"udex-phone-number-field__country-name\">${ifDefined(item.countryName)}${ item.localName ? block4.call(this, context, tags, suffix, item, index) : undefined }${ifDefined(item.phonePrefix)}</span></div></udex-list-item>`;}\nfunction block4 (this: PhoneNumberField, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html` (${ifDefined(item.localName)}) `;}\nfunction block5 (this: PhoneNumberField, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"udex-button\", tags, suffix)} id=\"udex-${ifDefined(this._id)}-phone-number__opener\" class=\"udex-phone-number-field__open-button\" size=\"Large\" end-icon=\"${ifDefined(this.buttonIcon)}\" design=\"Tertiary\" ?disabled=\"${this.isButtonDisabled}\" aria-haspopup=\"true\" accessible-name-ref=\"${ifDefined(this._id)}-countrySelectorAriaLabel ${ifDefined(this.ariaDescribedById)}\" aria-label=\"${ifDefined(this.countrySelectorAriaLabel)}\" aria-expanded=\"${ifDefined(this._dropdownExpanded)}\" aria-controls=\"${ifDefined(this._id)}_dropdown-menu\" role=\"combobox\" @click=\"${this.openDropdown}\"><div class=\"udex-phone-number-field__open-button-text\">${ifDefined(this.selectedCountryName)}${ifDefined(this.selectedPhonePrefix)}</div><div class=\"udex-phone-number-field__button-content\"><img class=\"udex-phone-number-field__flag\" aria-label=\"${ifDefined(this.selectedCountryName)}\" style=\"background-position-x: ${ifDefined(this.selectedFlagBackgroundPosition.x)}; background-position-y: ${ifDefined(this.selectedFlagBackgroundPosition.y)}\"></div></${scopeTag(\"udex-button\", tags, suffix)}>` : html`<udex-button id=\"udex-${ifDefined(this._id)}-phone-number__opener\" class=\"udex-phone-number-field__open-button\" size=\"Large\" end-icon=\"${ifDefined(this.buttonIcon)}\" design=\"Tertiary\" ?disabled=\"${this.isButtonDisabled}\" aria-haspopup=\"true\" accessible-name-ref=\"${ifDefined(this._id)}-countrySelectorAriaLabel ${ifDefined(this.ariaDescribedById)}\" aria-label=\"${ifDefined(this.countrySelectorAriaLabel)}\" aria-expanded=\"${ifDefined(this._dropdownExpanded)}\" aria-controls=\"${ifDefined(this._id)}_dropdown-menu\" role=\"combobox\" @click=\"${this.openDropdown}\"><div class=\"udex-phone-number-field__open-button-text\">${ifDefined(this.selectedCountryName)}${ifDefined(this.selectedPhonePrefix)}</div><div class=\"udex-phone-number-field__button-content\"><img class=\"udex-phone-number-field__flag\" aria-label=\"${ifDefined(this.selectedCountryName)}\" style=\"background-position-x: ${ifDefined(this.selectedFlagBackgroundPosition.x)}; background-position-y: ${ifDefined(this.selectedFlagBackgroundPosition.y)}\"></div></udex-button>`;}\nfunction block6 (this: PhoneNumberField, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"udex-status-message\", tags, suffix)} ?disabled=\"${this.disabled}\" supporting-text=\"${ifDefined(this.supportingText)}\" value-state=\"${ifDefined(this.valueState)}\"></${scopeTag(\"udex-status-message\", tags, suffix)}>` : html`<udex-status-message ?disabled=\"${this.disabled}\" supporting-text=\"${ifDefined(this.supportingText)}\" value-state=\"${ifDefined(this.valueState)}\"></udex-status-message>`;}\nfunction block7 (this: PhoneNumberField, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span id=\"${ifDefined(this._id)}-supportingTextDesc\" class=\"hidden-text\">${ifDefined(this.supportingText)}</span>`;}\nfunction block8 (this: PhoneNumberField, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span id=\"${ifDefined(this._id)}-valueStateDesc\" class=\"hidden-text\">${ifDefined(this.valueStateText)}</span>`;}\nfunction block9 (this: PhoneNumberField, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span id=\"${ifDefined(this._id)}-stateReadOnlyDesc\" class=\"hidden-text\">${ifDefined(this.readOnlyStateText)}</span>`;}\n\nfunction template(this: PhoneNumberField) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/* eslint no-unused-vars: 0 */
|
|
2
|
-
import { html, ifDefined, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
|
|
3
|
-
import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
|
|
4
|
-
function block0(context, tags, suffix) { return html `<div class="udex-upload-item__wrapper"><div class="udex-upload-item__info ${ifDefined(this.uploadItemClasses)}"><div>${this.fileInteractive ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix)}<div class="${ifDefined(this.additionalInfoClasses)}"><slot></slot></div></div>${this._breakpointM ? block3.call(this, context, tags, suffix) : undefined}</div><div class="udex-upload-item__progress-info-wrapper">${this.showUploadProgress ? block4.call(this, context, tags, suffix) : undefined}${this._breakpointL ? block5.call(this, context, tags, suffix) : undefined}</div></div>`; }
|
|
5
|
-
function block1(context, tags, suffix) { return suffix ? html `<${scopeTag("udex-link", tags, suffix)} href="${ifDefined(this.fileLink)}" target="${ifDefined(this.fileTarget)}">${ifDefined(this.fileName)}</${scopeTag("udex-link", tags, suffix)}>` : html `<udex-link href="${ifDefined(this.fileLink)}" target="${ifDefined(this.fileTarget)}">${ifDefined(this.fileName)}</udex-link>`; }
|
|
6
|
-
function block2(context, tags, suffix) { return html `<p class="udex-upload-item__name">${ifDefined(this.fileName)}</p>`; }
|
|
7
|
-
function block3(context, tags, suffix) { return suffix ? html `<${scopeTag("udex-button", tags, suffix)} accessible-name="${ifDefined(this.removeButtonAccessibleName)}" @keydown="${this.handleButtonKeydown}" @click="${this.handleButtonClick}" size="${ifDefined(this._buttonSize)}" icon="decline" design="Tertiary"></${scopeTag("udex-button", tags, suffix)}>` : html `<udex-button accessible-name="${ifDefined(this.removeButtonAccessibleName)}" @keydown="${this.handleButtonKeydown}" @click="${this.handleButtonClick}" size="${ifDefined(this._buttonSize)}" icon="decline" design="Tertiary"></udex-button>`; }
|
|
8
|
-
function block4(context, tags, suffix) { return suffix ? html `<div class="udex-upload-item__progress-info"><${scopeTag("udex-progress-bar", tags, suffix)} role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="${ifDefined(this.uploadPercentage)}" value="${ifDefined(this.uploadPercentage)}" value-state="${ifDefined(this.uploadProgressState)}" hide-value></${scopeTag("udex-progress-bar", tags, suffix)}><p class="udex-upload-item__progress-status">${ifDefined(this.uploadStatus)}</p></div>` : html `<div class="udex-upload-item__progress-info"><udex-progress-bar role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="${ifDefined(this.uploadPercentage)}" value="${ifDefined(this.uploadPercentage)}" value-state="${ifDefined(this.uploadProgressState)}" hide-value></udex-progress-bar><p class="udex-upload-item__progress-status">${ifDefined(this.uploadStatus)}</p></div>`; }
|
|
9
|
-
function block5(context, tags, suffix) { return suffix ? html `<${scopeTag("udex-button", tags, suffix)} accessible-name="${ifDefined(this.removeButtonAccessibleName)}" @keydown="${this.handleButtonKeydown}" @click="${this.handleButtonClick}" size="${ifDefined(this._buttonSize)}" icon="decline" design="Tertiary"></${scopeTag("udex-button", tags, suffix)}>` : html `<udex-button accessible-name="${ifDefined(this.removeButtonAccessibleName)}" @keydown="${this.handleButtonKeydown}" @click="${this.handleButtonClick}" size="${ifDefined(this._buttonSize)}" icon="decline" design="Tertiary"></udex-button>`; }
|
|
10
|
-
function template() { return block0.call(this, this, this.constructor.tagsToScope, getCustomElementsScopingSuffix()); }
|
|
11
|
-
export default template;
|
|
12
|
-
//# sourceMappingURL=UploadItemTemplate.lit.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"UploadItemTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/UploadItemTemplate.lit.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { getCustomElementsScopingSuffix } from \"@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type UploadItem from \"../../UploadItem.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: UploadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"udex-upload-item__wrapper\"><div class=\"udex-upload-item__info ${ifDefined(this.uploadItemClasses)}\"><div>${ this.fileInteractive ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix) }<div class=\"${ifDefined(this.additionalInfoClasses)}\"><slot></slot></div></div>${ this._breakpointM ? block3.call(this, context, tags, suffix) : undefined }</div><div class=\"udex-upload-item__progress-info-wrapper\">${ this.showUploadProgress ? block4.call(this, context, tags, suffix) : undefined }${ this._breakpointL ? block5.call(this, context, tags, suffix) : undefined }</div></div>`;}\nfunction block1 (this: UploadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"udex-link\", tags, suffix)} href=\"${ifDefined(this.fileLink)}\" target=\"${ifDefined(this.fileTarget)}\">${ifDefined(this.fileName)}</${scopeTag(\"udex-link\", tags, suffix)}>` : html`<udex-link href=\"${ifDefined(this.fileLink)}\" target=\"${ifDefined(this.fileTarget)}\">${ifDefined(this.fileName)}</udex-link>`;}\nfunction block2 (this: UploadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<p class=\"udex-upload-item__name\">${ifDefined(this.fileName)}</p>`;}\nfunction block3 (this: UploadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"udex-button\", tags, suffix)} accessible-name=\"${ifDefined(this.removeButtonAccessibleName)}\" @keydown=\"${this.handleButtonKeydown}\" @click=\"${this.handleButtonClick}\" size=\"${ifDefined(this._buttonSize)}\" icon=\"decline\" design=\"Tertiary\"></${scopeTag(\"udex-button\", tags, suffix)}>` : html`<udex-button accessible-name=\"${ifDefined(this.removeButtonAccessibleName)}\" @keydown=\"${this.handleButtonKeydown}\" @click=\"${this.handleButtonClick}\" size=\"${ifDefined(this._buttonSize)}\" icon=\"decline\" design=\"Tertiary\"></udex-button>`;}\nfunction block4 (this: UploadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class=\"udex-upload-item__progress-info\"><${scopeTag(\"udex-progress-bar\", tags, suffix)} role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"${ifDefined(this.uploadPercentage)}\" value=\"${ifDefined(this.uploadPercentage)}\" value-state=\"${ifDefined(this.uploadProgressState)}\" hide-value></${scopeTag(\"udex-progress-bar\", tags, suffix)}><p class=\"udex-upload-item__progress-status\">${ifDefined(this.uploadStatus)}</p></div>` : html`<div class=\"udex-upload-item__progress-info\"><udex-progress-bar role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"${ifDefined(this.uploadPercentage)}\" value=\"${ifDefined(this.uploadPercentage)}\" value-state=\"${ifDefined(this.uploadProgressState)}\" hide-value></udex-progress-bar><p class=\"udex-upload-item__progress-status\">${ifDefined(this.uploadStatus)}</p></div>`;}\nfunction block5 (this: UploadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"udex-button\", tags, suffix)} accessible-name=\"${ifDefined(this.removeButtonAccessibleName)}\" @keydown=\"${this.handleButtonKeydown}\" @click=\"${this.handleButtonClick}\" size=\"${ifDefined(this._buttonSize)}\" icon=\"decline\" design=\"Tertiary\"></${scopeTag(\"udex-button\", tags, suffix)}>` : html`<udex-button accessible-name=\"${ifDefined(this.removeButtonAccessibleName)}\" @keydown=\"${this.handleButtonKeydown}\" @click=\"${this.handleButtonClick}\" size=\"${ifDefined(this._buttonSize)}\" icon=\"decline\" design=\"Tertiary\"></udex-button>`;}\n\nfunction template(this: UploadItem) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/* eslint no-unused-vars: 0 */
|
|
2
|
-
import { html, ifDefined, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
|
|
3
|
-
import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
|
|
4
|
-
function block0(context, tags, suffix) { return suffix ? html `<div @ui5-request-delete="${ifDefined(this.handleRemoveFile)}" class="udex-upload__wrapper">${this.uploadTitle ? block1.call(this, context, tags, suffix) : undefined}${this.additionalText ? block2.call(this, context, tags, suffix) : undefined}<div class="udex-upload__upload-button-container"><${scopeTag("ui5-file-uploader", tags, suffix)} ?disabled="${this.disabled}" id="fileUploader" hide-input accept="${ifDefined(this.accept)}" ?multiple="${this.multiple}" @change="${this.handleUploadFile}" @click="${this.handleUploadClick}"><${scopeTag("udex-button", tags, suffix)} ?disabled="${this.disabled}" aria-disabled="${ifDefined(this.disabled)}" design="Secondary" aria-label="${ifDefined(this.uploadButtonAriaLabel)}" size="${ifDefined(this._buttonSize)}">${ifDefined(this.uploadButtonText)}</${scopeTag("udex-button", tags, suffix)}></${scopeTag("ui5-file-uploader", tags, suffix)}>${this.showSupportingText ? block3.call(this, context, tags, suffix) : undefined}</div><div class="udex-upload__files-wrapper"><${scopeTag("udex-list", tags, suffix)} aria-busy="${ifDefined(this.listBusy)}" mode="MultiSelect" @ui5-selection-change="${ifDefined(this.handleSelectionChange)}"><slot></slot></${scopeTag("udex-list", tags, suffix)}></div></div>` : html `<div @ui5-request-delete="${ifDefined(this.handleRemoveFile)}" class="udex-upload__wrapper">${this.uploadTitle ? block1.call(this, context, tags, suffix) : undefined}${this.additionalText ? block2.call(this, context, tags, suffix) : undefined}<div class="udex-upload__upload-button-container"><ui5-file-uploader ?disabled="${this.disabled}" id="fileUploader" hide-input accept="${ifDefined(this.accept)}" ?multiple="${this.multiple}" @change="${this.handleUploadFile}" @click="${this.handleUploadClick}"><udex-button ?disabled="${this.disabled}" aria-disabled="${ifDefined(this.disabled)}" design="Secondary" aria-label="${ifDefined(this.uploadButtonAriaLabel)}" size="${ifDefined(this._buttonSize)}">${ifDefined(this.uploadButtonText)}</udex-button></ui5-file-uploader>${this.showSupportingText ? block3.call(this, context, tags, suffix) : undefined}</div><div class="udex-upload__files-wrapper"><udex-list aria-busy="${ifDefined(this.listBusy)}" mode="MultiSelect" @ui5-selection-change="${ifDefined(this.handleSelectionChange)}"><slot></slot></udex-list></div></div>`; }
|
|
5
|
-
function block1(context, tags, suffix) { return html `<h1 class="udex-upload__title">${ifDefined(this.uploadTitle)}</h1>`; }
|
|
6
|
-
function block2(context, tags, suffix) { return html `<p class="udex-upload__additional-text">${ifDefined(this.additionalText)}</p>`; }
|
|
7
|
-
function block3(context, tags, suffix) { return html `<p class="${ifDefined(this.supportingTextClasses)}">${ifDefined(this.supportingText)}</p>`; }
|
|
8
|
-
function template() { return block0.call(this, this, this.constructor.tagsToScope, getCustomElementsScopingSuffix()); }
|
|
9
|
-
export default template;
|
|
10
|
-
//# sourceMappingURL=UploadTemplate.lit.js.map
|