@ui5/webcomponents-fiori 0.0.0-db2be6526 → 0.0.0-dc3ccac50
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/FilterItem.js +1 -0
- package/dist/FilterItemOption.js +1 -0
- package/dist/ShellBar.js +49 -7
- package/dist/ShellBarItem.js +2 -15
- package/dist/SideNavigation.js +4 -0
- package/dist/SortItem.js +1 -0
- package/dist/Wizard.js +1 -14
- package/dist/WizardStep.js +0 -23
- package/dist/api.json +41 -34
- package/dist/generated/assets/themes/sap_belize/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_belize_hcb/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_belize_hcw/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_exp/parameters-bundle.css.json +1 -0
- package/dist/generated/json-imports/Themes-static.js +4 -2
- package/dist/generated/json-imports/Themes.js +2 -1
- package/dist/generated/templates/FilterItemTemplate.lit.js +1 -1
- package/dist/generated/templates/ShellBarTemplate.lit.js +1 -1
- package/dist/generated/templates/SideNavigationItemPopoverContentTemplate.lit.js +1 -1
- package/dist/generated/templates/UploadCollectionItemTemplate.lit.js +1 -1
- package/dist/generated/themes/Bar.css.js +1 -1
- package/dist/generated/themes/BarcodeScannerDialog.css.js +1 -1
- package/dist/generated/themes/FilterItem.css.js +1 -1
- package/dist/generated/themes/FlexibleColumnLayout.css.js +1 -1
- package/dist/generated/themes/IllustratedMessage.css.js +1 -1
- package/dist/generated/themes/InvisibleTextStyles.css.js +1 -1
- package/dist/generated/themes/NotifactionOverflowActionsPopover.css.js +1 -1
- package/dist/generated/themes/NotificationListGroupItem.css.js +1 -1
- package/dist/generated/themes/NotificationListItem.css.js +1 -1
- package/dist/generated/themes/NotificationListItemBase.css.js +1 -1
- package/dist/generated/themes/NotificationPrioIcon.css.js +1 -1
- package/dist/generated/themes/Page.css.js +1 -1
- package/dist/generated/themes/ProductSwitch.css.js +1 -1
- package/dist/generated/themes/ProductSwitchItem.css.js +1 -1
- package/dist/generated/themes/ShellBar.css.js +1 -1
- package/dist/generated/themes/SideNavigation.css.js +1 -1
- package/dist/generated/themes/Timeline.css.js +1 -1
- package/dist/generated/themes/TimelineItem.css.js +1 -1
- package/dist/generated/themes/UploadCollection.css.js +1 -1
- package/dist/generated/themes/UploadCollectionItem.css.js +1 -1
- package/dist/generated/themes/ViewSettingsDialog.css.js +1 -1
- package/dist/generated/themes/Wizard.css.js +1 -1
- package/dist/generated/themes/WizardPopover.css.js +1 -1
- package/dist/generated/themes/WizardTab.css.js +1 -1
- package/dist/generated/themes/sap_belize/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js +1 -0
- package/package.json +8 -8
- package/src/FilterItem.js +1 -0
- package/src/FilterItemOption.js +1 -0
- package/src/ShellBar.hbs +3 -3
- package/src/ShellBar.js +49 -7
- package/src/ShellBarItem.js +2 -15
- package/src/SideNavigation.js +4 -0
- package/src/SideNavigationItemPopoverContent.hbs +1 -0
- package/src/SortItem.js +1 -0
- package/src/Wizard.js +1 -14
- package/src/WizardStep.js +0 -23
- package/dist/generated/templates/ShellBarItemTemplate.lit.js +0 -7
- package/src/ShellBarItem.hbs +0 -1
package/dist/FilterItem.js
CHANGED
package/dist/FilterItemOption.js
CHANGED
package/dist/ShellBar.js
CHANGED
|
@@ -362,12 +362,6 @@ const metadata = {
|
|
|
362
362
|
* <li>product-switch</li>
|
|
363
363
|
* </ul>
|
|
364
364
|
*
|
|
365
|
-
* In the context of <code>ui5-shellbar</code>, you can provide a custom stable DOM refs for:
|
|
366
|
-
* <ul>
|
|
367
|
-
* <li>Every <code>ui5-shellbar-item</code> that you provide.
|
|
368
|
-
* Example: <code><ui5-shellbar-item stable-dom-ref="messages"></ui5-shellbar-item></code></li>
|
|
369
|
-
* </ul>
|
|
370
|
-
*
|
|
371
365
|
* <h3>CSS Shadow Parts</h3>
|
|
372
366
|
*
|
|
373
367
|
* <ui5-link target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/CSS/::part">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM.
|
|
@@ -770,6 +764,54 @@ class ShellBar extends UI5Element {
|
|
|
770
764
|
}, true);
|
|
771
765
|
}
|
|
772
766
|
|
|
767
|
+
/**
|
|
768
|
+
* @public
|
|
769
|
+
* @since 1.0.0-rc.16
|
|
770
|
+
*/
|
|
771
|
+
get logoDomRef() {
|
|
772
|
+
return this.shadowRoot.querySelector(`*[data-ui5-stable="logo"]`);
|
|
773
|
+
}
|
|
774
|
+
|
|
775
|
+
/**
|
|
776
|
+
* @public
|
|
777
|
+
* @since 1.0.0-rc.16
|
|
778
|
+
*/
|
|
779
|
+
get copilotDomRef() {
|
|
780
|
+
return this.shadowRoot.querySelector(`*[data-ui5-stable="copilot"]`);
|
|
781
|
+
}
|
|
782
|
+
|
|
783
|
+
/**
|
|
784
|
+
* @public
|
|
785
|
+
* @since 1.0.0-rc.16
|
|
786
|
+
*/
|
|
787
|
+
get notificationsDomRef() {
|
|
788
|
+
return this.shadowRoot.querySelector(`*[data-ui5-stable="notifications"]`);
|
|
789
|
+
}
|
|
790
|
+
|
|
791
|
+
/**
|
|
792
|
+
* @public
|
|
793
|
+
* @since 1.0.0-rc.16
|
|
794
|
+
*/
|
|
795
|
+
get overflowlogoDomRef() {
|
|
796
|
+
return this.shadowRoot.querySelector(`*[data-ui5-stable="notifications"]`);
|
|
797
|
+
}
|
|
798
|
+
|
|
799
|
+
/**
|
|
800
|
+
* @public
|
|
801
|
+
* @since 1.0.0-rc.16
|
|
802
|
+
*/
|
|
803
|
+
get profileDomRef() {
|
|
804
|
+
return this.shadowRoot.querySelector(`*[data-ui5-stable="profile"]`);
|
|
805
|
+
}
|
|
806
|
+
|
|
807
|
+
/**
|
|
808
|
+
* @public
|
|
809
|
+
* @since 1.0.0-rc.16
|
|
810
|
+
*/
|
|
811
|
+
get productSwitchDomRef() {
|
|
812
|
+
return this.shadowRoot.querySelector(`*[data-ui5-stable="product-switch"]`);
|
|
813
|
+
}
|
|
814
|
+
|
|
773
815
|
/**
|
|
774
816
|
* Returns all items that will be placed in the right of the bar as icons / dom elements.
|
|
775
817
|
* @param {boolean} showOverflowButton Determines if overflow button should be visible (not overflowing)
|
|
@@ -792,6 +834,7 @@ class ShellBar extends UI5Element {
|
|
|
792
834
|
show: !!this.searchField.length,
|
|
793
835
|
},
|
|
794
836
|
...this.items.map((item, index) => {
|
|
837
|
+
item._getRealDomRef = () => this.getDomRef().querySelector(`*[data-ui5-stable=${item.stableDomRef}]`);
|
|
795
838
|
return {
|
|
796
839
|
icon: item.icon,
|
|
797
840
|
id: item._id,
|
|
@@ -925,7 +968,6 @@ class ShellBar extends UI5Element {
|
|
|
925
968
|
wrapper: {
|
|
926
969
|
"ui5-shellbar-root": true,
|
|
927
970
|
"ui5-shellbar-with-searchfield": this.searchField.length,
|
|
928
|
-
"ui5-shellbar-with-coPilot": this.showCoPilot,
|
|
929
971
|
},
|
|
930
972
|
button: {
|
|
931
973
|
"ui5-shellbar-menu-button--interactive": this.hasMenuItems,
|
package/dist/ShellBarItem.js
CHANGED
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
|
|
2
2
|
import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
|
|
3
3
|
|
|
4
|
-
// Template
|
|
5
|
-
import ShellBarItemTemplate from "./generated/templates/ShellBarItemTemplate.lit.js";
|
|
6
|
-
|
|
7
4
|
/**
|
|
8
5
|
* @public
|
|
9
6
|
*/
|
|
@@ -40,16 +37,6 @@ const metadata = {
|
|
|
40
37
|
count: {
|
|
41
38
|
type: String,
|
|
42
39
|
},
|
|
43
|
-
|
|
44
|
-
/**
|
|
45
|
-
* Defines the stable selector that you can use via getStableDomRef method.
|
|
46
|
-
* @public
|
|
47
|
-
* @type {string}
|
|
48
|
-
* @since 1.0.0-rc.8
|
|
49
|
-
*/
|
|
50
|
-
stableDomRef: {
|
|
51
|
-
type: String,
|
|
52
|
-
},
|
|
53
40
|
},
|
|
54
41
|
|
|
55
42
|
events: /** @lends sap.ui.webcomponents.fiori.ShellBarItem.prototype */ {
|
|
@@ -93,8 +80,8 @@ class ShellBarItem extends UI5Element {
|
|
|
93
80
|
return litRender;
|
|
94
81
|
}
|
|
95
82
|
|
|
96
|
-
|
|
97
|
-
return
|
|
83
|
+
get stableDomRef() {
|
|
84
|
+
return `${this._id}-stable-dom-ref`;
|
|
98
85
|
}
|
|
99
86
|
}
|
|
100
87
|
|
package/dist/SideNavigation.js
CHANGED
package/dist/SortItem.js
CHANGED
package/dist/Wizard.js
CHANGED
|
@@ -57,19 +57,6 @@ const metadata = {
|
|
|
57
57
|
tag: "ui5-wizard",
|
|
58
58
|
managedSlots: true,
|
|
59
59
|
properties: /** @lends sap.ui.webcomponents.fiori.Wizard.prototype */ {
|
|
60
|
-
/**
|
|
61
|
-
* Sets the accessible aria name of the component.
|
|
62
|
-
*
|
|
63
|
-
* @type {String}
|
|
64
|
-
* @defaultvalue undefined
|
|
65
|
-
* @public
|
|
66
|
-
* @since 1.0.0-rc.15
|
|
67
|
-
*/
|
|
68
|
-
accessibleName: {
|
|
69
|
-
type: String,
|
|
70
|
-
defaultValue: undefined,
|
|
71
|
-
},
|
|
72
|
-
|
|
73
60
|
/**
|
|
74
61
|
* Defines the width of the <code>ui5-wizard</code>.
|
|
75
62
|
* @private
|
|
@@ -806,7 +793,7 @@ class Wizard extends UI5Element {
|
|
|
806
793
|
}
|
|
807
794
|
|
|
808
795
|
get ariaLabelText() {
|
|
809
|
-
return
|
|
796
|
+
return Wizard.i18nBundle.getText(WIZARD_NAV_ARIA_ROLE_DESCRIPTION);
|
|
810
797
|
}
|
|
811
798
|
|
|
812
799
|
get effectiveStepSwitchThreshold() {
|
package/dist/WizardStep.js
CHANGED
|
@@ -99,29 +99,6 @@ const metadata = {
|
|
|
99
99
|
branching: {
|
|
100
100
|
type: Boolean,
|
|
101
101
|
},
|
|
102
|
-
|
|
103
|
-
/**
|
|
104
|
-
* Sets the accessible aria name of the component.
|
|
105
|
-
*
|
|
106
|
-
* @type {String}
|
|
107
|
-
* @defaultvalue ""
|
|
108
|
-
* @public
|
|
109
|
-
* @since 1.0.0-rc.15
|
|
110
|
-
*/
|
|
111
|
-
accessibleName: {
|
|
112
|
-
type: String,
|
|
113
|
-
},
|
|
114
|
-
|
|
115
|
-
/**
|
|
116
|
-
* Defines the aria-labelledby of the step.
|
|
117
|
-
* @type {String}
|
|
118
|
-
* @defaultvalue ""
|
|
119
|
-
* @public
|
|
120
|
-
* @since 1.0.0-rc.15
|
|
121
|
-
*/
|
|
122
|
-
accessibleNameRef: {
|
|
123
|
-
type: String,
|
|
124
|
-
},
|
|
125
102
|
},
|
|
126
103
|
slots: /** @lends sap.ui.webcomponents.fiori.WizardStep.prototype */ {
|
|
127
104
|
/**
|
package/dist/api.json
CHANGED
|
@@ -103,6 +103,7 @@
|
|
|
103
103
|
"visibility": "public",
|
|
104
104
|
"since": "1.0.0-rc.16",
|
|
105
105
|
"extends": "ListItem",
|
|
106
|
+
"implements": [ "sap.ui.webcomponents.fiori.IFilterItem" ],
|
|
106
107
|
"description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n<h3>Usage</h3>\n\nFor the <code>ui5-filter-item</code> <h3>ES6 Module Import</h3>\n\n<code>import @ui5/webcomponents-fiori/dist/FilterItem.js\";</code>",
|
|
107
108
|
"constructor": { "visibility": "public" },
|
|
108
109
|
"properties": [
|
|
@@ -135,6 +136,7 @@
|
|
|
135
136
|
"visibility": "public",
|
|
136
137
|
"since": "1.0.0-rc.16",
|
|
137
138
|
"extends": "UI5Element",
|
|
139
|
+
"implements": [ "sap.ui.webcomponents.fiori.IFilterItemOption" ],
|
|
138
140
|
"description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n<h3>Usage</h3>\n\nFor the <code>ui5-filter-item-option</code> <h3>ES6 Module Import</h3>\n\n<code>import @ui5/webcomponents-fiori/dist/FilterItemOption.js\";</code>",
|
|
139
141
|
"constructor": { "visibility": "public" },
|
|
140
142
|
"properties": [
|
|
@@ -857,9 +859,21 @@
|
|
|
857
859
|
"visibility": "public",
|
|
858
860
|
"since": "0.8.0",
|
|
859
861
|
"extends": "sap.ui.webcomponents.base.UI5Element",
|
|
860
|
-
"description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>ui5-shellbar</code> is meant to serve as an application header and includes numerous built-in features, such as: logo, profile image/icon, title, search field, notifications and so on. <br><br>\n\n<h3>Stable DOM Refs</h3>\n\nYou can use the following stable DOM refs for the <code>ui5-shellbar</code>: <ul> <li>logo</li> <li>copilot</li> <li>notifications</li> <li>overflow</li> <li>profile</li> <li>product-switch</li> </ul>\n\
|
|
862
|
+
"description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>ui5-shellbar</code> is meant to serve as an application header and includes numerous built-in features, such as: logo, profile image/icon, title, search field, notifications and so on. <br><br>\n\n<h3>Stable DOM Refs</h3>\n\nYou can use the following stable DOM refs for the <code>ui5-shellbar</code>: <ul> <li>logo</li> <li>copilot</li> <li>notifications</li> <li>overflow</li> <li>profile</li> <li>product-switch</li> </ul>\n\n<h3>CSS Shadow Parts</h3>\n\n<ui5-link target=\"_blank\" href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/::part\">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM. <br> The <code>ui5-shellbar</code> exposes the following CSS Shadow Parts: <ul> <li>root - Used to style the outermost wrapper of the <code>ui5-shellbar</code></li> </ul>\n\n<h3>ES6 Module Import</h3> <code>import \"@ui5/webcomponents-fiori/dist/ShellBar\";</code>",
|
|
861
863
|
"constructor": { "visibility": "public" },
|
|
862
864
|
"properties": [
|
|
865
|
+
{
|
|
866
|
+
"name": "copilotDomRef",
|
|
867
|
+
"visibility": "public",
|
|
868
|
+
"since": "1.0.0-rc.16",
|
|
869
|
+
"type": "undefined"
|
|
870
|
+
},
|
|
871
|
+
{
|
|
872
|
+
"name": "logoDomRef",
|
|
873
|
+
"visibility": "public",
|
|
874
|
+
"since": "1.0.0-rc.16",
|
|
875
|
+
"type": "undefined"
|
|
876
|
+
},
|
|
863
877
|
{
|
|
864
878
|
"name": "notificationsCount",
|
|
865
879
|
"visibility": "public",
|
|
@@ -867,6 +881,18 @@
|
|
|
867
881
|
"description": "Defines the <code>notificationsCount</code>, displayed in the notification icon top-right corner.",
|
|
868
882
|
"defaultValue": "\"\""
|
|
869
883
|
},
|
|
884
|
+
{
|
|
885
|
+
"name": "notificationsDomRef",
|
|
886
|
+
"visibility": "public",
|
|
887
|
+
"since": "1.0.0-rc.16",
|
|
888
|
+
"type": "undefined"
|
|
889
|
+
},
|
|
890
|
+
{
|
|
891
|
+
"name": "overflowlogoDomRef",
|
|
892
|
+
"visibility": "public",
|
|
893
|
+
"since": "1.0.0-rc.16",
|
|
894
|
+
"type": "undefined"
|
|
895
|
+
},
|
|
870
896
|
{
|
|
871
897
|
"name": "primaryTitle",
|
|
872
898
|
"visibility": "public",
|
|
@@ -874,6 +900,18 @@
|
|
|
874
900
|
"description": "Defines the <code>primaryTitle</code>. <br><br> <b>Note:</b> The <code>primaryTitle</code> would be hidden on S screen size (less than approx. 700px).",
|
|
875
901
|
"defaultValue": "\"\""
|
|
876
902
|
},
|
|
903
|
+
{
|
|
904
|
+
"name": "productSwitchDomRef",
|
|
905
|
+
"visibility": "public",
|
|
906
|
+
"since": "1.0.0-rc.16",
|
|
907
|
+
"type": "undefined"
|
|
908
|
+
},
|
|
909
|
+
{
|
|
910
|
+
"name": "profileDomRef",
|
|
911
|
+
"visibility": "public",
|
|
912
|
+
"since": "1.0.0-rc.16",
|
|
913
|
+
"type": "undefined"
|
|
914
|
+
},
|
|
877
915
|
{
|
|
878
916
|
"name": "secondaryTitle",
|
|
879
917
|
"visibility": "public",
|
|
@@ -1061,13 +1099,6 @@
|
|
|
1061
1099
|
"description": "Defines the name of the item's icon.",
|
|
1062
1100
|
"defaultValue": "\"\""
|
|
1063
1101
|
},
|
|
1064
|
-
{
|
|
1065
|
-
"name": "stableDomRef",
|
|
1066
|
-
"visibility": "public",
|
|
1067
|
-
"since": "1.0.0-rc.8",
|
|
1068
|
-
"type": "string",
|
|
1069
|
-
"description": "Defines the stable selector that you can use via getStableDomRef method."
|
|
1070
|
-
},
|
|
1071
1102
|
{
|
|
1072
1103
|
"name": "text",
|
|
1073
1104
|
"visibility": "public",
|
|
@@ -1259,6 +1290,7 @@
|
|
|
1259
1290
|
"visibility": "public",
|
|
1260
1291
|
"since": "1.0.0-rc.16",
|
|
1261
1292
|
"extends": "UI5Element",
|
|
1293
|
+
"implements": [ "sap.ui.webcomponents.fiori.ISortItem" ],
|
|
1262
1294
|
"description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n<h3>Usage</h3>\n\nFor the <code>ui5-sort-item</code> <h3>ES6 Module Import</h3>\n\n<code>import @ui5/webcomponents-fiori/dist/SortItem.js\";</code>",
|
|
1263
1295
|
"constructor": { "visibility": "public" },
|
|
1264
1296
|
"properties": [
|
|
@@ -2072,16 +2104,7 @@
|
|
|
2072
2104
|
"extends": "UI5Element",
|
|
2073
2105
|
"description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>ui5-wizard</code> helps users to complete a complex task by dividing it into sections and guiding them through it. It has two main areas - a navigation area at the top showing the step sequence and a content area below it.\n\n<h3>Structure</h3> <h4>Navigation area</h4> The top most area of the <code>ui5-wizard</code> is occupied by the navigation area. It shows the sequence of steps, where the recommended number of steps is between 3 and 8 steps. <ul> <li> Steps can have different visual representations - numbers or icons. <li> Steps might have labels for better readability - titleText and subTitleText.</li> <li> Steps are defined by using the <code>ui5-wizard-step</code> as slotted element within the <code>ui5-wizard</code>.</li> </ul>\n\n<b>Note:</b> If no selected step is defined, the first step will be auto selected. <br> <b>Note:</b> If multiple selected steps are defined, the last step will be selected.\n\n<h4>Content</h4> The content occupies the main part of the page. It can hold any type of HTML elements. It's defined by using the <code>ui5-wizard-step</code> as slotted element within the <code>ui5-wizard</code>.\n\n<h3>Scrolling</h3> The component handles user scrolling by selecting the closest step, based on the current scroll position and scrolls to particular place, when the user clicks on the step within the navigation area. <br><br>\n\n<b>Important:</b> In order the component's scrolling behaviour to work, it has to be limited from the outside parent element in terms of height. The component or its parent has to be given percentage or absolute height. Otherwise, the component will be scrolled out with the entire page. <br><br> <b>For example:</b> <br><br> <code><ui5-dialog style=\"height: 80%\"><br></code> <code>	<ui5-wizard></ui5-wizard><br></code> <code></ui5-dialog></code>\n\n<h4>Moving to next step</h4> The <code>ui5-wizard-step</code> provides the necessary API and it's up to the user of the component to use it to move to the next step. You have to set its <code>selected</code> property (and remove the <code>disabled</code> one if set) to <code>true</code>. The <code>ui5-wizard</code> will automatically scroll to the content of the newly selected step. <br><br>\n\nThe Fiori 3 guidelines recommends having a \"nextStep\" button in the content area. You can place a button, or any other type of element to trigger step change, inside the <code>ui5-wizard-step</code>, and show/hide it when certain fields are filled or user defined criteria is met.\n\n<h3>Usage</h3> <h4>When to use:</h4> When the user has to accomplish a long or unfamiliar task.\n\n<h4>When not to use:</h4> When the task has less than 3 steps.\n\n<h3>Responsive Behavior</h3> On small widths the step's titleText, subtitleText and separators in the navigation area shrink and from particular point the steps are grouped together and overlap. Tapping on them will show a popover to select the step to navigate to. On mobile device, the grouped steps are presented within a dialog.\n\n<h3>ES6 Module Import</h3> <code>import \"@ui5/webcomponents-fiori/dist/Wizard.js\";</code> (includes <ui5-wizard-step>)",
|
|
2074
2106
|
"constructor": { "visibility": "public" },
|
|
2075
|
-
"properties": [
|
|
2076
|
-
{
|
|
2077
|
-
"name": "accessibleName",
|
|
2078
|
-
"visibility": "public",
|
|
2079
|
-
"since": "1.0.0-rc.15",
|
|
2080
|
-
"type": "String",
|
|
2081
|
-
"description": "Sets the accessible aria name of the component.",
|
|
2082
|
-
"defaultValue": "undefined"
|
|
2083
|
-
}
|
|
2084
|
-
],
|
|
2107
|
+
"properties": [],
|
|
2085
2108
|
"slots": [
|
|
2086
2109
|
{
|
|
2087
2110
|
"name": "default",
|
|
@@ -2123,22 +2146,6 @@
|
|
|
2123
2146
|
"description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nA component that represents a logical step as part of the <code>ui5-wizard</code>. It is meant to aggregate arbitrary HTML elements that form the content of a single step.\n\n<h3>Structure</h3> <ul> <li>Each wizard step has arbitrary content.</li> <li>Each wizard step might have texts - defined by the <code>titleText</code> and <code>subtitleText</code> properties.</li> <li>Each wizard step might have an icon - defined by the <code>icon</code> property.</li> <li>Each wizard step might display a number in place of the <code>icon</code>, when it's missing.</li> </ul>\n\n<h3>Usage</h3> The <code>ui5-wizard-step</code> component should be used only as slot of the <code>ui5-wizard</code> component and should not be used standalone.",
|
|
2124
2147
|
"constructor": { "visibility": "public" },
|
|
2125
2148
|
"properties": [
|
|
2126
|
-
{
|
|
2127
|
-
"name": "accessibleName",
|
|
2128
|
-
"visibility": "public",
|
|
2129
|
-
"since": "1.0.0-rc.15",
|
|
2130
|
-
"type": "String",
|
|
2131
|
-
"description": "Sets the accessible aria name of the component.",
|
|
2132
|
-
"defaultValue": "\"\""
|
|
2133
|
-
},
|
|
2134
|
-
{
|
|
2135
|
-
"name": "accessibleNameRef",
|
|
2136
|
-
"visibility": "public",
|
|
2137
|
-
"since": "1.0.0-rc.15",
|
|
2138
|
-
"type": "String",
|
|
2139
|
-
"description": "Defines the aria-labelledby of the step.",
|
|
2140
|
-
"defaultValue": "\"\""
|
|
2141
|
-
},
|
|
2142
2149
|
{
|
|
2143
2150
|
"name": "branching",
|
|
2144
2151
|
"visibility": "public",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"_":":root{--_ui5_bar_base_height:2.75rem;--_ui5_bar_subheader_height:3rem}.sapUiSizeCompact,.ui5-content-density-compact,[data-ui5-compact-size]{--_ui5_bar_base_height:2.5rem;--_ui5_bar_subheader_height:2.25rem}:root{--_ui5_fcl_solid_bg:var(--sapShell_Background);--_ui5_fcl_column_border:none;--_ui5_fcl_decoration_top:linear-gradient(0deg,var(--sapHighlightColor),#f3f4f5);--_ui5_fcl_decoration_bottom:linear-gradient(180deg,var(--sapHighlightColor),#f3f4f5);--sapIllus_BrandColorPrimary:var(--sapContent_Illustrative_Color1);--sapIllus_BrandColorSecondary:var(--sapContent_Illustrative_Color2);--sapIllus_StrokeDetailColor:var(--sapContent_Illustrative_Color4);--sapIllus_Layering1:var(--sapContent_Illustrative_Color5);--sapIllus_Layering2:var(--sapContent_Illustrative_Color6);--sapIllus_BackgroundColor:var(--sapContent_Illustrative_Color7);--sapIllus_ObjectFillColor:var(--sapContent_Illustrative_Color8);--sapIllus_AccentColor:var(--sapContent_Illustrative_Color3);--sapIllus_NoColor:none;--sapIllus_PatternShadow:url(#sapIllus_PatternShadow);--sapIllus_PatternHighlight:url(#sapIllus_PatternHighlight);--_ui5_page_list_bg:var(--sapGroup_ContentBackground);--_ui5_product_switch_item_width:11.25rem;--_ui5_product_switch_item_height:7rem;--_ui5_product_switch_item_outline_width:.0625rem;--_ui5_product_switch_item_outline_color:var(--sapContent_FocusColor);--_ui5_product_switch_item_outline:var(--_ui5_product_switch_item_outline_width) var(--_ui5_product_switch_item_outline_color) dotted;--_ui5_product_switch_item_active_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline_offset:-.1875rem;--_ui5_product_switch_item_outline_offset_positive:.1875rem;--_ui5_TimelineItem_arrow_size:1.625rem;--
|
|
1
|
+
{"_":{"packageName":"@ui5/webcomponents-fiori","fileName":"themes/sap_belize/parameters-bundle.css","content":":root{--_ui5_bar_base_height:2.75rem;--_ui5_bar_subheader_height:3rem}.sapUiSizeCompact,.ui5-content-density-compact,[data-ui5-compact-size]{--_ui5_bar_base_height:2.5rem;--_ui5_bar_subheader_height:2.25rem}:root{--_ui5_fcl_solid_bg:var(--sapShell_Background);--_ui5_fcl_column_border:none;--_ui5_fcl_decoration_top:linear-gradient(0deg,var(--sapHighlightColor),#f3f4f5);--_ui5_fcl_decoration_bottom:linear-gradient(180deg,var(--sapHighlightColor),#f3f4f5);--sapIllus_BrandColorPrimary:var(--sapContent_Illustrative_Color1);--sapIllus_BrandColorSecondary:var(--sapContent_Illustrative_Color2);--sapIllus_StrokeDetailColor:var(--sapContent_Illustrative_Color4);--sapIllus_Layering1:var(--sapContent_Illustrative_Color5);--sapIllus_Layering2:var(--sapContent_Illustrative_Color6);--sapIllus_BackgroundColor:var(--sapContent_Illustrative_Color7);--sapIllus_ObjectFillColor:var(--sapContent_Illustrative_Color8);--sapIllus_AccentColor:var(--sapContent_Illustrative_Color3);--sapIllus_NoColor:none;--sapIllus_PatternShadow:url(#sapIllus_PatternShadow);--sapIllus_PatternHighlight:url(#sapIllus_PatternHighlight);--_ui5_page_list_bg:var(--sapGroup_ContentBackground);--_ui5_product_switch_item_width:11.25rem;--_ui5_product_switch_item_height:7rem;--_ui5_product_switch_item_outline_width:.0625rem;--_ui5_product_switch_item_outline_color:var(--sapContent_FocusColor);--_ui5_product_switch_item_outline:var(--_ui5_product_switch_item_outline_width) var(--_ui5_product_switch_item_outline_color) dotted;--_ui5_product_switch_item_active_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline_offset:-.1875rem;--_ui5_product_switch_item_outline_offset_positive:.1875rem;--_ui5_shellbar_logo_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_shellbar_logo_outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);--_ui5_shellbar_outline_offset:-0.0625rem;--_ui5_shellbar_button_box_shadow:none;--_ui5_shellbar_button_active_color:var(--sapShell_Active_TextColor);--_ui5_shellbar_logo_outline_border_radius:0;--_ui5_shellbar_copilot_stop_color1:#c0d9f2;--_ui5_shellbar_copilot_stop_color2:#fff;--_ui5_TimelineItem_arrow_size:1.625rem;--_ui5_TimelineItem_bubble_border_width:0.0625rem;--_ui5_TimelineItem_bubble_border_style:dotted;--_ui5_TimelineItem_bubble_border_radius:0;--_ui5_TimelineItem_bubble_border_top:-0.125rem;--_ui5_TimelineItem_bubble_border_right:-0.125rem;--_ui5_TimelineItem_bubble_border_bottom:-0.125rem;--_ui5_TimelineItem_bubble_border_left:-0.625rem;--_ui5_TimelineItem_bubble_rtl_left_offset:-0.125rem;--_ui5_TimelineItem_bubble_rtl_right_offset:-0.625rem;--ui5_upload_collection_drag_overlay_border:0.125rem dashed var(--sapContent_ForegroundBorderColor);--ui5_upload_collection_drop_overlay_border:0.125rem solid var(--sapContent_DragAndDropActiveColor);--ui5_upload_collection_drop_overlay_background:transparent;--_ui5_wiz_tab_focus_outline:1px dotted var(--sapContent_FocusColor);--_ui5_wiz_tab_selected_bg:var(--sapSelectedColor);--_ui5_wiz_tab_border:1px solid var(--sapSelectedColor);--_ui5_wiz_tab_selection_line:var(--sapSelectedColor);--_ui5_wiz_tab_icon_color:var(--sapSelectedColor);--_ui5_wiz_tab_active_separator_color:var(--sapSelectedColor);--_ui5_wiz_tab_title_color:var(--sapContent_LabelColor);--_ui5_wiz_tab_title_font_weight:normal;--_ui5_wiz_tab_focus_border_radius:0}"}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"_":":root{--_ui5_bar_base_height:2.75rem;--_ui5_bar_subheader_height:3rem}.sapUiSizeCompact,.ui5-content-density-compact,[data-ui5-compact-size]{--_ui5_bar_base_height:2.5rem;--_ui5_bar_subheader_height:2.25rem}:root{--_ui5_fcl_solid_bg:var(--sapBackgroundColor);--_ui5_fcl_column_border:solid 0.0625rem var(--sapGroup_ContentBorderColor);--_ui5_fcl_decoration_top:linear-gradient(0deg,var(--sapObjectHeader_BorderColor),#000);--_ui5_fcl_decoration_bottom:linear-gradient(180deg,var(--sapObjectHeader_BorderColor),#000);--sapIllus_BrandColorPrimary:var(--sapContent_Illustrative_Color1);--sapIllus_BrandColorSecondary:var(--sapContent_Illustrative_Color2);--sapIllus_StrokeDetailColor:var(--sapContent_Illustrative_Color4);--sapIllus_Layering1:var(--sapContent_Illustrative_Color5);--sapIllus_Layering2:var(--sapContent_Illustrative_Color6);--sapIllus_BackgroundColor:var(--sapContent_Illustrative_Color7);--sapIllus_ObjectFillColor:var(--sapContent_Illustrative_Color8);--sapIllus_AccentColor:var(--sapContent_Illustrative_Color3);--sapIllus_NoColor:none;--sapIllus_PatternShadow:url(#sapIllus_PatternShadow);--sapIllus_PatternHighlight:url(#sapIllus_PatternHighlight);--_ui5_page_list_bg:var(--sapBackgroundColor);--_ui5_product_switch_item_width:11.25rem;--_ui5_product_switch_item_height:7rem;--_ui5_product_switch_item_outline_width:.0625rem;--_ui5_product_switch_item_outline_color:var(--sapContent_FocusColor);--_ui5_product_switch_item_active_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline_offset:-.1875rem;--_ui5_product_switch_item_outline_offset_positive:.1875rem;--_ui5_product_switch_item_outline_width:.125rem;--_ui5_product_switch_item_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline:var(--_ui5_product_switch_item_outline_width) var(--_ui5_product_switch_item_outline_color) dotted;--_ui5_product_switch_item_outline_offset:-.25rem;--_ui5_TimelineItem_arrow_size:1.625rem;--
|
|
1
|
+
{"_":{"packageName":"@ui5/webcomponents-fiori","fileName":"themes/sap_belize_hcb/parameters-bundle.css","content":":root{--_ui5_bar_base_height:2.75rem;--_ui5_bar_subheader_height:3rem}.sapUiSizeCompact,.ui5-content-density-compact,[data-ui5-compact-size]{--_ui5_bar_base_height:2.5rem;--_ui5_bar_subheader_height:2.25rem}:root{--_ui5_fcl_solid_bg:var(--sapBackgroundColor);--_ui5_fcl_column_border:solid 0.0625rem var(--sapGroup_ContentBorderColor);--_ui5_fcl_decoration_top:linear-gradient(0deg,var(--sapObjectHeader_BorderColor),#000);--_ui5_fcl_decoration_bottom:linear-gradient(180deg,var(--sapObjectHeader_BorderColor),#000);--sapIllus_BrandColorPrimary:var(--sapContent_Illustrative_Color1);--sapIllus_BrandColorSecondary:var(--sapContent_Illustrative_Color2);--sapIllus_StrokeDetailColor:var(--sapContent_Illustrative_Color4);--sapIllus_Layering1:var(--sapContent_Illustrative_Color5);--sapIllus_Layering2:var(--sapContent_Illustrative_Color6);--sapIllus_BackgroundColor:var(--sapContent_Illustrative_Color7);--sapIllus_ObjectFillColor:var(--sapContent_Illustrative_Color8);--sapIllus_AccentColor:var(--sapContent_Illustrative_Color3);--sapIllus_NoColor:none;--sapIllus_PatternShadow:url(#sapIllus_PatternShadow);--sapIllus_PatternHighlight:url(#sapIllus_PatternHighlight);--_ui5_page_list_bg:var(--sapBackgroundColor);--_ui5_product_switch_item_width:11.25rem;--_ui5_product_switch_item_height:7rem;--_ui5_product_switch_item_outline_width:.0625rem;--_ui5_product_switch_item_outline_color:var(--sapContent_FocusColor);--_ui5_product_switch_item_active_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline_offset:-.1875rem;--_ui5_product_switch_item_outline_offset_positive:.1875rem;--_ui5_product_switch_item_outline_width:.125rem;--_ui5_product_switch_item_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline:var(--_ui5_product_switch_item_outline_width) var(--_ui5_product_switch_item_outline_color) dotted;--_ui5_product_switch_item_outline_offset:-.25rem;--_ui5_shellbar_logo_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_shellbar_logo_outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);--_ui5_shellbar_outline_offset:-0.0625rem;--_ui5_shellbar_button_box_shadow:none;--_ui5_shellbar_button_active_color:var(--sapShell_Active_TextColor);--_ui5_shellbar_logo_outline_border_radius:0;--_ui5_shellbar_copilot_stop_color1:#c0d9f2;--_ui5_shellbar_copilot_stop_color2:#fff;--_ui5_TimelineItem_arrow_size:1.625rem;--_ui5_TimelineItem_bubble_border_width:0.0625rem;--_ui5_TimelineItem_bubble_border_style:dotted;--_ui5_TimelineItem_bubble_border_radius:0;--_ui5_TimelineItem_bubble_border_top:-0.125rem;--_ui5_TimelineItem_bubble_border_right:-0.125rem;--_ui5_TimelineItem_bubble_border_bottom:-0.125rem;--_ui5_TimelineItem_bubble_border_left:-0.625rem;--_ui5_TimelineItem_bubble_rtl_left_offset:-0.125rem;--_ui5_TimelineItem_bubble_rtl_right_offset:-0.625rem;--_ui5_TimelineItem_bubble_outline_width:0.125rem;--_ui5_TimelineItem_bubble_outline_top:-0.1875rem;--_ui5_TimelineItem_bubble_outline_right:-0.1875rem;--_ui5_TimelineItem_bubble_outline_bottom:-0.1875rem;--_ui5_TimelineItem_bubble_outline_left:-0.6875rem;--_ui5_TimelineItem_bubble_rtl_left_offset:-0.1875rem;--_ui5_TimelineItem_bubble_rtl_right_offset:-0.6875rem;--ui5_upload_collection_drag_overlay_border:0.125rem dashed var(--sapContent_ForegroundBorderColor);--ui5_upload_collection_drop_overlay_border:0.125rem solid var(--sapContent_DragAndDropActiveColor);--ui5_upload_collection_drag_overlay_border:0.1875rem dashed var(--sapContent_ForegroundBorderColor);--ui5_upload_collection_drop_overlay_border:0.1875rem solid var(--sapContent_HelpColor);--ui5_upload_collection_drop_overlay_background:transparent;--_ui5_wiz_tab_focus_outline:1px dotted var(--sapContent_FocusColor);--_ui5_wiz_tab_selected_bg:var(--sapSelectedColor);--_ui5_wiz_tab_border:1px solid var(--sapSelectedColor);--_ui5_wiz_tab_selection_line:var(--sapSelectedColor);--_ui5_wiz_tab_icon_color:var(--sapSelectedColor);--_ui5_wiz_tab_active_separator_color:var(--sapSelectedColor);--_ui5_wiz_tab_title_color:var(--sapContent_LabelColor);--_ui5_wiz_tab_title_font_weight:normal;--_ui5_wiz_tab_focus_border_radius:0;--_ui5_wiz_tab_focus_outline:0.125rem dotted var(--sapContent_FocusColor);--_ui5_wiz_tab_selection_line:var(--sapTextColor);--_ui5_wiz_tab_border:1px solid var(--sapTextColor);--_ui5_wiz_tab_icon_color:var(--sapTextColor);--_ui5_wiz_tab_active_separator_color:var(--sapTextColor)}"}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"_":":root{--_ui5_bar_base_height:2.75rem;--_ui5_bar_subheader_height:3rem}.sapUiSizeCompact,.ui5-content-density-compact,[data-ui5-compact-size]{--_ui5_bar_base_height:2.5rem;--_ui5_bar_subheader_height:2.25rem}:root{--_ui5_fcl_solid_bg:var(--sapBackgroundColor);--_ui5_fcl_column_border:solid 0.0625rem var(--sapGroup_ContentBorderColor);--_ui5_fcl_decoration_top:linear-gradient(0deg,var(--sapObjectHeader_BorderColor),#fff);--_ui5_fcl_decoration_bottom:linear-gradient(180deg,var(--sapObjectHeader_BorderColor),#fff);--sapIllus_BrandColorPrimary:var(--sapContent_Illustrative_Color1);--sapIllus_BrandColorSecondary:var(--sapContent_Illustrative_Color2);--sapIllus_StrokeDetailColor:var(--sapContent_Illustrative_Color4);--sapIllus_Layering1:var(--sapContent_Illustrative_Color5);--sapIllus_Layering2:var(--sapContent_Illustrative_Color6);--sapIllus_BackgroundColor:var(--sapContent_Illustrative_Color7);--sapIllus_ObjectFillColor:var(--sapContent_Illustrative_Color8);--sapIllus_AccentColor:var(--sapContent_Illustrative_Color3);--sapIllus_NoColor:none;--sapIllus_PatternShadow:url(#sapIllus_PatternShadow);--sapIllus_PatternHighlight:url(#sapIllus_PatternHighlight);--_ui5_page_list_bg:var(--sapBackgroundColor);--_ui5_product_switch_item_width:11.25rem;--_ui5_product_switch_item_height:7rem;--_ui5_product_switch_item_outline_width:.0625rem;--_ui5_product_switch_item_outline_color:var(--sapContent_FocusColor);--_ui5_product_switch_item_active_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline_offset:-.1875rem;--_ui5_product_switch_item_outline_offset_positive:.1875rem;--_ui5_product_switch_item_outline_width:.125rem;--_ui5_product_switch_item_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline:var(--_ui5_product_switch_item_outline_width) var(--_ui5_product_switch_item_outline_color) dotted;--_ui5_product_switch_item_outline_offset:-.25rem;--_ui5_TimelineItem_arrow_size:1.625rem;--
|
|
1
|
+
{"_":{"packageName":"@ui5/webcomponents-fiori","fileName":"themes/sap_belize_hcw/parameters-bundle.css","content":":root{--_ui5_bar_base_height:2.75rem;--_ui5_bar_subheader_height:3rem}.sapUiSizeCompact,.ui5-content-density-compact,[data-ui5-compact-size]{--_ui5_bar_base_height:2.5rem;--_ui5_bar_subheader_height:2.25rem}:root{--_ui5_fcl_solid_bg:var(--sapBackgroundColor);--_ui5_fcl_column_border:solid 0.0625rem var(--sapGroup_ContentBorderColor);--_ui5_fcl_decoration_top:linear-gradient(0deg,var(--sapObjectHeader_BorderColor),#fff);--_ui5_fcl_decoration_bottom:linear-gradient(180deg,var(--sapObjectHeader_BorderColor),#fff);--sapIllus_BrandColorPrimary:var(--sapContent_Illustrative_Color1);--sapIllus_BrandColorSecondary:var(--sapContent_Illustrative_Color2);--sapIllus_StrokeDetailColor:var(--sapContent_Illustrative_Color4);--sapIllus_Layering1:var(--sapContent_Illustrative_Color5);--sapIllus_Layering2:var(--sapContent_Illustrative_Color6);--sapIllus_BackgroundColor:var(--sapContent_Illustrative_Color7);--sapIllus_ObjectFillColor:var(--sapContent_Illustrative_Color8);--sapIllus_AccentColor:var(--sapContent_Illustrative_Color3);--sapIllus_NoColor:none;--sapIllus_PatternShadow:url(#sapIllus_PatternShadow);--sapIllus_PatternHighlight:url(#sapIllus_PatternHighlight);--_ui5_page_list_bg:var(--sapBackgroundColor);--_ui5_product_switch_item_width:11.25rem;--_ui5_product_switch_item_height:7rem;--_ui5_product_switch_item_outline_width:.0625rem;--_ui5_product_switch_item_outline_color:var(--sapContent_FocusColor);--_ui5_product_switch_item_active_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline_offset:-.1875rem;--_ui5_product_switch_item_outline_offset_positive:.1875rem;--_ui5_product_switch_item_outline_width:.125rem;--_ui5_product_switch_item_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline:var(--_ui5_product_switch_item_outline_width) var(--_ui5_product_switch_item_outline_color) dotted;--_ui5_product_switch_item_outline_offset:-.25rem;--_ui5_shellbar_logo_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_shellbar_logo_outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);--_ui5_shellbar_outline_offset:-0.0625rem;--_ui5_shellbar_button_box_shadow:none;--_ui5_shellbar_button_active_color:var(--sapShell_Active_TextColor);--_ui5_shellbar_logo_outline_border_radius:0;--_ui5_shellbar_copilot_stop_color1:#c0d9f2;--_ui5_shellbar_copilot_stop_color2:#fff;--_ui5_TimelineItem_arrow_size:1.625rem;--_ui5_TimelineItem_bubble_border_width:0.0625rem;--_ui5_TimelineItem_bubble_border_style:dotted;--_ui5_TimelineItem_bubble_border_radius:0;--_ui5_TimelineItem_bubble_border_top:-0.125rem;--_ui5_TimelineItem_bubble_border_right:-0.125rem;--_ui5_TimelineItem_bubble_border_bottom:-0.125rem;--_ui5_TimelineItem_bubble_border_left:-0.625rem;--_ui5_TimelineItem_bubble_rtl_left_offset:-0.125rem;--_ui5_TimelineItem_bubble_rtl_right_offset:-0.625rem;--_ui5_TimelineItem_bubble_outline_width:0.125rem;--_ui5_TimelineItem_bubble_outline_top:-0.1875rem;--_ui5_TimelineItem_bubble_outline_right:-0.1875rem;--_ui5_TimelineItem_bubble_outline_bottom:-0.1875rem;--_ui5_TimelineItem_bubble_outline_left:-0.6875rem;--_ui5_TimelineItem_bubble_rtl_left_offset:-0.1875rem;--_ui5_TimelineItem_bubble_rtl_right_offset:-0.6875rem;--ui5_upload_collection_drag_overlay_border:0.125rem dashed var(--sapContent_ForegroundBorderColor);--ui5_upload_collection_drop_overlay_border:0.125rem solid var(--sapContent_DragAndDropActiveColor);--ui5_upload_collection_drop_overlay_background:transparent;--ui5_upload_collection_drag_overlay_border:0.1875rem dashed var(--sapContent_ForegroundBorderColor);--ui5_upload_collection_drop_overlay_border:0.1875rem solid var(--sapContent_HelpColor);--_ui5_wiz_tab_focus_outline:1px dotted var(--sapContent_FocusColor);--_ui5_wiz_tab_selected_bg:var(--sapSelectedColor);--_ui5_wiz_tab_border:1px solid var(--sapSelectedColor);--_ui5_wiz_tab_selection_line:var(--sapSelectedColor);--_ui5_wiz_tab_icon_color:var(--sapSelectedColor);--_ui5_wiz_tab_active_separator_color:var(--sapSelectedColor);--_ui5_wiz_tab_title_color:var(--sapContent_LabelColor);--_ui5_wiz_tab_title_font_weight:normal;--_ui5_wiz_tab_focus_border_radius:0;--_ui5_wiz_tab_focus_outline:0.125rem dotted var(--sapContent_FocusColor);--_ui5_wiz_tab_selection_line:var(--sapTextColor);--_ui5_wiz_tab_border:1px solid var(--sapTextColor);--_ui5_wiz_tab_icon_color:var(--sapTextColor)}"}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"_":":root{--_ui5_bar_base_height:2.75rem;--_ui5_bar_subheader_height:3rem}.sapUiSizeCompact,.ui5-content-density-compact,[data-ui5-compact-size]{--_ui5_bar_base_height:2.5rem;--_ui5_bar_subheader_height:2.25rem}:root{--_ui5_fcl_solid_bg:var(--sapShell_Background);--_ui5_fcl_column_border:none;--_ui5_fcl_decoration_top:linear-gradient(0deg,var(--sapHighlightColor),#f3f4f5);--_ui5_fcl_decoration_bottom:linear-gradient(180deg,var(--sapHighlightColor),#f3f4f5);--sapIllus_BrandColorPrimary:var(--sapContent_Illustrative_Color1);--sapIllus_BrandColorSecondary:var(--sapContent_Illustrative_Color2);--sapIllus_StrokeDetailColor:var(--sapContent_Illustrative_Color4);--sapIllus_Layering1:var(--sapContent_Illustrative_Color5);--sapIllus_Layering2:var(--sapContent_Illustrative_Color6);--sapIllus_BackgroundColor:var(--sapContent_Illustrative_Color7);--sapIllus_ObjectFillColor:var(--sapContent_Illustrative_Color8);--sapIllus_AccentColor:var(--sapContent_Illustrative_Color3);--sapIllus_NoColor:none;--sapIllus_PatternShadow:url(#sapIllus_PatternShadow);--sapIllus_PatternHighlight:url(#sapIllus_PatternHighlight);--_ui5_page_list_bg:var(--sapGroup_ContentBackground);--_ui5_product_switch_item_width:11.25rem;--_ui5_product_switch_item_height:7rem;--_ui5_product_switch_item_outline_width:.0625rem;--_ui5_product_switch_item_outline_color:var(--sapContent_FocusColor);--_ui5_product_switch_item_outline:var(--_ui5_product_switch_item_outline_width) var(--_ui5_product_switch_item_outline_color) dotted;--_ui5_product_switch_item_active_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline_offset:-.1875rem;--_ui5_product_switch_item_outline_offset_positive:.1875rem;--_ui5_TimelineItem_arrow_size:1.625rem;--
|
|
1
|
+
{"_":{"packageName":"@ui5/webcomponents-fiori","fileName":"themes/sap_fiori_3/parameters-bundle.css","content":":root{--_ui5_bar_base_height:2.75rem;--_ui5_bar_subheader_height:3rem}.sapUiSizeCompact,.ui5-content-density-compact,[data-ui5-compact-size]{--_ui5_bar_base_height:2.5rem;--_ui5_bar_subheader_height:2.25rem}:root{--_ui5_fcl_solid_bg:var(--sapShell_Background);--_ui5_fcl_column_border:none;--_ui5_fcl_decoration_top:linear-gradient(0deg,var(--sapHighlightColor),#f3f4f5);--_ui5_fcl_decoration_bottom:linear-gradient(180deg,var(--sapHighlightColor),#f3f4f5);--sapIllus_BrandColorPrimary:var(--sapContent_Illustrative_Color1);--sapIllus_BrandColorSecondary:var(--sapContent_Illustrative_Color2);--sapIllus_StrokeDetailColor:var(--sapContent_Illustrative_Color4);--sapIllus_Layering1:var(--sapContent_Illustrative_Color5);--sapIllus_Layering2:var(--sapContent_Illustrative_Color6);--sapIllus_BackgroundColor:var(--sapContent_Illustrative_Color7);--sapIllus_ObjectFillColor:var(--sapContent_Illustrative_Color8);--sapIllus_AccentColor:var(--sapContent_Illustrative_Color3);--sapIllus_NoColor:none;--sapIllus_PatternShadow:url(#sapIllus_PatternShadow);--sapIllus_PatternHighlight:url(#sapIllus_PatternHighlight);--_ui5_page_list_bg:var(--sapGroup_ContentBackground);--_ui5_product_switch_item_width:11.25rem;--_ui5_product_switch_item_height:7rem;--_ui5_product_switch_item_outline_width:.0625rem;--_ui5_product_switch_item_outline_color:var(--sapContent_FocusColor);--_ui5_product_switch_item_outline:var(--_ui5_product_switch_item_outline_width) var(--_ui5_product_switch_item_outline_color) dotted;--_ui5_product_switch_item_active_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline_offset:-.1875rem;--_ui5_product_switch_item_outline_offset_positive:.1875rem;--_ui5_shellbar_logo_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_shellbar_logo_outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);--_ui5_shellbar_outline_offset:-0.0625rem;--_ui5_shellbar_button_box_shadow:none;--_ui5_shellbar_button_active_color:var(--sapShell_Active_TextColor);--_ui5_shellbar_logo_outline_border_radius:0;--_ui5_shellbar_copilot_stop_color1:#c0d9f2;--_ui5_shellbar_copilot_stop_color2:#fff;--_ui5_TimelineItem_arrow_size:1.625rem;--_ui5_TimelineItem_bubble_border_width:0.0625rem;--_ui5_TimelineItem_bubble_border_style:dotted;--_ui5_TimelineItem_bubble_border_radius:0;--_ui5_TimelineItem_bubble_border_top:-0.125rem;--_ui5_TimelineItem_bubble_border_right:-0.125rem;--_ui5_TimelineItem_bubble_border_bottom:-0.125rem;--_ui5_TimelineItem_bubble_border_left:-0.625rem;--_ui5_TimelineItem_bubble_rtl_left_offset:-0.125rem;--_ui5_TimelineItem_bubble_rtl_right_offset:-0.625rem;--ui5_upload_collection_drag_overlay_border:0.125rem dashed var(--sapContent_ForegroundBorderColor);--ui5_upload_collection_drop_overlay_border:0.125rem solid var(--sapContent_DragAndDropActiveColor);--ui5_upload_collection_drop_overlay_background:transparent;--_ui5_wiz_tab_focus_outline:1px dotted var(--sapContent_FocusColor);--_ui5_wiz_tab_selected_bg:var(--sapSelectedColor);--_ui5_wiz_tab_border:1px solid var(--sapSelectedColor);--_ui5_wiz_tab_selection_line:var(--sapSelectedColor);--_ui5_wiz_tab_icon_color:var(--sapSelectedColor);--_ui5_wiz_tab_active_separator_color:var(--sapSelectedColor);--_ui5_wiz_tab_title_color:var(--sapContent_LabelColor);--_ui5_wiz_tab_title_font_weight:normal;--_ui5_wiz_tab_focus_border_radius:0}"}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"_":":root{--_ui5_bar_base_height:2.75rem;--_ui5_bar_subheader_height:3rem}.sapUiSizeCompact,.ui5-content-density-compact,[data-ui5-compact-size]{--_ui5_bar_base_height:2.5rem;--_ui5_bar_subheader_height:2.25rem}:root{--_ui5_fcl_solid_bg:var(--sapShell_Background);--_ui5_fcl_column_border:none;--_ui5_fcl_decoration_top:linear-gradient(0deg,var(--sapHighlightColor),#272f37);--_ui5_fcl_decoration_bottom:linear-gradient(180deg,var(--sapHighlightColor),#272f37);--sapIllus_BrandColorPrimary:var(--sapContent_Illustrative_Color1);--sapIllus_BrandColorSecondary:var(--sapContent_Illustrative_Color2);--sapIllus_StrokeDetailColor:var(--sapContent_Illustrative_Color4);--sapIllus_Layering1:var(--sapContent_Illustrative_Color5);--sapIllus_Layering2:var(--sapContent_Illustrative_Color6);--sapIllus_BackgroundColor:var(--sapContent_Illustrative_Color7);--sapIllus_ObjectFillColor:var(--sapContent_Illustrative_Color8);--sapIllus_AccentColor:var(--sapContent_Illustrative_Color3);--sapIllus_NoColor:none;--sapIllus_PatternShadow:url(#sapIllus_PatternShadow);--sapIllus_PatternHighlight:url(#sapIllus_PatternHighlight);--_ui5_page_list_bg:var(--sapGroup_ContentBackground);--_ui5_product_switch_item_width:11.25rem;--_ui5_product_switch_item_height:7rem;--_ui5_product_switch_item_outline_width:.0625rem;--_ui5_product_switch_item_outline_color:var(--sapContent_FocusColor);--_ui5_product_switch_item_outline:var(--_ui5_product_switch_item_outline_width) var(--_ui5_product_switch_item_outline_color) dotted;--_ui5_product_switch_item_active_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline_offset:-.1875rem;--_ui5_product_switch_item_outline_offset_positive:.1875rem;--_ui5_TimelineItem_arrow_size:1.625rem;--
|
|
1
|
+
{"_":{"packageName":"@ui5/webcomponents-fiori","fileName":"themes/sap_fiori_3_dark/parameters-bundle.css","content":":root{--_ui5_bar_base_height:2.75rem;--_ui5_bar_subheader_height:3rem}.sapUiSizeCompact,.ui5-content-density-compact,[data-ui5-compact-size]{--_ui5_bar_base_height:2.5rem;--_ui5_bar_subheader_height:2.25rem}:root{--_ui5_fcl_solid_bg:var(--sapShell_Background);--_ui5_fcl_column_border:none;--_ui5_fcl_decoration_top:linear-gradient(0deg,var(--sapHighlightColor),#272f37);--_ui5_fcl_decoration_bottom:linear-gradient(180deg,var(--sapHighlightColor),#272f37);--sapIllus_BrandColorPrimary:var(--sapContent_Illustrative_Color1);--sapIllus_BrandColorSecondary:var(--sapContent_Illustrative_Color2);--sapIllus_StrokeDetailColor:var(--sapContent_Illustrative_Color4);--sapIllus_Layering1:var(--sapContent_Illustrative_Color5);--sapIllus_Layering2:var(--sapContent_Illustrative_Color6);--sapIllus_BackgroundColor:var(--sapContent_Illustrative_Color7);--sapIllus_ObjectFillColor:var(--sapContent_Illustrative_Color8);--sapIllus_AccentColor:var(--sapContent_Illustrative_Color3);--sapIllus_NoColor:none;--sapIllus_PatternShadow:url(#sapIllus_PatternShadow);--sapIllus_PatternHighlight:url(#sapIllus_PatternHighlight);--_ui5_page_list_bg:var(--sapGroup_ContentBackground);--_ui5_product_switch_item_width:11.25rem;--_ui5_product_switch_item_height:7rem;--_ui5_product_switch_item_outline_width:.0625rem;--_ui5_product_switch_item_outline_color:var(--sapContent_FocusColor);--_ui5_product_switch_item_outline:var(--_ui5_product_switch_item_outline_width) var(--_ui5_product_switch_item_outline_color) dotted;--_ui5_product_switch_item_active_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline_offset:-.1875rem;--_ui5_product_switch_item_outline_offset_positive:.1875rem;--_ui5_shellbar_logo_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_shellbar_logo_outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);--_ui5_shellbar_outline_offset:-0.0625rem;--_ui5_shellbar_button_box_shadow:none;--_ui5_shellbar_button_active_color:var(--sapShell_Active_TextColor);--_ui5_shellbar_logo_outline_border_radius:0;--_ui5_shellbar_copilot_stop_color1:#c0d9f2;--_ui5_shellbar_copilot_stop_color2:#fff;--_ui5_TimelineItem_arrow_size:1.625rem;--_ui5_TimelineItem_bubble_border_width:0.0625rem;--_ui5_TimelineItem_bubble_border_style:dotted;--_ui5_TimelineItem_bubble_border_radius:0;--_ui5_TimelineItem_bubble_border_top:-0.125rem;--_ui5_TimelineItem_bubble_border_right:-0.125rem;--_ui5_TimelineItem_bubble_border_bottom:-0.125rem;--_ui5_TimelineItem_bubble_border_left:-0.625rem;--_ui5_TimelineItem_bubble_rtl_left_offset:-0.125rem;--_ui5_TimelineItem_bubble_rtl_right_offset:-0.625rem;--ui5_upload_collection_drag_overlay_border:0.125rem dashed var(--sapContent_ForegroundBorderColor);--ui5_upload_collection_drop_overlay_border:0.125rem solid var(--sapContent_DragAndDropActiveColor);--ui5_upload_collection_drop_overlay_background:transparent;--_ui5_wiz_tab_focus_outline:1px dotted var(--sapContent_FocusColor);--_ui5_wiz_tab_selected_bg:var(--sapSelectedColor);--_ui5_wiz_tab_border:1px solid var(--sapSelectedColor);--_ui5_wiz_tab_selection_line:var(--sapSelectedColor);--_ui5_wiz_tab_icon_color:var(--sapSelectedColor);--_ui5_wiz_tab_active_separator_color:var(--sapSelectedColor);--_ui5_wiz_tab_title_color:var(--sapContent_LabelColor);--_ui5_wiz_tab_title_font_weight:normal;--_ui5_wiz_tab_focus_border_radius:0}"}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"_":":root{--_ui5_bar_base_height:2.75rem;--_ui5_bar_subheader_height:3rem}.sapUiSizeCompact,.ui5-content-density-compact,[data-ui5-compact-size]{--_ui5_bar_base_height:2.5rem;--_ui5_bar_subheader_height:2.25rem}:root{--_ui5_fcl_solid_bg:var(--sapBackgroundColor);--_ui5_fcl_column_border:solid 0.0625rem var(--sapGroup_ContentBorderColor);--_ui5_fcl_decoration_top:linear-gradient(0deg,var(--sapObjectHeader_BorderColor),#000);--_ui5_fcl_decoration_bottom:linear-gradient(180deg,var(--sapObjectHeader_BorderColor),#000);--sapIllus_BrandColorPrimary:var(--sapContent_Illustrative_Color1);--sapIllus_BrandColorSecondary:var(--sapContent_Illustrative_Color2);--sapIllus_StrokeDetailColor:var(--sapContent_Illustrative_Color4);--sapIllus_Layering1:var(--sapContent_Illustrative_Color5);--sapIllus_Layering2:var(--sapContent_Illustrative_Color6);--sapIllus_BackgroundColor:var(--sapContent_Illustrative_Color7);--sapIllus_ObjectFillColor:var(--sapContent_Illustrative_Color8);--sapIllus_AccentColor:var(--sapContent_Illustrative_Color3);--sapIllus_NoColor:none;--sapIllus_PatternShadow:url(#sapIllus_PatternShadow);--sapIllus_PatternHighlight:url(#sapIllus_PatternHighlight);--_ui5_page_list_bg:var(--sapBackgroundColor);--_ui5_product_switch_item_width:11.25rem;--_ui5_product_switch_item_height:7rem;--_ui5_product_switch_item_outline_width:.0625rem;--_ui5_product_switch_item_outline_color:var(--sapContent_FocusColor);--_ui5_product_switch_item_active_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline_offset:-.1875rem;--_ui5_product_switch_item_outline_offset_positive:.1875rem;--_ui5_product_switch_item_outline_width:.125rem;--_ui5_product_switch_item_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline:var(--_ui5_product_switch_item_outline_width) var(--_ui5_product_switch_item_outline_color) dotted;--_ui5_product_switch_item_outline_offset:-.25rem;--_ui5_product_switch_item_border:1px solid var(--sapField_BorderColor);--_ui5_TimelineItem_arrow_size:1.625rem;--
|
|
1
|
+
{"_":{"packageName":"@ui5/webcomponents-fiori","fileName":"themes/sap_fiori_3_hcb/parameters-bundle.css","content":":root{--_ui5_bar_base_height:2.75rem;--_ui5_bar_subheader_height:3rem}.sapUiSizeCompact,.ui5-content-density-compact,[data-ui5-compact-size]{--_ui5_bar_base_height:2.5rem;--_ui5_bar_subheader_height:2.25rem}:root{--_ui5_fcl_solid_bg:var(--sapBackgroundColor);--_ui5_fcl_column_border:solid 0.0625rem var(--sapGroup_ContentBorderColor);--_ui5_fcl_decoration_top:linear-gradient(0deg,var(--sapObjectHeader_BorderColor),#000);--_ui5_fcl_decoration_bottom:linear-gradient(180deg,var(--sapObjectHeader_BorderColor),#000);--sapIllus_BrandColorPrimary:var(--sapContent_Illustrative_Color1);--sapIllus_BrandColorSecondary:var(--sapContent_Illustrative_Color2);--sapIllus_StrokeDetailColor:var(--sapContent_Illustrative_Color4);--sapIllus_Layering1:var(--sapContent_Illustrative_Color5);--sapIllus_Layering2:var(--sapContent_Illustrative_Color6);--sapIllus_BackgroundColor:var(--sapContent_Illustrative_Color7);--sapIllus_ObjectFillColor:var(--sapContent_Illustrative_Color8);--sapIllus_AccentColor:var(--sapContent_Illustrative_Color3);--sapIllus_NoColor:none;--sapIllus_PatternShadow:url(#sapIllus_PatternShadow);--sapIllus_PatternHighlight:url(#sapIllus_PatternHighlight);--_ui5_page_list_bg:var(--sapBackgroundColor);--_ui5_product_switch_item_width:11.25rem;--_ui5_product_switch_item_height:7rem;--_ui5_product_switch_item_outline_width:.0625rem;--_ui5_product_switch_item_outline_color:var(--sapContent_FocusColor);--_ui5_product_switch_item_active_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline_offset:-.1875rem;--_ui5_product_switch_item_outline_offset_positive:.1875rem;--_ui5_product_switch_item_outline_width:.125rem;--_ui5_product_switch_item_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline:var(--_ui5_product_switch_item_outline_width) var(--_ui5_product_switch_item_outline_color) dotted;--_ui5_product_switch_item_outline_offset:-.25rem;--_ui5_product_switch_item_border:1px solid var(--sapField_BorderColor);--_ui5_shellbar_logo_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_shellbar_logo_outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);--_ui5_shellbar_outline_offset:-0.0625rem;--_ui5_shellbar_button_box_shadow:none;--_ui5_shellbar_button_active_color:var(--sapShell_Active_TextColor);--_ui5_shellbar_logo_outline_border_radius:0;--_ui5_shellbar_copilot_stop_color1:#c0d9f2;--_ui5_shellbar_copilot_stop_color2:#fff;--_ui5_TimelineItem_arrow_size:1.625rem;--_ui5_TimelineItem_bubble_border_width:0.0625rem;--_ui5_TimelineItem_bubble_border_style:dotted;--_ui5_TimelineItem_bubble_border_radius:0;--_ui5_TimelineItem_bubble_border_top:-0.125rem;--_ui5_TimelineItem_bubble_border_right:-0.125rem;--_ui5_TimelineItem_bubble_border_bottom:-0.125rem;--_ui5_TimelineItem_bubble_border_left:-0.625rem;--_ui5_TimelineItem_bubble_rtl_left_offset:-0.125rem;--_ui5_TimelineItem_bubble_rtl_right_offset:-0.625rem;--_ui5_TimelineItem_bubble_outline_width:0.125rem;--_ui5_TimelineItem_bubble_outline_top:-0.1875rem;--_ui5_TimelineItem_bubble_outline_right:-0.1875rem;--_ui5_TimelineItem_bubble_outline_bottom:-0.1875rem;--_ui5_TimelineItem_bubble_outline_left:-0.6875rem;--_ui5_TimelineItem_bubble_rtl_left_offset:-0.1875rem;--_ui5_TimelineItem_bubble_rtl_right_offset:-0.6875rem;--ui5_upload_collection_drag_overlay_border:0.125rem dashed var(--sapContent_ForegroundBorderColor);--ui5_upload_collection_drop_overlay_border:0.125rem solid var(--sapContent_DragAndDropActiveColor);--ui5_upload_collection_drag_overlay_border:0.1875rem dashed var(--sapContent_ForegroundBorderColor);--ui5_upload_collection_drop_overlay_border:0.1875rem solid var(--sapContent_HelpColor);--ui5_upload_collection_drop_overlay_background:transparent;--ui5_upload_collection_progress_indicator_background:var(--sapHighlightColor);--ui5_upload_collection_progress_indicator_error_background:var(--sapHighlightColor);--_ui5_wiz_tab_focus_outline:1px dotted var(--sapContent_FocusColor);--_ui5_wiz_tab_selected_bg:var(--sapSelectedColor);--_ui5_wiz_tab_border:1px solid var(--sapSelectedColor);--_ui5_wiz_tab_selection_line:var(--sapSelectedColor);--_ui5_wiz_tab_icon_color:var(--sapSelectedColor);--_ui5_wiz_tab_active_separator_color:var(--sapSelectedColor);--_ui5_wiz_tab_title_color:var(--sapContent_LabelColor);--_ui5_wiz_tab_title_font_weight:normal;--_ui5_wiz_tab_focus_border_radius:0;--_ui5_wiz_tab_focus_outline:0.125rem dotted var(--sapContent_FocusColor);--_ui5_wiz_tab_selection_line:var(--sapTextColor);--_ui5_wiz_tab_border:1px solid var(--sapTextColor);--_ui5_wiz_tab_icon_color:var(--sapTextColor);--_ui5_wiz_tab_active_separator_color:var(--sapTextColor)}"}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"_":":root{--_ui5_bar_base_height:2.75rem;--_ui5_bar_subheader_height:3rem}.sapUiSizeCompact,.ui5-content-density-compact,[data-ui5-compact-size]{--_ui5_bar_base_height:2.5rem;--_ui5_bar_subheader_height:2.25rem}:root{--_ui5_fcl_solid_bg:var(--sapBackgroundColor);--_ui5_fcl_column_border:solid 0.0625rem var(--sapGroup_ContentBorderColor);--_ui5_fcl_decoration_top:linear-gradient(0deg,var(--sapObjectHeader_BorderColor),#fff);--_ui5_fcl_decoration_bottom:linear-gradient(180deg,var(--sapObjectHeader_BorderColor),#fff);--sapIllus_BrandColorPrimary:var(--sapContent_Illustrative_Color1);--sapIllus_BrandColorSecondary:var(--sapContent_Illustrative_Color2);--sapIllus_StrokeDetailColor:var(--sapContent_Illustrative_Color4);--sapIllus_Layering1:var(--sapContent_Illustrative_Color5);--sapIllus_Layering2:var(--sapContent_Illustrative_Color6);--sapIllus_BackgroundColor:var(--sapContent_Illustrative_Color7);--sapIllus_ObjectFillColor:var(--sapContent_Illustrative_Color8);--sapIllus_AccentColor:var(--sapContent_Illustrative_Color3);--sapIllus_NoColor:none;--sapIllus_PatternShadow:url(#sapIllus_PatternShadow);--sapIllus_PatternHighlight:url(#sapIllus_PatternHighlight);--_ui5_page_list_bg:var(--sapBackgroundColor);--_ui5_product_switch_item_width:11.25rem;--_ui5_product_switch_item_height:7rem;--_ui5_product_switch_item_outline_width:.0625rem;--_ui5_product_switch_item_outline_color:var(--sapContent_FocusColor);--_ui5_product_switch_item_active_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline_offset:-.1875rem;--_ui5_product_switch_item_outline_offset_positive:.1875rem;--_ui5_product_switch_item_outline_width:.125rem;--_ui5_product_switch_item_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline:var(--_ui5_product_switch_item_outline_width) var(--_ui5_product_switch_item_outline_color) dotted;--_ui5_product_switch_item_outline_offset:-.25rem;--_ui5_product_switch_item_border:1px solid var(--sapField_BorderColor);--_ui5_TimelineItem_arrow_size:1.625rem;--
|
|
1
|
+
{"_":{"packageName":"@ui5/webcomponents-fiori","fileName":"themes/sap_fiori_3_hcw/parameters-bundle.css","content":":root{--_ui5_bar_base_height:2.75rem;--_ui5_bar_subheader_height:3rem}.sapUiSizeCompact,.ui5-content-density-compact,[data-ui5-compact-size]{--_ui5_bar_base_height:2.5rem;--_ui5_bar_subheader_height:2.25rem}:root{--_ui5_fcl_solid_bg:var(--sapBackgroundColor);--_ui5_fcl_column_border:solid 0.0625rem var(--sapGroup_ContentBorderColor);--_ui5_fcl_decoration_top:linear-gradient(0deg,var(--sapObjectHeader_BorderColor),#fff);--_ui5_fcl_decoration_bottom:linear-gradient(180deg,var(--sapObjectHeader_BorderColor),#fff);--sapIllus_BrandColorPrimary:var(--sapContent_Illustrative_Color1);--sapIllus_BrandColorSecondary:var(--sapContent_Illustrative_Color2);--sapIllus_StrokeDetailColor:var(--sapContent_Illustrative_Color4);--sapIllus_Layering1:var(--sapContent_Illustrative_Color5);--sapIllus_Layering2:var(--sapContent_Illustrative_Color6);--sapIllus_BackgroundColor:var(--sapContent_Illustrative_Color7);--sapIllus_ObjectFillColor:var(--sapContent_Illustrative_Color8);--sapIllus_AccentColor:var(--sapContent_Illustrative_Color3);--sapIllus_NoColor:none;--sapIllus_PatternShadow:url(#sapIllus_PatternShadow);--sapIllus_PatternHighlight:url(#sapIllus_PatternHighlight);--_ui5_page_list_bg:var(--sapBackgroundColor);--_ui5_product_switch_item_width:11.25rem;--_ui5_product_switch_item_height:7rem;--_ui5_product_switch_item_outline_width:.0625rem;--_ui5_product_switch_item_outline_color:var(--sapContent_FocusColor);--_ui5_product_switch_item_active_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline_offset:-.1875rem;--_ui5_product_switch_item_outline_offset_positive:.1875rem;--_ui5_product_switch_item_outline_width:.125rem;--_ui5_product_switch_item_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline:var(--_ui5_product_switch_item_outline_width) var(--_ui5_product_switch_item_outline_color) dotted;--_ui5_product_switch_item_outline_offset:-.25rem;--_ui5_product_switch_item_border:1px solid var(--sapField_BorderColor);--_ui5_shellbar_logo_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_shellbar_logo_outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);--_ui5_shellbar_outline_offset:-0.0625rem;--_ui5_shellbar_button_box_shadow:none;--_ui5_shellbar_button_active_color:var(--sapShell_Active_TextColor);--_ui5_shellbar_logo_outline_border_radius:0;--_ui5_shellbar_copilot_stop_color1:#c0d9f2;--_ui5_shellbar_copilot_stop_color2:#fff;--_ui5_TimelineItem_arrow_size:1.625rem;--_ui5_TimelineItem_bubble_border_width:0.0625rem;--_ui5_TimelineItem_bubble_border_style:dotted;--_ui5_TimelineItem_bubble_border_radius:0;--_ui5_TimelineItem_bubble_border_top:-0.125rem;--_ui5_TimelineItem_bubble_border_right:-0.125rem;--_ui5_TimelineItem_bubble_border_bottom:-0.125rem;--_ui5_TimelineItem_bubble_border_left:-0.625rem;--_ui5_TimelineItem_bubble_rtl_left_offset:-0.125rem;--_ui5_TimelineItem_bubble_rtl_right_offset:-0.625rem;--_ui5_TimelineItem_bubble_outline_width:0.125rem;--_ui5_TimelineItem_bubble_outline_top:-0.1875rem;--_ui5_TimelineItem_bubble_outline_right:-0.1875rem;--_ui5_TimelineItem_bubble_outline_bottom:-0.1875rem;--_ui5_TimelineItem_bubble_outline_left:-0.6875rem;--_ui5_TimelineItem_bubble_rtl_left_offset:-0.1875rem;--_ui5_TimelineItem_bubble_rtl_right_offset:-0.6875rem;--ui5_upload_collection_drag_overlay_border:0.125rem dashed var(--sapContent_ForegroundBorderColor);--ui5_upload_collection_drop_overlay_border:0.125rem solid var(--sapContent_DragAndDropActiveColor);--ui5_upload_collection_drop_overlay_background:transparent;--ui5_upload_collection_drag_overlay_border:0.1875rem dashed var(--sapContent_ForegroundBorderColor);--ui5_upload_collection_drop_overlay_border:0.1875rem solid var(--sapContent_HelpColor);--ui5_upload_collection_progress_indicator_background:var(--sapHighlightColor);--ui5_upload_collection_progress_indicator_error_background:var(--sapHighlightColor);--_ui5_wiz_tab_focus_outline:1px dotted var(--sapContent_FocusColor);--_ui5_wiz_tab_selected_bg:var(--sapSelectedColor);--_ui5_wiz_tab_border:1px solid var(--sapSelectedColor);--_ui5_wiz_tab_selection_line:var(--sapSelectedColor);--_ui5_wiz_tab_icon_color:var(--sapSelectedColor);--_ui5_wiz_tab_active_separator_color:var(--sapSelectedColor);--_ui5_wiz_tab_title_color:var(--sapContent_LabelColor);--_ui5_wiz_tab_title_font_weight:normal;--_ui5_wiz_tab_focus_border_radius:0;--_ui5_wiz_tab_focus_outline:0.125rem dotted var(--sapContent_FocusColor);--_ui5_wiz_tab_selection_line:var(--sapTextColor);--_ui5_wiz_tab_border:1px solid var(--sapTextColor);--_ui5_wiz_tab_icon_color:var(--sapTextColor)}"}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"_":":root{--_ui5_bar_base_height:2.75rem;--_ui5_bar_subheader_height:3rem}.sapUiSizeCompact,.ui5-content-density-compact,[data-ui5-compact-size]{--_ui5_bar_base_height:2.5rem;--_ui5_bar_subheader_height:2.25rem}:root{--_ui5_fcl_solid_bg:var(--sapShell_Background);--_ui5_fcl_column_border:none;--_ui5_fcl_decoration_top:linear-gradient(0deg,var(--sapHighlightColor),#f3f4f5);--_ui5_fcl_decoration_bottom:linear-gradient(180deg,var(--sapHighlightColor),#f3f4f5);--sapIllus_BrandColorPrimary:var(--sapContent_Illustrative_Color1);--sapIllus_BrandColorSecondary:var(--sapContent_Illustrative_Color2);--sapIllus_StrokeDetailColor:var(--sapContent_Illustrative_Color4);--sapIllus_Layering1:var(--sapContent_Illustrative_Color5);--sapIllus_Layering2:var(--sapContent_Illustrative_Color6);--sapIllus_BackgroundColor:var(--sapContent_Illustrative_Color7);--sapIllus_ObjectFillColor:var(--sapContent_Illustrative_Color8);--sapIllus_AccentColor:var(--sapContent_Illustrative_Color3);--sapIllus_NoColor:none;--sapIllus_PatternShadow:url(#sapIllus_PatternShadow);--sapIllus_PatternHighlight:url(#sapIllus_PatternHighlight);--_ui5_page_list_bg:var(--sapGroup_ContentBackground);--_ui5_product_switch_item_width:11.25rem;--_ui5_product_switch_item_height:7rem;--_ui5_product_switch_item_outline_width:.0625rem;--_ui5_product_switch_item_outline_color:var(--sapContent_FocusColor);--_ui5_product_switch_item_outline:var(--_ui5_product_switch_item_outline_width) var(--_ui5_product_switch_item_outline_color) dotted;--_ui5_product_switch_item_active_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline_offset:-.1875rem;--_ui5_product_switch_item_outline_offset_positive:.1875rem;--_ui5_TimelineItem_arrow_size:1.625rem;--
|
|
1
|
+
{"_":{"packageName":"@ui5/webcomponents-fiori","fileName":"themes/sap_horizon/parameters-bundle.css","content":":root{--_ui5_bar_base_height:2.75rem;--_ui5_bar_subheader_height:3rem}.sapUiSizeCompact,.ui5-content-density-compact,[data-ui5-compact-size]{--_ui5_bar_base_height:2.5rem;--_ui5_bar_subheader_height:2.25rem}:root{--_ui5_fcl_solid_bg:var(--sapShell_Background);--_ui5_fcl_column_border:none;--_ui5_fcl_decoration_top:linear-gradient(0deg,var(--sapHighlightColor),#f3f4f5);--_ui5_fcl_decoration_bottom:linear-gradient(180deg,var(--sapHighlightColor),#f3f4f5);--sapIllus_BrandColorPrimary:var(--sapContent_Illustrative_Color1);--sapIllus_BrandColorSecondary:var(--sapContent_Illustrative_Color2);--sapIllus_StrokeDetailColor:var(--sapContent_Illustrative_Color4);--sapIllus_Layering1:var(--sapContent_Illustrative_Color5);--sapIllus_Layering2:var(--sapContent_Illustrative_Color6);--sapIllus_BackgroundColor:var(--sapContent_Illustrative_Color7);--sapIllus_ObjectFillColor:var(--sapContent_Illustrative_Color8);--sapIllus_AccentColor:var(--sapContent_Illustrative_Color3);--sapIllus_NoColor:none;--sapIllus_PatternShadow:url(#sapIllus_PatternShadow);--sapIllus_PatternHighlight:url(#sapIllus_PatternHighlight);--_ui5_page_list_bg:var(--sapGroup_ContentBackground);--_ui5_product_switch_item_width:11.25rem;--_ui5_product_switch_item_height:7rem;--_ui5_product_switch_item_outline_width:.0625rem;--_ui5_product_switch_item_outline_color:var(--sapContent_FocusColor);--_ui5_product_switch_item_outline:var(--_ui5_product_switch_item_outline_width) var(--_ui5_product_switch_item_outline_color) dotted;--_ui5_product_switch_item_active_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline_offset:-.1875rem;--_ui5_product_switch_item_outline_offset_positive:.1875rem;--_ui5_shellbar_logo_outline_color:var(--sapContent_FocusColor);--_ui5_shellbar_logo_outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);--_ui5_shellbar_outline_offset:-0.125rem;--_ui5_shellbar_button_box_shadow:inset var(--sapContent_Interaction_Shadow);--_ui5_shellbar_button_active_color:var(--sapShell_TextColor);--_ui5_shellbar_logo_outline_border_radius:var(--sapField_BorderCornerRadius);--_ui5_shellbar_copilot_stop_color1:#0070f2;--_ui5_shellbar_copilot_stop_color2:#ebf8ff;--_ui5_TimelineItem_arrow_size:1.625rem;--_ui5_TimelineItem_bubble_border_width:0.0625rem;--_ui5_TimelineItem_bubble_border_style:dotted;--_ui5_TimelineItem_bubble_border_radius:0;--_ui5_TimelineItem_bubble_border_top:-0.125rem;--_ui5_TimelineItem_bubble_border_right:-0.125rem;--_ui5_TimelineItem_bubble_border_bottom:-0.125rem;--_ui5_TimelineItem_bubble_border_left:-0.625rem;--_ui5_TimelineItem_bubble_rtl_left_offset:-0.125rem;--_ui5_TimelineItem_bubble_rtl_right_offset:-0.625rem;--_ui5_TimelineItem_bubble_border_width:0.125rem;--_ui5_TimelineItem_bubble_border_style:solid;--_ui5_TimelineItem_bubble_border_radius:0.4rem;--_ui5_TimelineItem_bubble_border_top:-0.25rem;--_ui5_TimelineItem_bubble_border_right:-0.25rem;--_ui5_TimelineItem_bubble_border_bottom:-0.25rem;--_ui5_TimelineItem_bubble_border_left:-0.75rem;--_ui5_TimelineItem_bubble_rtl_left_offset:-0.25rem;--_ui5_TimelineItem_bubble_rtl_right_offset:-0.75rem;--_ui5_side_navigation_overflow_border_radius:0px;--_ui5_side_navigation_overflow_border_radius:0.75rem;--ui5_upload_collection_drag_overlay_border:0.125rem dashed var(--sapContent_ForegroundBorderColor);--ui5_upload_collection_drop_overlay_border:0.125rem solid var(--sapContent_DragAndDropActiveColor);--ui5_upload_collection_drop_overlay_background:transparent;--_ui5_wiz_tab_focus_outline:1px dotted var(--sapContent_FocusColor);--_ui5_wiz_tab_selected_bg:var(--sapSelectedColor);--_ui5_wiz_tab_border:1px solid var(--sapSelectedColor);--_ui5_wiz_tab_selection_line:var(--sapSelectedColor);--_ui5_wiz_tab_icon_color:var(--sapSelectedColor);--_ui5_wiz_tab_active_separator_color:var(--sapSelectedColor);--_ui5_wiz_tab_title_color:var(--sapContent_LabelColor);--_ui5_wiz_tab_title_font_weight:normal;--_ui5_wiz_tab_focus_border_radius:0;--_ui5_wiz_tab_title_color:var(--sapTextColor);--_ui5_wiz_tab_title_font_weight:bold;--_ui5_wiz_tab_focus_outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_wiz_tab_focus_border_radius:8px;--_ui5-notification_item-border-raius:0.75rem}"}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"_":{"packageName":"@ui5/webcomponents-fiori","fileName":"themes/sap_horizon_exp/parameters-bundle.css","content":":root{--_ui5_bar_base_height:2.75rem;--_ui5_bar_subheader_height:3rem}.sapUiSizeCompact,.ui5-content-density-compact,[data-ui5-compact-size]{--_ui5_bar_base_height:2.5rem;--_ui5_bar_subheader_height:2.25rem}:root{--_ui5_fcl_solid_bg:var(--sapShell_Background);--_ui5_fcl_column_border:none;--_ui5_fcl_decoration_top:linear-gradient(0deg,var(--sapHighlightColor),#f3f4f5);--_ui5_fcl_decoration_bottom:linear-gradient(180deg,var(--sapHighlightColor),#f3f4f5);--sapIllus_BrandColorPrimary:var(--sapContent_Illustrative_Color1);--sapIllus_BrandColorSecondary:var(--sapContent_Illustrative_Color2);--sapIllus_StrokeDetailColor:var(--sapContent_Illustrative_Color4);--sapIllus_Layering1:var(--sapContent_Illustrative_Color5);--sapIllus_Layering2:var(--sapContent_Illustrative_Color6);--sapIllus_BackgroundColor:var(--sapContent_Illustrative_Color7);--sapIllus_ObjectFillColor:var(--sapContent_Illustrative_Color8);--sapIllus_AccentColor:var(--sapContent_Illustrative_Color3);--sapIllus_NoColor:none;--sapIllus_PatternShadow:url(#sapIllus_PatternShadow);--sapIllus_PatternHighlight:url(#sapIllus_PatternHighlight);--_ui5_page_list_bg:var(--sapGroup_ContentBackground);--_ui5_product_switch_item_width:11.25rem;--_ui5_product_switch_item_height:7rem;--_ui5_product_switch_item_outline_width:.0625rem;--_ui5_product_switch_item_outline_color:var(--sapContent_FocusColor);--_ui5_product_switch_item_outline:var(--_ui5_product_switch_item_outline_width) var(--_ui5_product_switch_item_outline_color) dotted;--_ui5_product_switch_item_active_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline_offset:-.1875rem;--_ui5_product_switch_item_outline_offset_positive:.1875rem;--_ui5_shellbar_logo_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_shellbar_logo_outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);--_ui5_shellbar_outline_offset:-0.0625rem;--_ui5_shellbar_button_box_shadow:none;--_ui5_shellbar_button_active_color:var(--sapShell_Active_TextColor);--_ui5_shellbar_logo_outline_border_radius:0;--_ui5_shellbar_copilot_stop_color1:#c0d9f2;--_ui5_shellbar_copilot_stop_color2:#fff;--_ui5_TimelineItem_arrow_size:1.625rem;--_ui5_TimelineItem_bubble_border_width:0.0625rem;--_ui5_TimelineItem_bubble_border_style:dotted;--_ui5_TimelineItem_bubble_border_radius:0;--_ui5_TimelineItem_bubble_border_top:-0.125rem;--_ui5_TimelineItem_bubble_border_right:-0.125rem;--_ui5_TimelineItem_bubble_border_bottom:-0.125rem;--_ui5_TimelineItem_bubble_border_left:-0.625rem;--_ui5_TimelineItem_bubble_rtl_left_offset:-0.125rem;--_ui5_TimelineItem_bubble_rtl_right_offset:-0.625rem;--ui5_upload_collection_drag_overlay_border:0.125rem dashed var(--sapContent_ForegroundBorderColor);--ui5_upload_collection_drop_overlay_border:0.125rem solid var(--sapContent_DragAndDropActiveColor);--ui5_upload_collection_drop_overlay_background:transparent;--_ui5_wiz_tab_focus_outline:1px dotted var(--sapContent_FocusColor);--_ui5_wiz_tab_selected_bg:var(--sapSelectedColor);--_ui5_wiz_tab_border:1px solid var(--sapSelectedColor);--_ui5_wiz_tab_selection_line:var(--sapSelectedColor);--_ui5_wiz_tab_icon_color:var(--sapSelectedColor);--_ui5_wiz_tab_active_separator_color:var(--sapSelectedColor);--_ui5_wiz_tab_title_color:var(--sapContent_LabelColor);--_ui5_wiz_tab_title_font_weight:normal;--_ui5_wiz_tab_focus_border_radius:0}"}}
|
|
@@ -8,6 +8,7 @@ import sap_fiori_3_dark from "../assets/themes/sap_fiori_3_dark/parameters-bundl
|
|
|
8
8
|
import sap_fiori_3_hcb from "../assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json";
|
|
9
9
|
import sap_fiori_3_hcw from "../assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json";
|
|
10
10
|
import sap_horizon from "../assets/themes/sap_horizon/parameters-bundle.css.json";
|
|
11
|
+
import sap_horizon_exp from "../assets/themes/sap_horizon_exp/parameters-bundle.css.json";
|
|
11
12
|
|
|
12
13
|
const themeUrlsByName = {
|
|
13
14
|
sap_belize,
|
|
@@ -17,7 +18,8 @@ sap_fiori_3,
|
|
|
17
18
|
sap_fiori_3_dark,
|
|
18
19
|
sap_fiori_3_hcb,
|
|
19
20
|
sap_fiori_3_hcw,
|
|
20
|
-
sap_horizon
|
|
21
|
+
sap_horizon,
|
|
22
|
+
sap_horizon_exp
|
|
21
23
|
};
|
|
22
24
|
const isInlined = obj => typeof (obj) === "object";
|
|
23
25
|
|
|
@@ -29,5 +31,5 @@ const loadThemeProperties = async (themeName) => {
|
|
|
29
31
|
return (await fetch(themeUrlsByName[themeName])).json();
|
|
30
32
|
}
|
|
31
33
|
|
|
32
|
-
["sap_belize", "sap_belize_hcb", "sap_belize_hcw", "sap_fiori_3", "sap_fiori_3_dark", "sap_fiori_3_hcb", "sap_fiori_3_hcw", "sap_horizon"]
|
|
34
|
+
["sap_belize", "sap_belize_hcb", "sap_belize_hcw", "sap_fiori_3", "sap_fiori_3_dark", "sap_fiori_3_hcb", "sap_fiori_3_hcw", "sap_horizon", "sap_horizon_exp"]
|
|
33
35
|
.forEach(themeName => registerThemePropertiesLoader("@ui5/webcomponents-fiori", themeName, loadThemeProperties));
|
|
@@ -10,6 +10,7 @@ const loadThemeProperties = async (themeName) => {
|
|
|
10
10
|
case "sap_fiori_3_hcb": return (await import("../assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json")).default;
|
|
11
11
|
case "sap_fiori_3_hcw": return (await import("../assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json")).default;
|
|
12
12
|
case "sap_horizon": return (await import("../assets/themes/sap_horizon/parameters-bundle.css.json")).default;
|
|
13
|
+
case "sap_horizon_exp": return (await import("../assets/themes/sap_horizon_exp/parameters-bundle.css.json")).default;
|
|
13
14
|
default: throw "unknown theme"
|
|
14
15
|
}
|
|
15
16
|
}
|
|
@@ -22,5 +23,5 @@ const loadAndCheck = async (themeName) => {
|
|
|
22
23
|
return data;
|
|
23
24
|
}
|
|
24
25
|
|
|
25
|
-
["sap_belize", "sap_belize_hcb", "sap_belize_hcw", "sap_fiori_3", "sap_fiori_3_dark", "sap_fiori_3_hcb", "sap_fiori_3_hcw", "sap_horizon"]
|
|
26
|
+
["sap_belize", "sap_belize_hcb", "sap_belize_hcw", "sap_fiori_3", "sap_fiori_3_dark", "sap_fiori_3_hcb", "sap_fiori_3_hcw", "sap_horizon", "sap_horizon_exp"]
|
|
26
27
|
.forEach(themeName => registerThemePropertiesLoader("@ui5/webcomponents-fiori", themeName, loadAndCheck));
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/* eslint no-unused-vars: 0 */
|
|
2
2
|
import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
|
|
3
3
|
|
|
4
|
-
const block0 = (context, tags, suffix) => html`<li tabindex="${ifDefined(context.tabIndex)}" class="${classMap(context.classes.main)}" dir="${ifDefined(context.effectiveDir)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" @keyup="${context._onkeyup}" @keydown="${context._onkeydown}" @mouseup="${context._onmouseup}" @mousedown="${context._onmousedown}" @touchstart="${context._ontouchstart}" @touchend="${context._ontouchend}" @click="${context._onclick}" role="${ifDefined(context._accInfo.role)}" aria-expanded="${ifDefined(context._accInfo.ariaExpanded)}" title="${ifDefined(context.title)}" aria-level="${ifDefined(context._accInfo.ariaLevel)}" aria-posinset="${ifDefined(context._accInfo.posinset)}" aria-setsize="${ifDefined(context._accInfo.setsize)}" aria-describedby="${ifDefined(context._id)}-invisibleText-describedby" aria-labelledby="${ifDefined(context._id)}-invisibleText ${ifDefined(context._id)}-content" aria-disabled="${ifDefined(context.ariaDisabled)}">${ context.placeSelectionElementBefore ? block1(context, tags, suffix) : undefined }<div id="${ifDefined(context._id)}-content" class="ui5-li-content">${ context.displayImage ? block5(context, tags, suffix) : undefined }${ context.displayIconBegin ? block6(context, tags, suffix) : undefined }<span part="title" class="ui5-li-title">${ifDefined(context.text)}</span>${ context.additionalText ? block7(context, tags, suffix) : undefined }</div>${ context.displayIconEnd ? block8(context, tags, suffix) : undefined }${ context.typeDetail ? block9(context, tags, suffix) : undefined }${ context.placeSelectionElementAfter ? block10(context, tags, suffix) : undefined }<span id="${ifDefined(context._id)}-invisibleText" class="ui5-hidden-text">${ifDefined(context._accInfo.listItemAriaLabel)}${ifDefined(context.accessibleName)}</span><span id="${ifDefined(context._id)}-invisibleText-describedby" class="ui5-hidden-text">${ifDefined(context._accInfo.ariaSelectedText)}</span></li> `;
|
|
4
|
+
const block0 = (context, tags, suffix) => html`<li part="native-li" tabindex="${ifDefined(context.tabIndex)}" class="${classMap(context.classes.main)}" dir="${ifDefined(context.effectiveDir)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" @keyup="${context._onkeyup}" @keydown="${context._onkeydown}" @mouseup="${context._onmouseup}" @mousedown="${context._onmousedown}" @touchstart="${context._ontouchstart}" @touchend="${context._ontouchend}" @click="${context._onclick}" role="${ifDefined(context._accInfo.role)}" aria-expanded="${ifDefined(context._accInfo.ariaExpanded)}" title="${ifDefined(context.title)}" aria-level="${ifDefined(context._accInfo.ariaLevel)}" aria-posinset="${ifDefined(context._accInfo.posinset)}" aria-setsize="${ifDefined(context._accInfo.setsize)}" aria-describedby="${ifDefined(context._id)}-invisibleText-describedby" aria-labelledby="${ifDefined(context._id)}-invisibleText ${ifDefined(context._id)}-content" aria-disabled="${ifDefined(context.ariaDisabled)}">${ context.placeSelectionElementBefore ? block1(context, tags, suffix) : undefined }<div id="${ifDefined(context._id)}-content" class="ui5-li-content">${ context.displayImage ? block5(context, tags, suffix) : undefined }${ context.displayIconBegin ? block6(context, tags, suffix) : undefined }<span part="title" class="ui5-li-title">${ifDefined(context.text)}</span>${ context.additionalText ? block7(context, tags, suffix) : undefined }</div>${ context.displayIconEnd ? block8(context, tags, suffix) : undefined }${ context.typeDetail ? block9(context, tags, suffix) : undefined }${ context.placeSelectionElementAfter ? block10(context, tags, suffix) : undefined }<span id="${ifDefined(context._id)}-invisibleText" class="ui5-hidden-text">${ifDefined(context._accInfo.listItemAriaLabel)}${ifDefined(context.accessibleName)}</span><span id="${ifDefined(context._id)}-invisibleText-describedby" class="ui5-hidden-text">${ifDefined(context._accInfo.ariaSelectedText)}</span></li> `;
|
|
5
5
|
const block1 = (context, tags, suffix) => html`${ context.modeSingleSelect ? block2(context, tags, suffix) : undefined }${ context.modeMultiSelect ? block3(context, tags, suffix) : undefined }${ context.renderDeleteButton ? block4(context, tags, suffix) : undefined }`;
|
|
6
6
|
const block2 = (context, tags, suffix) => html`<${scopeTag("ui5-radio-button", tags, suffix)} ?disabled="${context.isInactive}" accessible-name="${ifDefined(context._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${ifDefined(context._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${context.selected}" @click="${context.onSingleSelectionComponentPress}"></${scopeTag("ui5-radio-button", tags, suffix)}>`;
|
|
7
7
|
const block3 = (context, tags, suffix) => html`<${scopeTag("ui5-checkbox", tags, suffix)} ?disabled="${context.isInactive}" tabindex="-1" id="${ifDefined(context._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${context.selected}" aria-label="${ifDefined(context._accInfo.ariaLabel)}" @click="${context.onMultiSelectionComponentPress}"></${scopeTag("ui5-checkbox", tags, suffix)}>`;
|