@lion/ui 0.17.0-menu-system.0 → 0.18.0-menu-system.0

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 (89) hide show
  1. package/components/menu/README.md +1 -1
  2. package/components/menu/src/InteractiveListMixin.js +14 -5
  3. package/components/menu/src/MoreButtonMenuMixin.js +296 -0
  4. package/components/menu/src/MultiLevelListMixin.js +0 -1
  5. package/components/navigation-bar/src/LionNavigationBar.js +97 -107
  6. package/components/overlays/src/OverlayController.js +87 -38
  7. package/components/overlays/src/OverlayMixin.js +1 -0
  8. package/components/overlays/src/utils/adopt-styles.js +1 -1
  9. package/components/overlays/src/utils/is-equal-config.js +9 -8
  10. package/components/overlays/test/OverlayController.test.js +3 -1
  11. package/components/overlays/test/utils-tests/is-equal-config.test.js +1 -1
  12. package/components/overlays/test-suites/OverlayMixin.suite.js +8 -8
  13. package/components/overlays/types/OverlayConfig.ts +6 -0
  14. package/custom-elements.json +751 -83
  15. package/dist-types/components/dialog/src/LionDialog.d.ts +1 -0
  16. package/dist-types/components/dialog/src/LionDialog.d.ts.map +1 -1
  17. package/dist-types/components/menu/src/InteractiveListMixin.d.ts.map +1 -1
  18. package/dist-types/components/menu/src/LionMenuOverlay.d.ts +1 -0
  19. package/dist-types/components/menu/src/LionMenuOverlay.d.ts.map +1 -1
  20. package/dist-types/components/menu/src/MoreButtonMenuMixin.d.ts +31 -0
  21. package/dist-types/components/menu/src/MoreButtonMenuMixin.d.ts.map +1 -0
  22. package/dist-types/components/menu/src/MultiLevelListMixin.d.ts.map +1 -1
  23. package/dist-types/components/navigation-bar/src/LionNavigationBar.d.ts +47 -35
  24. package/dist-types/components/navigation-bar/src/LionNavigationBar.d.ts.map +1 -1
  25. package/dist-types/components/overlays/src/OverlayController.d.ts +3 -7
  26. package/dist-types/components/overlays/src/OverlayController.d.ts.map +1 -1
  27. package/dist-types/components/overlays/src/OverlayMixin.d.ts.map +1 -1
  28. package/dist-types/components/overlays/src/utils/is-equal-config.d.ts.map +1 -1
  29. package/dist-types/components/overlays/types/OverlayConfig.d.ts +5 -0
  30. package/dist-types/components/overlays/types/OverlayConfig.d.ts.map +1 -1
  31. package/dist-types/components/select-rich/src/LionSelectRich.d.ts +1 -0
  32. package/dist-types/components/select-rich/src/LionSelectRich.d.ts.map +1 -1
  33. package/dist-types/exports/overlays.d.ts +1 -0
  34. package/dist-types/exports/overlays.d.ts.map +1 -1
  35. package/dist-types/tsconfig.tsbuildinfo +1 -1
  36. package/docs/components/checkbox-group/overview.md +2 -2
  37. package/docs/components/collapsible/overview.md +1 -1
  38. package/docs/components/combobox/overview.md +1 -1
  39. package/docs/components/combobox/use-cases.md +1 -1
  40. package/docs/components/dialog/overview.md +1 -1
  41. package/docs/components/fieldset/overview.md +5 -5
  42. package/docs/components/form/overview.md +3 -3
  43. package/docs/components/form/use-cases.md +2 -2
  44. package/docs/components/icon/use-cases.md +1 -1
  45. package/docs/components/input/overview.md +1 -1
  46. package/docs/components/input-amount/overview.md +3 -3
  47. package/docs/components/input-date/overview.md +3 -3
  48. package/docs/components/input-datepicker/overview.md +5 -5
  49. package/docs/components/input-email/overview.md +2 -2
  50. package/docs/components/input-file/overview.md +1 -1
  51. package/docs/components/input-iban/overview.md +2 -2
  52. package/docs/components/input-range/overview.md +2 -2
  53. package/docs/components/input-stepper/overview.md +1 -1
  54. package/docs/components/input-tel/overview.md +1 -1
  55. package/docs/components/input-tel/use-cases.md +6 -6
  56. package/docs/components/input-tel-dropdown/overview.md +1 -1
  57. package/docs/components/listbox/use-cases.md +1 -1
  58. package/docs/components/menu/extensions.md +19 -0
  59. package/docs/components/radio-group/overview.md +3 -3
  60. package/docs/components/select/use-cases.md +1 -1
  61. package/docs/components/select-rich/use-cases.md +2 -2
  62. package/docs/components/tabs/examples.md +1 -1
  63. package/docs/fundamentals/index.md +4 -4
  64. package/docs/fundamentals/node-tools/publish-docs/overview.md +3 -3
  65. package/docs/fundamentals/node-tools/rocket-preset-extend-lion-docs/overview.md +2 -2
  66. package/docs/fundamentals/rationales/accessibility.md +1 -1
  67. package/docs/fundamentals/systems/core/SlotMixin.md +1 -1
  68. package/docs/fundamentals/systems/core/overview.md +1 -1
  69. package/docs/fundamentals/systems/form/formatting-and-parsing.md +4 -4
  70. package/docs/fundamentals/systems/form/model-value.md +1 -1
  71. package/docs/fundamentals/systems/form/overview.md +28 -28
  72. package/docs/fundamentals/systems/form/validate.md +2 -2
  73. package/docs/fundamentals/systems/localize/overview.md +4 -4
  74. package/docs/fundamentals/systems/overlays/api-table.md +34 -34
  75. package/docs/fundamentals/systems/overlays/configuration.md +2 -2
  76. package/docs/fundamentals/systems/overlays/overview.md +5 -5
  77. package/docs/fundamentals/systems/overlays/use-cases.md +2 -2
  78. package/docs/fundamentals/tools/helpers/overview.md +1 -1
  79. package/docs/fundamentals/tools/singleton-manager/overview.md +4 -4
  80. package/docs/guides/how-to/create-a-custom-field.md +5 -5
  81. package/docs/guides/how-to/create-a-form.md +4 -4
  82. package/docs/guides/how-to/extend-a-native-input.md +2 -2
  83. package/docs/guides/how-to/index.md +1 -1
  84. package/docs/guides/index.md +8 -8
  85. package/docs/guides/principles/index.md +5 -5
  86. package/docs/guides/principles/styling.md +1 -1
  87. package/exports/overlays.js +4 -0
  88. package/overlays.js +4 -0
  89. package/package.json +1 -1
@@ -125114,6 +125114,179 @@
125114
125114
  "name": "SlotMixin",
125115
125115
  "module": "components/core/src/SlotMixin.js"
125116
125116
  }
125117
+ },
125118
+ {
125119
+ "kind": "method",
125120
+ "name": "_initMoreButtonMenu",
125121
+ "inheritedFrom": {
125122
+ "name": "MoreButtonMenuMixin",
125123
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
125124
+ }
125125
+ },
125126
+ {
125127
+ "kind": "method",
125128
+ "name": "_getDeepActiveElement",
125129
+ "inheritedFrom": {
125130
+ "name": "MoreButtonMenuMixin",
125131
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
125132
+ }
125133
+ },
125134
+ {
125135
+ "kind": "method",
125136
+ "name": "_createMoreButtonWrapper",
125137
+ "inheritedFrom": {
125138
+ "name": "MoreButtonMenuMixin",
125139
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
125140
+ }
125141
+ },
125142
+ {
125143
+ "kind": "method",
125144
+ "name": "getMoreButtonSlotProjection",
125145
+ "inheritedFrom": {
125146
+ "name": "MoreButtonMenuMixin",
125147
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
125148
+ }
125149
+ },
125150
+ {
125151
+ "kind": "method",
125152
+ "name": "getMoreButtonMenu",
125153
+ "inheritedFrom": {
125154
+ "name": "MoreButtonMenuMixin",
125155
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
125156
+ }
125157
+ },
125158
+ {
125159
+ "kind": "method",
125160
+ "name": "getMoreButtonMenuWrapper",
125161
+ "inheritedFrom": {
125162
+ "name": "MoreButtonMenuMixin",
125163
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
125164
+ }
125165
+ },
125166
+ {
125167
+ "kind": "method",
125168
+ "name": "displayMoreButton",
125169
+ "inheritedFrom": {
125170
+ "name": "MoreButtonMenuMixin",
125171
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
125172
+ }
125173
+ },
125174
+ {
125175
+ "kind": "method",
125176
+ "name": "hideMoreButton",
125177
+ "inheritedFrom": {
125178
+ "name": "MoreButtonMenuMixin",
125179
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
125180
+ }
125181
+ },
125182
+ {
125183
+ "kind": "method",
125184
+ "name": "doItemsFit",
125185
+ "inheritedFrom": {
125186
+ "name": "MoreButtonMenuMixin",
125187
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
125188
+ }
125189
+ },
125190
+ {
125191
+ "kind": "method",
125192
+ "name": "getListItems",
125193
+ "inheritedFrom": {
125194
+ "name": "MoreButtonMenuMixin",
125195
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
125196
+ }
125197
+ },
125198
+ {
125199
+ "kind": "field",
125200
+ "name": "getListItemWithAdjacentNodes",
125201
+ "parameters": [
125202
+ {
125203
+ "name": "listItem",
125204
+ "type": {
125205
+ "text": "Node"
125206
+ }
125207
+ }
125208
+ ],
125209
+ "inheritedFrom": {
125210
+ "name": "MoreButtonMenuMixin",
125211
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
125212
+ }
125213
+ },
125214
+ {
125215
+ "kind": "method",
125216
+ "name": "moveItemToMoreButtonMenuFromMainMenu",
125217
+ "inheritedFrom": {
125218
+ "name": "MoreButtonMenuMixin",
125219
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
125220
+ }
125221
+ },
125222
+ {
125223
+ "kind": "method",
125224
+ "name": "moveAllItemsToMainMenuFromMoreButtonMenu",
125225
+ "inheritedFrom": {
125226
+ "name": "MoreButtonMenuMixin",
125227
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
125228
+ }
125229
+ },
125230
+ {
125231
+ "kind": "method",
125232
+ "name": "renderAllItemsInMainMenu",
125233
+ "inheritedFrom": {
125234
+ "name": "MoreButtonMenuMixin",
125235
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
125236
+ }
125237
+ },
125238
+ {
125239
+ "kind": "method",
125240
+ "name": "hideItemsOneByOneInMainMenuUntilTheyFit",
125241
+ "inheritedFrom": {
125242
+ "name": "MoreButtonMenuMixin",
125243
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
125244
+ }
125245
+ },
125246
+ {
125247
+ "kind": "method",
125248
+ "name": "moveHiddenItemsFromMainMenuToMoreButtonMenu",
125249
+ "parameters": [
125250
+ {
125251
+ "name": "hiddenItemsCount"
125252
+ }
125253
+ ],
125254
+ "inheritedFrom": {
125255
+ "name": "MoreButtonMenuMixin",
125256
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
125257
+ }
125258
+ },
125259
+ {
125260
+ "kind": "method",
125261
+ "name": "handleResize",
125262
+ "inheritedFrom": {
125263
+ "name": "MoreButtonMenuMixin",
125264
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
125265
+ }
125266
+ },
125267
+ {
125268
+ "kind": "field",
125269
+ "name": "__resizeTimeout",
125270
+ "type": {
125271
+ "text": "null"
125272
+ },
125273
+ "default": "null",
125274
+ "inheritedFrom": {
125275
+ "name": "MoreButtonMenuMixin",
125276
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
125277
+ }
125278
+ },
125279
+ {
125280
+ "kind": "field",
125281
+ "name": "isMoreButtonShown",
125282
+ "type": {
125283
+ "text": "null"
125284
+ },
125285
+ "default": "null",
125286
+ "inheritedFrom": {
125287
+ "name": "MoreButtonMenuMixin",
125288
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
125289
+ }
125117
125290
  }
125118
125291
  ],
125119
125292
  "mixins": [
@@ -129348,6 +129521,179 @@
129348
129521
  "name": "SlotMixin",
129349
129522
  "module": "components/core/src/SlotMixin.js"
129350
129523
  }
129524
+ },
129525
+ {
129526
+ "kind": "method",
129527
+ "name": "_initMoreButtonMenu",
129528
+ "inheritedFrom": {
129529
+ "name": "MoreButtonMenuMixin",
129530
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
129531
+ }
129532
+ },
129533
+ {
129534
+ "kind": "method",
129535
+ "name": "_getDeepActiveElement",
129536
+ "inheritedFrom": {
129537
+ "name": "MoreButtonMenuMixin",
129538
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
129539
+ }
129540
+ },
129541
+ {
129542
+ "kind": "method",
129543
+ "name": "_createMoreButtonWrapper",
129544
+ "inheritedFrom": {
129545
+ "name": "MoreButtonMenuMixin",
129546
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
129547
+ }
129548
+ },
129549
+ {
129550
+ "kind": "method",
129551
+ "name": "getMoreButtonSlotProjection",
129552
+ "inheritedFrom": {
129553
+ "name": "MoreButtonMenuMixin",
129554
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
129555
+ }
129556
+ },
129557
+ {
129558
+ "kind": "method",
129559
+ "name": "getMoreButtonMenu",
129560
+ "inheritedFrom": {
129561
+ "name": "MoreButtonMenuMixin",
129562
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
129563
+ }
129564
+ },
129565
+ {
129566
+ "kind": "method",
129567
+ "name": "getMoreButtonMenuWrapper",
129568
+ "inheritedFrom": {
129569
+ "name": "MoreButtonMenuMixin",
129570
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
129571
+ }
129572
+ },
129573
+ {
129574
+ "kind": "method",
129575
+ "name": "displayMoreButton",
129576
+ "inheritedFrom": {
129577
+ "name": "MoreButtonMenuMixin",
129578
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
129579
+ }
129580
+ },
129581
+ {
129582
+ "kind": "method",
129583
+ "name": "hideMoreButton",
129584
+ "inheritedFrom": {
129585
+ "name": "MoreButtonMenuMixin",
129586
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
129587
+ }
129588
+ },
129589
+ {
129590
+ "kind": "method",
129591
+ "name": "doItemsFit",
129592
+ "inheritedFrom": {
129593
+ "name": "MoreButtonMenuMixin",
129594
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
129595
+ }
129596
+ },
129597
+ {
129598
+ "kind": "method",
129599
+ "name": "getListItems",
129600
+ "inheritedFrom": {
129601
+ "name": "MoreButtonMenuMixin",
129602
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
129603
+ }
129604
+ },
129605
+ {
129606
+ "kind": "field",
129607
+ "name": "getListItemWithAdjacentNodes",
129608
+ "parameters": [
129609
+ {
129610
+ "name": "listItem",
129611
+ "type": {
129612
+ "text": "Node"
129613
+ }
129614
+ }
129615
+ ],
129616
+ "inheritedFrom": {
129617
+ "name": "MoreButtonMenuMixin",
129618
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
129619
+ }
129620
+ },
129621
+ {
129622
+ "kind": "method",
129623
+ "name": "moveItemToMoreButtonMenuFromMainMenu",
129624
+ "inheritedFrom": {
129625
+ "name": "MoreButtonMenuMixin",
129626
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
129627
+ }
129628
+ },
129629
+ {
129630
+ "kind": "method",
129631
+ "name": "moveAllItemsToMainMenuFromMoreButtonMenu",
129632
+ "inheritedFrom": {
129633
+ "name": "MoreButtonMenuMixin",
129634
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
129635
+ }
129636
+ },
129637
+ {
129638
+ "kind": "method",
129639
+ "name": "renderAllItemsInMainMenu",
129640
+ "inheritedFrom": {
129641
+ "name": "MoreButtonMenuMixin",
129642
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
129643
+ }
129644
+ },
129645
+ {
129646
+ "kind": "method",
129647
+ "name": "hideItemsOneByOneInMainMenuUntilTheyFit",
129648
+ "inheritedFrom": {
129649
+ "name": "MoreButtonMenuMixin",
129650
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
129651
+ }
129652
+ },
129653
+ {
129654
+ "kind": "method",
129655
+ "name": "moveHiddenItemsFromMainMenuToMoreButtonMenu",
129656
+ "parameters": [
129657
+ {
129658
+ "name": "hiddenItemsCount"
129659
+ }
129660
+ ],
129661
+ "inheritedFrom": {
129662
+ "name": "MoreButtonMenuMixin",
129663
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
129664
+ }
129665
+ },
129666
+ {
129667
+ "kind": "method",
129668
+ "name": "handleResize",
129669
+ "inheritedFrom": {
129670
+ "name": "MoreButtonMenuMixin",
129671
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
129672
+ }
129673
+ },
129674
+ {
129675
+ "kind": "field",
129676
+ "name": "__resizeTimeout",
129677
+ "type": {
129678
+ "text": "null"
129679
+ },
129680
+ "default": "null",
129681
+ "inheritedFrom": {
129682
+ "name": "MoreButtonMenuMixin",
129683
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
129684
+ }
129685
+ },
129686
+ {
129687
+ "kind": "field",
129688
+ "name": "isMoreButtonShown",
129689
+ "type": {
129690
+ "text": "null"
129691
+ },
129692
+ "default": "null",
129693
+ "inheritedFrom": {
129694
+ "name": "MoreButtonMenuMixin",
129695
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
129696
+ }
129351
129697
  }
129352
129698
  ],
129353
129699
  "attributes": [
@@ -129443,6 +129789,10 @@
129443
129789
  "name": "SlotMixin",
129444
129790
  "package": "@lion/ui/core.js"
129445
129791
  },
129792
+ {
129793
+ "name": "MoreButtonMenuMixin",
129794
+ "module": "/components/menu/src/MoreButtonMenuMixin.js"
129795
+ },
129446
129796
  {
129447
129797
  "name": "dedupeMixin",
129448
129798
  "package": "@open-wc/dedupe-mixin"
@@ -130848,30 +131198,6 @@
130848
131198
  "description": "",
130849
131199
  "name": "LionNavigationBar",
130850
131200
  "members": [
130851
- {
130852
- "kind": "method",
130853
- "name": "#delegateAnalyticsEvents",
130854
- "privacy": "private"
130855
- },
130856
- {
130857
- "kind": "method",
130858
- "name": "#getLevelCfg",
130859
- "static": true,
130860
- "privacy": "private",
130861
- "parameters": [
130862
- {
130863
- "name": "responsiveMode",
130864
- "type": {
130865
- "text": "NavBarResponsiveMode"
130866
- }
130867
- }
130868
- ]
130869
- },
130870
- {
130871
- "kind": "method",
130872
- "name": "#getSecondaryLevelCfg",
130873
- "privacy": "private"
130874
- },
130875
131201
  {
130876
131202
  "kind": "field",
130877
131203
  "name": "#latestFocusedElementId",
@@ -130997,8 +131323,7 @@
130997
131323
  },
130998
131324
  {
130999
131325
  "kind": "method",
131000
- "name": "_ctaTemplate",
131001
- "static": true,
131326
+ "name": "_ctasTemplate",
131002
131327
  "parameters": [
131003
131328
  {
131004
131329
  "name": "ctaPrimary",
@@ -131020,6 +131345,51 @@
131020
131345
  },
131021
131346
  "privacy": "protected"
131022
131347
  },
131348
+ {
131349
+ "kind": "method",
131350
+ "name": "_getId",
131351
+ "parameters": [
131352
+ {
131353
+ "name": "menuItem"
131354
+ },
131355
+ {
131356
+ "name": "level",
131357
+ "type": {
131358
+ "text": "number"
131359
+ }
131360
+ },
131361
+ {
131362
+ "name": "",
131363
+ "type": {
131364
+ "text": "MenuItem"
131365
+ }
131366
+ }
131367
+ ],
131368
+ "privacy": "protected"
131369
+ },
131370
+ {
131371
+ "kind": "method",
131372
+ "name": "_getLevelCfg",
131373
+ "parameters": [
131374
+ {
131375
+ "name": "responsiveMode",
131376
+ "type": {
131377
+ "text": "NavBarResponsiveMode"
131378
+ }
131379
+ }
131380
+ ],
131381
+ "privacy": "protected"
131382
+ },
131383
+ {
131384
+ "kind": "method",
131385
+ "name": "_getSecondaryLevelCfg",
131386
+ "parameters": [
131387
+ {
131388
+ "name": "responsiveMode"
131389
+ }
131390
+ ],
131391
+ "privacy": "protected"
131392
+ },
131023
131393
  {
131024
131394
  "kind": "field",
131025
131395
  "name": "_levelCfg",
@@ -131047,15 +131417,13 @@
131047
131417
  "text": "number"
131048
131418
  }
131049
131419
  },
131050
- {
131051
- "name": "cfgForLevel",
131052
- "type": {
131053
- "text": "LevelConfig"
131054
- }
131055
- },
131056
131420
  {
131057
131421
  "name": "prevText",
131058
131422
  "default": "''"
131423
+ },
131424
+ {
131425
+ "name": "itemWrap",
131426
+ "default": "false"
131059
131427
  }
131060
131428
  ],
131061
131429
  "return": {
@@ -131068,17 +131436,17 @@
131068
131436
  {
131069
131437
  "kind": "method",
131070
131438
  "name": "_searchTemplate",
131071
- "static": true,
131072
131439
  "parameters": [
131073
131440
  {
131074
131441
  "name": "suggestions",
131442
+ "default": "this.suggestions",
131075
131443
  "type": {
131076
131444
  "text": "string[]"
131077
131445
  }
131078
131446
  },
131079
131447
  {
131080
131448
  "name": "prefilledSuggestion",
131081
- "default": "''"
131449
+ "default": "this.prefilledSuggestion"
131082
131450
  }
131083
131451
  ],
131084
131452
  "return": {
@@ -131089,14 +131457,6 @@
131089
131457
  "privacy": "protected"
131090
131458
  }
131091
131459
  ],
131092
- "events": [
131093
- {
131094
- "name": "nav-item-click",
131095
- "type": {
131096
- "text": "CustomEvent"
131097
- }
131098
- }
131099
- ],
131100
131460
  "attributes": [
131101
131461
  {
131102
131462
  "name": "responsive-mode",
@@ -132018,7 +132378,7 @@
132018
132378
  "text": "OverlayConfig"
132019
132379
  },
132020
132380
  "privacy": "protected",
132021
- "default": "{ placementMode: undefined, contentNode: config.contentNode, contentWrapperNode: config.contentWrapperNode, invokerNode: config.invokerNode, backdropNode: config.backdropNode, referenceNode: undefined, elementToFocusAfterHide: config.invokerNode, inheritsReferenceWidth: 'none', hasBackdrop: false, isBlocking: false, preventsScroll: false, trapsKeyboardFocus: false, hidesOnEsc: false, hidesOnOutsideEsc: false, hidesOnOutsideClick: false, isTooltip: false, isAlertDialog: false, invokerRelation: 'description', visibilityTriggerFunction: undefined, handlesAccessibility: false, popperConfig: { placement: 'top', strategy: 'fixed', modifiers: [ { name: 'preventOverflow', enabled: true, options: { boundariesElement: 'viewport', padding: 8, // viewport-margin for shifting/sliding }, }, { name: 'flip', options: { boundariesElement: 'viewport', padding: 16, // viewport-margin for flipping }, }, { name: 'offset', enabled: true, options: { offset: [0, 8], // horizontal and vertical margin (distance between popper and referenceElement) }, }, { name: 'arrow', enabled: false, }, ], }, viewportConfig: { placement: 'center', }, zIndex: 9999, isOpenable: true, focusContentOnOpen: false, // This means that content will have visually-hidden / sr-only styles. This is handy for: // - hidden menus that should be \"indexable\" by screen readers (like the Links list in VO: https://support.apple.com/en-gb/guide/voiceover/mchlp2719/mac) // - \"more\" menus that put content in a dropdown that do not fit in the current row // - menus that should generally open on tab. // @ts-ignore - hideVisually is an extension property hideVisually: false, }"
132381
+ "default": "{ placementMode: undefined, contentNode: config.contentNode, contentWrapperNode: config.contentWrapperNode, invokerNode: config.invokerNode, backdropNode: config.backdropNode, referenceNode: undefined, elementToFocusAfterHide: config.invokerNode, inheritsReferenceWidth: 'none', hasBackdrop: false, isBlocking: false, preventsScroll: false, trapsKeyboardFocus: false, hidesOnEsc: false, hidesOnOutsideEsc: false, hidesOnOutsideClick: false, isTooltip: false, isAlertDialog: false, invokerRelation: 'description', visibilityTriggerFunction: undefined, handlesAccessibility: false, popperConfig: { placement: 'top', strategy: 'fixed', modifiers: [ { name: 'preventOverflow', enabled: true, options: { boundariesElement: 'viewport', padding: 8, // viewport-margin for shifting/sliding }, }, { name: 'flip', options: { boundariesElement: 'viewport', padding: 16, // viewport-margin for flipping }, }, { name: 'offset', enabled: true, options: { offset: [0, 8], // horizontal and vertical margin (distance between popper and referenceElement) }, }, { name: 'arrow', enabled: false, }, ], }, viewportConfig: { placement: 'center', }, zIndex: 9999, // TODO: rename to isActivated isOpenable: true, focusContentOnOpen: false, // This means that content will have visually-hidden / sr-only styles. This is handy for: // - hidden menus that should be \"indexable\" by screen readers (like the Links list in VO: https://support.apple.com/en-gb/guide/voiceover/mchlp2719/mac) // - \"more\" menus that put content in a dropdown that do not fit in the current row // - menus that should generally open on tab. // @ts-ignore - hideVisually is an extension property hideVisually: false, requireConnectedNodes: true, }"
132022
132382
  },
132023
132383
  {
132024
132384
  "kind": "method",
@@ -132393,6 +132753,11 @@
132393
132753
  "description": "Here we arrange our content node via:\n1. HTMLDialogElement: the content will always be painted to the browser's top layer\n - no matter what context the contentNode lives in, the overlay will be painted correctly via the <dialog> element,\n even if 'overflow:hidden' or a css transform is applied in its parent hierarchy.\n - the dialog element will be unstyled, but will span the whole screen\n - a backdrop element will be a child of the dialog element, so it leverages the capabilities of the parent\n (filling the whole screen if wanted an always painted to top layer)\n2. ContentWrapper: the content receives the right positioning styles in a clean/non conflicting way:\n - local positioning: receive inline (position) styling that can never conflict with the already existing computed styles\n - global positioning: receive flex (child) classes that position the content correctly relative to the viewport\n\nThe resulting structure that will be created looks like this:\n\n...\n<dialog role=\"none\">\n <div id=\"optional-backdrop\"></div>\n <div id=\"content-wrapper-node\">\n <!-- this was the (slot for) original content node -->\n <slot name=\"content\"></slot>\n </div>\n</dialog>\n...",
132394
132754
  "privacy": "private"
132395
132755
  },
132756
+ {
132757
+ "kind": "method",
132758
+ "name": "__initVisibility",
132759
+ "privacy": "private"
132760
+ },
132396
132761
  {
132397
132762
  "kind": "field",
132398
132763
  "name": "__originalAttrs",
@@ -132445,6 +132810,11 @@
132445
132810
  ],
132446
132811
  "privacy": "private"
132447
132812
  },
132813
+ {
132814
+ "kind": "method",
132815
+ "name": "__teardownVisibility",
132816
+ "privacy": "private"
132817
+ },
132448
132818
  {
132449
132819
  "kind": "method",
132450
132820
  "name": "__validateConfiguration",
@@ -163578,6 +163948,179 @@
163578
163948
  "name": "SlotMixin",
163579
163949
  "module": "components/core/src/SlotMixin.js"
163580
163950
  }
163951
+ },
163952
+ {
163953
+ "kind": "method",
163954
+ "name": "_initMoreButtonMenu",
163955
+ "inheritedFrom": {
163956
+ "name": "MoreButtonMenuMixin",
163957
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
163958
+ }
163959
+ },
163960
+ {
163961
+ "kind": "method",
163962
+ "name": "_getDeepActiveElement",
163963
+ "inheritedFrom": {
163964
+ "name": "MoreButtonMenuMixin",
163965
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
163966
+ }
163967
+ },
163968
+ {
163969
+ "kind": "method",
163970
+ "name": "_createMoreButtonWrapper",
163971
+ "inheritedFrom": {
163972
+ "name": "MoreButtonMenuMixin",
163973
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
163974
+ }
163975
+ },
163976
+ {
163977
+ "kind": "method",
163978
+ "name": "getMoreButtonSlotProjection",
163979
+ "inheritedFrom": {
163980
+ "name": "MoreButtonMenuMixin",
163981
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
163982
+ }
163983
+ },
163984
+ {
163985
+ "kind": "method",
163986
+ "name": "getMoreButtonMenu",
163987
+ "inheritedFrom": {
163988
+ "name": "MoreButtonMenuMixin",
163989
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
163990
+ }
163991
+ },
163992
+ {
163993
+ "kind": "method",
163994
+ "name": "getMoreButtonMenuWrapper",
163995
+ "inheritedFrom": {
163996
+ "name": "MoreButtonMenuMixin",
163997
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
163998
+ }
163999
+ },
164000
+ {
164001
+ "kind": "method",
164002
+ "name": "displayMoreButton",
164003
+ "inheritedFrom": {
164004
+ "name": "MoreButtonMenuMixin",
164005
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
164006
+ }
164007
+ },
164008
+ {
164009
+ "kind": "method",
164010
+ "name": "hideMoreButton",
164011
+ "inheritedFrom": {
164012
+ "name": "MoreButtonMenuMixin",
164013
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
164014
+ }
164015
+ },
164016
+ {
164017
+ "kind": "method",
164018
+ "name": "doItemsFit",
164019
+ "inheritedFrom": {
164020
+ "name": "MoreButtonMenuMixin",
164021
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
164022
+ }
164023
+ },
164024
+ {
164025
+ "kind": "method",
164026
+ "name": "getListItems",
164027
+ "inheritedFrom": {
164028
+ "name": "MoreButtonMenuMixin",
164029
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
164030
+ }
164031
+ },
164032
+ {
164033
+ "kind": "field",
164034
+ "name": "getListItemWithAdjacentNodes",
164035
+ "parameters": [
164036
+ {
164037
+ "name": "listItem",
164038
+ "type": {
164039
+ "text": "Node"
164040
+ }
164041
+ }
164042
+ ],
164043
+ "inheritedFrom": {
164044
+ "name": "MoreButtonMenuMixin",
164045
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
164046
+ }
164047
+ },
164048
+ {
164049
+ "kind": "method",
164050
+ "name": "moveItemToMoreButtonMenuFromMainMenu",
164051
+ "inheritedFrom": {
164052
+ "name": "MoreButtonMenuMixin",
164053
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
164054
+ }
164055
+ },
164056
+ {
164057
+ "kind": "method",
164058
+ "name": "moveAllItemsToMainMenuFromMoreButtonMenu",
164059
+ "inheritedFrom": {
164060
+ "name": "MoreButtonMenuMixin",
164061
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
164062
+ }
164063
+ },
164064
+ {
164065
+ "kind": "method",
164066
+ "name": "renderAllItemsInMainMenu",
164067
+ "inheritedFrom": {
164068
+ "name": "MoreButtonMenuMixin",
164069
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
164070
+ }
164071
+ },
164072
+ {
164073
+ "kind": "method",
164074
+ "name": "hideItemsOneByOneInMainMenuUntilTheyFit",
164075
+ "inheritedFrom": {
164076
+ "name": "MoreButtonMenuMixin",
164077
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
164078
+ }
164079
+ },
164080
+ {
164081
+ "kind": "method",
164082
+ "name": "moveHiddenItemsFromMainMenuToMoreButtonMenu",
164083
+ "parameters": [
164084
+ {
164085
+ "name": "hiddenItemsCount"
164086
+ }
164087
+ ],
164088
+ "inheritedFrom": {
164089
+ "name": "MoreButtonMenuMixin",
164090
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
164091
+ }
164092
+ },
164093
+ {
164094
+ "kind": "method",
164095
+ "name": "handleResize",
164096
+ "inheritedFrom": {
164097
+ "name": "MoreButtonMenuMixin",
164098
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
164099
+ }
164100
+ },
164101
+ {
164102
+ "kind": "field",
164103
+ "name": "__resizeTimeout",
164104
+ "type": {
164105
+ "text": "null"
164106
+ },
164107
+ "default": "null",
164108
+ "inheritedFrom": {
164109
+ "name": "MoreButtonMenuMixin",
164110
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
164111
+ }
164112
+ },
164113
+ {
164114
+ "kind": "field",
164115
+ "name": "isMoreButtonShown",
164116
+ "type": {
164117
+ "text": "null"
164118
+ },
164119
+ "default": "null",
164120
+ "inheritedFrom": {
164121
+ "name": "MoreButtonMenuMixin",
164122
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
164123
+ }
163581
164124
  }
163582
164125
  ],
163583
164126
  "attributes": [
@@ -163960,6 +164503,131 @@
163960
164503
  }
163961
164504
  ]
163962
164505
  },
164506
+ {
164507
+ "kind": "javascript-module",
164508
+ "path": "components/menu/src/MoreButtonMenuMixin.js",
164509
+ "declarations": [
164510
+ {
164511
+ "kind": "mixin",
164512
+ "description": "",
164513
+ "name": "MoreButtonMenuMixin",
164514
+ "members": [
164515
+ {
164516
+ "kind": "method",
164517
+ "name": "_initMoreButtonMenu"
164518
+ },
164519
+ {
164520
+ "kind": "method",
164521
+ "name": "_getDeepActiveElement"
164522
+ },
164523
+ {
164524
+ "kind": "method",
164525
+ "name": "_createMoreButtonWrapper"
164526
+ },
164527
+ {
164528
+ "kind": "method",
164529
+ "name": "getMoreButtonSlotProjection"
164530
+ },
164531
+ {
164532
+ "kind": "method",
164533
+ "name": "getMoreButtonMenu"
164534
+ },
164535
+ {
164536
+ "kind": "method",
164537
+ "name": "getMoreButtonMenuWrapper"
164538
+ },
164539
+ {
164540
+ "kind": "method",
164541
+ "name": "displayMoreButton"
164542
+ },
164543
+ {
164544
+ "kind": "method",
164545
+ "name": "hideMoreButton"
164546
+ },
164547
+ {
164548
+ "kind": "method",
164549
+ "name": "doItemsFit"
164550
+ },
164551
+ {
164552
+ "kind": "method",
164553
+ "name": "getListItems"
164554
+ },
164555
+ {
164556
+ "kind": "field",
164557
+ "name": "getListItemWithAdjacentNodes",
164558
+ "parameters": [
164559
+ {
164560
+ "name": "listItem",
164561
+ "type": {
164562
+ "text": "Node"
164563
+ }
164564
+ }
164565
+ ]
164566
+ },
164567
+ {
164568
+ "kind": "method",
164569
+ "name": "moveItemToMoreButtonMenuFromMainMenu"
164570
+ },
164571
+ {
164572
+ "kind": "method",
164573
+ "name": "moveAllItemsToMainMenuFromMoreButtonMenu"
164574
+ },
164575
+ {
164576
+ "kind": "method",
164577
+ "name": "renderAllItemsInMainMenu"
164578
+ },
164579
+ {
164580
+ "kind": "method",
164581
+ "name": "hideItemsOneByOneInMainMenuUntilTheyFit"
164582
+ },
164583
+ {
164584
+ "kind": "method",
164585
+ "name": "moveHiddenItemsFromMainMenuToMoreButtonMenu",
164586
+ "parameters": [
164587
+ {
164588
+ "name": "hiddenItemsCount"
164589
+ }
164590
+ ]
164591
+ },
164592
+ {
164593
+ "kind": "method",
164594
+ "name": "handleResize"
164595
+ },
164596
+ {
164597
+ "kind": "field",
164598
+ "name": "__resizeTimeout",
164599
+ "type": {
164600
+ "text": "null"
164601
+ },
164602
+ "default": "null"
164603
+ },
164604
+ {
164605
+ "kind": "field",
164606
+ "name": "isMoreButtonShown",
164607
+ "type": {
164608
+ "text": "null"
164609
+ },
164610
+ "default": "null"
164611
+ }
164612
+ ],
164613
+ "parameters": [
164614
+ {
164615
+ "name": "superclass"
164616
+ }
164617
+ ]
164618
+ }
164619
+ ],
164620
+ "exports": [
164621
+ {
164622
+ "kind": "js",
164623
+ "name": "MoreButtonMenuMixin",
164624
+ "declaration": {
164625
+ "name": "MoreButtonMenuMixin",
164626
+ "module": "components/menu/src/MoreButtonMenuMixin.js"
164627
+ }
164628
+ }
164629
+ ]
164630
+ },
163963
164631
  {
163964
164632
  "kind": "javascript-module",
163965
164633
  "path": "components/menu/src/utils/uuid.js",
@@ -164178,6 +164846,46 @@
164178
164846
  }
164179
164847
  ]
164180
164848
  },
164849
+ {
164850
+ "kind": "javascript-module",
164851
+ "path": "components/overlays/src/utils/is-equal-config.js",
164852
+ "declarations": [
164853
+ {
164854
+ "kind": "function",
164855
+ "name": "isEqualConfig",
164856
+ "parameters": [
164857
+ {
164858
+ "name": "a",
164859
+ "type": {
164860
+ "text": "Partial<OverlayConfig>"
164861
+ }
164862
+ },
164863
+ {
164864
+ "name": "b",
164865
+ "type": {
164866
+ "text": "Partial<OverlayConfig>"
164867
+ }
164868
+ }
164869
+ ],
164870
+ "description": "Compares two OverlayConfigs to equivalence. Intended to prevent unnecessary resets.\nNote that it doesn't cover as many use cases as common implementations, such as Lodash isEqual.",
164871
+ "return": {
164872
+ "type": {
164873
+ "text": "boolean"
164874
+ }
164875
+ }
164876
+ }
164877
+ ],
164878
+ "exports": [
164879
+ {
164880
+ "kind": "js",
164881
+ "name": "isEqualConfig",
164882
+ "declaration": {
164883
+ "name": "isEqualConfig",
164884
+ "module": "components/overlays/src/utils/is-equal-config.js"
164885
+ }
164886
+ }
164887
+ ]
164888
+ },
164181
164889
  {
164182
164890
  "kind": "javascript-module",
164183
164891
  "path": "../../node_modules/@popperjs/core/dist/esm/popper.js",
@@ -164246,46 +164954,6 @@
164246
164954
  }
164247
164955
  ]
164248
164956
  },
164249
- {
164250
- "kind": "javascript-module",
164251
- "path": "components/overlays/src/utils/is-equal-config.js",
164252
- "declarations": [
164253
- {
164254
- "kind": "function",
164255
- "name": "isEqualConfig",
164256
- "parameters": [
164257
- {
164258
- "name": "a",
164259
- "type": {
164260
- "text": "Partial<OverlayConfig>"
164261
- }
164262
- },
164263
- {
164264
- "name": "b",
164265
- "type": {
164266
- "text": "Partial<OverlayConfig>"
164267
- }
164268
- }
164269
- ],
164270
- "description": "Compares two OverlayConfigs to equivalence. Intended to prevent unnecessary resets.\nNote that it doesn't cover as many use cases as common implementations, such as Lodash isEqual.",
164271
- "return": {
164272
- "type": {
164273
- "text": "boolean"
164274
- }
164275
- }
164276
- }
164277
- ],
164278
- "exports": [
164279
- {
164280
- "kind": "js",
164281
- "name": "isEqualConfig",
164282
- "declaration": {
164283
- "name": "isEqualConfig",
164284
- "module": "components/overlays/src/utils/is-equal-config.js"
164285
- }
164286
- }
164287
- ]
164288
- },
164289
164957
  {
164290
164958
  "kind": "javascript-module",
164291
164959
  "path": "components/overlays/src/utils/is-visible.js",