lightning-base-components 1.13.6-alpha → 1.14.1-alpha

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (191) hide show
  1. package/metadata/raptor.json +104 -2
  2. package/package.json +37 -1
  3. package/scopedImports/@salesforce-internal-core.appVersion.js +1 -1
  4. package/scopedImports/@salesforce-label-LightningAlert.defaultLabel.js +1 -0
  5. package/scopedImports/@salesforce-label-LightningConfirm.defaultLabel.js +1 -0
  6. package/scopedImports/@salesforce-label-LightningDateTimePicker.selectDateFor.js +1 -0
  7. package/scopedImports/@salesforce-label-LightningInteractiveDialogBase.cancel.js +1 -0
  8. package/scopedImports/@salesforce-label-LightningInteractiveDialogBase.ok.js +1 -0
  9. package/scopedImports/@salesforce-label-LightningLookup.recentItems.js +1 -0
  10. package/scopedImports/@salesforce-label-LightningModalBase.close.js +1 -0
  11. package/scopedImports/@salesforce-label-LightningModalBase.waitstate.js +1 -0
  12. package/scopedImports/@salesforce-label-LightningPrompt.defaultLabel.js +1 -0
  13. package/src/lightning/baseCombobox/baseCombobox.html +50 -24
  14. package/src/lightning/baseCombobox/baseCombobox.js +53 -28
  15. package/src/lightning/card/card.html +7 -1
  16. package/src/lightning/card/card.js +30 -2
  17. package/src/lightning/card/utils.js +14 -0
  18. package/src/lightning/combobox/combobox.css +12 -0
  19. package/src/lightning/combobox/combobox.html +1 -0
  20. package/src/lightning/datatable/__docs__/datatable.md +40 -13
  21. package/src/lightning/datatable/columnWidthManager.js +8 -4
  22. package/src/lightning/datatable/columns-shared.js +8 -7
  23. package/src/lightning/datatable/columns.js +38 -4
  24. package/src/lightning/datatable/datatable.js +932 -727
  25. package/src/lightning/datatable/datatableResizeObserver.js +1 -1
  26. package/src/lightning/datatable/inlineEdit.js +15 -3
  27. package/src/lightning/datatable/keyboard.js +1078 -935
  28. package/src/lightning/datatable/resizer.js +92 -109
  29. package/src/lightning/datatable/rows.js +245 -59
  30. package/src/lightning/datatable/sort.js +83 -28
  31. package/src/lightning/datatable/{normalizer.js → state.js} +16 -28
  32. package/src/lightning/datatable/templates/div/div.css +53 -0
  33. package/src/lightning/datatable/templates/div/div.html +272 -0
  34. package/src/lightning/datatable/{datatable.css → templates/table/table.css} +0 -0
  35. package/src/lightning/datatable/templates/table/table.html +260 -0
  36. package/src/lightning/datatable/widthManagerShared.js +1 -1
  37. package/src/lightning/datepicker/datepicker.html +3 -3
  38. package/src/lightning/datepicker/datepicker.js +6 -2
  39. package/src/lightning/datetimepicker/datetimepicker.html +3 -4
  40. package/src/lightning/datetimepicker/datetimepicker.js +0 -2
  41. package/src/lightning/formattedRichText/__docs__/formattedRichText.md +1 -0
  42. package/src/lightning/helptext/helptext.js +8 -0
  43. package/src/lightning/iconSvgTemplates/buildTemplates/standard/asset_audit.html +7 -0
  44. package/src/lightning/iconSvgTemplates/buildTemplates/standard/attach.html +7 -0
  45. package/src/lightning/iconSvgTemplates/buildTemplates/standard/contract_payment.html +10 -0
  46. package/src/lightning/iconSvgTemplates/buildTemplates/standard/field_sales.html +8 -0
  47. package/src/lightning/iconSvgTemplates/buildTemplates/standard/historical_adherence.html +9 -0
  48. package/src/lightning/iconSvgTemplates/buildTemplates/standard/med_rec_recommendation.html +8 -0
  49. package/src/lightning/iconSvgTemplates/buildTemplates/standard/med_rec_statement_recommendation.html +7 -0
  50. package/src/lightning/iconSvgTemplates/buildTemplates/standard/medication_dispense.html +11 -0
  51. package/src/lightning/iconSvgTemplates/buildTemplates/standard/medication_reconciliation.html +7 -0
  52. package/src/lightning/iconSvgTemplates/buildTemplates/standard/report_type.html +9 -0
  53. package/src/lightning/iconSvgTemplates/buildTemplates/standard/story.html +2 -4
  54. package/src/lightning/iconSvgTemplates/buildTemplates/standard/tour.html +9 -0
  55. package/src/lightning/iconSvgTemplates/buildTemplates/standard/tour_check.html +8 -0
  56. package/src/lightning/iconSvgTemplates/buildTemplates/standard/travel_mode.html +2 -2
  57. package/src/lightning/iconSvgTemplates/buildTemplates/standard/unified_health_score.html +7 -0
  58. package/src/lightning/iconSvgTemplates/buildTemplates/standard/workforce_engagement.html +8 -0
  59. package/src/lightning/iconSvgTemplates/buildTemplates/templates.js +26 -1
  60. package/src/lightning/iconSvgTemplates/buildTemplates/utility/asset_audit.html +9 -0
  61. package/src/lightning/iconSvgTemplates/buildTemplates/utility/collection_alt.html +8 -0
  62. package/src/lightning/iconSvgTemplates/buildTemplates/utility/contract_doc.html +8 -0
  63. package/src/lightning/iconSvgTemplates/buildTemplates/utility/contract_payment.html +10 -0
  64. package/src/lightning/iconSvgTemplates/buildTemplates/utility/einstein.html +2 -1
  65. package/src/lightning/iconSvgTemplates/buildTemplates/utility/entitlement.html +7 -0
  66. package/src/lightning/iconSvgTemplates/buildTemplates/utility/field_sales.html +8 -0
  67. package/src/lightning/iconSvgTemplates/buildTemplates/utility/signature.html +9 -0
  68. package/src/lightning/iconSvgTemplates/buildTemplates/utility/tour.html +9 -0
  69. package/src/lightning/iconSvgTemplates/buildTemplates/utility/tour_check.html +8 -0
  70. package/src/lightning/iconSvgTemplates/buildTemplates/utility/truck.html +10 -0
  71. package/src/lightning/iconSvgTemplates/buildTemplates/utility/workforce_engagement.html +8 -0
  72. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/standard/asset_audit.html +7 -0
  73. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/standard/attach.html +7 -0
  74. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/standard/contract_payment.html +10 -0
  75. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/standard/field_sales.html +8 -0
  76. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/standard/historical_adherence.html +9 -0
  77. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/standard/med_rec_recommendation.html +8 -0
  78. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/standard/med_rec_statement_recommendation.html +7 -0
  79. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/standard/medication_dispense.html +11 -0
  80. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/standard/medication_reconciliation.html +7 -0
  81. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/standard/report_type.html +9 -0
  82. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/standard/story.html +2 -4
  83. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/standard/tour.html +9 -0
  84. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/standard/tour_check.html +8 -0
  85. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/standard/travel_mode.html +2 -2
  86. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/standard/unified_health_score.html +7 -0
  87. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/standard/workforce_engagement.html +8 -0
  88. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/templates.js +26 -1
  89. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/utility/asset_audit.html +9 -0
  90. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/utility/collection_alt.html +8 -0
  91. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/utility/contract_doc.html +8 -0
  92. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/utility/contract_payment.html +10 -0
  93. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/utility/einstein.html +2 -1
  94. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/utility/entitlement.html +7 -0
  95. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/utility/field_sales.html +8 -0
  96. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/utility/signature.html +9 -0
  97. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/utility/tour.html +9 -0
  98. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/utility/tour_check.html +8 -0
  99. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/utility/truck.html +10 -0
  100. package/src/lightning/iconSvgTemplatesRtl/buildTemplates/utility/workforce_engagement.html +8 -0
  101. package/src/lightning/iconSvgTemplatesStandard/buildTemplates/standard/asset_audit.html +7 -0
  102. package/src/lightning/iconSvgTemplatesStandard/buildTemplates/standard/attach.html +7 -0
  103. package/src/lightning/iconSvgTemplatesStandard/buildTemplates/standard/contract_payment.html +10 -0
  104. package/src/lightning/iconSvgTemplatesStandard/buildTemplates/standard/field_sales.html +8 -0
  105. package/src/lightning/iconSvgTemplatesStandard/buildTemplates/standard/historical_adherence.html +9 -0
  106. package/src/lightning/iconSvgTemplatesStandard/buildTemplates/standard/med_rec_recommendation.html +8 -0
  107. package/src/lightning/iconSvgTemplatesStandard/buildTemplates/standard/med_rec_statement_recommendation.html +7 -0
  108. package/src/lightning/iconSvgTemplatesStandard/buildTemplates/standard/medication_dispense.html +11 -0
  109. package/src/lightning/iconSvgTemplatesStandard/buildTemplates/standard/medication_reconciliation.html +7 -0
  110. package/src/lightning/iconSvgTemplatesStandard/buildTemplates/standard/report_type.html +9 -0
  111. package/src/lightning/iconSvgTemplatesStandard/buildTemplates/standard/story.html +2 -4
  112. package/src/lightning/iconSvgTemplatesStandard/buildTemplates/standard/tour.html +9 -0
  113. package/src/lightning/iconSvgTemplatesStandard/buildTemplates/standard/tour_check.html +8 -0
  114. package/src/lightning/iconSvgTemplatesStandard/buildTemplates/standard/travel_mode.html +2 -2
  115. package/src/lightning/iconSvgTemplatesStandard/buildTemplates/standard/unified_health_score.html +7 -0
  116. package/src/lightning/iconSvgTemplatesStandard/buildTemplates/standard/workforce_engagement.html +8 -0
  117. package/src/lightning/iconSvgTemplatesStandard/buildTemplates/templates.js +15 -1
  118. package/src/lightning/iconSvgTemplatesStandardRtl/buildTemplates/standard/asset_audit.html +7 -0
  119. package/src/lightning/iconSvgTemplatesStandardRtl/buildTemplates/standard/attach.html +7 -0
  120. package/src/lightning/iconSvgTemplatesStandardRtl/buildTemplates/standard/contract_payment.html +10 -0
  121. package/src/lightning/iconSvgTemplatesStandardRtl/buildTemplates/standard/field_sales.html +8 -0
  122. package/src/lightning/iconSvgTemplatesStandardRtl/buildTemplates/standard/historical_adherence.html +9 -0
  123. package/src/lightning/iconSvgTemplatesStandardRtl/buildTemplates/standard/med_rec_recommendation.html +8 -0
  124. package/src/lightning/iconSvgTemplatesStandardRtl/buildTemplates/standard/med_rec_statement_recommendation.html +7 -0
  125. package/src/lightning/iconSvgTemplatesStandardRtl/buildTemplates/standard/medication_dispense.html +11 -0
  126. package/src/lightning/iconSvgTemplatesStandardRtl/buildTemplates/standard/medication_reconciliation.html +7 -0
  127. package/src/lightning/iconSvgTemplatesStandardRtl/buildTemplates/standard/report_type.html +9 -0
  128. package/src/lightning/iconSvgTemplatesStandardRtl/buildTemplates/standard/story.html +2 -4
  129. package/src/lightning/iconSvgTemplatesStandardRtl/buildTemplates/standard/tour.html +9 -0
  130. package/src/lightning/iconSvgTemplatesStandardRtl/buildTemplates/standard/tour_check.html +8 -0
  131. package/src/lightning/iconSvgTemplatesStandardRtl/buildTemplates/standard/travel_mode.html +2 -2
  132. package/src/lightning/iconSvgTemplatesStandardRtl/buildTemplates/standard/unified_health_score.html +7 -0
  133. package/src/lightning/iconSvgTemplatesStandardRtl/buildTemplates/standard/workforce_engagement.html +8 -0
  134. package/src/lightning/iconSvgTemplatesStandardRtl/buildTemplates/templates.js +15 -1
  135. package/src/lightning/iconSvgTemplatesUtility/buildTemplates/templates.js +12 -1
  136. package/src/lightning/iconSvgTemplatesUtility/buildTemplates/utility/asset_audit.html +9 -0
  137. package/src/lightning/iconSvgTemplatesUtility/buildTemplates/utility/collection_alt.html +8 -0
  138. package/src/lightning/iconSvgTemplatesUtility/buildTemplates/utility/contract_doc.html +8 -0
  139. package/src/lightning/iconSvgTemplatesUtility/buildTemplates/utility/contract_payment.html +10 -0
  140. package/src/lightning/iconSvgTemplatesUtility/buildTemplates/utility/einstein.html +2 -1
  141. package/src/lightning/iconSvgTemplatesUtility/buildTemplates/utility/entitlement.html +7 -0
  142. package/src/lightning/iconSvgTemplatesUtility/buildTemplates/utility/field_sales.html +8 -0
  143. package/src/lightning/iconSvgTemplatesUtility/buildTemplates/utility/signature.html +9 -0
  144. package/src/lightning/iconSvgTemplatesUtility/buildTemplates/utility/tour.html +9 -0
  145. package/src/lightning/iconSvgTemplatesUtility/buildTemplates/utility/tour_check.html +8 -0
  146. package/src/lightning/iconSvgTemplatesUtility/buildTemplates/utility/truck.html +10 -0
  147. package/src/lightning/iconSvgTemplatesUtility/buildTemplates/utility/workforce_engagement.html +8 -0
  148. package/src/lightning/iconSvgTemplatesUtilityRtl/buildTemplates/templates.js +12 -1
  149. package/src/lightning/iconSvgTemplatesUtilityRtl/buildTemplates/utility/asset_audit.html +9 -0
  150. package/src/lightning/iconSvgTemplatesUtilityRtl/buildTemplates/utility/collection_alt.html +8 -0
  151. package/src/lightning/iconSvgTemplatesUtilityRtl/buildTemplates/utility/contract_doc.html +8 -0
  152. package/src/lightning/iconSvgTemplatesUtilityRtl/buildTemplates/utility/contract_payment.html +10 -0
  153. package/src/lightning/iconSvgTemplatesUtilityRtl/buildTemplates/utility/einstein.html +2 -1
  154. package/src/lightning/iconSvgTemplatesUtilityRtl/buildTemplates/utility/entitlement.html +7 -0
  155. package/src/lightning/iconSvgTemplatesUtilityRtl/buildTemplates/utility/field_sales.html +8 -0
  156. package/src/lightning/iconSvgTemplatesUtilityRtl/buildTemplates/utility/signature.html +9 -0
  157. package/src/lightning/iconSvgTemplatesUtilityRtl/buildTemplates/utility/tour.html +9 -0
  158. package/src/lightning/iconSvgTemplatesUtilityRtl/buildTemplates/utility/tour_check.html +8 -0
  159. package/src/lightning/iconSvgTemplatesUtilityRtl/buildTemplates/utility/truck.html +10 -0
  160. package/src/lightning/iconSvgTemplatesUtilityRtl/buildTemplates/utility/workforce_engagement.html +8 -0
  161. package/src/lightning/input/__docs__/input.md +4 -0
  162. package/src/lightning/input/input.html +0 -1
  163. package/src/lightning/input/input.js +31 -30
  164. package/src/lightning/pill/link.html +1 -1
  165. package/src/lightning/pill/pill.js +18 -0
  166. package/src/lightning/pill/plainLink.html +2 -0
  167. package/src/lightning/pillContainer/barePillContainer.html +5 -5
  168. package/src/lightning/pillContainer/pillContainer.js +5 -4
  169. package/src/lightning/pillContainer/standardPillContainer.html +5 -5
  170. package/src/lightning/positionLibrary/__component__/positionLibraryBounding.spec.js +8 -6
  171. package/src/lightning/positionLibrary/__component__/x/bounding/bounding.html +1 -1
  172. package/src/lightning/positionLibrary/__component__/x/bounding/bounding.js +6 -9
  173. package/src/lightning/positionLibrary/direction.js +17 -5
  174. package/src/lightning/primitiveDatatableIeditPanel/primitiveDatatableIeditPanel.js +20 -0
  175. package/src/lightning/primitiveDatatableIeditTypeFactory/primitiveDatatableIeditTypeFactory.js +10 -0
  176. package/src/lightning/primitiveDatatableStatusBar/primitiveDatatableStatusBar.js +17 -3
  177. package/src/lightning/primitiveDatatableTooltip/primitiveDatatableTooltip.js +1 -0
  178. package/src/lightning/primitiveHeaderFactory/nonsortableHeader.html +5 -4
  179. package/src/lightning/primitiveHeaderFactory/primitiveHeaderFactory.js +255 -94
  180. package/src/lightning/primitiveHeaderFactory/selectableHeader.html +25 -23
  181. package/src/lightning/primitiveHeaderFactory/sortableHeader.html +13 -9
  182. package/src/lightning/progressIndicator/progressIndicator.js +30 -9
  183. package/src/lightning/progressRing/progressRing.html +6 -0
  184. package/src/lightning/progressRing/progressRing.js +98 -3
  185. package/src/lightning/progressStep/progressStep.js +6 -3
  186. package/src/lightning/timepicker/timepicker.html +1 -0
  187. package/src/lightning/utilsPrivate/aria.js +30 -0
  188. package/src/lightning/utilsPrivate/utilsPrivate.js +12 -2
  189. package/src/lightning/datatable/datatable.html +0 -237
  190. package/src/lightning/datatable/keys.js +0 -32
  191. package/src/lightning/utilsPrivate/contentMutation.js +0 -273
@@ -29,6 +29,7 @@ import { default as utility_arrow_right } from './utility/arrow_right.html';
29
29
  import { default as utility_arrow_top } from './utility/arrow_top.html';
30
30
  import { default as utility_arrowdown } from './utility/arrowdown.html';
31
31
  import { default as utility_arrowup } from './utility/arrowup.html';
32
+ import { default as utility_asset_audit } from './utility/asset_audit.html';
32
33
  import { default as utility_asset_warranty } from './utility/asset_warranty.html';
33
34
  import { default as utility_assignment } from './utility/assignment.html';
34
35
  import { default as utility_attach } from './utility/attach.html';
@@ -81,6 +82,7 @@ import { default as utility_clock } from './utility/clock.html';
81
82
  import { default as utility_close } from './utility/close.html';
82
83
  import { default as utility_collapse_all } from './utility/collapse_all.html';
83
84
  import { default as utility_collection } from './utility/collection.html';
85
+ import { default as utility_collection_alt } from './utility/collection_alt.html';
84
86
  import { default as utility_collection_variable } from './utility/collection_variable.html';
85
87
  import { default as utility_color_swatch } from './utility/color_swatch.html';
86
88
  import { default as utility_comments } from './utility/comments.html';
@@ -91,6 +93,8 @@ import { default as utility_constant } from './utility/constant.html';
91
93
  import { default as utility_contact_request } from './utility/contact_request.html';
92
94
  import { default as utility_contract } from './utility/contract.html';
93
95
  import { default as utility_contract_alt } from './utility/contract_alt.html';
96
+ import { default as utility_contract_doc } from './utility/contract_doc.html';
97
+ import { default as utility_contract_payment } from './utility/contract_payment.html';
94
98
  import { default as utility_copy } from './utility/copy.html';
95
99
  import { default as utility_copy_to_clipboard } from './utility/copy_to_clipboard.html';
96
100
  import { default as utility_coupon_codes } from './utility/coupon_codes.html';
@@ -137,6 +141,7 @@ import { default as utility_end_chat } from './utility/end_chat.html';
137
141
  import { default as utility_end_messaging_session } from './utility/end_messaging_session.html';
138
142
  import { default as utility_engage } from './utility/engage.html';
139
143
  import { default as utility_enter } from './utility/enter.html';
144
+ import { default as utility_entitlement } from './utility/entitlement.html';
140
145
  import { default as utility_erect_window } from './utility/erect_window.html';
141
146
  import { default as utility_error } from './utility/error.html';
142
147
  import { default as utility_event } from './utility/event.html';
@@ -148,6 +153,7 @@ import { default as utility_expand_alt } from './utility/expand_alt.html';
148
153
  import { default as utility_fallback } from './utility/fallback.html';
149
154
  import { default as utility_favorite } from './utility/favorite.html';
150
155
  import { default as utility_feed } from './utility/feed.html';
156
+ import { default as utility_field_sales } from './utility/field_sales.html';
151
157
  import { default as utility_file } from './utility/file.html';
152
158
  import { default as utility_filter } from './utility/filter.html';
153
159
  import { default as utility_filterList } from './utility/filterList.html';
@@ -404,6 +410,7 @@ import { default as utility_shift_ui } from './utility/shift_ui.html';
404
410
  import { default as utility_shopping_bag } from './utility/shopping_bag.html';
405
411
  import { default as utility_shortcuts } from './utility/shortcuts.html';
406
412
  import { default as utility_side_list } from './utility/side_list.html';
413
+ import { default as utility_signature } from './utility/signature.html';
407
414
  import { default as utility_signpost } from './utility/signpost.html';
408
415
  import { default as utility_skip } from './utility/skip.html';
409
416
  import { default as utility_skip_back } from './utility/skip_back.html';
@@ -465,6 +472,8 @@ import { default as utility_top_align } from './utility/top_align.html';
465
472
  import { default as utility_topic } from './utility/topic.html';
466
473
  import { default as utility_topic2 } from './utility/topic2.html';
467
474
  import { default as utility_touch_action } from './utility/touch_action.html';
475
+ import { default as utility_tour } from './utility/tour.html';
476
+ import { default as utility_tour_check } from './utility/tour_check.html';
468
477
  import { default as utility_tracker } from './utility/tracker.html';
469
478
  import { default as utility_trail } from './utility/trail.html';
470
479
  import { default as utility_trailblazer_ext } from './utility/trailblazer_ext.html';
@@ -474,6 +483,7 @@ import { default as utility_trailhead_ext } from './utility/trailhead_ext.html';
474
483
  import { default as utility_transparent } from './utility/transparent.html';
475
484
  import { default as utility_travel_and_places } from './utility/travel_and_places.html';
476
485
  import { default as utility_trending } from './utility/trending.html';
486
+ import { default as utility_truck } from './utility/truck.html';
477
487
  import { default as utility_turn_off_notifications } from './utility/turn_off_notifications.html';
478
488
  import { default as utility_type } from './utility/type.html';
479
489
  import { default as utility_type_tool } from './utility/type_tool.html';
@@ -505,11 +515,12 @@ import { default as utility_wellness } from './utility/wellness.html';
505
515
  import { default as utility_wifi } from './utility/wifi.html';
506
516
  import { default as utility_work_forecast } from './utility/work_forecast.html';
507
517
  import { default as utility_work_order_type } from './utility/work_order_type.html';
518
+ import { default as utility_workforce_engagement } from './utility/workforce_engagement.html';
508
519
  import { default as utility_world } from './utility/world.html';
509
520
  import { default as utility_yubi_key } from './utility/yubi_key.html';
510
521
  import { default as utility_zoomin } from './utility/zoomin.html';
511
522
  import { default as utility_zoomout } from './utility/zoomout.html';
512
523
 
513
524
  export default {
514
- utility_activity,utility_ad_set,utility_add,utility_adduser,utility_adjust_value,utility_advanced_function,utility_advertising,utility_agent_home,utility_agent_session,utility_aggregation_policy,utility_alert,utility_all,utility_anchor,utility_animal_and_nature,utility_announcement,utility_answer,utility_answered_twice,utility_anywhere_alert,utility_anywhere_chat,utility_apex,utility_apex_plugin,utility_approval,utility_apps,utility_archive,utility_arrow_bottom,utility_arrow_left,utility_arrow_right,utility_arrow_top,utility_arrowdown,utility_arrowup,utility_asset_warranty,utility_assignment,utility_attach,utility_automate,utility_away,utility_back,utility_ban,utility_block_visitor,utility_bold,utility_bookmark,utility_bookmark_alt,utility_bottom_align,utility_breadcrumbs,utility_broadcast,utility_brush,utility_bucket,utility_bug,utility_builder,utility_bundle_config,utility_bundle_policy,utility_button_choice,utility_calculated_insights,utility_call,utility_campaign,utility_cancel_file_request,utility_cancel_transfer,utility_capacity_plan,utility_capslock,utility_cart,utility_case,utility_cases,utility_center_align,utility_center_align_text,utility_change_owner,utility_change_record_type,utility_change_request,utility_chart,utility_chat,utility_check,utility_checkin,utility_checkout,utility_chevrondown,utility_chevronleft,utility_chevronright,utility_chevronup,utility_choice,utility_classic_interface,utility_clear,utility_clock,utility_close,utility_collapse_all,utility_collection,utility_collection_variable,utility_color_swatch,utility_comments,utility_company,utility_component_customization,utility_connected_apps,utility_constant,utility_contact_request,utility_contract,utility_contract_alt,utility_copy,utility_copy_to_clipboard,utility_coupon_codes,utility_crossfilter,utility_currency,utility_currency_input,utility_custom_apps,utility_cut,utility_dash,utility_data_mapping,utility_database,utility_datadotcom,utility_date_input,utility_date_time,utility_dayview,utility_delete,utility_deprecate,utility_description,utility_desktop,utility_desktop_and_phone,utility_desktop_console,utility_dialing,utility_diamond,utility_discounts,utility_dislike,utility_display_rich_text,utility_display_text,utility_dock_panel,utility_down,utility_download,utility_drag,utility_drag_and_drop,utility_duration_downscale,utility_dynamic_record_choice,utility_edit,utility_edit_form,utility_education,utility_einstein,utility_email,utility_email_open,utility_emoji,utility_end_call,utility_end_chat,utility_end_messaging_session,utility_engage,utility_enter,utility_erect_window,utility_error,utility_event,utility_event_ext,utility_events,utility_expand,utility_expand_all,utility_expand_alt,utility_fallback,utility_favorite,utility_feed,utility_file,utility_filter,utility_filterList,utility_filter_criteria,utility_filter_criteria_rule,utility_flow,utility_flow_alt,utility_food_and_drink,utility_form,utility_formula,utility_forward,utility_forward_up,utility_freeze_column,utility_frozen,utility_fulfillment_order,utility_full_width_view,utility_global_constant,utility_graph,utility_groups,utility_help,utility_help_center,utility_help_doc_ext,utility_hide,utility_hide_mobile,utility_hierarchy,utility_high_velocity_sales,utility_holiday_operating_hours,utility_home,utility_identity,utility_image,utility_in_app_assistant,utility_inbox,utility_incident,utility_incoming_call,utility_info,utility_info_alt,utility_insert_tag_field,utility_insert_template,utility_inspector_panel,utility_internal_share,utility_italic,utility_jump_to_bottom,utility_jump_to_left,utility_jump_to_right,utility_jump_to_top,utility_justify_text,utility_kanban,utility_key,utility_key_dates,utility_keyboard_dismiss,utility_keypad,utility_knowledge_base,utility_layers,utility_layout,utility_layout_banner,utility_layout_card,utility_layout_overlap,utility_layout_tile,utility_leave_conference,utility_left,utility_left_align,utility_left_align_text,utility_level_down,utility_level_up,utility_light_bulb,utility_lightning_extension,utility_lightning_inspector,utility_like,utility_link,utility_linked,utility_list,utility_listen,utility_live_message,utility_location,utility_location_permit,utility_lock,utility_locker_service_api_viewer,utility_locker_service_console,utility_log_a_call,utility_logout,utility_loop,utility_lower_flag,utility_macros,utility_magicwand,utility_mark_all_as_read,utility_matrix,utility_meet_content_source,utility_meet_focus_content,utility_meet_focus_equal,utility_meet_focus_presenter,utility_meet_present_panel,utility_merge,utility_merge_field,utility_metrics,utility_middle_align,utility_minimize_window,utility_missed_call,utility_money,utility_moneybag,utility_monthlyview,utility_move,utility_multi_picklist,utility_multi_select_checkbox,utility_muted,utility_new,utility_new_direct_message,utility_new_window,utility_news,utility_note,utility_notebook,utility_notification,utility_number_input,utility_office365,utility_offline,utility_offline_briefcase,utility_offline_cached,utility_omni_channel,utility_open,utility_open_folder,utility_opened_folder,utility_orchestrator,utility_org_chart,utility_outbound_call,utility_outcome,utility_overflow,utility_package,utility_package_org,utility_package_org_beta,utility_page,utility_palette,utility_password,utility_paste,utility_pause,utility_pause_alt,utility_payment_gateway,utility_pdf_ext,utility_people,utility_percent,utility_phone_landscape,utility_phone_portrait,utility_photo,utility_picklist,utility_picklist_choice,utility_picklist_type,utility_pin,utility_pinned,utility_planning_poker,utility_play,utility_podcast_webinar,utility_pop_in,utility_power,utility_preview,utility_price_book_entries,utility_price_books,utility_pricing_workspace,utility_print,utility_priority,utility_privately_shared,utility_problem,utility_process,utility_product_consumed_state,utility_product_quantity_rules,utility_product_service_campaign,utility_product_service_campaign_item,utility_product_transfer,utility_product_transfer_state,utility_product_warranty_term,utility_product_workspace,utility_products,utility_profile,utility_promotion_segments,utility_promotions,utility_promotions_workspace,utility_prompt,utility_prompt_edit,utility_propagation_policy,utility_push,utility_puzzle,utility_qualifications,utility_question,utility_question_mark,utility_questions_and_answers,utility_quick_text,utility_quip,utility_quotation_marks,utility_quote,utility_radio_button,utility_rating,utility_reassign,utility_recipe,utility_record,utility_record_create,utility_record_delete,utility_record_lookup,utility_record_update,utility_recurring_exception,utility_recycle_bin_empty,utility_recycle_bin_full,utility_redo,utility_refresh,utility_relate,utility_reminder,utility_remove_formatting,utility_remove_link,utility_replace,utility_reply,utility_reply_all,utility_report_issue,utility_reset_password,utility_resource_absence,utility_resource_capacity,utility_resource_territory,utility_restriction_policy,utility_retail_execution,utility_retweet,utility_ribbon,utility_richtextbulletedlist,utility_richtextindent,utility_richtextnumberedlist,utility_richtextoutdent,utility_right,utility_right_align,utility_right_align_text,utility_rotate,utility_routing_offline,utility_rows,utility_rules,utility_salesforce1,utility_salesforce_page,utility_save,utility_scan,utility_screen,utility_search,utility_section,utility_send,utility_sentiment_negative,utility_sentiment_neutral,utility_serialized_product,utility_serialized_product_transaction,utility_service_territory_policy,utility_settings,utility_setup,utility_setup_assistant_guide,utility_setup_modal,utility_share,utility_share_file,utility_share_mobile,utility_share_post,utility_shield,utility_shift_pattern,utility_shift_pattern_entry,utility_shift_scheduling_operation,utility_shift_ui,utility_shopping_bag,utility_shortcuts,utility_side_list,utility_signpost,utility_skip,utility_skip_back,utility_skip_forward,utility_slider,utility_smiley_and_people,utility_sms,utility_snippet,utility_sobject,utility_sobject_collection,utility_socialshare,utility_sort,utility_sort_policy,utility_spacer,utility_spinner,utility_stage,utility_stage_collection,utility_standard_objects,utility_steps,utility_stop,utility_store,utility_strategy,utility_strikethrough,utility_success,utility_summary,utility_summarydetail,utility_survey,utility_swarm_request,utility_swarm_session,utility_switch,utility_symbols,utility_sync,utility_system_and_global_variable,utility_table,utility_table_settings,utility_tablet_landscape,utility_tablet_portrait,utility_tabset,utility_talent_development,utility_target,utility_target_mode,utility_task,utility_text,utility_text_background_color,utility_text_color,utility_text_template,utility_textarea,utility_textbox,utility_threedots,utility_threedots_vertical,utility_thunder,utility_tile_card_list,utility_toggle,utility_toggle_panel_bottom,utility_toggle_panel_left,utility_toggle_panel_right,utility_toggle_panel_top,utility_top_align,utility_topic,utility_topic2,utility_touch_action,utility_tracker,utility_trail,utility_trailblazer_ext,utility_trailhead,utility_trailhead_alt,utility_trailhead_ext,utility_transparent,utility_travel_and_places,utility_trending,utility_turn_off_notifications,utility_type,utility_type_tool,utility_undelete,utility_undeprecate,utility_underline,utility_undo,utility_unlinked,utility_unlock,utility_unmuted,utility_up,utility_upload,utility_user,utility_user_role,utility_variable,utility_variation_attribute_setup,utility_variation_products,utility_video,utility_voicemail_drop,utility_volume_high,utility_volume_low,utility_volume_off,utility_waits,utility_warning,utility_warranty_term,utility_watchlist,utility_weeklyview,utility_wellness,utility_wifi,utility_work_forecast,utility_work_order_type,utility_world,utility_yubi_key,utility_zoomin,utility_zoomout
525
+ utility_activity,utility_ad_set,utility_add,utility_adduser,utility_adjust_value,utility_advanced_function,utility_advertising,utility_agent_home,utility_agent_session,utility_aggregation_policy,utility_alert,utility_all,utility_anchor,utility_animal_and_nature,utility_announcement,utility_answer,utility_answered_twice,utility_anywhere_alert,utility_anywhere_chat,utility_apex,utility_apex_plugin,utility_approval,utility_apps,utility_archive,utility_arrow_bottom,utility_arrow_left,utility_arrow_right,utility_arrow_top,utility_arrowdown,utility_arrowup,utility_asset_audit,utility_asset_warranty,utility_assignment,utility_attach,utility_automate,utility_away,utility_back,utility_ban,utility_block_visitor,utility_bold,utility_bookmark,utility_bookmark_alt,utility_bottom_align,utility_breadcrumbs,utility_broadcast,utility_brush,utility_bucket,utility_bug,utility_builder,utility_bundle_config,utility_bundle_policy,utility_button_choice,utility_calculated_insights,utility_call,utility_campaign,utility_cancel_file_request,utility_cancel_transfer,utility_capacity_plan,utility_capslock,utility_cart,utility_case,utility_cases,utility_center_align,utility_center_align_text,utility_change_owner,utility_change_record_type,utility_change_request,utility_chart,utility_chat,utility_check,utility_checkin,utility_checkout,utility_chevrondown,utility_chevronleft,utility_chevronright,utility_chevronup,utility_choice,utility_classic_interface,utility_clear,utility_clock,utility_close,utility_collapse_all,utility_collection,utility_collection_alt,utility_collection_variable,utility_color_swatch,utility_comments,utility_company,utility_component_customization,utility_connected_apps,utility_constant,utility_contact_request,utility_contract,utility_contract_alt,utility_contract_doc,utility_contract_payment,utility_copy,utility_copy_to_clipboard,utility_coupon_codes,utility_crossfilter,utility_currency,utility_currency_input,utility_custom_apps,utility_cut,utility_dash,utility_data_mapping,utility_database,utility_datadotcom,utility_date_input,utility_date_time,utility_dayview,utility_delete,utility_deprecate,utility_description,utility_desktop,utility_desktop_and_phone,utility_desktop_console,utility_dialing,utility_diamond,utility_discounts,utility_dislike,utility_display_rich_text,utility_display_text,utility_dock_panel,utility_down,utility_download,utility_drag,utility_drag_and_drop,utility_duration_downscale,utility_dynamic_record_choice,utility_edit,utility_edit_form,utility_education,utility_einstein,utility_email,utility_email_open,utility_emoji,utility_end_call,utility_end_chat,utility_end_messaging_session,utility_engage,utility_enter,utility_entitlement,utility_erect_window,utility_error,utility_event,utility_event_ext,utility_events,utility_expand,utility_expand_all,utility_expand_alt,utility_fallback,utility_favorite,utility_feed,utility_field_sales,utility_file,utility_filter,utility_filterList,utility_filter_criteria,utility_filter_criteria_rule,utility_flow,utility_flow_alt,utility_food_and_drink,utility_form,utility_formula,utility_forward,utility_forward_up,utility_freeze_column,utility_frozen,utility_fulfillment_order,utility_full_width_view,utility_global_constant,utility_graph,utility_groups,utility_help,utility_help_center,utility_help_doc_ext,utility_hide,utility_hide_mobile,utility_hierarchy,utility_high_velocity_sales,utility_holiday_operating_hours,utility_home,utility_identity,utility_image,utility_in_app_assistant,utility_inbox,utility_incident,utility_incoming_call,utility_info,utility_info_alt,utility_insert_tag_field,utility_insert_template,utility_inspector_panel,utility_internal_share,utility_italic,utility_jump_to_bottom,utility_jump_to_left,utility_jump_to_right,utility_jump_to_top,utility_justify_text,utility_kanban,utility_key,utility_key_dates,utility_keyboard_dismiss,utility_keypad,utility_knowledge_base,utility_layers,utility_layout,utility_layout_banner,utility_layout_card,utility_layout_overlap,utility_layout_tile,utility_leave_conference,utility_left,utility_left_align,utility_left_align_text,utility_level_down,utility_level_up,utility_light_bulb,utility_lightning_extension,utility_lightning_inspector,utility_like,utility_link,utility_linked,utility_list,utility_listen,utility_live_message,utility_location,utility_location_permit,utility_lock,utility_locker_service_api_viewer,utility_locker_service_console,utility_log_a_call,utility_logout,utility_loop,utility_lower_flag,utility_macros,utility_magicwand,utility_mark_all_as_read,utility_matrix,utility_meet_content_source,utility_meet_focus_content,utility_meet_focus_equal,utility_meet_focus_presenter,utility_meet_present_panel,utility_merge,utility_merge_field,utility_metrics,utility_middle_align,utility_minimize_window,utility_missed_call,utility_money,utility_moneybag,utility_monthlyview,utility_move,utility_multi_picklist,utility_multi_select_checkbox,utility_muted,utility_new,utility_new_direct_message,utility_new_window,utility_news,utility_note,utility_notebook,utility_notification,utility_number_input,utility_office365,utility_offline,utility_offline_briefcase,utility_offline_cached,utility_omni_channel,utility_open,utility_open_folder,utility_opened_folder,utility_orchestrator,utility_org_chart,utility_outbound_call,utility_outcome,utility_overflow,utility_package,utility_package_org,utility_package_org_beta,utility_page,utility_palette,utility_password,utility_paste,utility_pause,utility_pause_alt,utility_payment_gateway,utility_pdf_ext,utility_people,utility_percent,utility_phone_landscape,utility_phone_portrait,utility_photo,utility_picklist,utility_picklist_choice,utility_picklist_type,utility_pin,utility_pinned,utility_planning_poker,utility_play,utility_podcast_webinar,utility_pop_in,utility_power,utility_preview,utility_price_book_entries,utility_price_books,utility_pricing_workspace,utility_print,utility_priority,utility_privately_shared,utility_problem,utility_process,utility_product_consumed_state,utility_product_quantity_rules,utility_product_service_campaign,utility_product_service_campaign_item,utility_product_transfer,utility_product_transfer_state,utility_product_warranty_term,utility_product_workspace,utility_products,utility_profile,utility_promotion_segments,utility_promotions,utility_promotions_workspace,utility_prompt,utility_prompt_edit,utility_propagation_policy,utility_push,utility_puzzle,utility_qualifications,utility_question,utility_question_mark,utility_questions_and_answers,utility_quick_text,utility_quip,utility_quotation_marks,utility_quote,utility_radio_button,utility_rating,utility_reassign,utility_recipe,utility_record,utility_record_create,utility_record_delete,utility_record_lookup,utility_record_update,utility_recurring_exception,utility_recycle_bin_empty,utility_recycle_bin_full,utility_redo,utility_refresh,utility_relate,utility_reminder,utility_remove_formatting,utility_remove_link,utility_replace,utility_reply,utility_reply_all,utility_report_issue,utility_reset_password,utility_resource_absence,utility_resource_capacity,utility_resource_territory,utility_restriction_policy,utility_retail_execution,utility_retweet,utility_ribbon,utility_richtextbulletedlist,utility_richtextindent,utility_richtextnumberedlist,utility_richtextoutdent,utility_right,utility_right_align,utility_right_align_text,utility_rotate,utility_routing_offline,utility_rows,utility_rules,utility_salesforce1,utility_salesforce_page,utility_save,utility_scan,utility_screen,utility_search,utility_section,utility_send,utility_sentiment_negative,utility_sentiment_neutral,utility_serialized_product,utility_serialized_product_transaction,utility_service_territory_policy,utility_settings,utility_setup,utility_setup_assistant_guide,utility_setup_modal,utility_share,utility_share_file,utility_share_mobile,utility_share_post,utility_shield,utility_shift_pattern,utility_shift_pattern_entry,utility_shift_scheduling_operation,utility_shift_ui,utility_shopping_bag,utility_shortcuts,utility_side_list,utility_signature,utility_signpost,utility_skip,utility_skip_back,utility_skip_forward,utility_slider,utility_smiley_and_people,utility_sms,utility_snippet,utility_sobject,utility_sobject_collection,utility_socialshare,utility_sort,utility_sort_policy,utility_spacer,utility_spinner,utility_stage,utility_stage_collection,utility_standard_objects,utility_steps,utility_stop,utility_store,utility_strategy,utility_strikethrough,utility_success,utility_summary,utility_summarydetail,utility_survey,utility_swarm_request,utility_swarm_session,utility_switch,utility_symbols,utility_sync,utility_system_and_global_variable,utility_table,utility_table_settings,utility_tablet_landscape,utility_tablet_portrait,utility_tabset,utility_talent_development,utility_target,utility_target_mode,utility_task,utility_text,utility_text_background_color,utility_text_color,utility_text_template,utility_textarea,utility_textbox,utility_threedots,utility_threedots_vertical,utility_thunder,utility_tile_card_list,utility_toggle,utility_toggle_panel_bottom,utility_toggle_panel_left,utility_toggle_panel_right,utility_toggle_panel_top,utility_top_align,utility_topic,utility_topic2,utility_touch_action,utility_tour,utility_tour_check,utility_tracker,utility_trail,utility_trailblazer_ext,utility_trailhead,utility_trailhead_alt,utility_trailhead_ext,utility_transparent,utility_travel_and_places,utility_trending,utility_truck,utility_turn_off_notifications,utility_type,utility_type_tool,utility_undelete,utility_undeprecate,utility_underline,utility_undo,utility_unlinked,utility_unlock,utility_unmuted,utility_up,utility_upload,utility_user,utility_user_role,utility_variable,utility_variation_attribute_setup,utility_variation_products,utility_video,utility_voicemail_drop,utility_volume_high,utility_volume_low,utility_volume_off,utility_waits,utility_warning,utility_warranty_term,utility_watchlist,utility_weeklyview,utility_wellness,utility_wifi,utility_work_forecast,utility_work_order_type,utility_workforce_engagement,utility_world,utility_yubi_key,utility_zoomin,utility_zoomout
515
526
  };
@@ -0,0 +1,9 @@
1
+ <template>
2
+ <svg class={computedClass} focusable="false" data-key={name} aria-hidden="true" viewBox="0 0 52 52">
3
+ <g>
4
+ <rect x="2" y="2" width="7" height="34" rx="1.5"></rect>
5
+ <rect x="43" y="2" width="7" height="34" rx="1.5"></rect>
6
+ <path d="M37.5 2h-3A1.63 1.63 0 0033 3.6V16a1 1 0 00.6.9 18.67 18.67 0 014.5 3.3.54.54 0 00.9-.3V3.6A1.63 1.63 0 0037.5 2zM24.1 15.2a12.1 12.1 0 011.9-.1 12.1 12.1 0 011.9.1 1 1 0 001.1-1V3.6A1.63 1.63 0 0027.5 2h-3A1.63 1.63 0 0023 3.6v10.6a1 1 0 001.1 1zM13.9 20.2a15 15 0 014.6-3.3 1.05 1.05 0 00.5-.9V3.6A1.63 1.63 0 0017.5 2h-3A1.63 1.63 0 0013 3.6v16.3c0 .4.5.6.9.3zM26 19.9a12.68 12.68 0 00-12.67 12.66A12.67 12.67 0 1026 19.9zm7.14 9.82l-8 8.8a1.62 1.62 0 01-1.26.53 1.77 1.77 0 01-1.27-.53l-4.28-4.21-.07-.09a.79.79 0 01.09-1.1l1.25-1.2a.88.88 0 011.24 0L23.83 35l6.78-7.6a.9.9 0 011.24 0l1.25 1.18a.93.93 0 01.03 1.14z"></path>
7
+ </g>
8
+ </svg>
9
+ </template>
@@ -0,0 +1,8 @@
1
+ <template>
2
+ <svg class={computedClass} focusable="false" data-key={name} aria-hidden="true" viewBox="0 0 52 52">
3
+ <g>
4
+ <path d="M13.75 2A2.87 2.87 0 0011 5a2.87 2.87 0 002.75 3h24.5A2.87 2.87 0 0041 5a2.87 2.87 0 00-2.75-3zM7 15a2.87 2.87 0 012.75-3h32.5A2.87 2.87 0 0145 15a2.87 2.87 0 01-2.75 3H9.75A2.87 2.87 0 017 15z" fill-rule="evenodd"></path>
5
+ <rect x="2" y="22" width="48" height="28" rx="4"></rect>
6
+ </g>
7
+ </svg>
8
+ </template>
@@ -0,0 +1,8 @@
1
+ <template>
2
+ <svg class={computedClass} focusable="false" data-key={name} aria-hidden="true" viewBox="0 0 52 52">
3
+ <g>
4
+ <path d="M45.68 12.88L35.12 2.32a1 1 0 00-.8-.32 1.09 1.09 0 00-1.12 1.12v8.48a3.21 3.21 0 003.2 3.2h8.48A1.09 1.09 0 0046 13.68a1 1 0 00-.32-.8z"></path>
5
+ <path d="M44.4 19.6H33.2a4.81 4.81 0 01-4.8-4.8V3.6A1.6 1.6 0 0026.8 2h-16A4.81 4.81 0 006 6.8v38.4a4.81 4.81 0 004.8 4.8h30.4a4.81 4.81 0 004.8-4.8v-24a1.6 1.6 0 00-1.6-1.6zm-32.8-7.52l3.92-.56c.08 0 .24-.08.24-.16l1.76-3.6a.37.37 0 01.64 0l1.76 3.6c.08.08.16.16.24.16l3.92.56c.24.08.4.4.16.56l-2.88 2.8c-.08.08-.08.16-.08.32l.64 3.92a.31.31 0 01-.48.32l-3.52-1.84a.24.24 0 00-.32 0L14.08 20a.31.31 0 01-.48-.32l.64-3.92a.48.48 0 00-.08-.32l-2.88-2.8c-.08-.16.08-.48.32-.56zM36.4 38.8a1.6 1.6 0 01-1.6 1.6H14a1.6 1.6 0 01-1.6-1.6v-1.6a1.6 1.6 0 011.6-1.6h20.8a1.6 1.6 0 011.6 1.6zm3.2-9.6a1.6 1.6 0 01-1.6 1.6H14a1.6 1.6 0 01-1.6-1.6v-1.6A1.6 1.6 0 0114 26h24a1.6 1.6 0 011.6 1.6z"></path>
6
+ </g>
7
+ </svg>
8
+ </template>
@@ -0,0 +1,10 @@
1
+ <template>
2
+ <svg class={computedClass} focusable="false" data-key={name} aria-hidden="true" viewBox="0 0 52 52">
3
+ <g>
4
+ <path d="M37.48 11.7l-9.41-9.41a.92.92 0 00-.72-.29 1 1 0 00-1 1v7.56a2.86 2.86 0 002.86 2.85h7.56a1 1 0 001-1 .92.92 0 00-.29-.71z"></path>
5
+ <path d="M36.34 17.7h-10a4.29 4.29 0 01-4.28-4.28v-10A1.43 1.43 0 0020.65 2H6.38A4.29 4.29 0 002.1 6.28v34.25a4.29 4.29 0 004.28 4.28h11V33.75A5.64 5.64 0 0123 28.12h14.77v-9a1.43 1.43 0 00-1.43-1.42zm-17.88-6.16l-2.58 2.52c-.07.07-.07.14-.07.28l.57 3.52a.28.28 0 01-.43.29l-3.16-1.65a.19.19 0 00-.28 0l-3.16 1.65a.28.28 0 01-.43-.29l.57-3.52a.42.42 0 00-.07-.28l-2.58-2.52c-.07-.14.07-.43.29-.5l3.51-.5c.07 0 .21-.07.21-.14l1.59-3.23a.33.33 0 01.57 0l1.58 3.23c.07.07.14.14.22.14l3.51.5c.21.07.36.36.14.5z"></path>
6
+ <path d="M47.14 31H23a2.77 2.77 0 00-2.77 2.77v13.46A2.77 2.77 0 0023 50h24.14a2.77 2.77 0 002.76-2.77V33.75A2.77 2.77 0 0047.14 31zM26.25 47.23a3.24 3.24 0 00-3.15-3.33H23V37a3.23 3.23 0 003.33-3.14v-.13h17.54A3.23 3.23 0 0047.05 37h.09v6.94a3.23 3.23 0 00-3.32 3.16v.1z" fill-rule="evenodd"></path>
7
+ <circle cx="35.07" cy="40.25" r="4.65"></circle>
8
+ </g>
9
+ </svg>
10
+ </template>
@@ -1,7 +1,8 @@
1
1
  <template>
2
2
  <svg class={computedClass} focusable="false" data-key={name} aria-hidden="true" viewBox="0 0 52 52">
3
3
  <g>
4
- <path d="M28.7 42.1c7.2.2 7.4 1.6 7.4 7.2v.7c-2.8 0-2.8-2.3-4-2.3 0 .8-.7 1.5-2 2.3-.8-1.5-1.4-2.3-2-2.3 0 .7-.6 1.4-1.8 2.2l-.3.1c-1.3-.8-2-1.5-2-2.3-.6 0-1.3.8-2 2.3-1.3-.8-2-1.5-2-2.3-1.3 0-1.3 2.3-4 2.3v-.9c0-5.3.4-6.7 6.9-7v.4a3 3 0 006 0 .41.41 0 01-.2-.4zm1.5-35.3c3 3.6 2.4 5.3 2.5 6.4a11.91 11.91 0 017.8.8c1.8.9 2.9 2.3 3 3.3a4.69 4.69 0 00-3 1.5 14.94 14.94 0 016.1 3.9 17.05 17.05 0 013.3 5.6.77.77 0 010 .8 22.86 22.86 0 01-3.1 2.8 41.42 41.42 0 01-4.1 2.7c1.6 1 2.4 1.9 2.5 2.9-1.7.5-2.7.9-3.8 1.3-.5.2-1.5.5-2.6.9 1.6-10.5-5-11.5-8-11.5-2.1 0-3.3 1.7-5.1 1.7s-2.9-1.7-5.1-1.7S12.2 30 13.3 39a12.66 12.66 0 01-1.8-.7 21.17 21.17 0 00-5-.9.53.53 0 01-.6-.4.38.38 0 010-.15v-.3a10 10 0 012.4-4.3c.7-.7 2-1.6 2.5-1.5a8.68 8.68 0 00-3.4-3.1 19.5 19.5 0 00-4.8-1.3c-.5-.1-.8-.1-.5-1 1.7-4.3 3.7-7 6.1-8.2a11.26 11.26 0 016-1.5 9 9 0 00-1-2.5A12.94 12.94 0 0012 11.2a.76.76 0 01.1-1c.1 0 .2-.1.3-.1a6.64 6.64 0 013.1.2 8.08 8.08 0 013.9 2.7A36.29 36.29 0 0018 2.8c-.1-2.2 9.2.4 12.2 4zm-7.5 27.3c.8 0 1.5 1.1 1.5 2.5s-.7 2.5-1.5 2.5-1.5-1.1-1.5-2.5.7-2.5 1.5-2.5zm6.6 0c.8 0 1.5 1.1 1.5 2.5s-.7 2.5-1.5 2.5-1.5-1.1-1.5-2.5.6-2.5 1.5-2.5z"></path>
4
+ <path d="M50 11.06a9 9 0 00-2.4-6.59 9.31 9.31 0 00-7.47-2.4 24.9 24.9 0 00-8.9 2.73 44.71 44.71 0 00-5.23 3 43.73 43.73 0 00-7.2-3.9A21.65 21.65 0 0011 2.07a9 9 0 00-6.62 2.4A9 9 0 002 11.06a21.38 21.38 0 001.78 7.8 43.31 43.31 0 003.93 7.24 41.58 41.58 0 00-3.82 7.11A21.38 21.38 0 002.07 41a8.87 8.87 0 002.4 6.59A9 9 0 0011.05 50a21.69 21.69 0 007.81-1.86A44.28 44.28 0 0026 44.29 55.56 55.56 0 0030.49 41a67.46 67.46 0 005.56-5 66.53 66.53 0 005-5.4 37.18 37.18 0 012.35 4.57A16.49 16.49 0 0144.7 41a3.79 3.79 0 01-.87 2.93 3.86 3.86 0 01-2.88.88 16.27 16.27 0 01-5.82-1.43c-.39-.16-.78-.33-1.18-.52a2.69 2.69 0 00-1.35-.37 2.58 2.58 0 00-2.6 2.58 2.54 2.54 0 001.35 2.27 15.87 15.87 0 001.77.83A21.55 21.55 0 0041 50a9 9 0 006.59-2.39A8.9 8.9 0 0049.93 41a21.28 21.28 0 00-1.86-7.81 42.63 42.63 0 00-3.83-7.1 44.4 44.4 0 003.92-7.24A21.4 21.4 0 0050 11.06zM16.87 43.34A16.38 16.38 0 0111 44.81a3.86 3.86 0 01-2.88-.88A3.83 3.83 0 017.25 41a16.32 16.32 0 011.43-5.87A35.15 35.15 0 0111 30.6a69.57 69.57 0 004.9 5.4 67.46 67.46 0 005.56 5 33 33 0 01-4.59 2.34zm15.56-11A60.55 60.55 0 0126 38a62.08 62.08 0 01-6.41-5.6 62.38 62.38 0 01-5.52-6.3 62.29 62.29 0 015.61-6.42l.91-.9c.32-.3.52-.5.67-.67a2.48 2.48 0 00.7-1.77 2.55 2.55 0 00-2.54-2.56 2.59 2.59 0 00-1.87.8l-.08.08c-.53.48-.75.67-1.44 1.36a69.73 69.73 0 00-5 5.59 37.92 37.92 0 01-2.4-4.71 16.45 16.45 0 01-1.45-5.85A3.89 3.89 0 018 8.13a4 4 0 012.88-.88 16.32 16.32 0 015.87 1.43c4.69 1.93 10.26 5.72 15.53 11A61 61 0 0138 26.09a60.59 60.59 0 01-5.57 6.3zM44.8 11.06a16.32 16.32 0 01-1.43 5.87A37.21 37.21 0 0141 21.6a69.18 69.18 0 00-5-5.55 68.36 68.36 0 00-5.49-5 31.87 31.87 0 013-1.65 20.23 20.23 0 017-2.16c1.9-.11 2.92.33 3.49.88a3.84 3.84 0 01.8 2.94z" fill-rule="evenodd"></path>
5
+ <circle cx="26" cy="26" r="5"></circle>
5
6
  </g>
6
7
  </svg>
7
8
  </template>
@@ -0,0 +1,7 @@
1
+ <template>
2
+ <svg class={computedClass} focusable="false" data-key={name} aria-hidden="true" viewBox="0 0 52 52">
3
+ <g>
4
+ <path d="M43.51 2H14.2a5.74 5.74 0 00-5.51 5.46H6.85a3.68 3.68 0 00-3.67 3.75 3.62 3.62 0 003.67 3.68h1.84v7.43H6.85a3.67 3.67 0 100 7.34h1.84v7.43H6.85a3.67 3.67 0 00-3.67 3.68 3.62 3.62 0 003.67 3.67h1.84A5.19 5.19 0 0014.2 50h29.31A5.63 5.63 0 0049 44.44v-37A5.68 5.68 0 0043.51 2zm-3 40a1.6 1.6 0 01-1.6 1.6H18a1.6 1.6 0 01-1.56-1.6v-1.63a1.6 1.6 0 011.56-1.6h20.88a1.6 1.6 0 011.6 1.6zM18 26.23l1.68-1.68a1.16 1.16 0 011.68 0l4.15 4.08 10.25-10.15a1.16 1.16 0 011.68 0l1.68 1.68a1.32 1.32 0 010 1.68l-12 11.82a2.53 2.53 0 01-3.36 0L18 27.91a1.05 1.05 0 010-1.68zm22.45-14.3a1.6 1.6 0 01-1.6 1.6H18a1.6 1.6 0 01-1.59-1.6v-1.59A1.6 1.6 0 0118 8.74h20.88a1.6 1.6 0 011.6 1.6z"></path>
5
+ </g>
6
+ </svg>
7
+ </template>
@@ -0,0 +1,8 @@
1
+ <template>
2
+ <svg class={computedClass} focusable="false" data-key={name} aria-hidden="true" viewBox="0 0 52 52">
3
+ <g>
4
+ <path d="M26 2A19 19 0 007 21.08c0 13.19 13.61 25.27 17.8 28.47a2 2 0 002.5 0C31.49 46.25 45 34.27 45 21.08A19 19 0 0026 2zm0 33.57A14.59 14.59 0 1140.59 21 14.63 14.63 0 0126 35.57z"></path>
5
+ <path d="M20.38 12.59a4.05 4.05 0 104.07 4.05 4.05 4.05 0 00-4.07-4.05zm0 6.18a2.13 2.13 0 112.13-2.13 2.13 2.13 0 01-2.13 2.13zM22.22 29.71a.39.39 0 01-.27.17h-1.29a.35.35 0 01-.3-.17.3.3 0 010-.34l9.35-17.12a.34.34 0 01.27-.17h1.39a.34.34 0 01.16.46zM31.6 21.3a4.06 4.06 0 104.07 4.05 4.06 4.06 0 00-4.07-4.05zm0 6.18a2.12 2.12 0 112.13-2.11 2.12 2.12 0 01-2.13 2.11z"></path>
6
+ </g>
7
+ </svg>
8
+ </template>
@@ -0,0 +1,9 @@
1
+ <template>
2
+ <svg class={computedClass} focusable="false" data-key={name} aria-hidden="true" viewBox="0 0 52 52">
3
+ <g>
4
+ <path d="M48.31 9.28a1.25 1.25 0 00-.82-.37 1.08 1.08 0 00-.81.37l-1 1a.35.35 0 000 .45l2.56 2.57a.48.48 0 00.24.07.31.31 0 00.2-.07l1-1a1.18 1.18 0 000-1.65l-.09-.08zM44.86 11.55a.4.4 0 00-.24-.07.25.25 0 00-.2.07L34.18 21.73l-1 3.39a.47.47 0 00.29.59h.25l3.4-1 10.25-10.17a.3.3 0 000-.4z"></path>
5
+ <path d="M49.11 16.3l-4.57 4.54v15.7a1.64 1.64 0 01-1.64 1.64H8.54a1.64 1.64 0 01-1.64-1.64V17.72a1.64 1.64 0 011.64-1.64h27.82l4.91-4.91H6.9A4.91 4.91 0 002 16.08v22.1a4.91 4.91 0 004.9 4.91h37.64a4.91 4.91 0 004.91-4.91V15.89a2.64 2.64 0 01-.34.41z"></path>
6
+ <path d="M29.94 26.37c-.77.45-1.49.94-2.26 1.35A3.13 3.13 0 0127 28a.17.17 0 000-.1 3.32 3.32 0 00-3.83-2.73h-.13a47.41 47.41 0 00-5.46 1.73 46.8 46.8 0 01-5.69 1.41 1.55 1.55 0 00-1.07 1.89 1.57 1.57 0 001.88 1.08 48.77 48.77 0 005.69-1.42c.93-.29 1.86-.61 2.79-.91l1.63-.53a4.59 4.59 0 011-.28c.09 0 .11.18.17.3.16.38.27.77.47 1.14a2.68 2.68 0 002.24 1.51c1.83.1 3.37-1.23 4.91-2.06 1.62-.97.07-3.62-1.66-2.66z"></path>
7
+ </g>
8
+ </svg>
9
+ </template>
@@ -0,0 +1,9 @@
1
+ <template>
2
+ <svg class={computedClass} focusable="false" data-key={name} aria-hidden="true" viewBox="0 0 52 52">
3
+ <g>
4
+ <path d="M49.9 37.1a9 9 0 01-9 9H14.3a7.51 7.51 0 00.15-1.51 7.38 7.38 0 00-.15-1.49h26.62a6 6 0 000-12H11a9 9 0 010-18h20.27a14.84 14.84 0 001 3H11a6 6 0 000 12h29.92a8.85 8.85 0 013.53.73 8.7 8.7 0 013.24 2.37 9 9 0 012.21 5.9z"></path>
5
+ <path d="M42.47 2.93a7.54 7.54 0 00-7.53 7.57c0 5.23 5.39 10 7.05 11.3a.81.81 0 001 0c1.66-1.31 7-6.07 7-11.3a7.54 7.54 0 00-7.52-7.57zm0 10.7a3.17 3.17 0 113.17-3.17 3.18 3.18 0 01-3.17 3.17z"></path>
6
+ <circle cx="6.49" cy="44.58" r="4.49"></circle>
7
+ </g>
8
+ </svg>
9
+ </template>
@@ -0,0 +1,8 @@
1
+ <template>
2
+ <svg class={computedClass} focusable="false" data-key={name} aria-hidden="true" viewBox="0 0 52 52">
3
+ <g>
4
+ <path d="M49.91 32.66a8.44 8.44 0 01-8.42 8.41H17.13a13.24 13.24 0 001-2.81h23.36a5.61 5.61 0 000-11.21H13.43a8.42 8.42 0 010-16.8h17.11a4.55 4.55 0 00-.54 2.1 3.56 3.56 0 00.05.65H13.43a5.6 5.6 0 000 11.2h28.06a8.34 8.34 0 013.31.68 8.05 8.05 0 013 2.23 8.4 8.4 0 012.11 5.55zM47.84 5.14a.87.87 0 00-.65.29L40 13.52a.27.27 0 01-.22.1.28.28 0 01-.2-.08l-3.13-3.07a.87.87 0 00-1.23 0L34 11.73A.88.88 0 0034 13l4.87 4.8a1.44 1.44 0 002.13-.09l8.8-9.87a.88.88 0 000-1.24l-1.4-1.21a.85.85 0 00-.56-.25z"></path>
5
+ <path d="M9.05 29A7.07 7.07 0 002 36.1c0 4.9 5 9.4 6.6 10.58a.74.74 0 00.93 0c1.56-1.22 6.58-5.68 6.58-10.58a7.08 7.08 0 00-7-7.11zm0 10a3 3 0 113-3 3 3 0 01-3 3z"></path>
6
+ </g>
7
+ </svg>
8
+ </template>
@@ -0,0 +1,10 @@
1
+ <template>
2
+ <svg class={computedClass} focusable="false" data-key={name} aria-hidden="true" viewBox="0 0 52 52">
3
+ <g>
4
+ <path d="M49.55 23.68l-5.85-5.86a1.52 1.52 0 00-1.05-.44H36.5a1.5 1.5 0 00-1.5 1.5v12a.74.74 0 001 .67 8.84 8.84 0 013.45-.67 9.05 9.05 0 017.88 4.65.76.76 0 001.12.22A4.58 4.58 0 0050 32.38v-7.66a1.45 1.45 0 00-.45-1.04z"></path>
5
+ <path d="M29 10.62H3.5a1.5 1.5 0 00-1.5 1.5v20.26a4.58 4.58 0 001.5 3.37.72.72 0 001.12-.22 9 9 0 0116.2.9.74.74 0 00.68.45H26a4.52 4.52 0 004.5-4.5V12.12a1.51 1.51 0 00-1.5-1.5z"></path>
6
+ <circle cx="39.5" cy="39.88" r="4.5"></circle>
7
+ <circle cx="12.5" cy="39.88" r="4.5"></circle>
8
+ </g>
9
+ </svg>
10
+ </template>
@@ -0,0 +1,8 @@
1
+ <template>
2
+ <svg class={computedClass} focusable="false" data-key={name} aria-hidden="true" viewBox="0 0 52 52">
3
+ <g>
4
+ <path d="M40.27 17.91a16.36 16.36 0 00-32.71 0 8.18 8.18 0 00.64 15.62 16.41 16.41 0 0015.72 12.08 15.91 15.91 0 005.63-1l-.38-.45a9.17 9.17 0 01-1.75-2.69A12.27 12.27 0 0124 42a12.63 12.63 0 01-12-8.63 17.35 17.35 0 008.45 2.37 1.24 1.24 0 001.28.82h4.53a1.38 1.38 0 00.56-.12 1.25 1.25 0 00.72-1.16v-2.75a1.41 1.41 0 00-1.28-1.45h-4.52a1.53 1.53 0 00-1.28.9c-5-.27-8.54-2.45-9.08-4.72a17.88 17.88 0 01.82-4.09 19.09 19.09 0 002.62 0 17.65 17.65 0 0013.73-6.72 13.89 13.89 0 006.63 5.45c.09.27.27.54.36.81a17.67 17.67 0 011.09 6.19v.37a8.31 8.31 0 013.29 1.29 8.34 8.34 0 014.69-1.44 1.61 1.61 0 01.31 0 7.8 7.8 0 00.81-3.52 8.17 8.17 0 00-5.46-7.69z"></path>
5
+ <path d="M41.34 49.38a2 2 0 01-2.83 0c-2.39-2.56-7-7.43-7-7.47a5.77 5.77 0 010-7.86 5.15 5.15 0 017.28-.22l.22.22.4.5a.69.69 0 001 .09l.09-.09.33-.43.07-.07a5.09 5.09 0 017.19-.3l.3.3a5.77 5.77 0 010 7.86c-.08.09-4.62 4.91-7.05 7.47z"></path>
6
+ </g>
7
+ </svg>
8
+ </template>
@@ -193,6 +193,8 @@ the `blur` event triggers the field to display a validation error message. For a
193
193
  You can guide users with a `field-level-help` tooltip and a `placeholder` prompt in the text field,
194
194
  as explained in **Adding Field-Level Help and Placeholder Text**.
195
195
 
196
+ On desktop, the datepicker calendar clips behind other components on the page if the parent container of `lightning-input` has a smaller width or height than the calendar. To prevent clipping, give the parent container a minimum width of 285px and minimum height of 310px.
197
+
196
198
  On desktop, `lightning-input` provides its own date picker that's styled with the Lightning Design System.
197
199
  On mobile devices it uses the native date picker, which has different styling.
198
200
 
@@ -250,6 +252,8 @@ but the `blur` event triggers the field to display a validation error message. F
250
252
 
251
253
  You can guide users with a `field-level-help` tooltip, as explained in **Adding Field-Level Help and Placeholder Text**.
252
254
 
255
+ On desktop, the datepicker calendar clips behind other components on the page if the parent container of `lightning-input` has a smaller width or height than the calendar. To prevent clipping, give the parent container a minimum width of 285px and minimum height of 310px.
256
+
253
257
  On desktop, `lightning-input` provides its own date/time picker that's styled with the Lightning Design System.
254
258
  On mobile devices it uses the native date/time picker, which has different styling.
255
259
 
@@ -1,5 +1,4 @@
1
1
  <template>
2
- <span data-aria class="slds-assistive-text"></span>
3
2
  <template if:true={isTypeSimple}>
4
3
  <template if:false={hasExternalLabel}>
5
4
  <label class={computedLabelClass} for="input">
@@ -18,9 +18,9 @@ import { classSet, formatLabel } from 'lightning/utils';
18
18
  import {
19
19
  assert,
20
20
  classListMutation,
21
- ContentMutation,
22
21
  getRealDOMId,
23
22
  isSafari,
23
+ isNativeComponent,
24
24
  isNotUndefinedOrNull,
25
25
  isUndefinedOrNull,
26
26
  normalizeAriaAttribute,
@@ -31,6 +31,7 @@ import {
31
31
  decorateInputForDragon,
32
32
  setDecoratedDragonInputValueWithoutEvent,
33
33
  } from 'lightning/utilsPrivate';
34
+ import AriaObserver from 'lightning/ariaObserver';
34
35
  import { normalizeInput } from './normalize';
35
36
  import {
36
37
  normalizeDate,
@@ -306,13 +307,11 @@ export default class LightningInput extends LightningElement {
306
307
 
307
308
  constructor() {
308
309
  super();
309
- this.ariaObserver = new ContentMutation(this);
310
+ this.ariaObserver = new AriaObserver(this);
310
311
 
311
312
  // Native Shadow Root will return [native code].
312
313
  // Our synthetic method will return the function source.
313
- this.isNative = this.template.querySelector
314
- .toString()
315
- .match(/\[native code\]/);
314
+ this.isNative = isNativeComponent(this);
316
315
 
317
316
  // The selection cache allows us an input to remember what text was selected
318
317
  // in cases where we change the text on blur or in browsers (Safari) that
@@ -321,10 +320,13 @@ export default class LightningInput extends LightningElement {
321
320
  }
322
321
 
323
322
  connectedCallback() {
323
+ if (!this.ariaObserver) {
324
+ this.ariaObserver = new AriaObserver(this);
325
+ }
324
326
  // Manually track connected state because this.template.isConnected can be false
325
327
  // when input is created using createElement and inserted into dom manually.
326
328
  // i.e. create an input element and pass it to showCustomOverlay
327
- // Remove this state and the one in ContentMutation once the issue is fixed.
329
+ // Remove this state and the one in AriaObserver once the issue is fixed.
328
330
  // PR: https://github.com/salesforce/lwc/pull/1798
329
331
  this.isConnected = true;
330
332
 
@@ -347,6 +349,10 @@ export default class LightningInput extends LightningElement {
347
349
  this._rendered = false;
348
350
  this._initialValueSet = false;
349
351
  this._cachedInputElement = undefined;
352
+ if (this.ariaObserver) {
353
+ this.ariaObserver.disconnect();
354
+ this.ariaObserver = undefined;
355
+ }
350
356
  }
351
357
 
352
358
  renderedCallback() {
@@ -516,12 +522,11 @@ export default class LightningInput extends LightningElement {
516
522
 
517
523
  set ariaControls(references) {
518
524
  this._ariaControls = references;
519
- this.ariaObserver.link(
520
- 'input',
521
- 'aria-controls',
522
- references,
523
- '[data-aria]'
524
- );
525
+ this.ariaObserver.connect({
526
+ targetSelector: 'input',
527
+ attribute: 'aria-controls',
528
+ ids: references,
529
+ });
525
530
  }
526
531
 
527
532
  /**
@@ -532,9 +537,8 @@ export default class LightningInput extends LightningElement {
532
537
  get ariaLabelledBy() {
533
538
  // native version returns the auto linked value
534
539
  if (this.isNative) {
535
- const ariaValues = this.template
536
- .querySelector('input')
537
- .getAttribute('aria-labelledby');
540
+ const ariaValues =
541
+ this._inputElement.getAttribute('aria-labelledby');
538
542
  return filterNonAutoLink(ariaValues);
539
543
  }
540
544
  return this._ariaLabelledBy;
@@ -542,12 +546,11 @@ export default class LightningInput extends LightningElement {
542
546
 
543
547
  set ariaLabelledBy(references) {
544
548
  this._ariaLabelledBy = references;
545
- this.ariaObserver.link(
546
- 'input',
547
- 'aria-labelledby',
548
- references,
549
- '[data-aria]'
550
- );
549
+ this.ariaObserver.connect({
550
+ targetSelector: 'input',
551
+ attribute: 'aria-labelledby',
552
+ ids: references,
553
+ });
551
554
  }
552
555
 
553
556
  /**
@@ -558,9 +561,8 @@ export default class LightningInput extends LightningElement {
558
561
  get ariaDescribedBy() {
559
562
  if (this.isNative) {
560
563
  // in native case return the linked value
561
- const ariaValues = this.template
562
- .querySelector('input')
563
- .getAttribute('aria-describedby');
564
+ const ariaValues =
565
+ this._inputElement.getAttribute('aria-describedby');
564
566
  return filterNonAutoLink(ariaValues);
565
567
  }
566
568
  return this._ariaDescribedBy;
@@ -568,12 +570,11 @@ export default class LightningInput extends LightningElement {
568
570
 
569
571
  set ariaDescribedBy(references) {
570
572
  this._ariaDescribedBy = references;
571
- this.ariaObserver.link(
572
- 'input',
573
- 'aria-describedby',
574
- references,
575
- '[data-aria]'
576
- );
573
+ this.ariaObserver.connect({
574
+ targetSelector: 'input',
575
+ attribute: 'aria-describedby',
576
+ ids: references,
577
+ });
577
578
  }
578
579
 
579
580
  /**
@@ -18,7 +18,7 @@
18
18
  <span class="slds-assistive-text">{i18n.pillWarning}</span>
19
19
  </template>
20
20
  <template if:true={hasHref}>
21
- <a href={href} class="slds-pill__action" title={label}>
21
+ <a href={href} class="slds-pill__action" title={label} onfocus={handleLinkFocus} onblur={handleLinkBlur}>
22
22
  <span class="slds-pill__label">{label}</span>
23
23
  </a>
24
24
  </template>
@@ -346,4 +346,22 @@ export default class LightningPill extends LightningElement {
346
346
  }
347
347
  }
348
348
  }
349
+
350
+ handleLinkFocus() {
351
+ this.dispatchEvent(new CustomEvent('focus'));
352
+ }
353
+
354
+ /**
355
+ * event.relatedTarget is the element which will receive focus next, this information
356
+ * is used by <lightning-pill-container> in its "onblur" event handler.
357
+ */
358
+ handleLinkBlur(event) {
359
+ this.dispatchEvent(
360
+ new CustomEvent('blur', {
361
+ detail: {
362
+ relatedTarget: event.relatedTarget,
363
+ },
364
+ })
365
+ );
366
+ }
349
367
  }
@@ -13,6 +13,8 @@
13
13
  aria-selected={_ariaSelected}
14
14
  role={_role}
15
15
  title={label}
16
+ onfocus={handleLinkFocus}
17
+ onblur={handleLinkBlur}
16
18
  >
17
19
  <span class="slds-pill__label">{label}</span>
18
20
  <template if:false={useRemoveButton}>
@@ -26,11 +26,11 @@
26
26
  </template>
27
27
  <template if:true={pillViewModel.pill.isAvatar}>
28
28
  <lightning-avatar src={pillViewModel.pill.item.src}
29
- fallback-icon-name={pillViewModel.pill.item.fallbackIconName}
30
- variant={pillViewModel.pill.item.variant}
31
- size="x-small"
32
- class="slds-icon_container"
33
- alternative-text={pillViewModel.pill.item.alternativeText}>
29
+ fallback-icon-name={pillViewModel.pill.item.fallbackIconName}
30
+ variant={pillViewModel.pill.item.variant}
31
+ size="x-small"
32
+ class="slds-icon_container"
33
+ alternative-text={pillViewModel.pill.item.alternativeText}>
34
34
  </lightning-avatar>
35
35
  </template>
36
36
  </lightning-pill>
@@ -328,10 +328,11 @@ export default class LightningPillContainer extends LightningElement {
328
328
 
329
329
  handlePillBlur(event) {
330
330
  // Replace the below with !this.template.contains(event.relatedTarget) once 0.24 is out
331
- if (
332
- !event.relatedTarget ||
333
- !this.template.contains(event.relatedTarget)
334
- ) {
331
+ // the "blur" event can also come from the anchor element inside the <lightning-pill> as a CustomEvent,
332
+ // so hence we need use "event.detail.relatedTarget".
333
+ // "relatedTarget" is the element that will receive focus next.
334
+ const relatedTarget = event.relatedTarget || event.detail.relatedTarget;
335
+ if (!relatedTarget || !this.template.contains(relatedTarget)) {
335
336
  this._hasFocus = false;
336
337
  this.dispatchEvent(new CustomEvent('blur'));
337
338
  }
@@ -33,11 +33,11 @@
33
33
  </template>
34
34
  <template if:true={pillViewModel.pill.isAvatar}>
35
35
  <lightning-avatar src={pillViewModel.pill.item.src}
36
- fallback-icon-name={pillViewModel.pill.item.fallbackIconName}
37
- variant={pillViewModel.pill.item.variant}
38
- size="x-small"
39
- class="slds-icon_container"
40
- alternative-text={pillViewModel.pill.item.alternativeText}>
36
+ fallback-icon-name={pillViewModel.pill.item.fallbackIconName}
37
+ variant={pillViewModel.pill.item.variant}
38
+ size="x-small"
39
+ class="slds-icon_container"
40
+ alternative-text={pillViewModel.pill.item.alternativeText}>
41
41
  </lightning-avatar>
42
42
  </template>
43
43
  </lightning-pill>
@@ -46,6 +46,8 @@ function cleanDom() {
46
46
  for (let i = 0; i < nodesToRemove.length; i++) {
47
47
  document.body.removeChild(nodesToRemove[i]);
48
48
  }
49
+
50
+ document.querySelectorAll('style').forEach((style) => style.remove());
49
51
  }
50
52
 
51
53
  function setup() {
@@ -78,9 +80,7 @@ function convertCasesToRtl(cases) {
78
80
  function waitForBubbleAlignment(element, expected) {
79
81
  return new Promise((resolve) => {
80
82
  function waitCondition() {
81
- const bubble = element.shadowRoot.querySelector(
82
- 'lightning-primitive-bubble'
83
- );
83
+ const bubble = element.querySelector('lightning-primitive-bubble');
84
84
  if (bubble && bubble.visible) {
85
85
  const classList = bubble.getAttribute('class').split(' ');
86
86
  const positioned = classList.indexOf(expected) > -1;
@@ -104,11 +104,11 @@ function waitForBubbleAlignment(element, expected) {
104
104
  async function verifyBubbleAlignment(align, pos, nubbinAlign) {
105
105
  // Set the bubble alignment for the test.
106
106
  const element = document.querySelector('x-bounding');
107
- const button = element.shadowRoot.querySelector(`[data-align=${align}]`);
107
+ const button = element.querySelector(`[data-align=${align}]`);
108
108
  button.click();
109
109
 
110
110
  // Show the bubble at the position being tested.
111
- const show = element.shadowRoot.querySelector(`[data-pos=${pos}]`);
111
+ const show = element.querySelector(`[data-pos=${pos}]`);
112
112
  show.click();
113
113
 
114
114
  const expected = `slds-nubbin_${nubbinAlign}`;
@@ -144,6 +144,7 @@ describe('Viewport Bounding', () => {
144
144
  afterAll(() => {
145
145
  const element = document.querySelector('x-bounding');
146
146
  document.body.removeChild(element);
147
+ document.querySelectorAll('style').forEach((style) => style.remove());
147
148
  });
148
149
 
149
150
  // TODO: New cases will be added and some expected alignments will change when we add support
@@ -261,12 +262,13 @@ describe('Element Bounding', () => {
261
262
  beforeAll(() => {
262
263
  setup();
263
264
  const element = document.querySelector('x-bounding');
264
- element.shadowRoot.querySelector('[name=elementBound]').click();
265
+ element.querySelector('[name=elementBound]').click();
265
266
  });
266
267
 
267
268
  afterAll(() => {
268
269
  const element = document.querySelector('x-bounding');
269
270
  document.body.removeChild(element);
271
+ document.querySelectorAll('style').forEach((style) => style.remove());
270
272
  });
271
273
 
272
274
  describe('LTR', () => {
@@ -1,4 +1,4 @@
1
- <template>
1
+ <template lwc:render-mode="light">
2
2
  <div class="frame slds-grid slds-grid_vertical slds-p-around_large">
3
3
  <div class="slds-col slds-grow-none">
4
4
  <button data-align="Bottom" onclick={changeAlign}>B</button>