@salesforcedevs/dx-components 1.3.202-langpicker3-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.
Files changed (5) hide show
  1. package/package.json +1 -1
  2. package/src/modules/dx/dropdown/dropdown.html +1 -0
  3. package/src/modules/dx/dropdown/dropdown.ts +1 -0
  4. package/src/modules/dx/popover/popover.css +6 -0
  5. package/src/modules/dx/popover/popover.ts +6 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salesforcedevs/dx-components",
3
- "version": "1.3.202-langpicker3-alpha",
3
+ "version": "1.3.202-langpicker4-alpha",
4
4
  "description": "DX Lightning web components",
5
5
  "license": "MIT",
6
6
  "engines": {
package/src/modules/dx/dropdown/dropdown.html CHANGED
@@ -11,6 +11,7 @@
11
11
  placement={placement}
12
12
  small={small}
13
13
  width={width}
14
+ lang-picker={langPicker}
14
15
  >
15
16
  <slot slot="control"></slot>
16
17
  <div
package/src/modules/dx/dropdown/dropdown.ts 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;
package/src/modules/dx/popover/popover.css CHANGED
@@ -44,6 +44,12 @@
44
44
  transform: translateY(0);
45
45
  }
46
46
 
47
+ .popover-leftalign {
48
+ opacity: 1;
49
+ transform: translateX(-16px) translateY(-8px);
50
+ transition: none;
51
+ }
52
+
47
53
  .popover-overridewidth {
48
54
  max-width: unset;
49
55
  }
package/src/modules/dx/popover/popover.ts CHANGED
@@ -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("popover-container", this.open && "popover-container_open");
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() {