lightning-base-components 1.28.14-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/primitiveCellFactory/primitiveCellFactory.d.ts

@@ -42,7 +42,7 @@ 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(): boolean;
     get isText(): 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,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;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/primitiveHeaderFactory/selectableHeader.html

@@ -16,6 +16,7 @@
                     id="lgt-dt-header-factory-id"
                     onclick={handleSelectAllRows}
                     tabindex={internalTabIndex}
+                    data-action-triggers="space"
                     data-navigation="enable"
                     disabled={def.isBulkSelectionDisabled}>
 

package/src/lightning/primitiveInputCheckboxButton/primitiveInputCheckboxButton.js

@@ -101,7 +101,7 @@ export default class LightningPrimitiveInputColor extends LightningShadowBaseCla
         });
     }
     get iconName() {
-        return this.checked ? 'utility:check' : 'utility:add';
+        return this._checked ? 'utility:check' : 'utility:add';
     }
     connectedCallback() {
         super.connectedCallback();

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

@@ -1 +1 @@
-{"version":3,"file":"primitiveInputSimple.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/primitiveInputSimple/primitiveInputSimple.js"],"names":[],"mappings":"AAwDA;IACI,WAAM;IACN,sBAAsB;IACtB,wBAAwB;IACxB,cAAc;IACd,WAAW;IACX,oBAAoB;IACpB,6BAA6B;IAE7B,kBAAkB;IAClB,eAAe;IACf,kBAAkB;IAClB,eAAe;IAEf,SAAS;IACT,SAAS;IACT,eAAe;IACf,eAAe;IACf,aAAa;IACb,iBAAiB;IACjB,UAAU;IACV,cAAc;IACd,cAAc;IACd,aAAa;IACb,cAAc;IAEd,eAAe;IACf,iBAAiB;IACjB,cAAc;IAEd,sBAAsB;IACtB,kBAAkB;IAClB,yBAAyB;IACzB,kBAAkB;IAClB,sBAAsB;IAUtB,qBAEC;IAVD,gBAMC;IAHO,WAAyB;IASjC,iCAEC;IAED,uCAGC;IAED,uCAGC;IAED,8BAGC;IAOD,qBAcC;IAnBD,gBAGC;IA0LD,0BAAyB;IAnKzB,6BAMC;IAXD,wBAGC;IAmKD,mBAA+B;IApJ/B,qCAKC;IAVD,gCAGC;IAGG,2BAAkC;IAWtC,qBAcC;IAnBD,gBAGC;IAgJD,WAAM;IAzHN,8BAGC;IARD,uBAGC;IA0HD,kBAAa;IA9Gb,yBAuBC;IA5BD,oBAGC;IAmHD,eAAY;IAxFZ,qCAOC;IAHO,qCAAsC;IAwB9C,0BAEC;IAPD,qBAIC;IAEG,gBAAuB;IAG3B,yBAwCC;IAeD,wBAAqB;IAbrB,4BAGC;IAID,wBAAuB;IAEvB,eAAU;IACV,qCAAgB;IAKhB,qBAAgB;IAChB,mCAAkC;IAGlC,8BAYC;IAED,6BAMC;IAED,gCA+BC;IAED,8BAoCC;IAED,iCAYC;IAED,+BAyBC;IAOD,qBAIC;IAID,4BASC;IAED,4BA0BC;IAED,iDAQC;IAMD,wBAOC;IAED,4BAEC;IAED,2BAGC;IAED,4BAEC;IAED,0BAEC;IAID,0BAEC;IAED,8BAEC;IAED,0BAEC;IAED,gCAEC;IAED,gCAEC;IAED,oCAEC;IAID,uGAIC;IAED,+BAMC;IAED,0BAeC;IAED,yCASC;IAED;;;;MAEC;IAED,6BAKC;IAED;;;;;;MAQC;IAID,oCAIC;IAUD,sCAoBC;IAED;;MAyBC;IAED,4CAWC;IAID,0CAiBC;IAED,gCAIC;IAED,8BASC;IAUG,yBAA8C;IAGlD,yBAqCC;IAPO,0BAA0D;IASlE,6BAQC;CAYJ;qCAxzBoC,kCAAkC;oCAqCnC,aAAa"}
+{"version":3,"file":"primitiveInputSimple.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/primitiveInputSimple/primitiveInputSimple.js"],"names":[],"mappings":"AA2DA;IACI,WAAM;IACN,sBAAsB;IACtB,wBAAwB;IACxB,cAAc;IACd,WAAW;IACX,oBAAoB;IACpB,6BAA6B;IAE7B,kBAAkB;IAClB,eAAe;IACf,kBAAkB;IAClB,eAAe;IAEf,SAAS;IACT,SAAS;IACT,eAAe;IACf,eAAe;IACf,aAAa;IACb,iBAAiB;IACjB,UAAU;IACV,cAAc;IACd,cAAc;IACd,aAAa;IACb,cAAc;IAEd,eAAe;IACf,iBAAiB;IACjB,cAAc;IAEd,sBAAsB;IACtB,kBAAkB;IAClB,yBAAyB;IACzB,kBAAkB;IAClB,sBAAsB;IAWtB,qBAEC;IAXD,gBAOC;IAHO,WAAyB;IASjC,iCAEC;IAED,uCAGC;IAED,uCAGC;IAED,8BAGC;IAOD,qBAcC;IAnBD,gBAGC;IA0LD,0BAAyB;IAnKzB,6BAMC;IAXD,wBAGC;IAmKD,mBAA+B;IApJ/B,qCAKC;IAVD,gCAGC;IAGG,2BAAkC;IAWtC,qBAcC;IAnBD,gBAGC;IAgJD,WAAM;IAzHN,8BAGC;IARD,uBAGC;IA0HD,kBAAa;IA9Gb,yBAuBC;IA5BD,oBAGC;IAmHD,eAAY;IAxFZ,qCAOC;IAHO,qCAAsC;IAwB9C,0BAEC;IAPD,qBAIC;IAEG,gBAAuB;IAG3B,yBAwCC;IAeD,wBAAqB;IAbrB,4BAGC;IAID,wBAAuB;IAEvB,eAAU;IACV,qCAAgB;IAKhB,qBAAgB;IAChB,mCAAkC;IAGlC,8BAYC;IAED,6BAMC;IAED,gCA+BC;IAED,8BAoCC;IAED,iCAYC;IAED,+BAyBC;IAOD,qBAIC;IAID,4BASC;IAED,4BA0BC;IAED,iDAQC;IAMD,wBAOC;IAED,4BAEC;IAED,2BAGC;IAED,4BAEC;IAED,0BAEC;IAID,0BAEC;IAED,8BAEC;IAED,0BAEC;IAED,gCAEC;IAED,gCAEC;IAED,oCAEC;IAID,uGAIC;IAED,+BAMC;IAED,0BAeC;IAED,yCASC;IAED;;;;MAEC;IAED,6BAKC;IAED;;;;;;MAQC;IAID,oCAIC;IAUD,sCAoBC;IAED;;MAyBC;IAED,4CAWC;IAID,0CAiBC;IAED,gCAIC;IAED,8BASC;IAUG,yBAA8C;IAGlD,yBAqCC;IAPO,0BAA0D;IASlE,6BAQC;CAYJ;qCA5zBoC,kCAAkC;oCAwCnC,aAAa"}

package/src/lightning/primitiveInputSimple/primitiveInputSimple.js

@@ -10,6 +10,7 @@ import { privateContext } from 'lightning/utilsInternal';
 import labelRequired from '@salesforce/label/LightningControl.required';
 import labelClearInput from '@salesforce/label/LightningControl.clear';
 import labelLoadingIndicator from '@salesforce/label/LightningControl.loading';
+import formFactor from '@salesforce/client/formFactor';
 const { setContext, assertContext } = privateContext;
 import { normalizeTime, normalizeDate, normalizeUTCDateTime, normalizeDateTimeToUTC, } from './mobileInputUtils';
 import { calculateFractionDigitsFromStep, formatNumber, fromIsoDecimal, hasValidNumberShortcut, hasValidNumberSymbol, increaseNumberByStep, isValidNumber, isValidNumberCharacter, stringifyNumber, toIsoDecimal, } from 'lightning/numberUtils';
@@ -91,7 +92,7 @@ export default class LightningPrimitiveInputSimple extends LightningShadowBaseCl
     ariaAutoComplete;
     @api
     get role() {
-        if (this.isTypeNumber) {
+        if (this.isTypeNumber && formFactor === 'Large') {
             this._role = 'spinbutton';
         }
         return this._role;

package/src/lightning/primitiveOverlay/__examples__/alert/alert.d.ts

@@ -0,0 +1,13 @@
+export default class OverlayAlert extends LightningPrimitiveOverlay {
+    header: string;
+    body: string;
+    okayText: string;
+    cancelText: string;
+    handleOkay(): void;
+    handleCancel(): void;
+    handleDismiss(): void;
+    hasFocus: boolean;
+    renderedCallback(): void;
+}
+import LightningPrimitiveOverlay from 'lightning/primitiveOverlay';
+//# sourceMappingURL=alert.d.ts.map

package/src/lightning/primitiveOverlay/__examples__/alert/alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../../../../modules/lightning/primitiveOverlay/__examples__/alert/alert.js"],"names":[],"mappings":"AAGA;IACI,eAAuB;IAEvB,aAAmB;IAEnB,iBAAuB;IAEvB,mBAA2B;IAE3B,mBAEC;IAED,qBAEC;IAED,sBAEC;IAED,kBAAiB;IACjB,yBAMC;CACJ;sCA/BqC,4BAA4B"}

package/src/lightning/primitiveOverlay/__examples__/alert/alert.html

@@ -0,0 +1,27 @@
+<template>
+    <lightning-focus-trap>
+        <section role="dialog" tabindex="-1" aria-labelledby="modal-heading-01" aria-modal="true"
+            aria-describedby="modal-content-id-1" class="slds-modal slds-fade-in-open slds-modal_small">
+            <div class="slds-modal__container">
+                <header class="slds-modal__header">
+                    <button class="slds-button slds-button_icon slds-modal__close slds-button_icon-inverse"
+                        title="Close" onclick={handleDismiss}>
+                        <svg class="slds-button__icon slds-button__icon_large" aria-hidden="true">
+                            <use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#close"></use>
+                        </svg>
+                        <span class="slds-assistive-text">Close</span>
+                    </button>
+                    <h2 id="modal-heading-01" class="slds-modal__title slds-hyphenate">{header}</h2>
+                </header>
+                <div class="slds-modal__content slds-p-around_medium" id="modal-content-id-1">
+                    <p>{body}</p>
+                </div>
+                <footer class="slds-modal__footer">
+                    <button class="slds-button slds-button_neutral" onclick={handleCancel}>{cancelText}</button>
+                    <button class="slds-button slds-button_brand" onclick={handleOkay}>{okayText}</button>
+                </footer>
+            </div>
+        </section>
+    </lightning-focus-trap>
+    <div class="slds-backdrop slds-backdrop_open"></div>
+</template>

package/src/lightning/primitiveOverlay/__examples__/alert/alert.js

@@ -0,0 +1,34 @@
+/*
+ * Copyright (c) 2025, Salesforce, Inc.,
+ * All rights reserved.
+ * For full license text, see the LICENSE.txt file
+ */
+import { api } from 'lwc';
+import LightningPrimitiveOverlay from 'lightning/primitiveOverlay';
+export default class OverlayAlert extends LightningPrimitiveOverlay {
+    @api
+    header = 'Header';
+    @api
+    body = 'Body';
+    @api
+    okayText = 'Okay';
+    @api
+    cancelText = 'Cancel';
+    handleOkay() {
+        this.close('okay');
+    }
+    handleCancel() {
+        this.close('cancel');
+    }
+    handleDismiss() {
+        this.close('dismiss');
+    }
+    hasFocus = false;
+    renderedCallback() {
+        if (!this.hasFocus) {
+            const close = this.template.querySelector('header > button');
+            close.focus();
+            this.hasFocus = true;
+        }
+    }
+}

package/src/lightning/primitiveOverlay/__examples__/basic/basic.css

@@ -0,0 +1,7 @@
+.example {
+    margin: 0.5rem;
+    border-radius: 0.5rem;
+    background: #fff;
+    box-shadow: 0 1px 0.25rem rgb(0 0 0 / 20%);
+    padding: 1rem;
+}

package/src/lightning/primitiveOverlay/__examples__/basic/basic.d.ts

@@ -0,0 +1,12 @@
+export default class OverlayBasic extends LightningElement {
+    confirmResult: string;
+    handleConfirmModal(): void;
+    confirmAltResult: string;
+    handleConfirmAltModal(): void;
+    demoResult: string;
+    handleDemoModal(): void;
+    panelResult: string;
+    handlePanel(): void;
+}
+import { LightningElement } from 'lwc';
+//# sourceMappingURL=basic.d.ts.map

package/src/lightning/primitiveOverlay/__examples__/basic/basic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"basic.d.ts","sourceRoot":"","sources":["../../../../../../../modules/lightning/primitiveOverlay/__examples__/basic/basic.js"],"names":[],"mappings":"AAMA;IACI,sBAAwB;IAExB,2BAOC;IAED,yBAA2B;IAE3B,8BASC;IAED,mBAAqB;IAErB,wBAeC;IAED,oBAAsB;IAEtB,oBAOC;CACJ;iCA5DgC,KAAK"}

package/src/lightning/primitiveOverlay/__examples__/basic/basic.html

@@ -0,0 +1,18 @@
+<template>
+    <div class="example">
+        <button onclick={handleConfirmModal}>Open a Confirm Modal</button> 
+        <p>Result: <code>{confirmResult}</code></p>
+    </div>
+    <div class="example">
+        <button onclick={handleConfirmAltModal}>Open a Confirm Modal Alt</button> 
+        <p>Result: <code>{confirmAltResult}</code></p>
+    </div>
+    <div class="example">
+        <button onclick={handleDemoModal}>Open a Demo Modal</button> 
+        <p>Result: <code>{demoResult}</code></p>
+    </div>
+    <div class="example">
+        <button onclick={handlePanel}>Open a Panel</button> 
+        <p>Result: <code>{panelResult}</code></p>
+    </div>
+</template>