lightning-base-components 1.21.4-alpha → 1.21.5-alpha

package/metadata/raptor.json

@@ -2030,7 +2030,7 @@
         "name": "showAddressLookup"
       },
       {
-        "name": "showCompactAddressLookup"
+        "name": "showCompactAddress"
       },
       {
         "name": "street"

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "lightning-base-components",
-    "version": "1.21.4-alpha",
+    "version": "1.21.5-alpha",
     "license": "MIT",
     "files": [
         "external",
@@ -986,6 +986,10 @@
                 "name": "@salesforce/label/LightningLookup.modalCancel",
                 "path": "scopedImports/@salesforce-label-LightningLookup.modalCancel.js"
             },
+            {
+                "name": "@salesforce/label/LightningLookup.messageWhenSearchTermTooShort",
+                "path": "scopedImports/@salesforce-label-LightningLookup.messageWhenSearchTermTooShort.js"
+            },
             {
                 "name": "@salesforce/label/LightningRecordPicker.invalidConfigurationErrorMessage",
                 "path": "scopedImports/@salesforce-label-LightningRecordPicker.invalidConfigurationErrorMessage.js"
@@ -1365,6 +1369,7 @@
             "lightning-button-icon-stateful",
             "lightning-button-menu",
             "lightning-button-stateful",
+            "lightning-card",
             "lightning-calendar",
             "lightning-color-picker-custom",
             "lightning-color-picker-panel",
@@ -1402,9 +1407,11 @@
             "lightning-progress-ring",
             "lightning-primitive-bubble",
             "lightning-primitive-button",
+            "primitive-file-droppable-zone",
             "lightning-primitive-input-checkbox",
             "lightning-primitive-input-checkbox-button",
             "lightning-primitive-input-color",
+            "lightning-primitive-colorpicker-button",
             "lightning-primitive-input-file",
             "lightning-primitive-input-simple",
             "lightning-primitive-input-toggle",
@@ -1524,6 +1531,7 @@
             "lightning-primitive-bubble",
             "lightning-primitive-button",
             "lightning-primitive-color-picker-button",
+            "primitive-file-droppable-zone",
             "lightning-primitive-icon",
             "lightning-primitive-input-checkbox",
             "lightning-primitive-input-checkbox-button",

package/scopedImports/@salesforce-label-LightningLookup.messageWhenSearchTermTooShort.js

@@ -0,0 +1 @@
+export default 'Type at least 2 characters to perform a search.';

package/src/lightning/accordion/__docs__/accordion.md

@@ -272,7 +272,3 @@ The event properties are as follows.
 | bubbles    | false | This event does not bubble.                                                                               |
 | cancelable | false | This event has no default behavior that can be canceled. You can't call `preventDefault()` on this event. |
 | composed   | false | This event does not propagate outside the template in which it was dispatched.                            |
-
-#### Source Code
-
-`lightning-accordion` is available in the [Base Components Recipes GitHub repository](https://github.com/salesforce/base-components-recipes#documentation). It's transpiled into the `c` namespace so that you can use it in your own projects.

package/src/lightning/accordionSection/__docs__/accordionSection.md

@@ -91,7 +91,3 @@ renders with `aria-expanded="true"`. When a section is collapsed, the button ren
 Additionally, the button uses the `aria-controls` attribute to identify the content that relates to the controlling button on the accordion section.
 
 To expand or collapse a section using the keyboard, press the Tab key to set focus on the toggle button or header text and press Enter.
-
-#### Source Code
-
-`lightning-accordion-section` is available in the [Base Components Recipes GitHub repository](https://github.com/salesforce/base-components-recipes#documentation). It's transpiled into the `c` namespace so that you can use it in your own projects.

package/src/lightning/avatar/__docs__/avatar.md

@@ -153,7 +153,3 @@ To understand how we implemented SLDS in `lightning-avatar`, see the **Source Co
 #### Accessibility
 
 Use the `alternative-text` attribute to describe the avatar, such as a user's initials or name. This description provides the value for the `alt` attribute in the `img` HTML tag.
-
-#### Source Code
-
-`lightning-avatar` is available in the [Base Components Recipes GitHub repository](https://github.com/salesforce/base-components-recipes#documentation). It's transpiled into the `c` namespace so that you can use it in your own projects.

package/src/lightning/badge/__docs__/badge.md

@@ -97,7 +97,3 @@ To understand how we implemented SLDS in `lightning-badge`, see the **Source Cod
 #### Usage Considerations
 
 Badges with nested elements are not supported. To create a label that can contain links, use `lightning-pill` instead.
-
-#### Source Code
-
-`lightning-badge` is available in the [Base Components Recipes GitHub repository](https://github.com/salesforce/base-components-recipes#documentation). It's transpiled into the `c` namespace so that you can use it in your own projects.

package/src/lightning/barcodeScanner/__docs__/barcodeScanner.md

@@ -116,7 +116,3 @@ The `errors` event has these properties.
 | bubbles    | false | This event does not bubble.                                                                                          |
 | cancelable | true  | This event can be canceled. You can call `preventDefault()` on this event to prevent firing the click event. |
 | composed   | false | This event does not propagate outside the template in which it was dispatched.                                               |
-
-#### Source Code
-
-`lightning-barcode-scanner` is available in the [Base Components Recipes GitHub repository](https://github.com/salesforce/base-components-recipes#documentation). It's transpiled into the `c` namespace so that you can use it in your own projects.

package/src/lightning/baseCombobox/baseCombobox.js

@@ -856,7 +856,7 @@ export default class LightningBaseCombobox extends LightningShadowBaseClass {
     highlightOption(option) {
         this.removeHighlight();
         if (option) {
-            option.highlight(option.ariaChecked);
+            option.highlight();
             this._highlightedOptionElement = option;
             this._highlightedOptionElementId =
                 option.getAttribute('data-item-id');
@@ -877,7 +877,7 @@ export default class LightningBaseCombobox extends LightningShadowBaseClass {
     removeHighlight() {
         const option = this._highlightedOptionElement;
         if (option) {
-            option.removeHighlight(option.ariaChecked);
+            option.removeHighlight();
             this._highlightedOptionElement = null;
             this._highlightedOptionElementId = null;
             this._activeElementDomId = null;

package/src/lightning/baseComboboxItem/baseComboboxItem.js

@@ -43,22 +43,18 @@ export default class LightningBaseComboboxItem extends LightningShadowBaseClass
     }
 
     @api
-    highlight(isSelected) {
-        this.toggleHighlight(true, isSelected);
+    highlight() {
+        this.toggleHighlight(true);
     }
 
     @api
-    removeHighlight(isSelected) {
-        this.toggleHighlight(false, isSelected);
+    removeHighlight() {
+        this.toggleHighlight(false);
     }
 
-    toggleHighlight(highlighted, isSelected) {
+    toggleHighlight(highlighted) {
         if (this.item.selectable) {
-            //Only announce the selected item from the list, not the hovered or focused ones.
-            this.setAttribute(
-                'aria-selected',
-                isSelected === 'true' ? true : false
-            );
+            this.setAttribute('aria-selected', highlighted ? 'true' : 'false');
             this.classList.toggle('slds-has-focus', highlighted);
         }
     }

package/src/lightning/button/__docs__/button.md

@@ -104,15 +104,15 @@ Use the `variant` attribute with one of these values to apply styling and animat
 -   `inverse` uses the background color and light text, useful for dark backgrounds.
 -   `success` is a green button used to indicate a successful action.
 
-##### Animation 
+##### Animation
 
-Buttons are animated by default. For the `base` variant, an underline is drawn when you mouse over the button. For the other variants, a ripple of contrasting color displays when you click the button. 
+Buttons are animated by default. For the `base` variant, an underline is drawn when you mouse over the button. For the other variants, a ripple of contrasting color displays when you click the button.
 
 When a button is disabled, the animation is disabled as well.
 
 If your browser or operating system is set to reduce animation, the button animations don't display.
 
-To prevent animation for a button, use the `disable-animation` attribute. 
+To prevent animation for a button, use the `disable-animation` attribute.
 
 ```html
 <template>
@@ -279,7 +279,3 @@ Use the following accessibility and `aria` attributes on `lightning-button`.
 | tabindex         | integer           | Specifies whether the button is focusable during tab navigation. Set tab index to -1 to prevent focus on the button during tab navigation. The default value is 0, which makes the button focusable during tab navigation. For more information see [tabindex](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex).                      |
 
 For more information, see the [WAI-ARIA Specification](https://www.w3.org/TR/wai-aria/).
-
-#### Source Code
-
-`lightning-button` is available in the [Base Components Recipes GitHub repository](https://github.com/salesforce/base-components-recipes#documentation). It's transpiled into the `c` namespace so that you can use it in your own projects.

package/src/lightning/buttonGroup/__docs__/buttonGroup.md

@@ -73,10 +73,6 @@ To apply additional styling, use SLDS [utility classes](https://www.lightningdes
 
 You can customize the `lightning-button-*` base components you use within `lightning-button-group` using SLDS styling hooks. For more information, see the corresponding base component documentation.
 
-#### Source Code
-
-`lightning-button-group` is available in the [Base Components Recipes GitHub repository](https://github.com/salesforce/base-components-recipes#documentation). It's transpiled into the `c` namespace so that you can use it in your own projects.
-
 #### See Also
 
 [lightning-navigation](bundle/lightning-navigation/documentation)

package/src/lightning/buttonIcon/__docs__/buttonIcon.md

@@ -208,7 +208,3 @@ Use the following accessibility and `aria` attributes on `lightning-button-icon`
 | tabindex         | integer           | Specifies whether the button is focusable during tab navigation. Set tab index to -1 to prevent focus on the button during tab navigation. The default value is 0, which makes the button focusable during tab navigation. For more information, see [tabindex](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex).       |
 
 For more information, see the [WAI-ARIA Specification](https://www.w3.org/TR/wai-aria/).
-
-#### Source Code
-
-`lightning-button-icon` is available in the [Base Components Recipes GitHub repository](https://github.com/salesforce/base-components-recipes#documentation). It's transpiled into the `c` namespace so that you can use it in your own projects.

package/src/lightning/buttonIconStateful/__docs__/buttonIconStateful.md

@@ -179,7 +179,3 @@ Use the following accessibility and `aria` attributes on `lightning-button-icon-
 | aria-live        | string            | Indicates whether the button will be updated, and describes the types of updates assistive technologies will make. Possible values include `off`, `polite`, and `assertive`. The default is `off`. For the screen reader to announce changes when the user is idle, use `polite`. For immediate notifications, use `assertive`. |
 
 For more information, see the [WAI-ARIA Specification](https://www.w3.org/TR/wai-aria/).
-
-#### Source Code
-
-`lightning-button-icon-stateful` is available in the [Base Components Recipes GitHub repository](https://github.com/salesforce/base-components-recipes#documentation). It's transpiled into the `c` namespace so that you can use it in your own projects.

package/src/lightning/buttonMenu/__docs__/buttonMenu.md

@@ -327,7 +327,3 @@ The event properties are as follows.
 | bubbles    | false | This event does not bubble.                                                                                |
 | cancelable | false | This event has no default behavior that can be canceled. You cannot call `preventDefault()` on this event. |
 | composed   | false | This event does not propagate outside of the component in which it was dispatched.                         |
-
-#### Source Code
-
-`lightning-button-menu` is available in the [Base Components Recipes GitHub repository](https://github.com/salesforce/base-components-recipes#documentation). It's transpiled into the `c` namespace so that you can use it in your own projects.

package/src/lightning/buttonStateful/__docs__/buttonStateful.md

@@ -162,7 +162,3 @@ This component has usage differences from its Aura counterpart. See [Base Compon
 This component uses `aria-live="polite"`, which means the button label is read after the current user task or content.
 
 To inform screen readers that a button is disabled, set the `disabled` attribute to true.
-
-#### Source Code
-
-`lightning-button-stateful` is available in the [Base Components Recipes GitHub repository](https://github.com/salesforce/base-components-recipes#documentation). It's transpiled into the `c` namespace so that you can use it in your own projects.

package/src/lightning/buttonStateful/buttonStateful.html

@@ -4,24 +4,26 @@
             onblur={handleButtonBlur}
             onclick={handleButtonClick}
             aria-live="polite"
+            aria-relevant="additions"
+            aria-pressed={computedAriaPressed}
             part="button"
             disabled={disabled}>
 
             <span class="slds-text-not-selected">
                 <template if:true={iconNameWhenOff}>
-                    <lightning-primitive-icon part="start" icon-name={iconNameWhenOff} svg-class="slds-button__icon_stateful slds-button__icon_left" variant="bare"></lightning-primitive-icon>
+                    <lightning-primitive-icon aria-hidden="true" part="start" icon-name={iconNameWhenOff} svg-class="slds-button__icon_stateful slds-button__icon_left" variant="bare"></lightning-primitive-icon>
                 </template>
                 {privateLabelWhenOff}
             </span>
             <span class="slds-text-selected">
                 <template if:true={iconNameWhenOn}>
-                    <lightning-primitive-icon part="start" icon-name={iconNameWhenOn} svg-class="slds-button__icon_stateful slds-button__icon_left" variant="bare"></lightning-primitive-icon>
+                    <lightning-primitive-icon aria-hidden="true" part="start" icon-name={iconNameWhenOn} svg-class="slds-button__icon_stateful slds-button__icon_left" variant="bare"></lightning-primitive-icon>
                 </template>
                 {privateLabelWhenOn}
             </span>
             <span class="slds-text-selected-focus">
                 <template if:true={privateIconNameWhenHover}>
-                    <lightning-primitive-icon part="start" icon-name={privateIconNameWhenHover} svg-class="slds-button__icon_stateful slds-button__icon_left" variant="bare"></lightning-primitive-icon>
+                    <lightning-primitive-icon aria-hidden="true" part="start" icon-name={privateIconNameWhenHover} svg-class="slds-button__icon_stateful slds-button__icon_left" variant="bare"></lightning-primitive-icon>
                 </template>
                 {privateLabelWhenHover}
             </span>

package/src/lightning/buttonStateful/buttonStateful.js

@@ -239,6 +239,10 @@ export default class LightningButtonStateful extends LightningShadowBaseClass {
         this.dispatchEvent(new CustomEvent('focus'));
     }
 
+    get computedAriaPressed() {
+        return String(this.state.selected);
+    }
+
     // validate a label is a string and not zero length
     isValidLabel(labelVal) {
         // if not a string or of length 0 then label is not valid

package/src/lightning/card/__docs__/card.md

@@ -108,7 +108,3 @@ To understand how we implemented SLDS in `lightning-card`, see the **Source Code
 Icons are not available in Lightning Out, but they are available in Lightning Components for Visualforce and other experiences.
 
 This component has usage differences from its Aura counterpart. See [Base Components: Aura Vs Lightning Web Components](https://developer.salesforce.com/docs/platform/lwc/guide/migrate-map-aura-lwc-components) in the Lightning Web Components Developer Guide.
-
-#### Source Code
-
-`lightning-card` is available in the [Base Components Recipes GitHub repository](https://github.com/salesforce/base-components-recipes#documentation). It's transpiled into the `c` namespace so that you can use it in your own projects.

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

@@ -3,4 +3,7 @@
     <isExposed>true</isExposed>
     <minApiVersion>0.0</minApiVersion>
     <support>GA</support>
+    <capabilities>
+        <capability>lightning__ServerRenderableWithHydration</capability>
+    </capabilities>
 </LightningComponentBundle>

package/src/lightning/carousel/__docs__/carousel.md

@@ -88,7 +88,3 @@ This example creates a basic carousel with three images and disables automatic s
 
 Use the Tab key to move focus to the carousel, then tab again to focus on the indicator buttons.
 Use right and left arrow keys to scroll to the next or previous image.
-
-#### Source Code
-
-`lightning-carousel` is available in the [Base Components Recipes GitHub repository](https://github.com/salesforce/base-components-recipes#documentation). It's transpiled into the `c` namespace so that you can use it in your own projects.

package/src/lightning/checkboxGroup/__docs__/checkboxGroup.md

@@ -194,7 +194,3 @@ element. The legend contains the `label` value. The `fieldset` element enables
 grouping of related checkboxes to facilitate tabbing navigation and speech
 navigation for accessibility purposes. Similarly, the `legend` element
 improves accessibility by enabling a caption to be assigned to the `fieldset`.
-
-#### Source Code
-
-`lightning-checkbox-group` is available in the [Base Components Recipes GitHub repository](https://github.com/salesforce/base-components-recipes#documentation). It's transpiled into the `c` namespace so that you can use it in your own projects.

package/src/lightning/combobox/__docs__/combobox.md

@@ -156,7 +156,3 @@ The `open` event does not return any parameters.
 | bubbles    | false | This event does not bubble.                                                                                |
 | cancelable | false | This event has no default behavior that can be canceled. You cannot call `preventDefault()` on this event. |
 | composed   | false | This event does not propagate outside of the component in which it was dispatched.                         |
-
-#### Source Code
-
-`lightning-combobox` is available in the [Base Components Recipes GitHub repository](https://github.com/salesforce/base-components-recipes#documentation). It's transpiled into the `c` namespace so that you can use it in your own projects.

package/src/lightning/datatable/columnWidthManager.js

@@ -1,7 +1,7 @@
 import { RESIZER_DEFAULT_STATE, isTableRenderedVisible } from './columnResizer';
 import { AutoWidthStrategy } from './autoWidthStrategy';
 import { FixedWidthStrategy } from './fixedWidthStrategy';
-import { getScrollerXFromScrollerY, getScrollerY } from './utils';
+import { getScrollerX } from './utils';
 import {
     getRowNumberColumnIndex,
     getAdjustedRowNumberColumnWidth,
@@ -364,8 +364,8 @@ export class ColumnWidthManager {
     getDatatableInterface(template) {
         return {
             getAvailableWidthFromDom() {
-                const scrollerY = getScrollerY(template);
-                return getScrollerXFromScrollerY(scrollerY).offsetWidth;
+                const scrollerX = getScrollerX(template);
+                return scrollerX.offsetWidth;
             },
             getDataCellWidths() {
                 const cellElements = template.querySelectorAll(

package/src/lightning/datatable/datatable.js

@@ -126,7 +126,7 @@ import {
 import {
     getGridContainerFromScrollerY,
     getRowDataSelector,
-    getScrollerXFromScrollerY,
+    getScrollerX,
     getScrollerY,
 } from './utils';
 import { setWrapTextMaxLines } from './wrapText';
@@ -1011,8 +1011,7 @@ export default class LightningDatatable extends LightningElement {
         this._privateTypes = new DatatableTypes(this.constructor.customTypes);
 
         this._renderManager = new RenderManager();
-        this.getWrapperHeight = () =>
-            getScrollerXFromScrollerY(getScrollerY(this.template)).offsetHeight;
+        this.getWrapperHeight = () => getScrollerX(this.template).offsetHeight;
     }
 
     /**
@@ -1819,7 +1818,7 @@ export default class LightningDatatable extends LightningElement {
         const { template } = this;
         const scrollerY = getScrollerY(template);
         const scrollerYRect = scrollerY.getBoundingClientRect();
-        const scrollerX = getScrollerXFromScrollerY(scrollerY);
+        const scrollerX = getScrollerX(template);
         const scrollerXRect = scrollerX.getBoundingClientRect();
 
         return {

package/src/lightning/datatable/inlineEdit.js

@@ -160,6 +160,7 @@ export function cancelInlineEdit(dt) {
     const { state, _privateTypes } = dt;
     resetErrors(state);
     state.inlineEdit.dirtyValues = {};
+    dt._draftValues = [];
     updateRowsAndCellIndexes(state, _privateTypes);
 }
 

package/src/lightning/datatable/utils.js

@@ -91,14 +91,13 @@ export function getGridContainerFromScrollerY(scrollerY) {
 }
 
 /**
- * Gets the scrollerX element from the scrollerY element.
+ * Gets the scrollerX element from the template.
  *
- * @param {Node} scrollerY The scrollerY element
+ * @param {Node} template The datatable template
  * @returns {Node} The scrollerX element
  */
-export function getScrollerXFromScrollerY(scrollerY) {
-    const { parentElement: scrollerX } = scrollerY;
-    return scrollerX;
+export function getScrollerX(template) {
+    return template.querySelector('.slds-scrollable_x');
 }
 
 /**

package/src/lightning/dualListbox/__docs__/dualListbox.md

@@ -176,7 +176,3 @@ The event properties are as follows.
 | bubbles    | true  | This event bubbles up through the DOM.                                                                    |
 | cancelable | false | This event has no default behavior that can be canceled. You can't call `preventDefault()` on this event. |
 | composed   | true  | This event propagates outside of the component in which it was dispatched.                                |
-
-#### Source Code
-
-`lightning-dual-listbox` is available in the [Base Components Recipes GitHub repository](https://github.com/salesforce/base-components-recipes#documentation). It's transpiled into the `c` namespace so that you can use it in your own projects.

package/src/lightning/dynamicIcon/__docs__/dynamicIcon.md

@@ -60,7 +60,3 @@ However, on smaller screens and windows the `lightning-dynamic-icon` can also be
 informational. In this case, include `alternative-text`. If you don't include
 `alternative-text`, check smaller screens and windows to ensure that the
 `lightning-dynamic-icon` is only decorative on all formats.
-
-#### Source Code
-
-`lightning-dynamic-icon` is available in the [Base Components Recipes GitHub repository](https://github.com/salesforce/base-components-recipes#documentation). It's transpiled into the `c` namespace so that you can use it in your own projects.

package/src/lightning/formattedDateTime/__docs__/formattedDateTime.md

@@ -219,10 +219,6 @@ Displays: December 03, 2017, 12:00 PM
 
 This component has usage differences from its Aura counterpart. See [Base Components: Aura Vs Lightning Web Components](https://developer.salesforce.com/docs/platform/lwc/guide/migrate-map-aura-lwc-components) in the Lightning Web Components Developer Guide.
 
-#### Source Code
-
-`lightning-formatted-date-time` is available in the [Base Components Recipes GitHub repository](https://github.com/salesforce/base-components-recipes#documentation). It's transpiled into the `c` namespace so that you can use it in your own projects.
-
 #### LWC Recipes
 
 The [LWC Recipes GitHub repository](https://github.com/trailheadapps/lwc-recipes) contains code examples for Lightning Web Components that you can test in an org.

package/src/lightning/formattedLocation/__docs__/formattedLocation.md

@@ -27,7 +27,3 @@ longitude of -122.3948370.
     </lightning-formatted-location>
 </template>
 ```
-
-#### Source Code
-
-`lightning-formatted-location` is available in the [Base Components Recipes GitHub repository](https://github.com/salesforce/base-components-recipes#documentation). It's transpiled into the `c` namespace so that you can use it in your own projects.

package/src/lightning/formattedName/__docs__/formattedName.md

@@ -47,7 +47,3 @@ in the Salesforce Help.
 To create a form that takes in user input for names, you can use the
 `lightning-input-name` component, which displays a name compound field that
 supports user input for salutation, suffix, and so on.
-
-#### Source Code
-
-`lightning-formatted-name` is available in the [Base Components Recipes GitHub repository](https://github.com/salesforce/base-components-recipes#documentation). It's transpiled into the `c` namespace so that you can use it in your own projects.

package/src/lightning/formattedNumber/__docs__/formattedNumber.md

@@ -166,10 +166,6 @@ The locale set in your Salesforce user preferences determines how numbers are fo
 The `format-style` attribute is called the `style` attribute in the Aura version of this component.
 See [Base Components: Aura Vs Lightning Web Components](https://developer.salesforce.com/docs/platform/lwc/guide/migrate-map-aura-lwc-components).
 
-#### Source Code
-
-`lightning-formatted-number` is available in the [Base Components Recipes GitHub repository](https://github.com/salesforce/base-components-recipes#documentation). It's transpiled into the `c` namespace so that you can use it in your own projects.
-
 #### LWC Recipes
 
 The [LWC Recipes GitHub repository](https://github.com/trailheadapps/lwc-recipes) contains code examples for Lightning Web Components that you can test in an org.

package/src/lightning/formattedPhone/__docs__/formattedPhone.md

@@ -67,10 +67,6 @@ To display the phone number in plain text without a hyperlink, include the
 </template>
 ```
 
-#### Source Code
-
-`lightning-formatted-phone` is available in the [Base Components Recipes GitHub repository](https://github.com/salesforce/base-components-recipes#documentation). It's transpiled into the `c` namespace so that you can use it in your own projects.
-
 #### LWC Recipes
 
 The [LWC Recipes GitHub repository](https://github.com/trailheadapps/lwc-recipes) contains code examples for Lightning Web Components that you can test in an org.

package/src/lightning/formattedText/__docs__/formattedText.md

@@ -52,7 +52,3 @@ use `lightning-formatted-email`.
 
 For rich text that uses tags beyond anchor tags, use
 `lightning-formatted-rich-text` instead.
-
-#### Source Code
-
-`lightning-formatted-text` is available in the [Base Components Recipes GitHub repository](https://github.com/salesforce/base-components-recipes#documentation). It's transpiled into the `c` namespace so that you can use it in your own projects.

package/src/lightning/formattedTime/__docs__/formattedTime.md

@@ -33,7 +33,3 @@ The following example returns `10:12:30 PM`.
 Salesforce uses the format HH:mm:ss.SSSZ for time fields. The time field is a
 timestamp without the date included. Time values in Salesforce are not
 localized or associated with a time zone.
-
-#### Source Code
-
-`lightning-formatted-time` is available in the [Base Components Recipes GitHub repository](https://github.com/salesforce/base-components-recipes#documentation). It's transpiled into the `c` namespace so that you can use it in your own projects.

package/src/lightning/formattedUrl/__docs__/formattedUrl.md

@@ -113,7 +113,3 @@ behavior with `lightning-formatted-url`.
 To create a link with a
 custom `onclick` event handler, use the HTML anchor tag `<a>` instead. To create a URL that navigates to another page in Salesforce, use
 [`lightning-navigation`](bundle/lightning-navigation/documentation).
-
-#### Source Code
-
-`lightning-formatted-url` is available in the [Base Components Recipes GitHub repository](https://github.com/salesforce/base-components-recipes#documentation). It's transpiled into the `c` namespace so that you can use it in your own projects.

package/src/lightning/icon/__docs__/icon.md

@@ -176,7 +176,3 @@ screens and windows to ensure that the icon is decorative on all formats.
 Icons are not available in Lightning Out, but they are available in Lightning Components for Visualforce and other experiences.
 
 For IE11, the custom icon feature is disabled for now due to performance issues.
-
-#### Source Code
-
-`lightning-icon` is available in the [Base Components Recipes GitHub repository](https://github.com/salesforce/base-components-recipes#documentation). It's transpiled into the `c` namespace so that you can use it in your own projects.

package/src/lightning/inputAddress/inputAddress.js

@@ -311,16 +311,18 @@ export default class LightningInputAddress extends LightningShadowBaseClass {
     }
 
     /**
-     * If present, a compact address lookup using Google Maps is enabled.
+     * If present, the street field is rendered as two separate inputs instead of a single textarea.
+     * In addition, the search field is no longer rendered as a separate input and its functionality
+     * is moved to the street field.
      * @type {boolean}
      * @default false
      */
     @api
-    get showCompactAddressLookup() {
-        return this._showAddressLookup;
+    get showCompactAddress() {
+        return this._showCompactAddress;
     }
-    set showCompactAddressLookup(value) {
-        this._showCompactAddressLookup = normalizeBoolean(value);
+    set showCompactAddress(value) {
+        this._showCompactAddress = normalizeBoolean(value);
     }
 
     /**
@@ -491,6 +493,10 @@ export default class LightningInputAddress extends LightningShadowBaseClass {
         reflectAttribute(this, 'variant', this.variant);
     }
 
+    get showCompactAddressLookup() {
+        return this._showAddressLookup && this._showCompactAddress;
+    }
+
     get computedFieldsetClass() {
         return classSet(
             'slds-form-element slds-form-element_compound slds-form-element_address'
@@ -571,7 +577,7 @@ export default class LightningInputAddress extends LightningShadowBaseClass {
             langCode,
             countryCode,
             hasCountryPicklist,
-            this._showCompactAddressLookup
+            this._showCompactAddress
         );
     }
 
@@ -580,7 +586,7 @@ export default class LightningInputAddress extends LightningShadowBaseClass {
         return getRequiredFields(
             langCode,
             countryCode,
-            this._showCompactAddressLookup
+            this._showCompactAddress
         );
     }
 

package/src/lightning/inputLocation/__docs__/inputLocation.md

@@ -81,7 +81,3 @@ The `change` event properties are as follows.
 | bubbles    | true  | This event bubbles up through the DOM.                                                                    |
 | cancelable | false | This event has no default behavior that can be canceled. You can't call `preventDefault()` on this event. |
 | composed   | true  | This event propagates outside of the component in which it was dispatched.                                |
-
-#### Source Code
-
-`lightning-input-location` is available in the [Base Components Recipes GitHub repository](https://github.com/salesforce/base-components-recipes#documentation). It's transpiled into the `c` namespace so that you can use it in your own projects.

package/src/lightning/layout/__docs__/layout.md

@@ -136,7 +136,3 @@ which creates two columns with fixed widths.
     <div class="slds-col slds-size_2-of-3">Columns 2 content</div>
 </div>
 ```
-
-#### Source Code
-
-`lightning-layout` is available in the [Base Components Recipes GitHub repository](https://github.com/salesforce/base-components-recipes#documentation). It's transpiled into the `c` namespace so that you can use it in your own projects.

package/src/lightning/layoutItem/__docs__/layoutItem.md

@@ -81,7 +81,3 @@ Here is an example using default values.
 #### Usage Considerations
 
 This component has usage differences from its Aura counterpart. See [Base Components: Aura Vs Lightning Web Components](https://developer.salesforce.com/docs/platform/lwc/guide/migrate-map-aura-lwc-components) in the Lightning Web Components Developer Guide.
-
-#### Source Code
-
-`lightning-layout-item` is available in the [Base Components Recipes GitHub repository](https://github.com/salesforce/base-components-recipes#documentation). It's transpiled into the `c` namespace so that you can use it in your own projects.

package/src/lightning/menuItem/__docs__/menuItem.md

@@ -120,7 +120,3 @@ is shown for the menu item when `is-draft` is `true`. The
 reason the item is considered in a draft state. The draft state might be used
 to show there is unsaved state or data that could be lost, for example if
 there's a user change in a customizable menu.
-
-#### Source Code
-
-`lightning-menu-item` is available in the [Base Components Recipes GitHub repository](https://github.com/salesforce/base-components-recipes#documentation). It's transpiled into the `c` namespace so that you can use it in your own projects.

package/src/lightning/menuSubheader/menu-subheader.slds.css

@@ -3,7 +3,7 @@
   Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
 
   :host([data-render-mode="shadow"]) .slds-dropdown__header {
-    font-size: var(--slds-g-font-scale-neg-1);
+    font-size: var(--slds-g-font-size-base);
     font-weight: var(--slds-g-font-weight-7);
     padding-block: var(--slds-g-spacing-2);
     padding-inline: var(--slds-g-spacing-3);

package/src/lightning/modalBase/modalBase.js

@@ -388,7 +388,7 @@ export default class LightningModalBase extends LightningShadowBaseClass {
 
         // Modal with Header variant has close button icon on lightning-modal-header child component
         // where-as Headless Modal variant has close button icon on modal-base,
-        if (!this.isHeadlessModalVariant) {
+        if (!this.isHeadlessModalVariant && this.headerTitleRef) {
             // dispatch secondary event to disable close button icon present on lightning-modal-header
             this.headerTitleRef.dispatchEvent(
                 new CustomEvent('privatemodalheaderdisableclose', {
@@ -784,7 +784,7 @@ export default class LightningModalBase extends LightningShadowBaseClass {
 
         const fallbackFocusElem = this.disableCloseButton
             ? outerModalElem
-            : closeButtonElem;
+            : closeButtonElem || outerModalElem;
 
         const focusElem = preferredFocusElem
             ? preferredFocusElem

package/src/lightning/pill/__docs__/pill.md

@@ -217,7 +217,3 @@ The event properties are as follows.
 | bubbles    | false | This event does not bubble.                                                                                              |
 | cancelable | true  | This event can be canceled. You can call `preventDefault()` on this event to prevent the `click` event from being fired. |
 | composed   | false | This event does not propagate outside the template in which it was dispatched.                                           |
-
-#### Source Code
-
-`lightning-pill` is available in the [Base Components Recipes GitHub repository](https://github.com/salesforce/base-components-recipes#documentation). It's transpiled into the `c` namespace so that you can use it in your own projects.

package/src/lightning/pillContainer/__docs__/pillContainer.md

@@ -291,7 +291,3 @@ The event properties are as follows.
 | bubbles    | false | This event does not bubble.                                                    |
 | cancelable | true  | This event can be canceled. You can call `preventDefault()` on this event.     |
 | composed   | false | This event does not propagate outside the template in which it was dispatched. |
-
-#### Source Code
-
-`lightning-pill-container` is available in the [Base Components Recipes GitHub repository](https://github.com/salesforce/base-components-recipes#documentation). It's transpiled into the `c` namespace so that you can use it in your own projects.

package/src/lightning/radioGroup/__docs__/radioGroup.md

@@ -184,7 +184,3 @@ element. The legend contains the `label` value. The `fieldset` element enables
 grouping of related radio buttons to facilitate tabbing navigation and speech
 navigation for accessibility purposes. Similarly, the `legend` element
 improves accessibility by enabling a caption to be assigned to the `fieldset`.
-
-#### Source Code
-
-`lightning-radio-group` is available in the [Base Components Recipes GitHub repository](https://github.com/salesforce/base-components-recipes#documentation). It's transpiled into the `c` namespace so that you can use it in your own projects.

package/src/lightning/relativeDateTime/__docs__/relativeDateTime.md

@@ -75,7 +75,3 @@ To obtain the language and locale information in your org, use the `@salesforce/
 
 The `lightning-relative-date-time` component is limited to the en-US locale when running in
 the Playground and Mini-Playground in the Examples tab of this Component Reference.
-
-#### Source Code
-
-`lightning-relative-date-time` is available in the [Base Components Recipes GitHub repository](https://github.com/salesforce/base-components-recipes#documentation). It's transpiled into the `c` namespace so that you can use it in your own projects.

package/src/lightning/slider/__docs__/slider.md

@@ -107,7 +107,3 @@ value.
 
 For precise numerical values, we recommend using the `lightning-input`
 component of `type="number"` instead.
-
-#### Source Code
-
-`lightning-slider` is available in the [Base Components Recipes GitHub repository](https://github.com/salesforce/base-components-recipes#documentation). It's transpiled into the `c` namespace so that you can use it in your own projects.

package/src/lightning/spinner/__docs__/spinner.md

@@ -66,7 +66,3 @@ export default class DemoSpinner extends LightningElement {
     }
 }
 ```
-
-#### Source Code
-
-`lightning-spinner` is available in the [Base Components Recipes GitHub repository](https://github.com/salesforce/base-components-recipes#documentation). It's transpiled into the `c` namespace so that you can use it in your own projects.

package/src/lightning/tab/__docs__/tab.md

@@ -50,7 +50,3 @@ The event properties are as follows.
 | bubbles    | true  | This event bubbles up through the DOM.                                     |
 | cancelable | true  | This event can be canceled. You can call `preventDefault()` on this event. |
 | composed   | true  | This event propagates outside of the component in which it was dispatched. |
-
-#### Source Code
-
-`lightning-tab` is available in the [Base Components Recipes GitHub repository](https://github.com/salesforce/base-components-recipes#documentation). It's transpiled into the `c` namespace so that you can use it in your own projects.

package/src/lightning/tabset/__docs__/tabset.md

@@ -179,7 +179,3 @@ This example sets custom assistive text for a heading, specifies `heading-level`
   </lightning-tabset>
 </template>
 ```
-
-#### Source Code
-
-`lightning-tabset` is available in the [Base Components Recipes GitHub repository](https://github.com/salesforce/base-components-recipes#documentation). It's transpiled into the `c` namespace so that you can use it in your own projects.

package/src/lightning/textarea/__docs__/textarea.md

@@ -241,7 +241,3 @@ See [Styling Hooks Overview](https://www.lightningdesignsystem.com/components/ri
 Use the `label` attribute to identify the text area for users of assistive technology.
 The `label` attribute creates an HTML label element on the input element. To hide a
 label from view and make it available to assistive technology, use the `label-hidden` variant.
-
-#### Source Code
-
-`lightning-textarea` is available in the [Base Components Recipes GitHub repository](https://github.com/salesforce/base-components-recipes#documentation). It's transpiled into the `c` namespace so that you can use it in your own projects.

package/src/lightning/tile/__docs__/tile.md

@@ -165,7 +165,3 @@ The event properties are as follows.
 | bubbles    | false | This event does not bubble.                                                                               |
 | cancelable | false | This event has no default behavior that can be canceled. You can't call `preventDefault()` on this event. |
 | composed   | false | This event does not propagate outside the template in which it was dispatched.                            |
-
-#### Source Code
-
-`lightning-tile` is available in the [Base Components Recipes GitHub repository](https://github.com/salesforce/base-components-recipes#documentation). It's transpiled into the `c` namespace so that you can use it in your own projects.

package/src/lightning/tree/__docs__/tree.md

@@ -339,7 +339,3 @@ The event properties are as follows.
 The [LWC Recipes GitHub repository](https://github.com/trailheadapps/lwc-recipes) contains code examples for Lightning Web Components that you can test in an org.
 
 For a recipe that uses `lightning-tree`, see the `c-wire-get-picklist-values-by-record-type` component in the LWC Recipes repo.
-
-#### Source Code
-
-`lightning-tree` is available in the [Base Components Recipes GitHub repository](https://github.com/salesforce/base-components-recipes#documentation). It's transpiled into the `c` namespace so that you can use it in your own projects.

package/src/lightning/tree/tree.js

@@ -263,7 +263,11 @@ export default class LightningTree extends LightningElement {
             // Need to dispatch a change event specifically for interop to pick up the change to node.expanded
             this.dispatchEvent(
                 new CustomEvent('change', {
-                    detail: { items: deepCopy(this._items) },
+                    detail: {
+                        items: deepCopy(this._items),
+                        key: node.nodeRef.name,
+                        expand: node.nodeRef.expanded,
+                    },
                 })
             );
         }

package/src/lightning/verticalNavigation/__docs__/verticalNavigation.md

@@ -194,7 +194,3 @@ The event properties are as follows.
 | bubbles    | false | This event does not bubble.                                                                               |
 | cancelable | false | This event has no default behavior that can be canceled. You can't call `preventDefault()` on this event. |
 | composed   | false | This event does not propagate outside the template in which it was dispatched.                            |
-
-#### Source Code
-
-`lightning-vertical-navigation` is available in the [Base Components Recipes GitHub repository](https://github.com/salesforce/base-components-recipes#documentation). It's transpiled into the `c` namespace so that you can use it in your own projects.

package/src/lightning/verticalNavigationItem/__docs__/verticalNavigationItem.md

@@ -9,7 +9,3 @@ A `lightning-vertical-navigation-item` component is a navigation item within `li
 
 For more information, see the
 [lightning-vertical-navigation](bundle/lightning-vertical-navigation/documentation) documentation.
-
-#### Source Code
-
-`lightning-vertical-navigation-item` is available in the [Base Components Recipes GitHub repository](https://github.com/salesforce/base-components-recipes#documentation). It's transpiled into the `c` namespace so that you can use it in your own projects.

package/src/lightning/verticalNavigationItemBadge/__docs__/verticalNavigationItemBadge.md

@@ -40,7 +40,3 @@ Here's an example that creates a navigation menu with an item containing a badge
     </lightning-vertical-navigation>
 </template>
 ```
-
-#### Source Code
-
-`lightning-vertical-navigation-item-badge` is available in the [Base Components Recipes GitHub repository](https://github.com/salesforce/base-components-recipes#documentation). It's transpiled into the `c` namespace so that you can use it in your own projects.

package/src/lightning/verticalNavigationItemIcon/__docs__/verticalNavigationItemIcon.md

@@ -37,7 +37,3 @@ Icons from the Lightning Design System are supported. Visit [https://lightningde
 When applying Lightning Design System classes or icons, check that they are available in the
 Lightning Design System release tied to your org. The latest Lightning Design System
 resources become available only when the new release is available in your org.
-
-#### Source Code
-
-`lightning-vertical-navigation-item-icon` is available in the [Base Components Recipes GitHub repository](https://github.com/salesforce/base-components-recipes#documentation). It's transpiled into the `c` namespace so that you can use it in your own projects.