lightning-base-components 1.28.13-alpha → 1.28.15-alpha

package/src/lightning/overlayPositionUtils/positionLibraryFallback.js

@@ -0,0 +1,435 @@
+/*
+ * Copyright (c) 2025, Salesforce, Inc.,
+ * All rights reserved.
+ * For full license text, see the LICENSE.txt file
+ */
+import { AutoPosition, Direction } from 'lightning/positionLibrary';
+import { normalizeSizingValue } from './overlayPositionUtils';
+import { isRTL } from 'lightning/utilsPrivate';
+export class PositionLibraryFallback {
+    element;
+    config;
+    autoPosition;
+    positionUpdater;
+    constructor(element, config = {}) {
+        this.element = element;
+        this.config = config;
+        this.autoPosition = null;
+        this.positionUpdater = null;
+    }
+    getPhysicalDirection(direction) {
+        if (isRTL()) {
+            if (direction === Direction.Left) {
+                return Direction.Right;
+            }
+            if (direction === Direction.Right) {
+                return Direction.Left;
+            }
+        }
+        return direction;
+    }
+    shouldAlignWidth(position) {
+        const horizontal = position.toLowerCase().split(/\s+/)[1];
+        return horizontal === 'center';
+    }
+    apply() {
+        const { source, position, offsetInline = 0, offsetBlock = 0, } = this.config;
+        if (this.element?.style?.display === 'none') {
+            this.element.style.display = '';
+        }
+        this.applySizingStyles();
+        if (!this.autoPosition) {
+            this.autoPosition = new AutoPosition(this.element);
+        }
+        let alignment = this.convertPositionToAlignment(position);
+        alignment = {
+            align: {
+                horizontal: this.getPhysicalDirection(alignment.align.horizontal),
+                vertical: alignment.align.vertical,
+            },
+            targetAlign: {
+                horizontal: this.getPhysicalDirection(alignment.targetAlign.horizontal),
+                vertical: alignment.targetAlign.vertical,
+            },
+        };
+        const padding = {
+            padLeft: offsetInline,
+            padTop: offsetBlock,
+        };
+        const positionConfig = {
+            target: () => source,
+            element: () => this.element,
+            align: alignment.align,
+            targetAlign: alignment.targetAlign,
+            alignWidth: this.shouldAlignWidth(position),
+            autoFlip: true,
+            considerPadForFlip: true,
+            autoShrink: true,
+            ...padding,
+        };
+        try {
+            const autoPositionUpdater = this.autoPosition.start(positionConfig);
+            if (autoPositionUpdater) {
+                this.positionUpdater = autoPositionUpdater;
+            }
+        }
+        catch (error) {
+            console.error('Error positioning element with positionLibrary:', error);
+        }
+    }
+    applySizingStyles() {
+        const { minWidth, maxWidth, minHeight, maxHeight } = this.config;
+        const normalizedMinWidth = normalizeSizingValue(minWidth);
+        const normalizedMaxWidth = normalizeSizingValue(maxWidth);
+        const normalizedMinHeight = normalizeSizingValue(minHeight);
+        const normalizedMaxHeight = normalizeSizingValue(maxHeight);
+        if (normalizedMinWidth) {
+            this.element.style.minWidth = normalizedMinWidth;
+        }
+        if (normalizedMaxWidth) {
+            this.element.style.maxWidth = normalizedMaxWidth;
+        }
+        if (normalizedMinHeight) {
+            this.element.style.minHeight = normalizedMinHeight;
+        }
+        if (normalizedMaxHeight) {
+            this.element.style.maxHeight = normalizedMaxHeight;
+        }
+    }
+    convertPositionToAlignment(position) {
+        const [vertical, horizontal] = position.toLowerCase().split(/\s+/);
+        const alignmentMap = {
+            'top left': {
+                align: {
+                    horizontal: Direction.Right,
+                    vertical: Direction.Bottom,
+                },
+                targetAlign: {
+                    horizontal: Direction.Left,
+                    vertical: Direction.Top,
+                },
+            },
+            'top center': {
+                align: {
+                    horizontal: Direction.Center,
+                    vertical: Direction.Bottom,
+                },
+                targetAlign: {
+                    horizontal: Direction.Center,
+                    vertical: Direction.Top,
+                },
+            },
+            'top right': {
+                align: {
+                    horizontal: Direction.Left,
+                    vertical: Direction.Bottom,
+                },
+                targetAlign: {
+                    horizontal: Direction.Right,
+                    vertical: Direction.Top,
+                },
+            },
+            'top span-right': {
+                align: {
+                    horizontal: Direction.Left,
+                    vertical: Direction.Bottom,
+                },
+                targetAlign: {
+                    horizontal: Direction.Left,
+                    vertical: Direction.Top,
+                },
+            },
+            'top span-all': {
+                align: {
+                    horizontal: Direction.Center,
+                    vertical: Direction.Bottom,
+                },
+                targetAlign: {
+                    horizontal: Direction.Center,
+                    vertical: Direction.Top,
+                },
+            },
+            'top span-left': {
+                align: {
+                    horizontal: Direction.Right,
+                    vertical: Direction.Bottom,
+                },
+                targetAlign: {
+                    horizontal: Direction.Right,
+                    vertical: Direction.Top,
+                },
+            },
+            'center left': {
+                align: {
+                    horizontal: Direction.Right,
+                    vertical: Direction.Center,
+                },
+                targetAlign: {
+                    horizontal: Direction.Left,
+                    vertical: Direction.Center,
+                },
+            },
+            'center center': {
+                align: {
+                    horizontal: Direction.Center,
+                    vertical: Direction.Center,
+                },
+                targetAlign: {
+                    horizontal: Direction.Center,
+                    vertical: Direction.Center,
+                },
+            },
+            'center right': {
+                align: {
+                    horizontal: Direction.Left,
+                    vertical: Direction.Center,
+                },
+                targetAlign: {
+                    horizontal: Direction.Right,
+                    vertical: Direction.Center,
+                },
+            },
+            'center span-right': {
+                align: {
+                    horizontal: Direction.Left,
+                    vertical: Direction.Center,
+                },
+                targetAlign: {
+                    horizontal: Direction.Left,
+                    vertical: Direction.Center,
+                },
+            },
+            'center span-left': {
+                align: {
+                    horizontal: Direction.Right,
+                    vertical: Direction.Center,
+                },
+                targetAlign: {
+                    horizontal: Direction.Right,
+                    vertical: Direction.Center,
+                },
+            },
+            'center span-all': {
+                align: {
+                    horizontal: Direction.Center,
+                    vertical: Direction.Center,
+                },
+                targetAlign: {
+                    horizontal: Direction.Center,
+                    vertical: Direction.Center,
+                },
+            },
+            'bottom left': {
+                align: { horizontal: Direction.Right, vertical: Direction.Top },
+                targetAlign: {
+                    horizontal: Direction.Left,
+                    vertical: Direction.Bottom,
+                },
+            },
+            'bottom center': {
+                align: {
+                    horizontal: Direction.Center,
+                    vertical: Direction.Top,
+                },
+                targetAlign: {
+                    horizontal: Direction.Center,
+                    vertical: Direction.Bottom,
+                },
+            },
+            'bottom right': {
+                align: { horizontal: Direction.Left, vertical: Direction.Top },
+                targetAlign: {
+                    horizontal: Direction.Right,
+                    vertical: Direction.Bottom,
+                },
+            },
+            'bottom span-right': {
+                align: { horizontal: Direction.Left, vertical: Direction.Top },
+                targetAlign: {
+                    horizontal: Direction.Left,
+                    vertical: Direction.Bottom,
+                },
+            },
+            'bottom span-all': {
+                align: {
+                    horizontal: Direction.Center,
+                    vertical: Direction.Top,
+                },
+                targetAlign: {
+                    horizontal: Direction.Center,
+                    vertical: Direction.Bottom,
+                },
+            },
+            'bottom span-left': {
+                align: { horizontal: Direction.Right, vertical: Direction.Top },
+                targetAlign: {
+                    horizontal: Direction.Right,
+                    vertical: Direction.Bottom,
+                },
+            },
+            'span-top left': {
+                align: {
+                    horizontal: Direction.Right,
+                    vertical: Direction.Bottom,
+                },
+                targetAlign: {
+                    horizontal: Direction.Left,
+                    vertical: Direction.Bottom,
+                },
+            },
+            'span-top center': {
+                align: {
+                    horizontal: Direction.Center,
+                    vertical: Direction.Bottom,
+                },
+                targetAlign: {
+                    horizontal: Direction.Center,
+                    vertical: Direction.Bottom,
+                },
+            },
+            'span-top right': {
+                align: {
+                    horizontal: Direction.Left,
+                    vertical: Direction.Bottom,
+                },
+                targetAlign: {
+                    horizontal: Direction.Right,
+                    vertical: Direction.Bottom,
+                },
+            },
+            'span-top span-right': {
+                align: {
+                    horizontal: Direction.Left,
+                    vertical: Direction.Bottom,
+                },
+                targetAlign: {
+                    horizontal: Direction.Left,
+                    vertical: Direction.Bottom,
+                },
+            },
+            'span-top span-all': {
+                align: {
+                    horizontal: Direction.Center,
+                    vertical: Direction.Bottom,
+                },
+                targetAlign: {
+                    horizontal: Direction.Center,
+                    vertical: Direction.Bottom,
+                },
+            },
+            'span-top span-left': {
+                align: {
+                    horizontal: Direction.Right,
+                    vertical: Direction.Bottom,
+                },
+                targetAlign: {
+                    horizontal: Direction.Right,
+                    vertical: Direction.Bottom,
+                },
+            },
+            'span-all span-all': {
+                align: {
+                    horizontal: Direction.Center,
+                    vertical: Direction.Center,
+                },
+                targetAlign: {
+                    horizontal: Direction.Center,
+                    vertical: Direction.Center,
+                },
+            },
+            'span-all left': {
+                align: {
+                    horizontal: Direction.Right,
+                    vertical: Direction.Center,
+                },
+                targetAlign: {
+                    horizontal: Direction.Left,
+                    vertical: Direction.Center,
+                },
+            },
+            'span-all center': {
+                align: {
+                    horizontal: Direction.Center,
+                    vertical: Direction.Center,
+                },
+                targetAlign: {
+                    horizontal: Direction.Center,
+                    vertical: Direction.Center,
+                },
+            },
+            'span-all right': {
+                align: {
+                    horizontal: Direction.Left,
+                    vertical: Direction.Center,
+                },
+                targetAlign: {
+                    horizontal: Direction.Right,
+                    vertical: Direction.Center,
+                },
+            },
+            'span-bottom left': {
+                align: { horizontal: Direction.Right, vertical: Direction.Top },
+                targetAlign: {
+                    horizontal: Direction.Left,
+                    vertical: Direction.Top,
+                },
+            },
+            'span-bottom center': {
+                align: {
+                    horizontal: Direction.Center,
+                    vertical: Direction.Top,
+                },
+                targetAlign: {
+                    horizontal: Direction.Center,
+                    vertical: Direction.Top,
+                },
+            },
+            'span-bottom right': {
+                align: { horizontal: Direction.Left, vertical: Direction.Top },
+                targetAlign: {
+                    horizontal: Direction.Right,
+                    vertical: Direction.Top,
+                },
+            },
+            'span-bottom span-right': {
+                align: { horizontal: Direction.Left, vertical: Direction.Top },
+                targetAlign: {
+                    horizontal: Direction.Left,
+                    vertical: Direction.Top,
+                },
+            },
+            'span-bottom span-all': {
+                align: {
+                    horizontal: Direction.Center,
+                    vertical: Direction.Top,
+                },
+                targetAlign: {
+                    horizontal: Direction.Center,
+                    vertical: Direction.Top,
+                },
+            },
+            'span-bottom span-left': {
+                align: { horizontal: Direction.Right, vertical: Direction.Top },
+                targetAlign: {
+                    horizontal: Direction.Right,
+                    vertical: Direction.Top,
+                },
+            },
+        };
+        const key = horizontal ? `${vertical} ${horizontal}` : vertical;
+        return alignmentMap[key];
+    }
+    cleanup() {
+        if (this.autoPosition) {
+            this.autoPosition.stop();
+            this.autoPosition = null;
+        }
+        this.positionUpdater = null;
+        if (this.element) {
+            this.element?.style?.removeProperty('min-width');
+            this.element?.style?.removeProperty('max-width');
+            this.element?.style?.removeProperty('min-height');
+            this.element?.style?.removeProperty('max-height');
+        }
+    }
+}

package/src/lightning/pill/pill.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pill.d.ts","sourceRoot":"","sources":["../../../../../modules/interop/pill/pill.js"],"names":[],"mappings":"AAmCA,0CAAqD;AAkBrD;IASI,wBAUC;IAdD,mBAGC;IAYD,WAAM;IAON,OAHU,MAAM,CAGL;IAMX,MAFU,MAAM,CAEN;IAEV,WAAa;IACb,mBAAqB;IACrB,mBAAwB;IACxB,eAAiB;IACjB,eAAiB;IACjB,wBAA0B;IAC1B,cAAgB;IAiBhB,2BAcC;IAnBD,sBAGC;IAkBD,oBAAmB;IACnB,wBAAuB;IAoBvB,6BAEC;IAND,wBAGC;IAKD,6BAOC;IALO,+BAAwD;IAMhE,yBAqBC;IAOD,2BAGC;IAED,uBAEC;IAED,sBAEC;IA0BD,6BAGC;IAPD,wBAGC;IAcD,qBAGC;IAPD,gBAGC;IAMD;;;;MAEC;IAED,uBAEC;IAED,4BAMC;IAJO,uBACoD;IAK5D,uCAKC;IAHO,kCAAsD;IAK9D,mCAOC;IALO,8BAEC;IAKT,sCAEC;IAgBD,6BAEC;IAED,8BAOC;IAED,oCAGC;IAED,+BAcC;IAMD,kBAMC;IAMD,oBAMC;IAED,+BAKC;IAHO,aAAwB;IAKhC,gDAUC;IATG,mBAAsB;IAW1B,8BAOC;IAMD,6BAOC;CACJ;qCApYoC,kCAAkC"}
+{"version":3,"file":"pill.d.ts","sourceRoot":"","sources":["../../../../../modules/interop/pill/pill.js"],"names":[],"mappings":"AAoCA,0CAAqD;AAkBrD;IASI,wBAUC;IAdD,mBAGC;IAYD,WAAM;IAON,OAHU,MAAM,CAGL;IAMX,MAFU,MAAM,CAEN;IAEV,WAAa;IACb,mBAAqB;IACrB,mBAAwB;IACxB,eAAiB;IACjB,eAAiB;IACjB,wBAA0B;IAC1B,cAAgB;IAiBhB,2BAcC;IAnBD,sBAGC;IAkBD,oBAAmB;IACnB,wBAAuB;IAoBvB,6BAEC;IAND,wBAGC;IAKD,6BAOC;IALO,+BAAwD;IAMhE,yBAqBC;IAOD,2BAGC;IAED,uBAEC;IAED,sBAEC;IA0BD,6BAGC;IAPD,wBAGC;IAcD,qBAGC;IAPD,gBAGC;IAMD;;;;MAEC;IAED,uBAEC;IAED,4BAMC;IAJO,uBACoD;IAK5D,uCAKC;IAHO,kCAAsD;IAK9D,mCAOC;IALO,8BAEC;IAKT,sCAEC;IAgBD,6BAEC;IAED,8BAUC;IAED,oCAGC;IAED,+BAcC;IAMD,kBAMC;IAMD,oBAMC;IAED,+BAKC;IAHO,aAAwB;IAKhC,gDAUC;IATG,mBAAsB;IAW1B,8BAOC;IAMD,6BAOC;CACJ;qCAxYoC,kCAAkC"}

package/src/lightning/pill/pill.js

@@ -17,6 +17,7 @@ import plainLink from './plainLink.html';
 import { updateRawLinkInfo } from 'lightning/routingService';
 import { formatLabel } from 'lightning/utils';
 import { relatedTarget as buttonRelatedTarget } from 'lightning/buttonIcon';
+import { features } from 'lightning/features';
 const { setContext, assertContext } = privateContext;
 const i18n = {
     pillError: labelPillError,
@@ -211,6 +212,9 @@ export default class LightningPill extends LightningShadowBaseClass {
         this._connected = false;
     }
     handleClick(event) {
+        if (features.enableAssertContext260Round2) {
+            assertContext(this);
+        }
         if (event.target === this.removeButtonElement) {
             this.handleRemoveClick(event);
         }

package/src/lightning/pill/pill.js-meta.xml

@@ -6,14 +6,4 @@
     <capabilities>
         <capability>lightning__ServerRenderableWithHydration</capability>
     </capabilities>
-    <ai>
-        <description>Represents an item such as an account name or case number. Useful for displaying read-only text that can be added and removed on demand. Can include icons or avatars and supports links. Events: onclick - Fired when any part of the pill is clicked. onremove - Fired when the remove button is clicked. Slots: default - Placeholder for icons or avatars.</description>
-        <property name="label" aiDescription="The text label displayed on the pill." />
-        <property name="href" aiDescription="The URL that the pill links to when the label is clicked." />
-        <property name="variant" aiDescription="The visual variant of the pill. Options include 'link' (default when href is present) and 'plain' (no link)." />
-        <property name="name" aiDescription="The name identifier for the pill, used for identification and event handling." />
-        <property name="hasError" aiDescription="If true, indicates an error condition on the pill." />
-        <property name="role" aiDescription="The ARIA role for accessibility purposes." />
-        <property name="isPlainLink" aiDescription="If true, renders the pill as a plain link without additional styling." />
-    </ai>
 </LightningComponentBundle>

package/src/lightning/pillContainer/standardPillContainer.lbc.native.css

@@ -2,4 +2,4 @@
 @import './pill.slds.css';
 @import './pill-container.slds.css';
 @import './listbox.slds.css';
-@import './button.slds.css';
+@import './button.slds.css';

package/src/lightning/positionLibrary/elementProxy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"elementProxy.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/positionLibrary/elementProxy.js"],"names":[],"mappings":"AAIA;IACI,8BA2BC;IA1BG,QAAY;IACZ,cAAc;IACd,eAAe;IACf,aAAa;IACb,YAAY;IACZ,cAAc;IACd,eAAe;IACf,gBAAmB;IACnB,WAAiB;IACjB,gBAAsB;IAmB1B,sBAuBC;IAfO,eAEC;IAeT,8CAGC;IAED,4BAOC;IAED,0BAgDC;IAED,eAEC;IAED,mBAEC;IAED,qCAmBC;IAaD,qDALW,OAAO,iBACP,mBAAmB,aACnB,MAAM,WAqBhB;IAED,aAsFC;IAfW,oBAA6C;IAG7C,mBAA2C;IAcvD,6CAOC;IAFO,sBAAwB;IAIhC,gBAkBC;IAED,qCAEC;CACJ"}
+{"version":3,"file":"elementProxy.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/positionLibrary/elementProxy.js"],"names":[],"mappings":"AAOA;IACI,8BA6BC;IA1BG,QAAY;IACZ,cAAc;IACd,eAAe;IACf,aAAa;IACb,YAAY;IACZ,cAAc;IACd,eAAe;IACf,gBAAmB;IACnB,WAAiB;IACjB,gBAAsB;IAmB1B,sBAuBC;IAfO,eAEC;IAeT,8CAMC;IAED,4BAOC;IAED,0BAgDC;IAED,eAEC;IAED,mBAEC;IAED,qCAmBC;IAaD,qDALW,OAAO,iBACP,mBAAmB,aACnB,MAAM,WAqBhB;IAED,aAsFC;IAfW,oBAA6C;IAG7C,mBAA2C;IAcvD,6CAOC;IAFO,sBAAwB;IAIhC,gBAkBC;IAED,qCAEC;CACJ"}

package/src/lightning/positionLibrary/elementProxy.js

@@ -6,8 +6,11 @@
 import { isInDom, WindowManager, pxToFloat } from './util';
 import { isSafari } from 'lightning/utilsPrivate';
 import { features } from 'lightning/features';
+import { privateContext } from 'lightning/utilsInternal';
+const { setContext, assertContext } = privateContext;
 export class ElementProxy {
     constructor(el, id) {
+        setContext(this);
         this.id = id;
         this.width = 0;
         this.height = 0;
@@ -43,6 +46,9 @@ export class ElementProxy {
         }
     }
     setReleaseCallback(cb, scope) {
+        if (features.enableAssertContext260Round2) {
+            assertContext(this);
+        }
         const scopeObj = scope || this;
         this._releaseCb = cb.bind(scopeObj);
     }

package/src/lightning/positionLibrary/overlayDetector.d.ts

@@ -5,7 +5,7 @@ export namespace OVERLAY_TYPE {
     let DIALOG: string;
     let POPOVER: string;
     let PANEL: string;
-    let LIGHTNING_PANEL: string;
+    let LIGHTNING_OVERLAY: string;
     let SLDSMODAL: string;
 }
 export class OverlayDetector {

package/src/lightning/positionLibrary/overlayDetector.js

@@ -10,7 +10,7 @@ export const OVERLAY_TYPE = {
     DIALOG: 'lightning-dialog',
     POPOVER: 'lightning-popover',
     PANEL: 'uiPanel',
-    LIGHTNING_PANEL: 'panel-surface',
+    LIGHTNING_OVERLAY: 'overlay-surface',
     SLDSMODAL: 'slds-modal',
 };
 export function isOverlay(element) {
@@ -22,10 +22,10 @@ export function isOverlay(element) {
     if (isPopover) {
         return OVERLAY_TYPE.POPOVER;
     }
-    const isLightningPanel = element.classList &&
-        element.classList.contains(OVERLAY_TYPE.LIGHTNING_PANEL);
-    if (isLightningPanel) {
-        return OVERLAY_TYPE.LIGHTNING_PANEL;
+    const isLightningOverlay = element.classList &&
+        element.classList.contains(OVERLAY_TYPE.LIGHTNING_OVERLAY);
+    if (isLightningOverlay) {
+        return OVERLAY_TYPE.LIGHTNING_OVERLAY;
     }
     const isModal = element.classList && element.classList.contains(OVERLAY_TYPE.MODAL);
     if (isModal) {

package/src/lightning/primitiveCellFactory/primitiveCellFactory.d.ts

@@ -42,9 +42,9 @@ export default class PrivateCellFactory extends PrimitiveDatatableCell {
     set columnType(value: any);
     get columnType(): any;
     _columnType: any;
-    getActionableElements(): Element[];
+    getActionableElements(): any[];
     isType(typeName: any): boolean;
-    get consolidateTypeAttributes(): any;
+    get consolidateTypeAttributes(): boolean;
     get isText(): boolean;
     get isNumber(): boolean;
     get isCurrency(): boolean;

package/src/lightning/primitiveCellFactory/primitiveCellFactory.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"primitiveCellFactory.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/primitiveCellFactory/primitiveCellFactory.js"],"names":[],"mappings":"AAiCA;IACI,kCAAoC;IACpC,WAAW;IACX,eAAe;IACf,WAAW;IACX,kBAAkB;IAClB,cAAc;IACd,eAAe;IACf,kBAAkB;IAClB,yBAAyB;IACzB,wBAAwB;IACxB,cAAc;IACd,kBAAkB;IAClB,yBAAyB;IACzB,cAAc;IACd,iBAAiB;IACjB,mBAAmB;IACnB,mBAAmB;IACnB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,qBAAqB;IAErB,qBAAqB;IACrB,qBAAqB;IACrB,uBAA6B;IAC7B,mBAAyB;IACzB,sBAAsB;IAEtB,uBAAsB;IACtB,mBAAkB;IAClB,sBAAqB;IAOrB,iCAEC;IAPD,4BAGC;IAWD,6BAQC;IAbD,wBAGC;IAiBD,2BAKC;IAVD,sBAGC;IAMG,iBAAwB;IAG5B,mCAaC;IAOD,+BAEC;IAED,qCAEC;IAED,sBAEC;IAED,wBAEC;IAED,0BAEC;IAED,yBAEC;IAED,uBAEC;IAED,0BAEC;IAED,uBAEC;IAED,qBAEC;IAED,0BAEC;IAED,2BAEC;IAED,2BAcC;IAED,wBAEC;IAED,wBAEC;IAED,4BAEC;IAED,yBAEC;IAED,2BAEC;IAED,qBAOC;IAED,2BAEC;IAOD,sBAMC;IAaD,iCAEC;IAID,6BAmBC;IAED,2BAMC;IAED,4BAEC;IAED,yCAEC;IAED,0CAEC;IAED,mCAWC;IAED,mCAcC;IAED,yDAEC;IAED,oCAGC;IAED,0DAIC;IAOD,oBAKC;IAED,qBAKC;IAED,sBAWC;IAED,yBAEC;IAED,sBAMC;IAED,gCAKC;IAED,kCAKC;IAED,iCAKC;IAED,gCAQC;IAED,uCAEC;IAQD,8BAWC;IAGD,oBAKC;CA6BJ;mCAzdkC,kCAAkC"}
+{"version":3,"file":"primitiveCellFactory.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/primitiveCellFactory/primitiveCellFactory.js"],"names":[],"mappings":"AAiCA;IACI,kCAAoC;IACpC,WAAW;IACX,eAAe;IACf,WAAW;IACX,kBAAkB;IAClB,cAAc;IACd,eAAe;IACf,kBAAkB;IAClB,yBAAyB;IACzB,wBAAwB;IACxB,cAAc;IACd,kBAAkB;IAClB,yBAAyB;IACzB,cAAc;IACd,iBAAiB;IACjB,mBAAmB;IACnB,mBAAmB;IACnB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,qBAAqB;IAErB,qBAAqB;IACrB,qBAAqB;IACrB,uBAA6B;IAC7B,mBAAyB;IACzB,sBAAsB;IAEtB,uBAAsB;IACtB,mBAAkB;IAClB,sBAAqB;IAOrB,iCAEC;IAPD,4BAGC;IAWD,6BAQC;IAbD,wBAGC;IAiBD,2BAKC;IAVD,sBAGC;IAMG,iBAAwB;IAG5B,+BAmBC;IAOD,+BAEC;IAED,yCAEC;IAED,sBAEC;IAED,wBAEC;IAED,0BAEC;IAED,yBAEC;IAED,uBAEC;IAED,0BAEC;IAED,uBAEC;IAED,qBAEC;IAED,0BAEC;IAED,2BAEC;IAED,2BAcC;IAED,wBAEC;IAED,wBAEC;IAED,4BAEC;IAED,yBAEC;IAED,2BAEC;IAED,qBAOC;IAED,2BAEC;IAOD,sBAMC;IAaD,iCAEC;IAID,6BAmBC;IAED,2BAMC;IAED,4BAEC;IAED,yCAEC;IAED,0CAEC;IAED,mCAWC;IAED,mCAcC;IAED,yDAEC;IAED,oCAGC;IAED,0DAIC;IAOD,oBAKC;IAED,qBAKC;IAED,sBAWC;IAED,yBAEC;IAED,sBAMC;IAED,gCAKC;IAED,kCAKC;IAED,iCAKC;IAED,gCAQC;IAED,uCAEC;IAQD,8BAWC;IAGD,oBAKC;CA6BJ;mCA/dkC,kCAAkC"}

package/src/lightning/primitiveCellFactory/primitiveCellFactory.js

@@ -129,13 +129,13 @@ export default class PrivateCellFactory extends PrimitiveDatatableCell {
         this._columnType = value;
     }
     getActionableElements() {
-        const result = Array.from(this.template.querySelectorAll('[data-navigation="enable"]'));
+        let result = [];
         const customType = this.refs.customCell;
         if (customType) {
-            const wrapperActionableElements = customType.getActionableElements();
-            wrapperActionableElements.forEach((elem) => result.push(elem));
+            result = Array.from(customType.getActionableElements());
         }
-        return result;
+        const defaultActions = Array.from(this.template.querySelectorAll('[data-navigation="enable"]'));
+        return result.concat(defaultActions);
     }
     isType(typeName) {
         return typeName === this.columnType || typeName === this.columnSubType;

package/src/lightning/primitiveDatatableCell/primitiveDatatableCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"primitiveDatatableCell.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/primitiveDatatableCell/primitiveDatatableCell.ts"],"names":[],"mappings":"AACA,OAAO,wBAAwB,MAAM,kCAAkC,CAAC;AAGxE,MAAM,CAAC,OAAO,OAAO,sBAAuB,SAAQ,wBAAwB;IACnE,WAAW,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,WAAW,EAAE,MAAM,GAAG,MAAM,CAAC;IAElC,SAAS,EAAE,MAAM,CAAK;IACtB,KAAK,EAAE,YAAY,GAAG,QAAQ,CAAgB;IAC9C,kBAAkB,EAAE,MAAM,CAAK;IAC/B,iBAAiB,EAAE,MAAM,CAAM;IACxB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAEzC,IACI,QAAQ,IAAI,MAAM,CAErB;IAED,IAAI,YAAY,IAAI,YAAY,GAAG,QAAQ,CAE1C;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,MAAM,EAQzB;IAGD,OAAO,CACH,YAAY,EAAE,YAAY,GAAG,QAAQ,EACrC,IAAI,EAAE;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,GACzB,IAAI;IA2CP,cAAc,IAAI,IAAI;IAKtB,iBAAiB,CAAC,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI;IAe9C,sBAAsB,CAClB,SAAS,EAAE,MAAM,EACjB,YAAY,EAAE,YAAY,GAAG,QAAQ,GACtC,IAAI;IA6BP,iBAAiB,IAAI,IAAI;IAOzB,IAAI,gBAAgB,IAAI,MAAM,CAE7B;IAED,IAAI,eAAe,IAAI,OAAO,CAE7B;IAED,IAAI,cAAc,IAAI,OAAO,CAE5B;IAED,IAAI,WAAW,IAAI,OAAO,CAEzB;IAED,IAAI,YAAY,IAAI,OAAO,CAE1B;IAED,2BAA2B,IAAI,IAAI;IAInC,2BAA2B,IAAI,IAAI;IAKnC,WAAW,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAKpC,aAAa,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAgFzC,qBAAqB,IAAI,WAAW,EAAE;IAMtC,IAAI,aAAa,IAAI,WAAW,GAAG,IAAI,CAEtC;IAED,2BAA2B,CAAC,gBAAgB,EAAE,MAAM,GAAG,IAAI;IAqB3D,WAAW,IAAI,IAAI;IAMnB,eAAe,CAAC,QAAQ,EAAE,aAAa,GAAG,IAAI;IAoB9C,yBAAyB,IAAI,IAAI;CAapC"}
+{"version":3,"file":"primitiveDatatableCell.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/primitiveDatatableCell/primitiveDatatableCell.ts"],"names":[],"mappings":"AACA,OAAO,wBAAwB,MAAM,kCAAkC,CAAC;AAIxE,MAAM,CAAC,OAAO,OAAO,sBAAuB,SAAQ,wBAAwB;IACnE,WAAW,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,WAAW,EAAE,MAAM,GAAG,MAAM,CAAC;IAElC,SAAS,EAAE,MAAM,CAAK;IACtB,KAAK,EAAE,YAAY,GAAG,QAAQ,CAAgB;IAC9C,kBAAkB,EAAE,MAAM,CAAK;IAC/B,iBAAiB,EAAE,MAAM,CAAM;IACxB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAEzC,IACI,QAAQ,IAAI,MAAM,CAErB;IAED,IAAI,YAAY,IAAI,YAAY,GAAG,QAAQ,CAE1C;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,MAAM,EAQzB;IAGD,OAAO,CACH,YAAY,EAAE,YAAY,GAAG,QAAQ,EACrC,IAAI,EAAE;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,GACzB,IAAI;IA2CP,cAAc,IAAI,IAAI;IAKtB,iBAAiB,CAAC,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI;IAe9C,sBAAsB,CAClB,SAAS,EAAE,MAAM,EACjB,YAAY,EAAE,YAAY,GAAG,QAAQ,GACtC,IAAI;IA6BP,iBAAiB,IAAI,IAAI;IAOzB,IAAI,gBAAgB,IAAI,MAAM,CAE7B;IAED,IAAI,eAAe,IAAI,OAAO,CAE7B;IAED,IAAI,cAAc,IAAI,OAAO,CAE5B;IAED,IAAI,WAAW,IAAI,OAAO,CAEzB;IAED,IAAI,YAAY,IAAI,OAAO,CAE1B;IAED,2BAA2B,IAAI,IAAI;IAInC,2BAA2B,IAAI,IAAI;IAKnC,WAAW,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAKpC,aAAa,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAgFzC,qBAAqB,IAAI,WAAW,EAAE;IAMtC,IAAI,aAAa,IAAI,WAAW,GAAG,IAAI,CAEtC;IAED,2BAA2B,CAAC,gBAAgB,EAAE,MAAM,GAAG,IAAI;IAqB3D,WAAW,IAAI,IAAI;IAMnB,eAAe,CAAC,QAAQ,EAAE,aAAa,GAAG,IAAI;IAoB9C,yBAAyB,IAAI,IAAI;CAapC"}

package/src/lightning/primitiveDatatableCell/primitiveDatatableCell.js

@@ -6,6 +6,7 @@
 import { api, track } from 'lwc';
 import LightningShadowBaseClass from 'lightning/shadowBaseClassPrivate';
 import { keyCodes, isRTL } from 'lightning/utilsPrivate';
+import { features } from 'lightning/features';
 export default class PrimitiveDatatableCell extends LightningShadowBaseClass {
     @api
     rowKeyValue;
@@ -43,7 +44,7 @@ export default class PrimitiveDatatableCell extends LightningShadowBaseClass {
                 this.setFocusToActionableElement(this._currentInputIndex);
             }, 0);
             const actionableElements = this.getActionableElements();
-            if (normalizedInfo.action === 'tab') {
+            if (!features.enableDTAutoInlineEditFix && normalizedInfo.action === 'tab') {
                 let editActionElement = false;
                 actionableElements.some((elem) => {
                     if (elem.getAttribute('data-action-edit')) {
@@ -56,7 +57,7 @@ export default class PrimitiveDatatableCell extends LightningShadowBaseClass {
                     editActionElement.click();
                 }
             }
-            else if (actionableElements.length === 1) {
+            else if (normalizedInfo.action !== 'tab' && actionableElements.length === 1) {
                 const elem = actionableElements[0];
                 let defaultActions = elem.getAttribute('data-action-triggers');
                 defaultActions = defaultActions || '';

package/src/lightning/primitiveDatatableIeditPanel/primitiveDatatableIeditPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"primitiveDatatableIeditPanel.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/primitiveDatatableIeditPanel/primitiveDatatableIeditPanel.js"],"names":[],"mappings":"AAgBA;IACI,mBAAqB;IACrB,gCAA6B;IAG7B,uBAAsB;IAEtB,kCAAkC;IAClC,aAAa;IACb,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB,eAAe;IACf,2BAA+B;IAC/B,0BAA0B;IAC1B,4BAA4B;IAO5B,+BAaC;IAKD,6BAGC;IAMD,iBAGC;IAKD,oBAGC;IAOD,cAQC;IAMD,gCAGC;IAID,4BAYC;IAED,gCAIC;IAED,oBAEC;IAED,oBAKC;IAED,oCAEC;IAED,8BAGC;IAED;;;;;MAEC;IASD,6BAWC;IAOD,4BAWC;IAKD,6BAkBC;IAED,4BAEC;IAED,2BAOC;IAED,0CASC;IASD,yBAFW,aAAa,QAWvB;IAUD,gCAFW,WAAW,QAUrB;IASD,uCAQC;IAWD,6BAEC;IAID,yBAEC;IAED,0BAMC;IAED,sBAIC;CACJ;qCA7ToC,kCAAkC"}
+{"version":3,"file":"primitiveDatatableIeditPanel.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/primitiveDatatableIeditPanel/primitiveDatatableIeditPanel.js"],"names":[],"mappings":"AAiBA;IACI,mBAAqB;IACrB,gCAA6B;IAG7B,uBAAsB;IAEtB,kCAAkC;IAClC,aAAa;IACb,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB,eAAe;IACf,2BAA+B;IAC/B,0BAA0B;IAC1B,4BAA4B;IAO5B,+BAaC;IAKD,6BAGC;IAMD,iBAGC;IAKD,oBAGC;IAOD,cAQC;IAMD,gCAGC;IAID,4BAYC;IAED,gCAIC;IAED,oBAEC;IAED,oBAKC;IAED,oCAEC;IAED,8BAGC;IAED;;;;;MAEC;IASD,6BAWC;IAOD,4BAWC;IAKD,6BAkBC;IAED,4BAEC;IAED,2BAkBC;IAED,0CASC;IASD,yBAFW,aAAa,QAWvB;IAUD,gCAFW,WAAW,QAUrB;IASD,uCAQC;IAWD,6BAEC;IAID,yBAEC;IAED,0BAMC;IAED,sBAIC;CACJ;qCAzUoC,kCAAkC"}

package/src/lightning/primitiveDatatableIeditPanel/primitiveDatatableIeditPanel.js

@@ -11,6 +11,7 @@ import labelCancel from '@salesforce/label/LightningDatatable.cancel';
 import labelApply from '@salesforce/label/LightningDatatable.apply';
 import { getStatCount } from 'lightning/overlayManager';
 import { formatLabel } from 'lightning/utils';
+import { features } from 'lightning/features';
 const i18n = {
     edit: labelEdit,
     updateSelectedItems: labelUpdateSelectedItems,
@@ -145,7 +146,14 @@ export default class PrimitiveDatatableIeditPanel extends LightningShadowBaseCla
     }
     handleTypeElemBlur() {
         if (this.visible && !this.template.activeElement) {
+            const blurRowKeyValue = this.rowKeyValue;
+            const blurColKeyValue = this.colKeyValue;
             this._focusTimeout = setTimeout(() => {
+                if (features.enableDtInlineEditBlurRace &&
+                    (this.rowKeyValue !== blurRowKeyValue ||
+                        this.colKeyValue !== blurColKeyValue)) {
+                    return;
+                }
                 this.handlePanelLostFocus();
             }, 0);
         }

package/src/lightning/primitiveDatatableStatusBar/primitiveDatatableStatusBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"primitiveDatatableStatusBar.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/primitiveDatatableStatusBar/primitiveDatatableStatusBar.js"],"names":[],"mappings":"AAYA;IACI,iBAAyB;IAOzB,qBAMC;IAXD,gBAGC;IAUD;;;;MAEC;IAED,yBAMC;IAED,+BAMC;IAED;;MAMC;IAED,4BAIC;IAED,0CAWC;IAED,wCAgBC;IAOD,wBAYC;CACJ;qCA3GoC,kCAAkC"}
+{"version":3,"file":"primitiveDatatableStatusBar.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/primitiveDatatableStatusBar/primitiveDatatableStatusBar.js"],"names":[],"mappings":"AAaA;IACI,iBAAyB;IAkBzB,qBAMC;IAXD,gBAGC;IAUD;;;;MAEC;IAED,yBAMC;IAED,+BAMC;IAED;;MAMC;IAED,4BAIC;IAED,0CAWC;IAED,wCAgBC;IAOD,wBAYC;CACJ;qCAtHoC,kCAAkC"}