lightning-base-components 1.28.13-alpha → 1.28.14-alpha
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/metadata/raptor.json +10 -6
- package/package.json +102 -1
- package/{src/lightning/utilsPrivate/ssr.js → scopedImports/@salesforce-label-LightningDateTimePicker.dateFormatLabel.js} +1 -1
- package/src/lightning/accordion/accordion.js-meta.xml +0 -5
- package/src/lightning/accordionSection/accordionSection.d.ts +1 -1
- package/src/lightning/accordionSection/accordionSection.js-meta.xml +0 -6
- package/src/lightning/alert/alert.d.ts +2 -2
- package/src/lightning/alert/alert.d.ts.map +1 -1
- package/src/lightning/alert/alert.js +2 -2
- package/src/lightning/ariaObserver/ariaObserver.d.ts.map +1 -1
- package/src/lightning/ariaObserver/ariaObserver.js +9 -1
- package/src/lightning/barcodeScanner/barcodeScanner.d.ts +1 -0
- package/src/lightning/barcodeScanner/barcodeScanner.d.ts.map +1 -1
- package/src/lightning/barcodeScanner/barcodeScanner.js +16 -0
- package/src/lightning/baseCombobox/baseCombobox.d.ts +1 -0
- package/src/lightning/baseCombobox/baseCombobox.d.ts.map +1 -1
- package/src/lightning/baseCombobox/baseCombobox.js +11 -2
- package/src/lightning/breadcrumbs/breadcrumbs.js-meta.xml +0 -3
- package/src/lightning/button/button.d.ts +1 -2
- package/src/lightning/button/button.d.ts.map +1 -1
- package/src/lightning/button/button.js-meta.xml +0 -12
- package/src/lightning/buttonIcon/buttonIcon.d.ts.map +1 -1
- package/src/lightning/buttonIcon/buttonIcon.js +3 -0
- package/src/lightning/buttonIconStateful/buttonIconStateful.d.ts.map +1 -1
- package/src/lightning/buttonStateful/buttonStateful.d.ts +1 -0
- package/src/lightning/buttonStateful/buttonStateful.d.ts.map +1 -1
- package/src/lightning/buttonStateful/buttonStateful.js +10 -0
- package/src/lightning/calendar/calendar.d.ts +1 -1
- package/src/lightning/calendar/calendar.d.ts.map +1 -1
- package/src/lightning/card/card.d.ts +1 -1
- package/src/lightning/card/card.d.ts.map +1 -1
- package/src/lightning/card/card.js-meta.xml +0 -8
- package/src/lightning/carousel/carousel.d.ts.map +1 -1
- package/src/lightning/carousel/carousel.js +20 -12
- package/src/lightning/carousel/carousel.js-meta.xml +0 -6
- package/src/lightning/carouselImage/carouselImage.d.ts.map +1 -1
- package/src/lightning/colorPickerCustom/color-picker-custom.slds.css +1 -0
- package/src/lightning/colorPickerCustom/colorPickerCustom.d.ts +1 -0
- package/src/lightning/colorPickerCustom/colorPickerCustom.d.ts.map +1 -1
- package/src/lightning/colorPickerCustom/colorPickerCustom.html +33 -15
- package/src/lightning/colorPickerCustom/colorPickerCustom.js +3 -0
- package/src/lightning/colorPickerPanel/colorPickerPanel.d.ts.map +1 -1
- package/src/lightning/colorPickerPanel/colorPickerPanel.js +4 -0
- package/src/lightning/colorSwatch/colorSwatch.d.ts.map +1 -1
- package/src/lightning/combobox/combobox.d.ts.map +1 -1
- package/src/lightning/confirm/confirm.d.ts +2 -2
- package/src/lightning/confirm/confirm.d.ts.map +1 -1
- package/src/lightning/confirm/confirm.js +2 -2
- package/src/lightning/datatable/datatable.d.ts +1 -1
- package/src/lightning/datatable/datatable.d.ts.map +1 -1
- package/src/lightning/datatable/datatable.js +3 -0
- package/src/lightning/datatable/keyboard.d.ts.map +1 -1
- package/src/lightning/datatable/keyboard.js +19 -8
- package/src/lightning/datatableKeyboardMixins/baseNavigation.d.ts.map +1 -1
- package/src/lightning/datatableKeyboardMixins/baseNavigation.js +4 -0
- package/src/lightning/datepicker/datepicker.d.ts.map +1 -1
- package/src/lightning/datepicker/datepicker.js +4 -1
- package/src/lightning/dualListbox/dualListbox.d.ts +4 -1
- package/src/lightning/dualListbox/dualListbox.d.ts.map +1 -1
- package/src/lightning/dualListbox/dualListbox.html +4 -4
- package/src/lightning/dualListbox/dualListbox.js +44 -9
- package/src/lightning/dualListbox/keyboard.d.ts.map +1 -1
- package/src/lightning/dualListbox/keyboard.js +11 -4
- package/src/lightning/features/features.d.ts +4 -2
- package/src/lightning/features/features.d.ts.map +1 -1
- package/src/lightning/features/features.js +1 -1
- package/src/lightning/features/gates/imports.d.ts +63 -39
- package/src/lightning/features/gates/imports.d.ts.map +1 -1
- package/src/lightning/features/gates/imports.js +24 -0
- package/src/lightning/features/gates/index.d.ts +2 -1
- package/src/lightning/features/gates/index.d.ts.map +1 -1
- package/src/lightning/features/gates/index.js +1 -1
- package/src/lightning/features/types.d.ts +76 -0
- package/src/lightning/features/types.d.ts.map +1 -0
- package/src/lightning/features/types.js +6 -0
- package/src/lightning/fileDownload/resourceResolver.d.ts.map +1 -1
- package/src/lightning/fileDownload/resourceResolver.js +3 -0
- package/src/lightning/formattedLocation/formattedLocation.html +1 -1
- package/src/lightning/formattedRichText/formattedRichText.d.ts.map +1 -1
- package/src/lightning/formattedRichTextRenderer/colorShiftUtil.d.ts +17 -0
- package/src/lightning/formattedRichTextRenderer/colorShiftUtil.d.ts.map +1 -0
- package/src/lightning/formattedRichTextRenderer/colorShiftUtil.js +118 -0
- package/src/lightning/formattedRichTextRenderer/formattedRichTextRenderer.d.ts +9 -0
- package/src/lightning/formattedRichTextRenderer/formattedRichTextRenderer.d.ts.map +1 -1
- package/src/lightning/formattedRichTextRenderer/formattedRichTextRenderer.js +70 -0
- package/src/lightning/formattedRichTextRenderer/richTextConfig.d.ts.map +1 -1
- package/src/lightning/formattedRichTextRenderer/richTextConfig.js +1 -0
- package/src/lightning/formattedTime/formattedTime.d.ts +1 -0
- package/src/lightning/formattedTime/formattedTime.d.ts.map +1 -1
- package/src/lightning/formattedTime/formattedTime.js +10 -0
- package/src/lightning/formattedUrl/formattedUrl.d.ts +1 -0
- package/src/lightning/formattedUrl/formattedUrl.d.ts.map +1 -1
- package/src/lightning/formattedUrl/formattedUrl.js +10 -0
- package/src/lightning/icon/icon.d.ts.map +1 -1
- package/src/lightning/input/input.d.ts +4 -0
- package/src/lightning/input/input.d.ts.map +1 -1
- package/src/lightning/input/input.js +27 -0
- package/src/lightning/inputAddress/inputAddress.d.ts.map +1 -1
- package/src/lightning/inputLocation/inputLocation.d.ts.map +1 -1
- package/src/lightning/inputName/inputName.d.ts +1 -0
- package/src/lightning/inputName/inputName.d.ts.map +1 -1
- package/src/lightning/inputName/inputName.html +1 -0
- package/src/lightning/inputName/inputName.js +3 -0
- package/src/lightning/inputUtils/interacting.d.ts +1 -1
- package/src/lightning/inputUtils/interacting.d.ts.map +1 -1
- package/src/lightning/inputUtils/interacting.js +17 -2
- package/src/lightning/internationalizationLibrary/datetime/dateTimeUtils.d.ts.map +1 -1
- package/src/lightning/internationalizationLibrary/datetime/dateTimeUtils.js +11 -0
- package/src/lightning/internationalizationLibrary/number/NumberFormat.d.ts.map +1 -1
- package/src/lightning/internationalizationLibrary/number/NumberFormat.js +4 -0
- package/src/lightning/menuItem/menuItem.js-meta.xml +0 -15
- package/src/lightning/modal/modal.d.ts +2 -2
- package/src/lightning/modal/modal.d.ts.map +1 -1
- package/src/lightning/modal/modal.js +2 -2
- package/src/lightning/modalBase/modalBase.d.ts.map +1 -1
- package/src/lightning/modalBase/modalBase.js +6 -0
- package/src/lightning/modalBody/modalBody.d.ts.map +1 -1
- package/src/lightning/modalHeader/modalHeader.lbc.synthetic.css +1 -0
- package/src/lightning/multiColumnSortingModal/multiColumnSortingModal.d.ts +1 -1
- package/src/lightning/multiColumnSortingModal/multiColumnSortingModal.d.ts.map +1 -1
- package/src/lightning/overlay/__examples__/edit/demo.css +2 -0
- package/src/lightning/overlay/__examples__/edit/demo.d.ts +10 -0
- package/src/lightning/overlay/__examples__/edit/demo.d.ts.map +1 -0
- package/src/lightning/overlay/__examples__/edit/demo.html +26 -0
- package/src/lightning/overlay/__examples__/edit/demo.js +23 -0
- package/src/lightning/overlay/__examples__/edit/edit.css +15 -0
- package/src/lightning/overlay/__examples__/edit/edit.d.ts +7 -0
- package/src/lightning/overlay/__examples__/edit/edit.d.ts.map +1 -0
- package/src/lightning/overlay/__examples__/edit/edit.html +20 -0
- package/src/lightning/overlay/__examples__/edit/edit.js +27 -0
- package/src/lightning/overlay/__examples__/info/demo.css +21 -0
- package/src/lightning/overlay/__examples__/info/demo.d.ts +6 -0
- package/src/lightning/overlay/__examples__/info/demo.d.ts.map +1 -0
- package/src/lightning/overlay/__examples__/info/demo.html +9 -0
- package/src/lightning/overlay/__examples__/info/demo.js +20 -0
- package/src/lightning/overlay/__examples__/info/info.css +7 -0
- package/src/lightning/overlay/__examples__/info/info.d.ts +5 -0
- package/src/lightning/overlay/__examples__/info/info.d.ts.map +1 -0
- package/src/lightning/overlay/__examples__/info/info.html +18 -0
- package/src/lightning/overlay/__examples__/info/info.js +19 -0
- package/src/lightning/overlay/__examples__/menu/demo.css +54 -0
- package/src/lightning/overlay/__examples__/menu/demo.d.ts +7 -0
- package/src/lightning/overlay/__examples__/menu/demo.d.ts.map +1 -0
- package/src/lightning/overlay/__examples__/menu/demo.html +44 -0
- package/src/lightning/overlay/__examples__/menu/demo.js +60 -0
- package/src/lightning/overlay/__examples__/menu/menu.css +8 -0
- package/src/lightning/overlay/__examples__/menu/menu.d.ts +7 -0
- package/src/lightning/overlay/__examples__/menu/menu.d.ts.map +1 -0
- package/src/lightning/overlay/__examples__/menu/menu.html +20 -0
- package/src/lightning/overlay/__examples__/menu/menu.js +30 -0
- package/src/lightning/overlay/overlay.d.ts +24 -5
- package/src/lightning/overlay/overlay.d.ts.map +1 -1
- package/src/lightning/overlay/overlay.html +3 -2
- package/src/lightning/overlay/overlay.js +63 -25
- package/src/lightning/overlay/overlay.js-meta.xml +2 -1
- package/src/lightning/overlayContainer/overlayContainer.js +1 -1
- package/src/lightning/overlayManager/overlayManager.d.ts +2 -2
- package/src/lightning/overlayManager/overlayManager.js +4 -4
- package/src/lightning/pill/pill.d.ts.map +1 -1
- package/src/lightning/pill/pill.js +4 -0
- package/src/lightning/pill/pill.js-meta.xml +0 -10
- package/src/lightning/pillContainer/standardPillContainer.lbc.native.css +1 -1
- package/src/lightning/positionLibrary/elementProxy.d.ts.map +1 -1
- package/src/lightning/positionLibrary/elementProxy.js +6 -0
- package/src/lightning/positionLibrary/overlayDetector.d.ts +1 -1
- package/src/lightning/positionLibrary/overlayDetector.js +5 -5
- package/src/lightning/primitiveCellFactory/primitiveCellFactory.d.ts +1 -1
- package/src/lightning/primitiveCellFactory/primitiveCellFactory.d.ts.map +1 -1
- package/src/lightning/primitiveDatatableCell/primitiveDatatableCell.d.ts.map +1 -1
- package/src/lightning/primitiveDatatableCell/primitiveDatatableCell.js +3 -2
- package/src/lightning/primitiveDatatableIeditPanel/primitiveDatatableIeditPanel.d.ts.map +1 -1
- package/src/lightning/primitiveDatatableIeditPanel/primitiveDatatableIeditPanel.js +8 -0
- package/src/lightning/primitiveDatatableStatusBar/primitiveDatatableStatusBar.d.ts.map +1 -1
- package/src/lightning/primitiveDatatableStatusBar/primitiveDatatableStatusBar.js +8 -0
- package/src/lightning/primitiveIcon/primitiveIcon.d.ts +1 -1
- package/src/lightning/primitiveIcon/primitiveIcon.d.ts.map +1 -1
- package/src/lightning/primitiveInputCheckboxButton/primitiveInputCheckboxButton.d.ts +2 -0
- package/src/lightning/primitiveInputCheckboxButton/primitiveInputCheckboxButton.d.ts.map +1 -1
- package/src/lightning/primitiveInputCheckboxButton/primitiveInputCheckboxButton.html +9 -5
- package/src/lightning/primitiveInputCheckboxButton/primitiveInputCheckboxButton.js +18 -1
- package/src/lightning/primitiveInputCheckboxButton/primitiveInputCheckboxButtonOld.html +30 -0
- package/src/lightning/primitiveInputSimple/input-compat.slds.css +42 -0
- package/src/lightning/primitiveInputSimple/primitiveInputSimple.lbc.native.css +1 -0
- package/src/lightning/primitiveTreegridCellToggle/primitiveTreegridCellToggle.d.ts.map +1 -1
- package/src/lightning/primitiveTreegridCellToggle/primitiveTreegridCellToggle.js +5 -2
- package/src/lightning/progressIndicator/progressIndicator.d.ts +3 -3
- package/src/lightning/progressIndicator/progressIndicator.d.ts.map +1 -1
- package/src/lightning/progressIndicator/progressIndicator.js +10 -0
- package/src/lightning/progressIndicator/progressIndicator.js-meta.xml +0 -7
- package/src/lightning/progressStep/progressStep.d.ts +2 -3
- package/src/lightning/progressStep/progressStep.d.ts.map +1 -1
- package/src/lightning/prompt/prompt.d.ts +2 -2
- package/src/lightning/prompt/prompt.d.ts.map +1 -1
- package/src/lightning/prompt/prompt.js +2 -2
- package/src/lightning/radioGroup/radioGroup.d.ts.map +1 -1
- package/src/lightning/routingService/routingService.d.ts.map +1 -1
- package/src/lightning/select/select.d.ts.map +1 -1
- package/src/lightning/select/select.js-meta.xml +0 -16
- package/src/lightning/slider/slider.d.ts.map +1 -1
- package/src/lightning/slider/slider.js +8 -2
- package/src/lightning/spinner/spinner.d.ts +2 -1
- package/src/lightning/spinner/spinner.d.ts.map +1 -1
- package/src/lightning/spinner/spinner.js +12 -2
- package/src/lightning/tab/tab.js-meta.xml +0 -10
- package/src/lightning/tabBar/keyboard.d.ts.map +1 -1
- package/src/lightning/tabBar/keyboard.js +15 -2
- package/src/lightning/tabset/tabset.d.ts.map +1 -1
- package/src/lightning/tabset/tabset.js-meta.xml +0 -8
- package/src/lightning/textarea/textarea.d.ts +1 -1
- package/src/lightning/textarea/textarea.d.ts.map +1 -1
- package/src/lightning/textarea/textarea.js +10 -13
- package/src/lightning/tile/tile.js-meta.xml +0 -7
- package/src/lightning/timepicker/timepicker.html +1 -0
- package/src/lightning/toast/toast.d.ts.map +1 -1
- package/src/lightning/toast/toast.js +4 -0
- package/src/lightning/toastContainer/toastContainer.d.ts +2 -2
- package/src/lightning/toastContainer/toastContainer.d.ts.map +1 -1
- package/src/lightning/toastContainer/toastContainer.js +7 -2
- package/src/lightning/tree/tree.d.ts.map +1 -1
- package/src/lightning/tree/tree.js +3 -1
- package/src/lightning/tree/treeData.d.ts.map +1 -1
- package/src/lightning/treeGrid/treeGrid.d.ts.map +1 -1
- package/src/lightning/treeItem/treeItem.d.ts +1 -1
- package/src/lightning/utilsInternal/privateContext.d.ts +15 -0
- package/src/lightning/utilsInternal/privateContext.d.ts.map +1 -0
- package/src/lightning/utilsInternal/privateContext.js +22 -0
- package/src/lightning/utilsInternal/utilsInternal.d.ts +1 -5
- package/src/lightning/utilsInternal/utilsInternal.d.ts.map +1 -1
- package/src/lightning/utilsInternal/utilsInternal.js +1 -15
- package/src/lightning/verticalNavigationItem/verticalNavigationItem.d.ts.map +1 -1
- package/src/lightning/verticalNavigationItemBadge/verticalNavigationItemBadge.d.ts.map +1 -1
- package/src/lightning/verticalNavigationItemIcon/verticalNavigationItemIcon.d.ts.map +1 -1
- package/src/lightning/overlay/__examples__/alert/alert.d.ts +0 -13
- package/src/lightning/overlay/__examples__/alert/alert.d.ts.map +0 -1
- package/src/lightning/overlay/__examples__/alert/alert.html +0 -27
- package/src/lightning/overlay/__examples__/alert/alert.js +0 -34
- package/src/lightning/overlay/__examples__/basic/basic.css +0 -7
- package/src/lightning/overlay/__examples__/basic/basic.d.ts +0 -12
- package/src/lightning/overlay/__examples__/basic/basic.d.ts.map +0 -1
- package/src/lightning/overlay/__examples__/basic/basic.html +0 -18
- package/src/lightning/overlay/__examples__/basic/basic.js +0 -58
- package/src/lightning/overlay/__examples__/demo/demo.d.ts +0 -11
- package/src/lightning/overlay/__examples__/demo/demo.d.ts.map +0 -1
- package/src/lightning/overlay/__examples__/demo/demo.html +0 -29
- package/src/lightning/overlay/__examples__/demo/demo.js +0 -41
- package/src/lightning/overlay/__examples__/panel/panel.d.ts +0 -9
- package/src/lightning/overlay/__examples__/panel/panel.d.ts.map +0 -1
- package/src/lightning/overlay/__examples__/panel/panel.html +0 -17
- package/src/lightning/overlay/__examples__/panel/panel.js +0 -24
- package/src/lightning/utilsPrivate/ssr.d.ts +0 -2
- package/src/lightning/utilsPrivate/ssr.d.ts.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modalBase.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/modalBase/modalBase.ts"],"names":[],"mappings":";AAEA,OAAO,wBAAwB,MAAM,kCAAkC,CAAC;
|
|
1
|
+
{"version":3,"file":"modalBase.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/modalBase/modalBase.ts"],"names":[],"mappings":";AAEA,OAAO,wBAAwB,MAAM,kCAAkC,CAAC;AAaxE,OAAO,EAAE,YAAY,EAAU,MAAM,wBAAwB,CAAC;AAO9D,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAIlD,OAAO,KAAK,cAAc,MAAM,iBAAiB,CAAC;AAClD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAMhE,QAAA,MAAM,UAAU,UAAU,CAAC;AAC3B,QAAA,MAAM,WAAW,WAAW,CAAC;AAC7B,QAAA,MAAM,UAAU,UAAU,CAAC;AAC3B,QAAA,MAAM,SAAS,SAAS,CAAC;AAIzB,KAAK,SAAS,GACR,OAAO,UAAU,GACjB,OAAO,WAAW,GAClB,OAAO,UAAU,GACjB,OAAO,SAAS,CAAC;AAEvB,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,wBAAwB;IAEpE,MAAM,CAAC,CAAC,YAAY,CAAC,EAAE,MAAM,CAA0B;IAGvD,aAAa,EAAE,OAAO,CAAQ;IAC9B,sBAAsB,EAAE,OAAO,CAAS;IACxC,SAAS,EAAE,MAAM,CAAK;IACtB,kBAAkB,EAAE,OAAO,CAAS;IACpC,eAAe,EAAE,MAAM,GAAG,IAAI,CAAQ;IACtC,kBAAkB,EAAE,MAAM,CAAsB;IAChD,sBAAsB,EAAE,MAAM,CAA0B;IACxD,cAAc,EAAE,OAAO,CAAS;IAEhC,iBAAiB,EAAE,OAAO,GAAG,IAAI,CAAQ;IAGzC,gBAAgB,EAAE,OAAO,CAAS;IAClC,YAAY,EAAE,MAAM,CAAK;IACzB,4BAA4B,EAAE,OAAO,CAAS;IAC9C,mBAAmB,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC1C,qBAAqB,EAAE,OAAO,CAAS;IACvC,aAAa,EAAE,MAAM,GAAG,IAAI,CAAQ;IACpC,sBAAsB,EAAE,OAAO,GAAG,IAAI,CAAQ;IAC9C,cAAc,EAAE,WAAW,GAAG,IAAI,CAAQ;IAG1C,cAAc,EAAE,OAAO,CAAS;IAChC,0BAA0B,EAAE,OAAO,CAAS;IAC5C,mBAAmB,EAAE,OAAO,CAAS;IACrC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC7B,sBAAsB,EAAE,QAAQ,GAAG,IAAI,CAAQ;IAC/C,mBAAmB,EAAE,OAAO,CAAS;IACrC,cAAc,EAAE,WAAW,GAAG,IAAI,CAAQ;IAE1C,sBAAsB,EAAE,OAAO,CAAS;IACxC,2BAA2B,EAAE,OAAO,CAAS;IAC7C,kBAAkB,EAAE,cAAc,GAAG,IAAI,CAAQ;IACjD,8BAA8B,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAQ;IAG3D,iBAAiB,EAAE,OAAO,CAAS;IACnC,kBAAkB,EAAE,WAAW,GAAG,IAAI,CAAQ;IAG9C,gBAAgB,EAAE,OAAO,CAAS;IAClC,YAAY,EAAE,MAAM,CAAK;IACzB,qBAAqB,EAAE,OAAO,CAAS;IACvC,4BAA4B,EAAE,OAAO,CAAS;IAG9C,UAAU,EAAE,MAAM,GAAG,IAAI,CAAQ;IACjC,eAAe,EAAE,MAAM,GAAG,IAAI,CAAQ;IACtC,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEvC,mBAAmB,EAAE,OAAO,CAAS;IACrC,eAAe,EAAE,MAAM,CAAM;IAG7B,WAAW,EAAE,OAAO,CAAS;IAC7B,sBAAsB,EAAE,OAAO,CAAS;IAExC,kBAAkB,EAAE,iBAAiB,EAAE,CAAM;IAEtC,kBAAkB,EAAE,OAAO,GAAG,IAAI,CAAC;IAG1C,YAAY,EAAE,YAAY,GAAG,IAAI,CAAQ;IACzC,oBAAoB,EAAE,GAAG,CAAC;IAC1B,oBAAoB,EAAE,GAAG,CAAC;IAE1B,SAAS,EAAE,OAAO,CAAC;;IAYnB,IAAI,KAAK,IAAI,MAAM,CAMlB;IAOD,IAAI,WAAW,IAAI,MAAM,CAMxB;IASD,aAAa,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS;IAY3C,IAAI,iBAAiB,IAAI,OAAO,CAE/B;IAKD,KAAK,EAAE,SAAS,GAAG,IAAI,CAAQ;IAQ/B,IAAI,IAAI,IAAI,SAAS,CAIpB;IAQD,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,EAMrB;IAMD,IAAI,YAAY,IAAI,OAAO,CAM1B;IAMD,IACI,WAAW,IAAI,WAAW,GAAG,IAAI,CAEpC;IAOD,IAAI,YAAY,IAAI,WAAW,GAAG,IAAI,CAErC;IAQD,IAAI,KAAK,IAAI,cAAc,GAAG,IAAI,CAOjC;IASD,IAAI,aAAa,IAAI,WAAW,GAAG,IAAI,CAEtC;IAOD,IAAI,gBAAgB,IAAI,WAAW,GAAG,IAAI,CAEzC;IAQD,IAAI,YAAY,IAAI,WAAW,GAAG,IAAI,CAMrC;IAOD,IAAI,aAAa,IAAI,WAAW,GAAG,IAAI,CAEtC;IASD,IAAI,kBAAkB,IAAI;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAU1D;IASD,IAAI,eAAe,IAAI,MAAM,CA4B5B;IAQD,IAAI,uBAAuB,IAAI,MAAM,CAcpC;IAED,IAAI,gBAAgB,IAAI,OAAO,CAM9B;IAWD,IAAI,2BAA2B,WAU9B;IASD,IAAI,mBAAmB,IAAI,OAAO,CAEjC;IAQD,IAAI,aAAa,IAAI,OAAO,GAAG,IAAI,CASlC;IAcD,wBAAwB,IAAI,IAAI;IAmChC,iBAAiB,IAAI,IAAI;IASzB,qBAAqB,IAAI,IAAI;IAU7B,sBAAsB,IAAI,IAAI;IAU9B,uBAAuB,IAAI,IAAI;IAc/B,cAAc,IAAI,IAAI;IAYtB,SAAS,IAAI,IAAI;IAsBjB,qBAAqB;IAkBrB,UAAU,IAAI,IAAI;IAgBlB,sBAAsB,EAAE,MAAM,IAAI,CAWhC;IASF,qBAAqB,IAAI,IAAI;IAwB7B,eAAe,IAAI,IAAI;IA4CvB,kBAAkB,IAAI,IAAI;IAa1B,gBAAgB,IAAI,IAAI;IAYxB,kBAAkB,CAAC,CAAC,EAAE,WAAW,GAAG,IAAI;IAqCxC,+BAA+B,CAAC,CAAC,EAAE,WAAW,GAAG,IAAI;IAerD,kBAAkB,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IA+B1C,iBAAiB,IAAI,IAAI;IA6FzB,cAAc,IAAI,IAAI;IAatB,YAAY,CAAC,EACT,MAAM,EACN,eAAe,EACf,kBAAkB,EAClB,sBAAsB,EACtB,kBAAkB,EAClB,oBAAoB,GACvB,EAAE;QACC,MAAM,EAAE,MAAM,CAAC;QACf,eAAe,EAAE,OAAO,CAAC;QACzB,kBAAkB,EAAE,QAAQ,CAAC;QAC7B,sBAAsB,EAAE,OAAO,CAAC;QAChC,kBAAkB,EAAE,QAAQ,CAAC;QAC7B,oBAAoB,EAAE,WAAW,GAAG,IAAI,CAAC;KAC5C,GAAG,IAAI;IAqCR,kBAAkB,CAAC,CAAC,EAAE,WAAW,GAAG,IAAI;IAUxC,aAAa,IAAI,IAAI;IAerB,gBAAgB,IAAI,IAAI;IASxB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAWvC,cAAc,CAAC,EACX,sBAAsB,EACtB,oBAAoB,EACpB,sBAAsB,EACtB,kBAAkB,EAClB,gBAAgB,EAChB,YAAY,EACZ,SAAS,EACT,OAAO,GACV,EAAE;QACC,sBAAsB,EAAE,OAAO,CAAC;QAChC,oBAAoB,EAAE,MAAM,CAAC;QAC7B,sBAAsB,EAAE,OAAO,CAAC;QAChC,kBAAkB,EAAE,QAAQ,CAAC;QAC7B,gBAAgB,EAAE,OAAO,CAAC;QAC1B,YAAY,EAAE,MAAM,CAAC;QACrB,SAAS,EAAE,WAAW,CAAC;QACvB,OAAO,EAAE,MAAM,CAAC;KACnB,GAAG,IAAI;IA6BR,oBAAoB,CAAC,CAAC,EAAE,WAAW,GAAG,IAAI;IAY1C,eAAe,IAAI,IAAI;IAevB,gBAAgB,IAAI,IAAI;IAQxB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAWvC,cAAc,CAAC,EACX,sBAAsB,EACtB,sBAAsB,EACtB,YAAY,EACZ,kBAAkB,GACrB,EAAE;QACC,sBAAsB,EAAE,OAAO,CAAC;QAChC,sBAAsB,EAAE,OAAO,CAAC;QAChC,YAAY,EAAE,MAAM,CAAC;QACrB,kBAAkB,EAAE,QAAQ,CAAC;KAChC,GAAG,IAAI;IAyBR,oBAAoB,CAAC,CAAC,EAAE,WAAW,GAAG,IAAI;IAW1C,eAAe,IAAI,IAAI;IAcvB,qBAAqB,IAAI,IAAI;IAoD7B,yBAAyB,IAAI,IAAI;IAajC,uBAAuB,QAAO,IAAI,CAEhC;IAQF,4BAA4B,IAAI,IAAI;IAWpC,+BAA+B,IAAI,IAAI;IAavC,+BAA+B,IAAI,IAAI;IAkBvC,4BAA4B,IAAI,IAAI;IAuBpC,uBAAuB,IAAI,IAAI;IAkB/B,0BAA0B,IAAI,IAAI;IAYlC,sBAAsB,MAAuC;IAE7D,qBAAqB,CAAC,CAAC,EAAE,WAAW,GAAG,IAAI;IAqB3C,oBAAoB;IAapB,yBAAyB,IAAI,IAAI;IAcjC,aAAa,IAAI,IAAI;IA2BrB,cAAc,IAAI,IAAI;IAOtB,iBAAiB,IAAI,IAAI;IAUzB,oBAAoB,IAAI,IAAI;IAS5B,gBAAgB,IAAI,IAAI;CA0B3B"}
|
|
@@ -7,6 +7,7 @@ import { api, track } from 'lwc';
|
|
|
7
7
|
import { features } from 'lightning/features';
|
|
8
8
|
import LightningShadowBaseClass from 'lightning/shadowBaseClassPrivate';
|
|
9
9
|
import { classSet } from 'lightning/utils';
|
|
10
|
+
import { privateContext } from 'lightning/utilsInternal';
|
|
10
11
|
import { ARIA, hasActiveTooltip, hasAnimation, isAriaDescriptionSupported, makeEverythingExceptElementInert, normalizeString, restoreInertness, synchronizeAttrs, } from 'lightning/utilsPrivate';
|
|
11
12
|
import { instanceName, secure } from 'lightning/overlayUtils';
|
|
12
13
|
import { getElementWithFocus, returnFocusToElement, } from 'lightning/focusUtils';
|
|
@@ -15,6 +16,7 @@ import disableCloseBtnMessage from '@salesforce/label/LightningModalBase.waitsta
|
|
|
15
16
|
import AriaObserver from 'lightning/ariaObserver';
|
|
16
17
|
import { modalFocusinEventHandler } from 'lightning/modalUtils';
|
|
17
18
|
import orgHasWCAGResizeReflowSC from '@salesforce/accessCheck/ComponentAccessibility.orgHasWCAGResizeReflowSC';
|
|
19
|
+
const { setContext, assertContext } = privateContext;
|
|
18
20
|
const DEBOUNCE_RESIZE = 300;
|
|
19
21
|
const SMALL_SCREEN_SIZE = 480;
|
|
20
22
|
const SIZE_SMALL = 'small';
|
|
@@ -75,6 +77,7 @@ export default class LightningModalBase extends LightningShadowBaseClass {
|
|
|
75
77
|
_resizing;
|
|
76
78
|
constructor() {
|
|
77
79
|
super();
|
|
80
|
+
setContext(this);
|
|
78
81
|
this.ariaObserver = new AriaObserver(this);
|
|
79
82
|
}
|
|
80
83
|
get label() {
|
|
@@ -208,6 +211,9 @@ export default class LightningModalBase extends LightningShadowBaseClass {
|
|
|
208
211
|
return !isAriaDescriptionSupported() && this.isDescriptionSet;
|
|
209
212
|
}
|
|
210
213
|
get modalResizing() {
|
|
214
|
+
if (features.enableAssertContext260Round2) {
|
|
215
|
+
assertContext(this);
|
|
216
|
+
}
|
|
211
217
|
if (!this._resizing) {
|
|
212
218
|
this._resizing = this.scheduleWindowResizeEvent.bind(this);
|
|
213
219
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modalBody.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/modalBody/modalBody.ts"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,MAAM,kCAAkC,CAAC;
|
|
1
|
+
{"version":3,"file":"modalBody.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/modalBody/modalBody.ts"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,MAAM,kCAAkC,CAAC;AASxE,UAAU,WAAW;IAEjB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IAGvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,uBAAuB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxC,qBAAqB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAKD,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,wBAAwB;IAEpE,aAAa,EAAE,OAAO,CAAQ;IAC9B,iBAAiB,EAAE,OAAO,CAAQ;IAClC,kBAAkB,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAQ;IAC/C,aAAa,EAAE,OAAO,CAAS;IAC/B,aAAa,EAAE,OAAO,CAAS;IAO/B,uBAAuB,IAAI,IAAI;IAc/B,wCAAwC,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI;IAYlE,IAAI,mBAAmB,IAAI,MAAM,CAOhC;IAOD,IAAI,WAAW,IAAI,WAAW,GAAG,IAAI,CAEpC;IAOD,IAAI,cAAc,IAAI,MAAM,GAAG,IAAI,CAElC;IAOD,IAAI,kBAAkB,IAAI,eAAe,GAAG,IAAI,CAE/C;IAOD,IAAI,sBAAsB,IAAI,OAAO,CAMpC;IAQD,IAAI,oBAAoB,IAAI,WAAW,GAAG,IAAI,CAY7C;IASD,0BAA0B,CAAC,MAAM,EAAE,WAAW,GAAG,WAAW;IAc5D,8BAA8B,CAAC,EAC3B,iBAAiB,EACjB,YAAY,EACZ,YAAY,GACf,EAAE,WAAW,GAAG,MAAM;IAavB,2BAA2B,CAAC,MAAM,EAAE,WAAW,GAAG,WAAW;IAgB7D,kBAAkB,CACd,MAAM,EAAE,WAAW,EACnB,mBAAmB,EAAE,OAAO,GAC7B,IAAI;IA8BP,YAAY,CAAC,MAAM,EAAE,WAAW,GAAG,WAAW;IAwC9C,2BAA2B,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI;IAsCtD,kBAAkB,IAAI,IAAI;IAoB1B,sBAAsB,MAAuC;IAO7D,SAAS,IAAI,IAAI;;IAajB,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5B,gBAAgB,IAAI,IAAI;CAM3B"}
|
|
@@ -35,7 +35,7 @@ export default class MultiColumnSortingModal extends LightningModal<any> {
|
|
|
35
35
|
connectedCallback(): void;
|
|
36
36
|
renderedCallback(): void;
|
|
37
37
|
validationThroughApplyButton: boolean;
|
|
38
|
-
get columnSorters():
|
|
38
|
+
get columnSorters(): any[];
|
|
39
39
|
get comboboxInputs(): any[];
|
|
40
40
|
get modalBody(): any;
|
|
41
41
|
get rulesWithData(): {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"multiColumnSortingModal.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/multiColumnSortingModal/multiColumnSortingModal.js"],"names":[],"mappings":";AA+CA
|
|
1
|
+
{"version":3,"file":"multiColumnSortingModal.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/multiColumnSortingModal/multiColumnSortingModal.js"],"names":[],"mappings":";AA+CA;;IACI,gBAAgB;IAChB,sBAAsB;IACtB,0BAA0B;IAG1B,gBAAgB;IAChB,aAAe;IACf;;;QAA4B;IAG5B,qBAAmB;IACnB,gBAAW;IACX,yBAAwB;IACxB,sBAAmB;IAEnB,wBAA+B;IAE/B;;;;;;;;;;;;;;;;MAEC;IAMD,0BAqBC;IAED,yBAiDC;IALO,sCAAyC;IAQjD,2BAIC;IAGD,4BAEC;IAGD,qBAOC;IAED;;;;;;;QAYC;IAMD,4BAWC;IAKD,4BAKC;IAKD,gDAIC;IAKD,uCAQC;IAKD,qCAwBC;IAKD,qCAEC;IAKD,sBAGC;IAKD,mCAiBC;IAKD,wCAiBC;IAKD,qCA6BC;IAMD,mBA8BC;IAED,8DAiBC;IAED,uDAWC;IAKD,mBAGC;IAKD,oBAEC;IAMD,wBAoBC;IAQD,sCAmBC;IAQD,4CAOC;CACJ;2BAxf0B,iBAAiB"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export default class EditOverlay extends LightningOverlay {
|
|
2
|
+
initialValue: string;
|
|
3
|
+
handleInputChange(event: any): void;
|
|
4
|
+
_value: any;
|
|
5
|
+
handleSave(): void;
|
|
6
|
+
handleCancel(): void;
|
|
7
|
+
get editedValue(): any;
|
|
8
|
+
}
|
|
9
|
+
import LightningOverlay from 'lightning/overlay';
|
|
10
|
+
//# sourceMappingURL=demo.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"demo.d.ts","sourceRoot":"","sources":["../../../../../../../modules/lightning/overlay/__examples__/edit/demo.js"],"names":[],"mappings":"AAGA;IACI,qBAAuB;IAEvB,oCAEC;IADG,YAAgC;IAGpC,mBAEC;IAED,qBAEC;IAED,uBAEC;CACJ;6BApB4B,mBAAmB"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<div class="slds-popover slds-popover_small" role="dialog" aria-modal="true" aria-label="Edit Field">
|
|
3
|
+
<div class="slds-popover__body">
|
|
4
|
+
<input
|
|
5
|
+
type="text"
|
|
6
|
+
class="slds-input"
|
|
7
|
+
value={editedValue}
|
|
8
|
+
oninput={handleInputChange}
|
|
9
|
+
aria-label="Field Text"
|
|
10
|
+
/>
|
|
11
|
+
</div>
|
|
12
|
+
<footer class="slds-popover__footer">
|
|
13
|
+
<lightning-button
|
|
14
|
+
label="Save"
|
|
15
|
+
variant="brand"
|
|
16
|
+
onclick={handleSave}
|
|
17
|
+
></lightning-button>
|
|
18
|
+
<lightning-button
|
|
19
|
+
label="Cancel"
|
|
20
|
+
variant="neutral"
|
|
21
|
+
onclick={handleCancel}
|
|
22
|
+
></lightning-button>
|
|
23
|
+
</footer>
|
|
24
|
+
</div>
|
|
25
|
+
</template>
|
|
26
|
+
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright (c) 2025, Salesforce, Inc.,
|
|
3
|
+
* All rights reserved.
|
|
4
|
+
* For full license text, see the LICENSE.txt file
|
|
5
|
+
*/
|
|
6
|
+
import { api } from 'lwc';
|
|
7
|
+
import LightningOverlay from 'lightning/overlay';
|
|
8
|
+
export default class EditOverlay extends LightningOverlay {
|
|
9
|
+
@api
|
|
10
|
+
initialValue = '';
|
|
11
|
+
handleInputChange(event) {
|
|
12
|
+
this._value = event.target.value;
|
|
13
|
+
}
|
|
14
|
+
handleSave() {
|
|
15
|
+
this.close(this._value || this.initialValue);
|
|
16
|
+
}
|
|
17
|
+
handleCancel() {
|
|
18
|
+
this.close(null);
|
|
19
|
+
}
|
|
20
|
+
get editedValue() {
|
|
21
|
+
return this._value !== undefined ? this._value : this.initialValue;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../../../../modules/lightning/overlay/__examples__/edit/edit.js"],"names":[],"mappings":"AAGA;IACI,cAAsB;IACtB,oBAAmB;IAEnB,gCAeC;CACJ;iCAvBgC,KAAK"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<div class="example">
|
|
3
|
+
<span>{value}</span>
|
|
4
|
+
<button
|
|
5
|
+
class="slds-button slds-button_icon slds-button_icon-bare"
|
|
6
|
+
type="button"
|
|
7
|
+
onclick={handleOpenEdit}
|
|
8
|
+
aria-label="Edit"
|
|
9
|
+
aria-haspopup="dialog"
|
|
10
|
+
aria-expanded={isEditOpen}
|
|
11
|
+
>
|
|
12
|
+
<lightning-primitive-icon
|
|
13
|
+
icon-name="utility:edit"
|
|
14
|
+
svg-class="slds-button__icon"
|
|
15
|
+
variant="bare"
|
|
16
|
+
></lightning-primitive-icon>
|
|
17
|
+
</button>
|
|
18
|
+
</div>
|
|
19
|
+
</template>
|
|
20
|
+
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright (c) 2025, Salesforce, Inc.,
|
|
3
|
+
* All rights reserved.
|
|
4
|
+
* For full license text, see the LICENSE.txt file
|
|
5
|
+
*/
|
|
6
|
+
import { LightningElement } from 'lwc';
|
|
7
|
+
import EditPanel from './demo';
|
|
8
|
+
export default class EditExample extends LightningElement {
|
|
9
|
+
value = 'Sample Text';
|
|
10
|
+
isEditOpen = false;
|
|
11
|
+
async handleOpenEdit() {
|
|
12
|
+
const button = this.template.querySelector('button');
|
|
13
|
+
this.isEditOpen = true;
|
|
14
|
+
const result = await EditPanel.open({
|
|
15
|
+
source: button,
|
|
16
|
+
position: 'bottom span-left',
|
|
17
|
+
popover: 'manual',
|
|
18
|
+
initialValue: this.value,
|
|
19
|
+
enableFocusTrap: true,
|
|
20
|
+
offsetBlock: 10
|
|
21
|
+
});
|
|
22
|
+
this.isEditOpen = false;
|
|
23
|
+
if (result) {
|
|
24
|
+
this.value = result;
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
@import 'lightning/sldsCommon';
|
|
2
|
+
|
|
3
|
+
.tooltip-with-arrow {
|
|
4
|
+
position: relative;
|
|
5
|
+
background-color: #032d60;
|
|
6
|
+
margin-bottom: 5px;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.tooltip-arrow {
|
|
10
|
+
position: absolute;
|
|
11
|
+
bottom: -5px;
|
|
12
|
+
left: 50%;
|
|
13
|
+
transform: translateX(-50%);
|
|
14
|
+
width: 0;
|
|
15
|
+
height: 0;
|
|
16
|
+
border-left: 5px solid transparent;
|
|
17
|
+
border-right: 5px solid transparent;
|
|
18
|
+
border-top: 5px solid #032d60;
|
|
19
|
+
z-index: 1;
|
|
20
|
+
}
|
|
21
|
+
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"demo.d.ts","sourceRoot":"","sources":["../../../../../../../modules/lightning/overlay/__examples__/info/demo.js"],"names":[],"mappings":"AAGA;IACI,gBAAkB;IASlB,yBAEC;CACJ;6BAf4B,mBAAmB"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright (c) 2025, Salesforce, Inc.,
|
|
3
|
+
* All rights reserved.
|
|
4
|
+
* For full license text, see the LICENSE.txt file
|
|
5
|
+
*/
|
|
6
|
+
import { api } from 'lwc';
|
|
7
|
+
import LightningOverlay from 'lightning/overlay';
|
|
8
|
+
export default class InfoOverlay extends LightningOverlay {
|
|
9
|
+
@api
|
|
10
|
+
message = '';
|
|
11
|
+
connectedCallback() {
|
|
12
|
+
super.connectedCallback();
|
|
13
|
+
const close = this.close.bind(this);
|
|
14
|
+
this.source.addEventListener('mouseleave', close);
|
|
15
|
+
this.source.addEventListener('focusout', close);
|
|
16
|
+
}
|
|
17
|
+
renderedCallback() {
|
|
18
|
+
this.source.ariaDescribedByElements = [this.refs.tooltip];
|
|
19
|
+
}
|
|
20
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"info.d.ts","sourceRoot":"","sources":["../../../../../../../modules/lightning/overlay/__examples__/info/info.js"],"names":[],"mappings":"AAGA;IACI,mCASC;CACJ;iCAdgC,KAAK"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<div class="example">
|
|
3
|
+
<button
|
|
4
|
+
class="slds-button slds-button_icon slds-button_icon-bare"
|
|
5
|
+
type="button"
|
|
6
|
+
aria-label="Show info panel"
|
|
7
|
+
onmouseenter={handleOpenTooltip}
|
|
8
|
+
onfocus={handleOpenTooltip}
|
|
9
|
+
>
|
|
10
|
+
<lightning-primitive-icon
|
|
11
|
+
icon-name="utility:info"
|
|
12
|
+
svg-class="slds-button__icon"
|
|
13
|
+
variant="bare"
|
|
14
|
+
></lightning-primitive-icon>
|
|
15
|
+
</button>
|
|
16
|
+
</div>
|
|
17
|
+
</template>
|
|
18
|
+
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright (c) 2025, Salesforce, Inc.,
|
|
3
|
+
* All rights reserved.
|
|
4
|
+
* For full license text, see the LICENSE.txt file
|
|
5
|
+
*/
|
|
6
|
+
import { LightningElement } from 'lwc';
|
|
7
|
+
import InfoPanel from './demo';
|
|
8
|
+
export default class InfoExample extends LightningElement {
|
|
9
|
+
async handleOpenTooltip() {
|
|
10
|
+
const button = this.template.querySelector('button');
|
|
11
|
+
await InfoPanel.open({
|
|
12
|
+
source: button,
|
|
13
|
+
position: 'top center',
|
|
14
|
+
popover: 'hint',
|
|
15
|
+
message: 'This is an info panel.',
|
|
16
|
+
minWidth: '5rem',
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
@import 'lightning/sldsCommon';
|
|
2
|
+
|
|
3
|
+
.menu-body {
|
|
4
|
+
padding: 0.25rem 0;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.menu-list {
|
|
8
|
+
list-style: none;
|
|
9
|
+
margin: 0;
|
|
10
|
+
padding: 0;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.menu-item {
|
|
14
|
+
border-bottom: 1px solid var(--slds-g-color-border-base-4, #e5e5e5);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.menu-item:last-child {
|
|
18
|
+
border-bottom: none;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.menu-option {
|
|
22
|
+
display: block;
|
|
23
|
+
width: 100%;
|
|
24
|
+
padding: 0.75rem 1rem;
|
|
25
|
+
cursor: pointer;
|
|
26
|
+
color: var(--slds-g-color-on-surface-3, #080707);
|
|
27
|
+
font-size: var(--slds-g-font-scale-0, 0.875rem);
|
|
28
|
+
line-height: var(--slds-g-line-height-4, 1.5);
|
|
29
|
+
transition: background-color 0.15s ease;
|
|
30
|
+
text-align: left;
|
|
31
|
+
border: none;
|
|
32
|
+
background: transparent;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.menu-option:hover {
|
|
36
|
+
background-color: var(--slds-g-color-neutral-base-95, #f3f3f3);
|
|
37
|
+
color: var(--slds-g-color-on-surface-1, #080707);
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.menu-option:active {
|
|
41
|
+
background-color: var(--slds-g-color-neutral-base-90, #e5e5e5);
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.menu-option:focus {
|
|
45
|
+
outline: 2px solid var(--slds-g-color-brand-base-60, #0176d3);
|
|
46
|
+
outline-offset: -2px;
|
|
47
|
+
background-color: var(--slds-g-color-neutral-base-95, #f3f3f3);
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.menu-option-text {
|
|
51
|
+
display: block;
|
|
52
|
+
white-space: nowrap;
|
|
53
|
+
}
|
|
54
|
+
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"demo.d.ts","sourceRoot":"","sources":["../../../../../../../modules/lightning/overlay/__examples__/menu/demo.js"],"names":[],"mappings":"AAGA;IACI,aAAgB;IAEhB,kCAGC;IAED,oCA+CC;CACJ;6BA1D4B,mBAAmB"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<div class="slds-popover slds-popover_small" role="menu" aria-label="Menu">
|
|
3
|
+
<div class="slds-popover__body menu-body">
|
|
4
|
+
<ul class="menu-list">
|
|
5
|
+
<template iterator:item={items}>
|
|
6
|
+
<li
|
|
7
|
+
key={item.value.value}
|
|
8
|
+
class="menu-item"
|
|
9
|
+
role="none"
|
|
10
|
+
>
|
|
11
|
+
<div
|
|
12
|
+
lwc:if={item.first}
|
|
13
|
+
class="menu-option"
|
|
14
|
+
role="menuitem"
|
|
15
|
+
tabindex="-1"
|
|
16
|
+
data-value={item.value.value}
|
|
17
|
+
onclick={handleItemClick}
|
|
18
|
+
onkeydown={handleItemKeyDown}
|
|
19
|
+
autofocus
|
|
20
|
+
>
|
|
21
|
+
<span class="menu-option-text">
|
|
22
|
+
{item.value.label}
|
|
23
|
+
</span>
|
|
24
|
+
</div>
|
|
25
|
+
<div
|
|
26
|
+
lwc:else
|
|
27
|
+
class="menu-option"
|
|
28
|
+
role="menuitem"
|
|
29
|
+
tabindex="-1"
|
|
30
|
+
data-value={item.value.value}
|
|
31
|
+
onclick={handleItemClick}
|
|
32
|
+
onkeydown={handleItemKeyDown}
|
|
33
|
+
>
|
|
34
|
+
<span class="menu-option-text">
|
|
35
|
+
{item.value.label}
|
|
36
|
+
</span>
|
|
37
|
+
</div>
|
|
38
|
+
</li>
|
|
39
|
+
</template>
|
|
40
|
+
</ul>
|
|
41
|
+
</div>
|
|
42
|
+
</div>
|
|
43
|
+
</template>
|
|
44
|
+
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright (c) 2025, Salesforce, Inc.,
|
|
3
|
+
* All rights reserved.
|
|
4
|
+
* For full license text, see the LICENSE.txt file
|
|
5
|
+
*/
|
|
6
|
+
import { api } from 'lwc';
|
|
7
|
+
import LightningOverlay from 'lightning/overlay';
|
|
8
|
+
export default class MenuOverlay extends LightningOverlay {
|
|
9
|
+
@api
|
|
10
|
+
items = [];
|
|
11
|
+
handleItemClick(event) {
|
|
12
|
+
const value = event.currentTarget.dataset.value;
|
|
13
|
+
this.close(value);
|
|
14
|
+
}
|
|
15
|
+
handleItemKeyDown(event) {
|
|
16
|
+
const currentItem = event.currentTarget;
|
|
17
|
+
const allItems = Array.from(this.template.querySelectorAll('[role="menuitem"]'));
|
|
18
|
+
const currentIndex = allItems.indexOf(currentItem);
|
|
19
|
+
switch (event.key) {
|
|
20
|
+
case 'Enter':
|
|
21
|
+
case ' ': {
|
|
22
|
+
event.preventDefault();
|
|
23
|
+
const value = currentItem.dataset.value;
|
|
24
|
+
this.close(value);
|
|
25
|
+
break;
|
|
26
|
+
}
|
|
27
|
+
case 'ArrowDown': {
|
|
28
|
+
event.preventDefault();
|
|
29
|
+
const nextIndex = (currentIndex + 1) % allItems.length;
|
|
30
|
+
const nextItem = allItems[nextIndex];
|
|
31
|
+
nextItem.focus();
|
|
32
|
+
break;
|
|
33
|
+
}
|
|
34
|
+
case 'ArrowUp': {
|
|
35
|
+
event.preventDefault();
|
|
36
|
+
const prevIndex = currentIndex === 0 ? allItems.length - 1 : currentIndex - 1;
|
|
37
|
+
const prevItem = allItems[prevIndex];
|
|
38
|
+
prevItem.focus();
|
|
39
|
+
break;
|
|
40
|
+
}
|
|
41
|
+
case 'Home': {
|
|
42
|
+
event.preventDefault();
|
|
43
|
+
allItems[0].focus();
|
|
44
|
+
break;
|
|
45
|
+
}
|
|
46
|
+
case 'End': {
|
|
47
|
+
event.preventDefault();
|
|
48
|
+
allItems[allItems.length - 1].focus();
|
|
49
|
+
break;
|
|
50
|
+
}
|
|
51
|
+
case 'Tab': {
|
|
52
|
+
this.close();
|
|
53
|
+
break;
|
|
54
|
+
}
|
|
55
|
+
default: {
|
|
56
|
+
break;
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../../../../modules/lightning/overlay/__examples__/menu/menu.js"],"names":[],"mappings":"AAGA;IACI,oBAAmB;IACnB,oBAAsB;IAEtB,gCAkBC;CACJ;iCA1BgC,KAAK"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<div class="example">
|
|
3
|
+
<button
|
|
4
|
+
class="slds-button slds-button_icon slds-button_icon-border"
|
|
5
|
+
type="button"
|
|
6
|
+
onclick={handleOpenMenu}
|
|
7
|
+
aria-label="Open menu"
|
|
8
|
+
aria-haspopup="menu"
|
|
9
|
+
aria-expanded={isMenuOpen}
|
|
10
|
+
>
|
|
11
|
+
<lightning-primitive-icon
|
|
12
|
+
icon-name="utility:down"
|
|
13
|
+
svg-class="slds-button__icon"
|
|
14
|
+
variant="bare"
|
|
15
|
+
></lightning-primitive-icon>
|
|
16
|
+
</button>
|
|
17
|
+
<div>{selectedResult}</div>
|
|
18
|
+
</div>
|
|
19
|
+
</template>
|
|
20
|
+
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright (c) 2025, Salesforce, Inc.,
|
|
3
|
+
* All rights reserved.
|
|
4
|
+
* For full license text, see the LICENSE.txt file
|
|
5
|
+
*/
|
|
6
|
+
import { LightningElement } from 'lwc';
|
|
7
|
+
import MenuPanel from './demo';
|
|
8
|
+
export default class MenuExample extends LightningElement {
|
|
9
|
+
isMenuOpen = false;
|
|
10
|
+
selectedResult = null;
|
|
11
|
+
async handleOpenMenu() {
|
|
12
|
+
const button = this.template.querySelector('button');
|
|
13
|
+
this.isMenuOpen = true;
|
|
14
|
+
const result = await MenuPanel.open({
|
|
15
|
+
source: button,
|
|
16
|
+
position: 'bottom span-right',
|
|
17
|
+
popover: 'auto',
|
|
18
|
+
items: [
|
|
19
|
+
{ label: 'Option 1', value: 'option1' },
|
|
20
|
+
{ label: 'Option 2', value: 'option2' },
|
|
21
|
+
{ label: 'Option 3', value: 'option3' },
|
|
22
|
+
],
|
|
23
|
+
maxHeight: '8rem',
|
|
24
|
+
});
|
|
25
|
+
this.isMenuOpen = false;
|
|
26
|
+
if (result) {
|
|
27
|
+
this.selectedResult = result;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
}
|
|
@@ -1,8 +1,27 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { instanceName } from 'lightning/overlayUtils';
|
|
3
|
-
|
|
1
|
+
import LightningPrimitiveOverlay from 'lightning/primitiveOverlay';
|
|
2
|
+
import { parent, instanceName } from 'lightning/overlayUtils';
|
|
3
|
+
import LightningOverlayBase from 'lightning/overlayBase';
|
|
4
|
+
import { type PopoverValue, type PositionValue } from 'lightning/overlayPositionUtils';
|
|
5
|
+
export default class LightningOverlay extends LightningPrimitiveOverlay {
|
|
6
|
+
static [parent]: typeof LightningOverlayBase;
|
|
4
7
|
static [instanceName]: string;
|
|
5
|
-
|
|
6
|
-
|
|
8
|
+
source: Element | null;
|
|
9
|
+
minWidth: string | number;
|
|
10
|
+
maxWidth: string | number;
|
|
11
|
+
minHeight: string;
|
|
12
|
+
maxHeight: string;
|
|
13
|
+
offsetInline: number;
|
|
14
|
+
offsetBlock: number;
|
|
15
|
+
_popover: PopoverValue;
|
|
16
|
+
_position: PositionValue;
|
|
17
|
+
_enableFocusTrap: boolean;
|
|
18
|
+
get popover(): PopoverValue;
|
|
19
|
+
set popover(value: unknown);
|
|
20
|
+
get position(): PositionValue;
|
|
21
|
+
set position(value: unknown);
|
|
22
|
+
get enableFocusTrap(): boolean;
|
|
23
|
+
set enableFocusTrap(value: unknown);
|
|
24
|
+
close(result?: any, maybeSecure?: unknown): void;
|
|
25
|
+
connectedCallback(): void;
|
|
7
26
|
}
|
|
8
27
|
//# sourceMappingURL=overlay.d.ts.map
|