@salesforcedevs/dx-components 1.3.202-langpicker2-alpha → 1.3.202-langpicker4-alpha
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/package.json +1 -1
- package/src/modules/dx/dropdown/dropdown.html +1 -0
- package/src/modules/dx/dropdown/dropdown.ts +1 -0
- package/src/modules/dx/popover/popover.css +6 -0
- package/src/modules/dx/popover/popover.ts +6 -1
- package/src/modules/dx/sidebar/sidebar.html +11 -9
- package/src/modules/dx/sidebarOld/sidebarOld.html +1 -2
package/package.json
CHANGED
|
@@ -37,6 +37,7 @@ export default class Dropdown extends LightningElement {
|
|
|
37
37
|
@api fullWidth?: boolean | null;
|
|
38
38
|
@api navItemLabel: string | null = null;
|
|
39
39
|
@api variant: DropdownVariant = "base";
|
|
40
|
+
@api langPicker?: boolean;
|
|
40
41
|
|
|
41
42
|
// props forwarded to dropdown option
|
|
42
43
|
@api analyticsEvent?: string;
|
|
@@ -39,6 +39,7 @@ export default class Popover extends LightningElement {
|
|
|
39
39
|
@api width?: string | null = null;
|
|
40
40
|
@api fullWidth?: boolean | null;
|
|
41
41
|
@api showArrow?: boolean | null;
|
|
42
|
+
@api langPicker?: boolean;
|
|
42
43
|
|
|
43
44
|
@api
|
|
44
45
|
get open() {
|
|
@@ -151,7 +152,11 @@ export default class Popover extends LightningElement {
|
|
|
151
152
|
}
|
|
152
153
|
|
|
153
154
|
private get containerClassName() {
|
|
154
|
-
return cx(
|
|
155
|
+
return cx(
|
|
156
|
+
"popover-container",
|
|
157
|
+
this.open && "popover-container_open",
|
|
158
|
+
this.langPicker && "popover-leftalign"
|
|
159
|
+
);
|
|
155
160
|
}
|
|
156
161
|
|
|
157
162
|
private get style() {
|
|
@@ -79,13 +79,6 @@
|
|
|
79
79
|
title="No Results"
|
|
80
80
|
size="small"
|
|
81
81
|
></dx-empty-state>
|
|
82
|
-
<div if:true={hasMobileSidebarFooter} class="footer-nav">
|
|
83
|
-
<doc-sidebar-footer-nav
|
|
84
|
-
lang-value-path={langValuePath}
|
|
85
|
-
language={language}
|
|
86
|
-
languages={languages}
|
|
87
|
-
></doc-sidebar-footer-nav>
|
|
88
|
-
</div>
|
|
89
82
|
</div>
|
|
90
83
|
<div class="sidebar-content sidebar-content-tree">
|
|
91
84
|
<dx-tree
|
|
@@ -101,9 +94,8 @@
|
|
|
101
94
|
</div>
|
|
102
95
|
|
|
103
96
|
<template if:false={mobile}>
|
|
104
|
-
<div class="footer-nav">
|
|
97
|
+
<div if:true={hasSidebarFooter} class="footer-nav">
|
|
105
98
|
<doc-sidebar-footer-nav
|
|
106
|
-
if:true={hasSidebarFooter}
|
|
107
99
|
lang-value-path={langValuePath}
|
|
108
100
|
language={language}
|
|
109
101
|
languages={languages}
|
|
@@ -112,5 +104,15 @@
|
|
|
112
104
|
></doc-sidebar-footer-nav>
|
|
113
105
|
</div>
|
|
114
106
|
</template>
|
|
107
|
+
|
|
108
|
+
<template if:true={mobile}>
|
|
109
|
+
<div if:true={hasMobileSidebarFooter} class="footer-nav">
|
|
110
|
+
<doc-sidebar-footer-nav
|
|
111
|
+
lang-value-path={langValuePath}
|
|
112
|
+
language={language}
|
|
113
|
+
languages={languages}
|
|
114
|
+
></doc-sidebar-footer-nav>
|
|
115
|
+
</div>
|
|
116
|
+
</template>
|
|
115
117
|
</div>
|
|
116
118
|
</template>
|
|
@@ -77,9 +77,8 @@
|
|
|
77
77
|
</template>
|
|
78
78
|
|
|
79
79
|
<template if:false={mobile}>
|
|
80
|
-
<div class="footer-nav">
|
|
80
|
+
<div if:true={hasSidebarFooter} class="footer-nav">
|
|
81
81
|
<doc-sidebar-footer-nav
|
|
82
|
-
if:true={hasSidebarFooter}
|
|
83
82
|
lang-value-path={langValuePath}
|
|
84
83
|
language={language}
|
|
85
84
|
languages={languages}
|