@salesforcedevs/dx-components 1.3.202-langpicker1-alpha → 1.3.202-langpicker3-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.
Files changed (7) hide show
  1. package/package.json +1 -1
  2. package/src/modules/dx/dropdownOption/dropdownOption.css +1 -0
  3. package/src/modules/dx/sidebar/sidebar.html +12 -9
  4. package/src/modules/dx/sidebar/sidebar.ts +9 -6
  5. package/src/modules/dx/sidebarOld/sidebarOld.html +3 -3
  6. package/src/modules/dx/sidebarOld/sidebarOld.ts +9 -3
  7. package/src/modules/dxHelpers/commonSidebar/commonSidebar.css +2 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salesforcedevs/dx-components",
3
- "version": "1.3.202-langpicker1-alpha",
3
+ "version": "1.3.202-langpicker3-alpha",
4
4
  "description": "DX Lightning web components",
5
5
  "license": "MIT",
6
6
  "engines": {
package/src/modules/dx/dropdownOption/dropdownOption.css CHANGED
@@ -82,6 +82,7 @@
82
82
  .option-docoption {
83
83
  align-items: center;
84
84
  flex-direction: row;
85
+ padding: var(--dx-g-spacing-sm) var(--dx-g-spacing-md);
85
86
  }
86
87
 
87
88
  .option-docoption .option_label {
package/src/modules/dx/sidebar/sidebar.html CHANGED
@@ -79,13 +79,6 @@
79
79
  title="No Results"
80
80
  size="small"
81
81
  ></dx-empty-state>
82
- <div if:true={hasSidebarFooter} 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
@@ -100,8 +93,8 @@
100
93
  ></dx-tree>
101
94
  </div>
102
95
 
103
- <template if:true={hasSidebarFooter}>
104
- <div class="footer-nav">
96
+ <template if:false={mobile}>
97
+ <div if:true={hasSidebarFooter} class="footer-nav">
105
98
  <doc-sidebar-footer-nav
106
99
  lang-value-path={langValuePath}
107
100
  language={language}
@@ -111,5 +104,15 @@
111
104
  ></doc-sidebar-footer-nav>
112
105
  </div>
113
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>
114
117
  </div>
115
118
  </template>
package/src/modules/dx/sidebar/sidebar.ts CHANGED
@@ -263,13 +263,16 @@ export default class Sidebar extends SidebarBase {
263
263
  )?.requestOpenDropdown(false);
264
264
  }
265
265
 
266
+ private get hasMobileSidebarFooter(): boolean {
267
+ return !!(
268
+ this.mobile &&
269
+ this.languages &&
270
+ toJson(this.languages).length > 1 &&
271
+ this.expanded
272
+ );
273
+ }
274
+
266
275
  private get hasSidebarFooter(): boolean {
267
- if (this.mobile) {
268
- return (
269
- !!(this.languages && toJson(this.languages).length > 1) &&
270
- this.expanded
271
- );
272
- }
273
276
  return !!(
274
277
  (this.languages && toJson(this.languages).length > 1) ||
275
278
  Boolean(this.bailHref)
package/src/modules/dx/sidebarOld/sidebarOld.html CHANGED
@@ -67,7 +67,7 @@
67
67
  title="No Results"
68
68
  if:false={anyResultMatch}
69
69
  ></dx-empty-state>
70
- <div if:true={hasSidebarFooter} class="footer-nav">
70
+ <div if:true={hasMobileSidebarFooter} class="footer-nav">
71
71
  <doc-sidebar-footer-nav
72
72
  lang-value-path={langValuePath}
73
73
  language={language}
@@ -76,8 +76,8 @@
76
76
  </div>
77
77
  </template>
78
78
 
79
- <template if:true={hasSidebarFooter}>
80
- <div class="footer-nav">
79
+ <template if:false={mobile}>
80
+ <div if:true={hasSidebarFooter} class="footer-nav">
81
81
  <doc-sidebar-footer-nav
82
82
  lang-value-path={langValuePath}
83
83
  language={language}
package/src/modules/dx/sidebarOld/sidebarOld.ts CHANGED
@@ -197,10 +197,16 @@ export default class Sidebar extends SidebarBase {
197
197
  }
198
198
  }
199
199
 
200
+ private get hasMobileSidebarFooter(): boolean {
201
+ return !!(
202
+ this.mobile &&
203
+ this.languages &&
204
+ toJson(this.languages).length > 1 &&
205
+ this.expanded
206
+ );
207
+ }
208
+
200
209
  private get hasSidebarFooter(): boolean {
201
- if (this.mobile) {
202
- return !!(this.languages && toJson(this.languages).length > 1);
203
- }
204
210
  return !!(
205
211
  (this.languages && toJson(this.languages).length > 1) ||
206
212
  Boolean(this.bailHref)
package/src/modules/dxHelpers/commonSidebar/commonSidebar.css CHANGED
@@ -134,7 +134,8 @@ dx-tree:last-child {
134
134
 
135
135
  .footer-nav {
136
136
  display: flex;
137
- padding: 0 var(--dx-g-spacing-sm) 0 var(--dx-g-spacing-2xl);
137
+ padding: var(--dx-g-spacing-2xs) var(--dx-g-spacing-sm)
138
+ var(--dx-g-spacing-2xs) var(--dx-g-spacing-2xl);
138
139
  position: fixed;
139
140
  bottom: 0;
140
141
  left: 0;