@sbb-esta/lyne-elements-dev 5.0.0-next.2-dev.1777987469 → 5.0.0-next.2-dev.1777997480

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 (2) hide show
  1. package/custom-elements.json +863 -863
  2. package/package.json +2 -2
package/custom-elements.json CHANGED
@@ -131047,27 +131047,23 @@
131047
131047
  },
131048
131048
  {
131049
131049
  "kind": "javascript-module",
131050
- "path": "menu/menu-button/menu-button.component.js",
131050
+ "path": "menu/menu/menu.component.js",
131051
131051
  "declarations": [
131052
131052
  {
131053
131053
  "kind": "class",
131054
- "description": "It displays a button element that can be used in the `sbb-menu` component.",
131055
- "name": "SbbMenuButtonElement",
131054
+ "description": "It displays a contextual menu with one or more action element.",
131055
+ "name": "SbbMenuElement",
131056
131056
  "cssProperties": [
131057
131057
  {
131058
- "description": "Can be used to modify horizontal padding.",
131059
- "name": "--sbb-menu-action-outer-horizontal-padding",
131060
- "default": "var(--sbb-spacing-fixed-3x)"
131058
+ "description": "To specify a custom stack order, the `z-index` can be overridden by defining this CSS variable. The default `z-index` of the component is set to `var(--sbb-overlay-default-z-index)` with a value of `1000`.",
131059
+ "name": "--sbb-menu-z-index",
131060
+ "default": "var(--sbb-overlay-default-z-index)"
131061
131061
  }
131062
131062
  ],
131063
131063
  "slots": [
131064
131064
  {
131065
- "description": "Use the unnamed slot to add content to the `sbb-menu-button`.",
131065
+ "description": "Use the unnamed slot to add `sbb-menu-button`/`sbb-menu-link` or other elements to the menu.",
131066
131066
  "name": ""
131067
- },
131068
- {
131069
- "description": "Use this slot to provide an icon. If `icon-name` is set, a `sbb-icon` will be used.",
131070
- "name": "icon"
131071
131067
  }
131072
131068
  ],
131073
131069
  "members": [
@@ -131084,13 +131080,13 @@
131084
131080
  "name": "SbbElement",
131085
131081
  "module": "core/base-elements/element.js"
131086
131082
  },
131087
- "default": "'sbb-menu-button'"
131083
+ "default": "'sbb-menu'"
131088
131084
  },
131089
131085
  {
131090
131086
  "kind": "field",
131091
- "name": "role",
131087
+ "name": "elementDependencies",
131092
131088
  "type": {
131093
- "text": "ElementInternals['role']"
131089
+ "text": "SbbElementType[]"
131094
131090
  },
131095
131091
  "privacy": "public",
131096
131092
  "static": true,
@@ -131098,261 +131094,240 @@
131098
131094
  "name": "SbbElement",
131099
131095
  "module": "core/base-elements/element.js"
131100
131096
  },
131101
- "readonly": true,
131102
- "default": "'menuitem'"
131097
+ "default": "[ SbbDividerElement, SbbMenuButtonElement, ]"
131103
131098
  },
131104
131099
  {
131105
131100
  "kind": "field",
131106
- "name": "disabledInteractive",
131101
+ "name": "role",
131107
131102
  "type": {
131108
- "text": "boolean"
131103
+ "text": "string"
131109
131104
  },
131110
131105
  "privacy": "public",
131111
- "default": "false",
131112
- "description": "Whether the button should be aria-disabled but stay interactive.",
131113
- "attribute": "disabled-interactive",
131114
- "reflects": true,
131106
+ "static": true,
131115
131107
  "inheritedFrom": {
131116
- "name": "SbbDisabledInteractiveMixin",
131117
- "module": "core/mixins/disabled-mixin.js"
131118
- }
131108
+ "name": "SbbElement",
131109
+ "module": "core/base-elements/element.js"
131110
+ },
131111
+ "readonly": true,
131112
+ "default": "'menu'"
131119
131113
  },
131120
131114
  {
131121
131115
  "kind": "field",
131122
- "name": "disabled",
131123
- "privacy": "public",
131124
- "description": "Whether the component is disabled.",
131125
- "default": "false",
131116
+ "name": "trigger",
131126
131117
  "type": {
131127
- "text": "boolean"
131118
+ "text": "HTMLElement | null"
131128
131119
  },
131129
- "attribute": "disabled",
131130
- "reflects": true,
131131
- "inheritedFrom": {
131132
- "name": "SbbDisabledMixin",
131133
- "module": "core/mixins/disabled-mixin.js"
131134
- }
131120
+ "privacy": "public",
131121
+ "default": "null",
131122
+ "description": "The element that will trigger the menu overlay.\n\nFor attribute usage, provide an id reference.",
131123
+ "attribute": "trigger"
131135
131124
  },
131136
131125
  {
131137
131126
  "kind": "field",
131138
- "name": "#disabled",
131139
- "privacy": "private",
131127
+ "name": "_menu",
131140
131128
  "type": {
131141
- "text": "boolean"
131129
+ "text": "HTMLDivElement"
131142
131130
  },
131143
- "default": "false",
131144
- "inheritedFrom": {
131145
- "name": "SbbDisabledMixin",
131146
- "module": "core/mixins/disabled-mixin.js"
131147
- }
131131
+ "privacy": "private"
131148
131132
  },
131149
131133
  {
131150
- "kind": "method",
131151
- "name": "isDisabledExternally",
131152
- "privacy": "protected",
131153
- "return": {
131154
- "type": {
131155
- "text": "boolean"
131156
- }
131134
+ "kind": "field",
131135
+ "name": "_triggerElement",
131136
+ "type": {
131137
+ "text": "HTMLElement | null"
131157
131138
  },
131158
- "description": "Will be used as 'or' check to the current disabled state.\nCan e.g. be used to read disabled state of a group.",
131159
- "inheritedFrom": {
131160
- "name": "SbbDisabledMixin",
131161
- "module": "core/mixins/disabled-mixin.js"
131162
- }
131139
+ "privacy": "private",
131140
+ "default": "null"
131163
131141
  },
131164
131142
  {
131165
131143
  "kind": "field",
131166
- "name": "styles",
131144
+ "name": "_triggerAbortController",
131167
131145
  "type": {
131168
- "text": "CSSResultGroup"
131146
+ "text": "AbortController"
131169
131147
  },
131170
- "privacy": "public",
131171
- "static": true,
131172
- "default": "[unsafeCSS(style)]",
131173
- "inheritedFrom": {
131174
- "name": "SbbMenuActionCommonElementMixin",
131175
- "module": "menu/common/menu-action-common.js"
131176
- }
131148
+ "privacy": "private"
131177
131149
  },
131178
131150
  {
131179
- "kind": "method",
131180
- "name": "renderTemplate",
131181
- "privacy": "protected",
131182
- "return": {
131183
- "type": {
131184
- "text": "TemplateResult"
131185
- }
131151
+ "kind": "field",
131152
+ "name": "_isPointerDownEventOnMenu",
131153
+ "type": {
131154
+ "text": "boolean"
131186
131155
  },
131187
- "description": "Override this method to render the component template.",
131188
- "inheritedFrom": {
131189
- "name": "SbbActionBaseElement",
131190
- "module": "core/base-elements/action-base-element.js"
131191
- }
131156
+ "privacy": "private",
131157
+ "default": "false"
131192
131158
  },
131193
131159
  {
131194
131160
  "kind": "field",
131195
- "name": "elementDependencies",
131161
+ "name": "_windowEventsController",
131196
131162
  "type": {
131197
- "text": "SbbElementType[]"
131198
- },
131199
- "privacy": "public",
131200
- "static": true,
131201
- "inheritedFrom": {
131202
- "name": "SbbElement",
131203
- "module": "core/base-elements/element.js"
131163
+ "text": "AbortController"
131204
131164
  },
131205
- "default": "[SbbIconElement]"
131165
+ "privacy": "private"
131206
131166
  },
131207
131167
  {
131208
131168
  "kind": "field",
131209
- "name": "iconName",
131169
+ "name": "_escapableOverlayController",
131170
+ "privacy": "private",
131171
+ "default": "new SbbEscapableOverlayController(this)"
131172
+ },
131173
+ {
131174
+ "kind": "field",
131175
+ "name": "_focusTrapController",
131176
+ "privacy": "private",
131177
+ "default": "new SbbFocusTrapController(this)"
131178
+ },
131179
+ {
131180
+ "kind": "field",
131181
+ "name": "_scrollHandler",
131182
+ "privacy": "private",
131183
+ "default": "new SbbScrollHandler()"
131184
+ },
131185
+ {
131186
+ "kind": "field",
131187
+ "name": "_inertController",
131188
+ "privacy": "private",
131189
+ "default": "new SbbInertController(this)"
131190
+ },
131191
+ {
131192
+ "kind": "field",
131193
+ "name": "_mobileBreakpoint",
131194
+ "privacy": "private",
131195
+ "default": "SbbMediaQueryBreakpointSmallAndBelow"
131196
+ },
131197
+ {
131198
+ "kind": "field",
131199
+ "name": "_mediaMatcher",
131200
+ "privacy": "private",
131201
+ "default": "new SbbMediaMatcherController(this, { [this._mobileBreakpoint]: (matches) => { if (matches && (this.state === 'opening' || this.state === 'opened')) { this._scrollHandler.disableScroll(); } else { this._scrollHandler.enableScroll(); } }, })"
131202
+ },
131203
+ {
131204
+ "kind": "field",
131205
+ "name": "_darkModeController",
131206
+ "privacy": "private",
131207
+ "default": "new SbbDarkModeController(this, () => this._syncNegative())"
131208
+ },
131209
+ {
131210
+ "kind": "field",
131211
+ "name": "_language",
131212
+ "privacy": "private",
131213
+ "default": "new SbbLanguageController(this)"
131214
+ },
131215
+ {
131216
+ "kind": "field",
131217
+ "name": "_nestedMenu",
131210
131218
  "type": {
131211
- "text": "string"
131219
+ "text": "SbbMenuElement | null"
131212
131220
  },
131213
- "privacy": "public",
131214
- "default": "''",
131215
- "description": "The icon name we want to use, choose from the small icon variants\nfrom the ui-icons category from here\nhttps://icons.app.sbb.ch.",
131216
- "attribute": "icon-name",
131217
- "inheritedFrom": {
131218
- "name": "SbbIconNameMixin",
131219
- "module": "icon/icon-name-mixin.js"
131220
- }
131221
+ "privacy": "private",
131222
+ "default": "null"
131221
131223
  },
131222
131224
  {
131223
131225
  "kind": "method",
131224
- "name": "renderIconSlot",
131225
- "privacy": "protected",
131226
+ "name": "escapeStrategy",
131227
+ "privacy": "public",
131226
131228
  "return": {
131227
131229
  "type": {
131228
- "text": "TemplateResult"
131230
+ "text": "void"
131229
131231
  }
131230
131232
  },
131231
- "parameters": [
131232
- {
131233
- "name": "classname",
131234
- "optional": true,
131235
- "type": {
131236
- "text": "string"
131237
- }
131238
- }
131239
- ],
131233
+ "description": "The method which is called on escape key press. Defaults to calling close()",
131240
131234
  "inheritedFrom": {
131241
- "name": "SbbIconNameMixin",
131242
- "module": "icon/icon-name-mixin.js"
131235
+ "name": "SbbOpenCloseBaseElement",
131236
+ "module": "core/base-elements/open-close-base-element.js"
131243
131237
  }
131244
131238
  },
131245
131239
  {
131246
131240
  "kind": "method",
131247
- "name": "renderIconName",
131248
- "privacy": "protected",
131241
+ "name": "open",
131242
+ "privacy": "public",
131249
131243
  "return": {
131250
131244
  "type": {
131251
- "text": "string"
131245
+ "text": "void"
131252
131246
  }
131253
131247
  },
131248
+ "description": "Opens the menu on trigger click.",
131254
131249
  "inheritedFrom": {
131255
- "name": "SbbIconNameMixin",
131256
- "module": "icon/icon-name-mixin.js"
131250
+ "name": "SbbOpenCloseBaseElement",
131251
+ "module": "core/base-elements/open-close-base-element.js"
131257
131252
  }
131258
131253
  },
131259
131254
  {
131260
131255
  "kind": "method",
131261
- "name": "_renderIconName",
131262
- "privacy": "private",
131256
+ "name": "close",
131257
+ "privacy": "public",
131263
131258
  "return": {
131264
131259
  "type": {
131265
- "text": "string"
131260
+ "text": "void"
131266
131261
  }
131267
131262
  },
131263
+ "description": "Closes the menu and all its nested menus.",
131268
131264
  "inheritedFrom": {
131269
- "name": "SbbIconNameMixin",
131270
- "module": "icon/icon-name-mixin.js"
131265
+ "name": "SbbOpenCloseBaseElement",
131266
+ "module": "core/base-elements/open-close-base-element.js"
131271
131267
  }
131272
131268
  },
131273
131269
  {
131274
- "kind": "field",
131275
- "name": "_elementsOnWhichEnterPressTriggersSubmit",
131276
- "type": {
131277
- "text": "array"
131270
+ "kind": "method",
131271
+ "name": "closeAll",
131272
+ "privacy": "public",
131273
+ "return": {
131274
+ "type": {
131275
+ "text": "void"
131276
+ }
131278
131277
  },
131279
- "privacy": "private",
131280
- "readonly": true,
131281
- "default": "[ 'input', 'sbb-date-input', 'sbb-time-input', ]",
131282
- "inheritedFrom": {
131283
- "name": "SbbButtonBaseElement",
131284
- "module": "core/base-elements/button-base-element.js"
131285
- }
131278
+ "description": "Closes the menu and all related menus (nested and parent menus)."
131286
131279
  },
131287
131280
  {
131288
- "kind": "field",
131289
- "name": "value",
131290
- "type": {
131291
- "text": "string"
131292
- },
131293
- "privacy": "public",
131294
- "inheritedFrom": {
131295
- "name": "SbbButtonBaseElement",
131296
- "module": "core/base-elements/button-base-element.js"
131281
+ "kind": "method",
131282
+ "name": "_close",
131283
+ "privacy": "private",
131284
+ "return": {
131285
+ "type": {
131286
+ "text": "void"
131287
+ }
131297
131288
  },
131298
- "default": "''",
131299
- "description": "Value of the form element.",
131300
- "attribute": "value"
131289
+ "parameters": [
131290
+ {
131291
+ "name": "closeAll",
131292
+ "default": "false",
131293
+ "description": "If true, it ensures animations are correct by toggling some states when closing all related menus at once.",
131294
+ "optional": true
131295
+ }
131296
+ ]
131301
131297
  },
131302
131298
  {
131303
- "kind": "field",
131304
- "name": "type",
131305
- "privacy": "public",
131306
- "description": "The type attribute to use for the button.",
131307
- "default": "'button'",
131308
- "type": {
131309
- "text": "SbbButtonType"
131310
- },
131311
- "attribute": "type",
131312
- "inheritedFrom": {
131313
- "name": "SbbButtonBaseElement",
131314
- "module": "core/base-elements/button-base-element.js"
131299
+ "kind": "method",
131300
+ "name": "_isZeroAnimationDuration",
131301
+ "privacy": "private",
131302
+ "return": {
131303
+ "type": {
131304
+ "text": "boolean"
131305
+ }
131315
131306
  }
131316
131307
  },
131317
131308
  {
131318
- "kind": "field",
131319
- "name": "form",
131320
- "type": {
131321
- "text": "HTMLFormElement | null"
131322
- },
131323
- "privacy": "public",
131324
- "description": "The `<form>` element to associate the button with.",
131325
- "inheritedFrom": {
131326
- "name": "SbbButtonBaseElement",
131327
- "module": "core/base-elements/button-base-element.js"
131328
- },
131329
- "attribute": "form"
131330
- },
131331
- {
131332
- "kind": "field",
131333
- "name": "_formId",
131334
- "type": {
131335
- "text": "string"
131336
- },
131309
+ "kind": "method",
131310
+ "name": "_handleOpening",
131337
131311
  "privacy": "private",
131338
- "default": "''",
131339
- "inheritedFrom": {
131340
- "name": "SbbButtonBaseElement",
131341
- "module": "core/base-elements/button-base-element.js"
131312
+ "return": {
131313
+ "type": {
131314
+ "text": "void"
131315
+ }
131342
131316
  }
131343
131317
  },
131344
131318
  {
131345
- "kind": "field",
131346
- "name": "_handleButtonClick",
131319
+ "kind": "method",
131320
+ "name": "_handleClosing",
131347
131321
  "privacy": "private",
131348
- "inheritedFrom": {
131349
- "name": "SbbButtonBaseElement",
131350
- "module": "core/base-elements/button-base-element.js"
131322
+ "return": {
131323
+ "type": {
131324
+ "text": "void"
131325
+ }
131351
131326
  }
131352
131327
  },
131353
131328
  {
131354
131329
  "kind": "method",
131355
- "name": "_requestSubmit",
131330
+ "name": "_handleKeyDown",
131356
131331
  "privacy": "private",
131357
131332
  "return": {
131358
131333
  "type": {
@@ -131361,154 +131336,117 @@
131361
131336
  },
131362
131337
  "parameters": [
131363
131338
  {
131364
- "name": "form",
131339
+ "name": "evt",
131365
131340
  "type": {
131366
- "text": "HTMLFormElement"
131341
+ "text": "KeyboardEvent"
131367
131342
  }
131368
131343
  }
131369
- ],
131370
- "inheritedFrom": {
131371
- "name": "SbbButtonBaseElement",
131372
- "module": "core/base-elements/button-base-element.js"
131373
- }
131344
+ ]
131374
131345
  },
131375
131346
  {
131376
- "kind": "field",
131377
- "name": "_formKeyDown",
131347
+ "kind": "method",
131348
+ "name": "_configureTrigger",
131378
131349
  "privacy": "private",
131379
- "inheritedFrom": {
131380
- "name": "SbbButtonBaseElement",
131381
- "module": "core/base-elements/button-base-element.js"
131350
+ "return": {
131351
+ "type": {
131352
+ "text": "void"
131353
+ }
131382
131354
  }
131383
131355
  },
131384
131356
  {
131385
- "kind": "field",
131386
- "name": "formAssociated",
131387
- "type": {
131388
- "text": "boolean"
131389
- },
131390
- "privacy": "public",
131391
- "static": true,
131392
- "default": "true",
131393
- "inheritedFrom": {
131394
- "name": "SbbFormAssociatedMixin",
131395
- "module": "core/mixins/form-associated-mixin.js"
131357
+ "kind": "method",
131358
+ "name": "_attachWindowEvents",
131359
+ "privacy": "private",
131360
+ "return": {
131361
+ "type": {
131362
+ "text": "void"
131363
+ }
131396
131364
  }
131397
131365
  },
131398
131366
  {
131399
- "kind": "field",
131400
- "name": "name",
131401
- "privacy": "public",
131402
- "description": "Name of the form element. Will be read from name attribute.",
131403
- "type": {
131404
- "text": "string"
131367
+ "kind": "method",
131368
+ "name": "_interactiveElementClick",
131369
+ "privacy": "private",
131370
+ "return": {
131371
+ "type": {
131372
+ "text": "void"
131373
+ }
131405
131374
  },
131406
- "attribute": "name",
131407
- "inheritedFrom": {
131408
- "name": "SbbFormAssociatedMixin",
131409
- "module": "core/mixins/form-associated-mixin.js"
131410
- }
131375
+ "parameters": [
131376
+ {
131377
+ "name": "event",
131378
+ "type": {
131379
+ "text": "Event"
131380
+ }
131381
+ }
131382
+ ]
131411
131383
  },
131412
131384
  {
131413
131385
  "kind": "field",
131414
- "name": "validity",
131415
- "type": {
131416
- "text": "ValidityState"
131417
- },
131418
- "privacy": "public",
131419
- "description": "Returns the ValidityState object for this element.",
131420
- "readonly": true,
131421
- "inheritedFrom": {
131422
- "name": "SbbFormAssociatedMixin",
131423
- "module": "core/mixins/form-associated-mixin.js"
131424
- }
131386
+ "name": "_pointerDownListener",
131387
+ "privacy": "private"
131425
131388
  },
131426
131389
  {
131427
131390
  "kind": "field",
131428
- "name": "validationMessage",
131429
- "type": {
131430
- "text": "string"
131431
- },
131432
- "privacy": "public",
131433
- "description": "Returns the current error message, if available, which corresponds\nto the current validation state.\nPlease note that only one message is returned at a time (e.g. if\nmultiple validity states are invalid, only the chronologically first one\nis returned until it is fixed, at which point the next message might be\nreturned, if it is still applicable). Also, a custom validity message\n(see below) has precedence over native validation messages.",
131434
- "readonly": true,
131435
- "inheritedFrom": {
131436
- "name": "SbbFormAssociatedMixin",
131437
- "module": "core/mixins/form-associated-mixin.js"
131438
- }
131391
+ "name": "_closeOnBackdropClick",
131392
+ "privacy": "private"
131439
131393
  },
131440
131394
  {
131441
- "kind": "field",
131442
- "name": "willValidate",
131443
- "type": {
131444
- "text": "boolean"
131395
+ "kind": "method",
131396
+ "name": "_nestedMenus",
131397
+ "privacy": "private",
131398
+ "return": {
131399
+ "type": {
131400
+ "text": "SbbMenuElement[]"
131401
+ }
131445
131402
  },
131446
- "privacy": "public",
131447
- "description": "Returns true if this element will be validated\nwhen the form is submitted; false otherwise.",
131448
- "readonly": true,
131449
- "inheritedFrom": {
131450
- "name": "SbbFormAssociatedMixin",
131451
- "module": "core/mixins/form-associated-mixin.js"
131452
- }
131403
+ "description": "Converts the linked list into an array of SbbMenuElement."
131453
131404
  },
131454
131405
  {
131455
- "kind": "field",
131456
- "name": "_validityStates",
131406
+ "kind": "method",
131407
+ "name": "_parentMenu",
131457
131408
  "privacy": "private",
131458
- "default": "new Map< keyof ValidityStateFlags, { flagValue: unknown; message: string } >()",
131459
- "inheritedFrom": {
131460
- "name": "SbbFormAssociatedMixin",
131461
- "module": "core/mixins/form-associated-mixin.js"
131409
+ "return": {
131410
+ "type": {
131411
+ "text": "SbbMenuElement | null"
131412
+ }
131462
131413
  }
131463
131414
  },
131464
131415
  {
131465
- "kind": "field",
131466
- "name": "formDisabled",
131467
- "type": {
131468
- "text": "boolean"
131416
+ "kind": "method",
131417
+ "name": "_mainMenu",
131418
+ "privacy": "private",
131419
+ "return": {
131420
+ "type": {
131421
+ "text": "SbbMenuElement"
131422
+ }
131469
131423
  },
131470
- "privacy": "protected",
131471
- "default": "false",
131472
- "description": "Whenever a surrounding form or fieldset is changing its disabled state.",
131473
- "inheritedFrom": {
131474
- "name": "SbbFormAssociatedMixin",
131475
- "module": "core/mixins/form-associated-mixin.js"
131476
- }
131424
+ "description": "The outermost menu."
131477
131425
  },
131478
131426
  {
131479
131427
  "kind": "method",
131480
- "name": "checkValidity",
131481
- "privacy": "public",
131428
+ "name": "_isNested",
131429
+ "privacy": "private",
131482
131430
  "return": {
131483
131431
  "type": {
131484
131432
  "text": "boolean"
131485
131433
  }
131486
- },
131487
- "description": "Returns true if this element has no validity problems; false otherwise.\nFires an invalid event at the element in the latter case.",
131488
- "inheritedFrom": {
131489
- "name": "SbbFormAssociatedMixin",
131490
- "module": "core/mixins/form-associated-mixin.js"
131491
131434
  }
131492
131435
  },
131493
131436
  {
131494
131437
  "kind": "method",
131495
- "name": "reportValidity",
131496
- "privacy": "public",
131438
+ "name": "_updateNestedInert",
131439
+ "privacy": "private",
131497
131440
  "return": {
131498
131441
  "type": {
131499
- "text": "boolean"
131442
+ "text": "void"
131500
131443
  }
131501
- },
131502
- "description": "Returns true if this element has no validity problems; otherwise,\nreturns false, fires an invalid event at the element,\nand (if the event isn't canceled) reports the problem to the user.",
131503
- "inheritedFrom": {
131504
- "name": "SbbFormAssociatedMixin",
131505
- "module": "core/mixins/form-associated-mixin.js"
131506
131444
  }
131507
131445
  },
131508
131446
  {
131509
131447
  "kind": "method",
131510
- "name": "setCustomValidity",
131511
- "privacy": "public",
131448
+ "name": "_handleMouseOver",
131449
+ "privacy": "private",
131512
131450
  "return": {
131513
131451
  "type": {
131514
131452
  "text": "void"
@@ -131516,65 +131454,17 @@
131516
131454
  },
131517
131455
  "parameters": [
131518
131456
  {
131519
- "name": "message",
131457
+ "name": "event",
131520
131458
  "type": {
131521
- "text": "string"
131459
+ "text": "MouseEvent"
131522
131460
  }
131523
131461
  }
131524
- ],
131525
- "description": "Sets the custom validity message for this element. Use the empty string\nto indicate that the element does not have a custom validity error.",
131526
- "inheritedFrom": {
131527
- "name": "SbbFormAssociatedMixin",
131528
- "module": "core/mixins/form-associated-mixin.js"
131529
- }
131462
+ ]
131530
131463
  },
131531
131464
  {
131532
131465
  "kind": "method",
131533
- "name": "_hasDisabledAncestor",
131466
+ "name": "_onMenuAnimationEnd",
131534
131467
  "privacy": "private",
131535
- "return": {
131536
- "type": {
131537
- "text": "boolean"
131538
- }
131539
- },
131540
- "inheritedFrom": {
131541
- "name": "SbbFormAssociatedMixin",
131542
- "module": "core/mixins/form-associated-mixin.js"
131543
- }
131544
- },
131545
- {
131546
- "kind": "method",
131547
- "name": "updateFormValue",
131548
- "privacy": "protected",
131549
- "return": {
131550
- "type": {
131551
- "text": "void"
131552
- }
131553
- },
131554
- "description": "Should be called when form value is changed.\nAdapts and sets the formValue in the supported format (string | FormData | File | null)\nhttps://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/setFormValue",
131555
- "inheritedFrom": {
131556
- "name": "SbbFormAssociatedMixin",
131557
- "module": "core/mixins/form-associated-mixin.js"
131558
- }
131559
- },
131560
- {
131561
- "kind": "method",
131562
- "name": "formState",
131563
- "privacy": "protected",
131564
- "return": {
131565
- "type": {
131566
- "text": "FormRestoreState"
131567
- }
131568
- },
131569
- "inheritedFrom": {
131570
- "name": "SbbFormAssociatedMixin",
131571
- "module": "core/mixins/form-associated-mixin.js"
131572
- }
131573
- },
131574
- {
131575
- "kind": "method",
131576
- "name": "setValidityFlag",
131577
- "privacy": "protected",
131578
131468
  "return": {
131579
131469
  "type": {
131580
131470
  "text": "void"
@@ -131582,194 +131472,152 @@
131582
131472
  },
131583
131473
  "parameters": [
131584
131474
  {
131585
- "name": "flag",
131586
- "type": {
131587
- "text": "T"
131588
- }
131589
- },
131590
- {
131591
- "name": "message",
131592
- "type": {
131593
- "text": "string"
131594
- }
131595
- },
131596
- {
131597
- "name": "flagValue",
131598
- "optional": true,
131475
+ "name": "event",
131599
131476
  "type": {
131600
- "text": "ValidityStateFlags[T]"
131477
+ "text": "AnimationEvent"
131601
131478
  }
131602
131479
  }
131603
- ],
131604
- "description": "Marks this element as suffering from the constraint indicated by the\nflag argument and associates the given message to it.\nNote that only one message is displayed at a time and custom messages by\nconsumers are always displayed before internal messages and internal\nmessages are displayed in the order they were added.\nTo set/define custom validity state flags, you need to extend the\nValidityState prototype (and the CustomValidityState interface).",
131605
- "inheritedFrom": {
131606
- "name": "SbbFormAssociatedMixin",
131607
- "module": "core/mixins/form-associated-mixin.js"
131608
- }
131480
+ ]
131609
131481
  },
131610
131482
  {
131611
131483
  "kind": "method",
131612
- "name": "removeValidityFlag",
131613
- "privacy": "protected",
131484
+ "name": "_setMenuPosition",
131485
+ "privacy": "private",
131614
131486
  "return": {
131615
131487
  "type": {
131616
131488
  "text": "void"
131617
131489
  }
131618
- },
131619
- "parameters": [
131620
- {
131621
- "name": "flag",
131622
- "type": {
131623
- "text": "T"
131624
- }
131625
- }
131626
- ],
131627
- "description": "Removes the validity state flag entry and updates validity state.",
131628
- "inheritedFrom": {
131629
- "name": "SbbFormAssociatedMixin",
131630
- "module": "core/mixins/form-associated-mixin.js"
131631
131490
  }
131632
131491
  },
131633
131492
  {
131634
131493
  "kind": "method",
131635
- "name": "validate",
131636
- "privacy": "protected",
131494
+ "name": "_syncNegative",
131495
+ "privacy": "private",
131637
131496
  "return": {
131638
131497
  "type": {
131639
131498
  "text": "void"
131640
131499
  }
131641
- },
131642
- "description": "To be called whenever the current element needs to be validated.",
131643
- "inheritedFrom": {
131644
- "name": "SbbFormAssociatedMixin",
131645
- "module": "core/mixins/form-associated-mixin.js"
131646
131500
  }
131647
131501
  },
131648
131502
  {
131649
131503
  "kind": "method",
131650
- "name": "shouldValidate",
131651
- "privacy": "protected",
131504
+ "name": "_isMobile",
131505
+ "privacy": "private",
131652
131506
  "return": {
131653
131507
  "type": {
131654
131508
  "text": "boolean"
131655
131509
  }
131656
- },
131657
- "parameters": [
131658
- {
131659
- "name": "name",
131660
- "type": {
131661
- "text": "PropertyKey | undefined"
131662
- }
131663
- }
131664
- ],
131665
- "description": "Whether validation should be run on a property change with the given name.",
131666
- "inheritedFrom": {
131667
- "name": "SbbFormAssociatedMixin",
131668
- "module": "core/mixins/form-associated-mixin.js"
131669
131510
  }
131670
131511
  },
131671
131512
  {
131672
- "kind": "method",
131673
- "name": "_setInternalValidity",
131674
- "privacy": "private",
131675
- "return": {
131676
- "type": {
131677
- "text": "void"
131678
- }
131513
+ "kind": "field",
131514
+ "name": "events",
131515
+ "privacy": "public",
131516
+ "static": true,
131517
+ "readonly": true,
131518
+ "default": "{ beforeopen: 'beforeopen', open: 'open', beforeclose: 'beforeclose', close: 'close', }",
131519
+ "type": {
131520
+ "text": "{\n beforeopen: 'beforeopen',\n open: 'open',\n beforeclose: 'beforeclose',\n close: 'close',\n }"
131679
131521
  },
131680
131522
  "inheritedFrom": {
131681
- "name": "SbbFormAssociatedMixin",
131682
- "module": "core/mixins/form-associated-mixin.js"
131523
+ "name": "SbbOpenCloseBaseElement",
131524
+ "module": "core/base-elements/open-close-base-element.js"
131683
131525
  }
131684
131526
  },
131685
131527
  {
131686
131528
  "kind": "field",
131687
- "name": "_preventScrollOnSpaceKeydown",
131688
- "privacy": "private",
131689
- "description": "Prevents scrolling from pressing Space, when the event target is an action element.\nAlso sets active state.",
131690
- "parameters": [
131691
- {
131692
- "description": "The origin event.",
131693
- "name": "event"
131694
- }
131695
- ],
131529
+ "name": "state",
131530
+ "privacy": "protected",
131531
+ "description": "The state of the component.",
131532
+ "type": {
131533
+ "text": "SbbOpenedClosedState"
131534
+ },
131535
+ "default": "'closed'",
131696
131536
  "inheritedFrom": {
131697
- "name": "SbbButtonLikeBaseElement",
131698
- "module": "core/base-elements/button-base-element.js"
131537
+ "name": "SbbOpenCloseBaseElement",
131538
+ "module": "core/base-elements/open-close-base-element.js"
131699
131539
  }
131700
131540
  },
131701
131541
  {
131702
131542
  "kind": "field",
131703
- "name": "_removeActiveMarker",
131543
+ "name": "_state",
131544
+ "type": {
131545
+ "text": "SbbOpenedClosedState"
131546
+ },
131704
131547
  "privacy": "private",
131705
131548
  "inheritedFrom": {
131706
- "name": "SbbButtonLikeBaseElement",
131707
- "module": "core/base-elements/button-base-element.js"
131549
+ "name": "SbbOpenCloseBaseElement",
131550
+ "module": "core/base-elements/open-close-base-element.js"
131708
131551
  }
131709
131552
  },
131710
131553
  {
131711
131554
  "kind": "field",
131712
- "name": "_dispatchClickEventOnSpaceKeyup",
131713
- "privacy": "private",
131714
- "description": "Dispatches a 'click' PointerEvent if the original keyboard event is a 'Space' press.\nAs verified with the native button, when 'Space' is pressed, a 'click' event is dispatched\nafter the 'keyup' event.",
131715
- "parameters": [
131716
- {
131717
- "description": "The origin event.",
131718
- "name": "event"
131719
- }
131720
- ],
131555
+ "name": "isOpen",
131556
+ "type": {
131557
+ "text": "boolean"
131558
+ },
131559
+ "privacy": "public",
131560
+ "description": "Whether the element is open.",
131561
+ "readonly": true,
131721
131562
  "inheritedFrom": {
131722
- "name": "SbbButtonLikeBaseElement",
131723
- "module": "core/base-elements/button-base-element.js"
131563
+ "name": "SbbOpenCloseBaseElement",
131564
+ "module": "core/base-elements/open-close-base-element.js"
131724
131565
  }
131725
131566
  },
131726
131567
  {
131727
- "kind": "field",
131728
- "name": "_dispatchClickEvent",
131729
- "privacy": "private",
131568
+ "kind": "method",
131569
+ "name": "dispatchBeforeOpenEvent",
131570
+ "privacy": "protected",
131571
+ "return": {
131572
+ "type": {
131573
+ "text": "boolean"
131574
+ }
131575
+ },
131730
131576
  "inheritedFrom": {
131731
- "name": "SbbButtonLikeBaseElement",
131732
- "module": "core/base-elements/button-base-element.js"
131577
+ "name": "SbbOpenCloseBaseElement",
131578
+ "module": "core/base-elements/open-close-base-element.js"
131733
131579
  }
131734
131580
  },
131735
131581
  {
131736
- "kind": "field",
131737
- "name": "maybeDisabled",
131738
- "type": {
131739
- "text": "boolean | undefined"
131740
- },
131582
+ "kind": "method",
131583
+ "name": "dispatchOpenEvent",
131741
131584
  "privacy": "protected",
131742
- "readonly": true,
131585
+ "return": {
131586
+ "type": {
131587
+ "text": "boolean"
131588
+ }
131589
+ },
131743
131590
  "inheritedFrom": {
131744
- "name": "SbbActionBaseElement",
131745
- "module": "core/base-elements/action-base-element.js"
131591
+ "name": "SbbOpenCloseBaseElement",
131592
+ "module": "core/base-elements/open-close-base-element.js"
131746
131593
  }
131747
131594
  },
131748
131595
  {
131749
- "kind": "field",
131750
- "name": "maybeDisabledInteractive",
131751
- "type": {
131752
- "text": "boolean | undefined"
131753
- },
131596
+ "kind": "method",
131597
+ "name": "dispatchBeforeCloseEvent",
131754
131598
  "privacy": "protected",
131755
- "readonly": true,
131599
+ "return": {
131600
+ "type": {
131601
+ "text": "boolean"
131602
+ }
131603
+ },
131756
131604
  "inheritedFrom": {
131757
- "name": "SbbActionBaseElement",
131758
- "module": "core/base-elements/action-base-element.js"
131605
+ "name": "SbbOpenCloseBaseElement",
131606
+ "module": "core/base-elements/open-close-base-element.js"
131759
131607
  }
131760
131608
  },
131761
131609
  {
131762
131610
  "kind": "method",
131763
- "name": "setupBaseEventHandlers",
131611
+ "name": "dispatchCloseEvent",
131764
131612
  "privacy": "protected",
131765
131613
  "return": {
131766
131614
  "type": {
131767
- "text": "void"
131615
+ "text": "boolean"
131768
131616
  }
131769
131617
  },
131770
131618
  "inheritedFrom": {
131771
- "name": "SbbActionBaseElement",
131772
- "module": "core/base-elements/action-base-element.js"
131619
+ "name": "SbbOpenCloseBaseElement",
131620
+ "module": "core/base-elements/open-close-base-element.js"
131773
131621
  }
131774
131622
  },
131775
131623
  {
@@ -132030,110 +131878,66 @@
132030
131878
  }
132031
131879
  }
132032
131880
  ],
132033
- "mixins": [
132034
- {
132035
- "name": "SbbDisabledTabIndexActionMixin",
132036
- "module": "core.js"
132037
- },
131881
+ "attributes": [
132038
131882
  {
132039
- "name": "SbbMenuActionCommonElementMixin",
132040
- "module": "menu/common/menu-action-common.js"
132041
- }
132042
- ],
132043
- "superclass": {
132044
- "name": "SbbButtonBaseElement",
131883
+ "name": "trigger",
131884
+ "type": {
131885
+ "text": "HTMLElement | null"
131886
+ },
131887
+ "default": "null",
131888
+ "description": "The element that will trigger the menu overlay.\n\nFor attribute usage, provide an id reference.",
131889
+ "fieldName": "trigger"
131890
+ }
131891
+ ],
131892
+ "superclass": {
131893
+ "name": "SbbOpenCloseBaseElement",
132045
131894
  "module": "core.js"
132046
131895
  },
132047
- "tagName": "sbb-menu-button",
131896
+ "tagName": "sbb-menu",
132048
131897
  "customElement": true,
132049
- "attributes": [
132050
- {
132051
- "name": "disabled-interactive",
132052
- "type": {
132053
- "text": "boolean"
132054
- },
132055
- "default": "false",
132056
- "description": "Whether the button should be aria-disabled but stay interactive.",
132057
- "fieldName": "disabledInteractive",
132058
- "inheritedFrom": {
132059
- "name": "SbbDisabledInteractiveMixin",
132060
- "module": "core/mixins/disabled-mixin.js"
132061
- }
132062
- },
132063
- {
132064
- "name": "disabled",
132065
- "description": "Whether the component is disabled.",
132066
- "default": "false",
132067
- "type": {
132068
- "text": "boolean"
132069
- },
132070
- "fieldName": "disabled",
132071
- "inheritedFrom": {
132072
- "name": "SbbDisabledMixin",
132073
- "module": "core/mixins/disabled-mixin.js"
132074
- }
132075
- },
132076
- {
132077
- "name": "icon-name",
132078
- "type": {
132079
- "text": "string"
132080
- },
132081
- "default": "''",
132082
- "description": "The icon name we want to use, choose from the small icon variants\nfrom the ui-icons category from here\nhttps://icons.app.sbb.ch.",
132083
- "fieldName": "iconName",
132084
- "inheritedFrom": {
132085
- "name": "SbbIconNameMixin",
132086
- "module": "icon/icon-name-mixin.js"
132087
- }
132088
- },
131898
+ "events": [
132089
131899
  {
132090
- "name": "value",
131900
+ "name": "beforeopen",
132091
131901
  "type": {
132092
- "text": "string"
131902
+ "text": "Event"
132093
131903
  },
132094
- "default": "''",
132095
- "description": "Value of the form element.",
132096
- "fieldName": "value",
131904
+ "description": "Emits whenever the component starts the opening transition. Can be canceled.",
132097
131905
  "inheritedFrom": {
132098
- "name": "SbbButtonBaseElement",
132099
- "module": "core/base-elements/button-base-element.js"
131906
+ "name": "SbbOpenCloseBaseElement",
131907
+ "module": "core/base-elements/open-close-base-element.js"
132100
131908
  }
132101
131909
  },
132102
131910
  {
132103
- "name": "type",
132104
- "description": "The type attribute to use for the button.",
132105
- "default": "'button'",
131911
+ "name": "open",
132106
131912
  "type": {
132107
- "text": "SbbButtonType"
131913
+ "text": "Event"
132108
131914
  },
132109
- "fieldName": "type",
131915
+ "description": "Emits whenever the component is opened.",
132110
131916
  "inheritedFrom": {
132111
- "name": "SbbButtonBaseElement",
132112
- "module": "core/base-elements/button-base-element.js"
131917
+ "name": "SbbOpenCloseBaseElement",
131918
+ "module": "core/base-elements/open-close-base-element.js"
132113
131919
  }
132114
131920
  },
132115
131921
  {
132116
- "name": "form",
132117
- "description": "The `<form>` element to associate the button with.",
131922
+ "name": "beforeclose",
132118
131923
  "type": {
132119
- "text": "HTMLFormElement | null"
131924
+ "text": "Event"
132120
131925
  },
132121
- "fieldName": "form",
131926
+ "description": "Emits whenever the component begins the closing transition. Can be canceled.",
132122
131927
  "inheritedFrom": {
132123
- "name": "SbbButtonBaseElement",
132124
- "module": "core/base-elements/button-base-element.js"
131928
+ "name": "SbbOpenCloseBaseElement",
131929
+ "module": "core/base-elements/open-close-base-element.js"
132125
131930
  }
132126
131931
  },
132127
131932
  {
132128
- "name": "name",
132129
- "description": "Name of the form element. Will be read from name attribute.",
131933
+ "name": "close",
132130
131934
  "type": {
132131
- "text": "string"
131935
+ "text": "Event"
132132
131936
  },
132133
- "fieldName": "name",
131937
+ "description": "Emits whenever the component is closed.",
132134
131938
  "inheritedFrom": {
132135
- "name": "SbbFormAssociatedMixin",
132136
- "module": "core/mixins/form-associated-mixin.js"
131939
+ "name": "SbbOpenCloseBaseElement",
131940
+ "module": "core/base-elements/open-close-base-element.js"
132137
131941
  }
132138
131942
  }
132139
131943
  ]
@@ -132142,33 +131946,37 @@
132142
131946
  "exports": [
132143
131947
  {
132144
131948
  "kind": "js",
132145
- "name": "SbbMenuButtonElement",
131949
+ "name": "SbbMenuElement",
132146
131950
  "declaration": {
132147
- "name": "SbbMenuButtonElement",
132148
- "module": "menu/menu-button/menu-button.component.js"
131951
+ "name": "SbbMenuElement",
131952
+ "module": "menu/menu/menu.component.js"
132149
131953
  }
132150
131954
  }
132151
131955
  ]
132152
131956
  },
132153
131957
  {
132154
131958
  "kind": "javascript-module",
132155
- "path": "menu/menu/menu.component.js",
131959
+ "path": "menu/menu-button/menu-button.component.js",
132156
131960
  "declarations": [
132157
131961
  {
132158
131962
  "kind": "class",
132159
- "description": "It displays a contextual menu with one or more action element.",
132160
- "name": "SbbMenuElement",
131963
+ "description": "It displays a button element that can be used in the `sbb-menu` component.",
131964
+ "name": "SbbMenuButtonElement",
132161
131965
  "cssProperties": [
132162
131966
  {
132163
- "description": "To specify a custom stack order, the `z-index` can be overridden by defining this CSS variable. The default `z-index` of the component is set to `var(--sbb-overlay-default-z-index)` with a value of `1000`.",
132164
- "name": "--sbb-menu-z-index",
132165
- "default": "var(--sbb-overlay-default-z-index)"
131967
+ "description": "Can be used to modify horizontal padding.",
131968
+ "name": "--sbb-menu-action-outer-horizontal-padding",
131969
+ "default": "var(--sbb-spacing-fixed-3x)"
132166
131970
  }
132167
131971
  ],
132168
131972
  "slots": [
132169
131973
  {
132170
- "description": "Use the unnamed slot to add `sbb-menu-button`/`sbb-menu-link` or other elements to the menu.",
131974
+ "description": "Use the unnamed slot to add content to the `sbb-menu-button`.",
132171
131975
  "name": ""
131976
+ },
131977
+ {
131978
+ "description": "Use this slot to provide an icon. If `icon-name` is set, a `sbb-icon` will be used.",
131979
+ "name": "icon"
132172
131980
  }
132173
131981
  ],
132174
131982
  "members": [
@@ -132185,13 +131993,13 @@
132185
131993
  "name": "SbbElement",
132186
131994
  "module": "core/base-elements/element.js"
132187
131995
  },
132188
- "default": "'sbb-menu'"
131996
+ "default": "'sbb-menu-button'"
132189
131997
  },
132190
131998
  {
132191
131999
  "kind": "field",
132192
- "name": "elementDependencies",
132000
+ "name": "role",
132193
132001
  "type": {
132194
- "text": "SbbElementType[]"
132002
+ "text": "ElementInternals['role']"
132195
132003
  },
132196
132004
  "privacy": "public",
132197
132005
  "static": true,
@@ -132199,240 +132007,261 @@
132199
132007
  "name": "SbbElement",
132200
132008
  "module": "core/base-elements/element.js"
132201
132009
  },
132202
- "default": "[ SbbDividerElement, SbbMenuButtonElement, ]"
132010
+ "readonly": true,
132011
+ "default": "'menuitem'"
132203
132012
  },
132204
132013
  {
132205
132014
  "kind": "field",
132206
- "name": "role",
132015
+ "name": "disabledInteractive",
132207
132016
  "type": {
132208
- "text": "string"
132017
+ "text": "boolean"
132209
132018
  },
132210
132019
  "privacy": "public",
132211
- "static": true,
132020
+ "default": "false",
132021
+ "description": "Whether the button should be aria-disabled but stay interactive.",
132022
+ "attribute": "disabled-interactive",
132023
+ "reflects": true,
132212
132024
  "inheritedFrom": {
132213
- "name": "SbbElement",
132214
- "module": "core/base-elements/element.js"
132215
- },
132216
- "readonly": true,
132217
- "default": "'menu'"
132025
+ "name": "SbbDisabledInteractiveMixin",
132026
+ "module": "core/mixins/disabled-mixin.js"
132027
+ }
132218
132028
  },
132219
132029
  {
132220
132030
  "kind": "field",
132221
- "name": "trigger",
132031
+ "name": "disabled",
132032
+ "privacy": "public",
132033
+ "description": "Whether the component is disabled.",
132034
+ "default": "false",
132222
132035
  "type": {
132223
- "text": "HTMLElement | null"
132036
+ "text": "boolean"
132224
132037
  },
132225
- "privacy": "public",
132226
- "default": "null",
132227
- "description": "The element that will trigger the menu overlay.\n\nFor attribute usage, provide an id reference.",
132228
- "attribute": "trigger"
132038
+ "attribute": "disabled",
132039
+ "reflects": true,
132040
+ "inheritedFrom": {
132041
+ "name": "SbbDisabledMixin",
132042
+ "module": "core/mixins/disabled-mixin.js"
132043
+ }
132229
132044
  },
132230
132045
  {
132231
132046
  "kind": "field",
132232
- "name": "_menu",
132047
+ "name": "#disabled",
132048
+ "privacy": "private",
132233
132049
  "type": {
132234
- "text": "HTMLDivElement"
132050
+ "text": "boolean"
132235
132051
  },
132236
- "privacy": "private"
132052
+ "default": "false",
132053
+ "inheritedFrom": {
132054
+ "name": "SbbDisabledMixin",
132055
+ "module": "core/mixins/disabled-mixin.js"
132056
+ }
132237
132057
  },
132238
132058
  {
132239
- "kind": "field",
132240
- "name": "_triggerElement",
132241
- "type": {
132242
- "text": "HTMLElement | null"
132059
+ "kind": "method",
132060
+ "name": "isDisabledExternally",
132061
+ "privacy": "protected",
132062
+ "return": {
132063
+ "type": {
132064
+ "text": "boolean"
132065
+ }
132243
132066
  },
132244
- "privacy": "private",
132245
- "default": "null"
132067
+ "description": "Will be used as 'or' check to the current disabled state.\nCan e.g. be used to read disabled state of a group.",
132068
+ "inheritedFrom": {
132069
+ "name": "SbbDisabledMixin",
132070
+ "module": "core/mixins/disabled-mixin.js"
132071
+ }
132246
132072
  },
132247
132073
  {
132248
132074
  "kind": "field",
132249
- "name": "_triggerAbortController",
132075
+ "name": "styles",
132250
132076
  "type": {
132251
- "text": "AbortController"
132077
+ "text": "CSSResultGroup"
132252
132078
  },
132253
- "privacy": "private"
132079
+ "privacy": "public",
132080
+ "static": true,
132081
+ "default": "[unsafeCSS(style)]",
132082
+ "inheritedFrom": {
132083
+ "name": "SbbMenuActionCommonElementMixin",
132084
+ "module": "menu/common/menu-action-common.js"
132085
+ }
132254
132086
  },
132255
132087
  {
132256
- "kind": "field",
132257
- "name": "_isPointerDownEventOnMenu",
132258
- "type": {
132259
- "text": "boolean"
132088
+ "kind": "method",
132089
+ "name": "renderTemplate",
132090
+ "privacy": "protected",
132091
+ "return": {
132092
+ "type": {
132093
+ "text": "TemplateResult"
132094
+ }
132260
132095
  },
132261
- "privacy": "private",
132262
- "default": "false"
132096
+ "description": "Override this method to render the component template.",
132097
+ "inheritedFrom": {
132098
+ "name": "SbbActionBaseElement",
132099
+ "module": "core/base-elements/action-base-element.js"
132100
+ }
132263
132101
  },
132264
132102
  {
132265
132103
  "kind": "field",
132266
- "name": "_windowEventsController",
132104
+ "name": "elementDependencies",
132267
132105
  "type": {
132268
- "text": "AbortController"
132106
+ "text": "SbbElementType[]"
132269
132107
  },
132270
- "privacy": "private"
132271
- },
132272
- {
132273
- "kind": "field",
132274
- "name": "_escapableOverlayController",
132275
- "privacy": "private",
132276
- "default": "new SbbEscapableOverlayController(this)"
132277
- },
132278
- {
132279
- "kind": "field",
132280
- "name": "_focusTrapController",
132281
- "privacy": "private",
132282
- "default": "new SbbFocusTrapController(this)"
132283
- },
132284
- {
132285
- "kind": "field",
132286
- "name": "_scrollHandler",
132287
- "privacy": "private",
132288
- "default": "new SbbScrollHandler()"
132289
- },
132290
- {
132291
- "kind": "field",
132292
- "name": "_inertController",
132293
- "privacy": "private",
132294
- "default": "new SbbInertController(this)"
132295
- },
132296
- {
132297
- "kind": "field",
132298
- "name": "_mobileBreakpoint",
132299
- "privacy": "private",
132300
- "default": "SbbMediaQueryBreakpointSmallAndBelow"
132301
- },
132302
- {
132303
- "kind": "field",
132304
- "name": "_mediaMatcher",
132305
- "privacy": "private",
132306
- "default": "new SbbMediaMatcherController(this, { [this._mobileBreakpoint]: (matches) => { if (matches && (this.state === 'opening' || this.state === 'opened')) { this._scrollHandler.disableScroll(); } else { this._scrollHandler.enableScroll(); } }, })"
132307
- },
132308
- {
132309
- "kind": "field",
132310
- "name": "_darkModeController",
132311
- "privacy": "private",
132312
- "default": "new SbbDarkModeController(this, () => this._syncNegative())"
132313
- },
132314
- {
132315
- "kind": "field",
132316
- "name": "_language",
132317
- "privacy": "private",
132318
- "default": "new SbbLanguageController(this)"
132108
+ "privacy": "public",
132109
+ "static": true,
132110
+ "inheritedFrom": {
132111
+ "name": "SbbElement",
132112
+ "module": "core/base-elements/element.js"
132113
+ },
132114
+ "default": "[SbbIconElement]"
132319
132115
  },
132320
132116
  {
132321
132117
  "kind": "field",
132322
- "name": "_nestedMenu",
132118
+ "name": "iconName",
132323
132119
  "type": {
132324
- "text": "SbbMenuElement | null"
132120
+ "text": "string"
132325
132121
  },
132326
- "privacy": "private",
132327
- "default": "null"
132122
+ "privacy": "public",
132123
+ "default": "''",
132124
+ "description": "The icon name we want to use, choose from the small icon variants\nfrom the ui-icons category from here\nhttps://icons.app.sbb.ch.",
132125
+ "attribute": "icon-name",
132126
+ "inheritedFrom": {
132127
+ "name": "SbbIconNameMixin",
132128
+ "module": "icon/icon-name-mixin.js"
132129
+ }
132328
132130
  },
132329
132131
  {
132330
132132
  "kind": "method",
132331
- "name": "escapeStrategy",
132332
- "privacy": "public",
132133
+ "name": "renderIconSlot",
132134
+ "privacy": "protected",
132333
132135
  "return": {
132334
132136
  "type": {
132335
- "text": "void"
132137
+ "text": "TemplateResult"
132336
132138
  }
132337
132139
  },
132338
- "description": "The method which is called on escape key press. Defaults to calling close()",
132140
+ "parameters": [
132141
+ {
132142
+ "name": "classname",
132143
+ "optional": true,
132144
+ "type": {
132145
+ "text": "string"
132146
+ }
132147
+ }
132148
+ ],
132339
132149
  "inheritedFrom": {
132340
- "name": "SbbOpenCloseBaseElement",
132341
- "module": "core/base-elements/open-close-base-element.js"
132150
+ "name": "SbbIconNameMixin",
132151
+ "module": "icon/icon-name-mixin.js"
132342
132152
  }
132343
132153
  },
132344
132154
  {
132345
132155
  "kind": "method",
132346
- "name": "open",
132347
- "privacy": "public",
132156
+ "name": "renderIconName",
132157
+ "privacy": "protected",
132348
132158
  "return": {
132349
132159
  "type": {
132350
- "text": "void"
132160
+ "text": "string"
132351
132161
  }
132352
132162
  },
132353
- "description": "Opens the menu on trigger click.",
132354
132163
  "inheritedFrom": {
132355
- "name": "SbbOpenCloseBaseElement",
132356
- "module": "core/base-elements/open-close-base-element.js"
132164
+ "name": "SbbIconNameMixin",
132165
+ "module": "icon/icon-name-mixin.js"
132357
132166
  }
132358
132167
  },
132359
132168
  {
132360
132169
  "kind": "method",
132361
- "name": "close",
132362
- "privacy": "public",
132170
+ "name": "_renderIconName",
132171
+ "privacy": "private",
132363
132172
  "return": {
132364
132173
  "type": {
132365
- "text": "void"
132174
+ "text": "string"
132366
132175
  }
132367
132176
  },
132368
- "description": "Closes the menu and all its nested menus.",
132369
132177
  "inheritedFrom": {
132370
- "name": "SbbOpenCloseBaseElement",
132371
- "module": "core/base-elements/open-close-base-element.js"
132178
+ "name": "SbbIconNameMixin",
132179
+ "module": "icon/icon-name-mixin.js"
132372
132180
  }
132373
132181
  },
132374
132182
  {
132375
- "kind": "method",
132376
- "name": "closeAll",
132377
- "privacy": "public",
132378
- "return": {
132379
- "type": {
132380
- "text": "void"
132381
- }
132183
+ "kind": "field",
132184
+ "name": "_elementsOnWhichEnterPressTriggersSubmit",
132185
+ "type": {
132186
+ "text": "array"
132382
132187
  },
132383
- "description": "Closes the menu and all related menus (nested and parent menus)."
132188
+ "privacy": "private",
132189
+ "readonly": true,
132190
+ "default": "[ 'input', 'sbb-date-input', 'sbb-time-input', ]",
132191
+ "inheritedFrom": {
132192
+ "name": "SbbButtonBaseElement",
132193
+ "module": "core/base-elements/button-base-element.js"
132194
+ }
132384
132195
  },
132385
132196
  {
132386
- "kind": "method",
132387
- "name": "_close",
132388
- "privacy": "private",
132389
- "return": {
132390
- "type": {
132391
- "text": "void"
132392
- }
132197
+ "kind": "field",
132198
+ "name": "value",
132199
+ "type": {
132200
+ "text": "string"
132393
132201
  },
132394
- "parameters": [
132395
- {
132396
- "name": "closeAll",
132397
- "default": "false",
132398
- "description": "If true, it ensures animations are correct by toggling some states when closing all related menus at once.",
132399
- "optional": true
132400
- }
132401
- ]
132202
+ "privacy": "public",
132203
+ "inheritedFrom": {
132204
+ "name": "SbbButtonBaseElement",
132205
+ "module": "core/base-elements/button-base-element.js"
132206
+ },
132207
+ "default": "''",
132208
+ "description": "Value of the form element.",
132209
+ "attribute": "value"
132402
132210
  },
132403
132211
  {
132404
- "kind": "method",
132405
- "name": "_isZeroAnimationDuration",
132406
- "privacy": "private",
132407
- "return": {
132408
- "type": {
132409
- "text": "boolean"
132410
- }
132212
+ "kind": "field",
132213
+ "name": "type",
132214
+ "privacy": "public",
132215
+ "description": "The type attribute to use for the button.",
132216
+ "default": "'button'",
132217
+ "type": {
132218
+ "text": "SbbButtonType"
132219
+ },
132220
+ "attribute": "type",
132221
+ "inheritedFrom": {
132222
+ "name": "SbbButtonBaseElement",
132223
+ "module": "core/base-elements/button-base-element.js"
132411
132224
  }
132412
132225
  },
132413
132226
  {
132414
- "kind": "method",
132415
- "name": "_handleOpening",
132227
+ "kind": "field",
132228
+ "name": "form",
132229
+ "type": {
132230
+ "text": "HTMLFormElement | null"
132231
+ },
132232
+ "privacy": "public",
132233
+ "description": "The `<form>` element to associate the button with.",
132234
+ "inheritedFrom": {
132235
+ "name": "SbbButtonBaseElement",
132236
+ "module": "core/base-elements/button-base-element.js"
132237
+ },
132238
+ "attribute": "form"
132239
+ },
132240
+ {
132241
+ "kind": "field",
132242
+ "name": "_formId",
132243
+ "type": {
132244
+ "text": "string"
132245
+ },
132416
132246
  "privacy": "private",
132417
- "return": {
132418
- "type": {
132419
- "text": "void"
132420
- }
132247
+ "default": "''",
132248
+ "inheritedFrom": {
132249
+ "name": "SbbButtonBaseElement",
132250
+ "module": "core/base-elements/button-base-element.js"
132421
132251
  }
132422
132252
  },
132423
132253
  {
132424
- "kind": "method",
132425
- "name": "_handleClosing",
132254
+ "kind": "field",
132255
+ "name": "_handleButtonClick",
132426
132256
  "privacy": "private",
132427
- "return": {
132428
- "type": {
132429
- "text": "void"
132430
- }
132257
+ "inheritedFrom": {
132258
+ "name": "SbbButtonBaseElement",
132259
+ "module": "core/base-elements/button-base-element.js"
132431
132260
  }
132432
132261
  },
132433
132262
  {
132434
132263
  "kind": "method",
132435
- "name": "_handleKeyDown",
132264
+ "name": "_requestSubmit",
132436
132265
  "privacy": "private",
132437
132266
  "return": {
132438
132267
  "type": {
@@ -132441,117 +132270,220 @@
132441
132270
  },
132442
132271
  "parameters": [
132443
132272
  {
132444
- "name": "evt",
132273
+ "name": "form",
132445
132274
  "type": {
132446
- "text": "KeyboardEvent"
132275
+ "text": "HTMLFormElement"
132447
132276
  }
132448
132277
  }
132449
- ]
132278
+ ],
132279
+ "inheritedFrom": {
132280
+ "name": "SbbButtonBaseElement",
132281
+ "module": "core/base-elements/button-base-element.js"
132282
+ }
132450
132283
  },
132451
132284
  {
132452
- "kind": "method",
132453
- "name": "_configureTrigger",
132285
+ "kind": "field",
132286
+ "name": "_formKeyDown",
132454
132287
  "privacy": "private",
132455
- "return": {
132456
- "type": {
132457
- "text": "void"
132458
- }
132288
+ "inheritedFrom": {
132289
+ "name": "SbbButtonBaseElement",
132290
+ "module": "core/base-elements/button-base-element.js"
132459
132291
  }
132460
132292
  },
132461
132293
  {
132462
- "kind": "method",
132463
- "name": "_attachWindowEvents",
132464
- "privacy": "private",
132465
- "return": {
132466
- "type": {
132467
- "text": "void"
132468
- }
132294
+ "kind": "field",
132295
+ "name": "formAssociated",
132296
+ "type": {
132297
+ "text": "boolean"
132298
+ },
132299
+ "privacy": "public",
132300
+ "static": true,
132301
+ "default": "true",
132302
+ "inheritedFrom": {
132303
+ "name": "SbbFormAssociatedMixin",
132304
+ "module": "core/mixins/form-associated-mixin.js"
132469
132305
  }
132470
132306
  },
132471
132307
  {
132472
- "kind": "method",
132473
- "name": "_interactiveElementClick",
132474
- "privacy": "private",
132475
- "return": {
132476
- "type": {
132477
- "text": "void"
132478
- }
132308
+ "kind": "field",
132309
+ "name": "name",
132310
+ "privacy": "public",
132311
+ "description": "Name of the form element. Will be read from name attribute.",
132312
+ "type": {
132313
+ "text": "string"
132479
132314
  },
132480
- "parameters": [
132481
- {
132482
- "name": "event",
132483
- "type": {
132484
- "text": "Event"
132485
- }
132486
- }
132487
- ]
132315
+ "attribute": "name",
132316
+ "inheritedFrom": {
132317
+ "name": "SbbFormAssociatedMixin",
132318
+ "module": "core/mixins/form-associated-mixin.js"
132319
+ }
132488
132320
  },
132489
132321
  {
132490
132322
  "kind": "field",
132491
- "name": "_pointerDownListener",
132492
- "privacy": "private"
132323
+ "name": "validity",
132324
+ "type": {
132325
+ "text": "ValidityState"
132326
+ },
132327
+ "privacy": "public",
132328
+ "description": "Returns the ValidityState object for this element.",
132329
+ "readonly": true,
132330
+ "inheritedFrom": {
132331
+ "name": "SbbFormAssociatedMixin",
132332
+ "module": "core/mixins/form-associated-mixin.js"
132333
+ }
132493
132334
  },
132494
132335
  {
132495
132336
  "kind": "field",
132496
- "name": "_closeOnBackdropClick",
132497
- "privacy": "private"
132337
+ "name": "validationMessage",
132338
+ "type": {
132339
+ "text": "string"
132340
+ },
132341
+ "privacy": "public",
132342
+ "description": "Returns the current error message, if available, which corresponds\nto the current validation state.\nPlease note that only one message is returned at a time (e.g. if\nmultiple validity states are invalid, only the chronologically first one\nis returned until it is fixed, at which point the next message might be\nreturned, if it is still applicable). Also, a custom validity message\n(see below) has precedence over native validation messages.",
132343
+ "readonly": true,
132344
+ "inheritedFrom": {
132345
+ "name": "SbbFormAssociatedMixin",
132346
+ "module": "core/mixins/form-associated-mixin.js"
132347
+ }
132498
132348
  },
132499
132349
  {
132500
- "kind": "method",
132501
- "name": "_nestedMenus",
132350
+ "kind": "field",
132351
+ "name": "willValidate",
132352
+ "type": {
132353
+ "text": "boolean"
132354
+ },
132355
+ "privacy": "public",
132356
+ "description": "Returns true if this element will be validated\nwhen the form is submitted; false otherwise.",
132357
+ "readonly": true,
132358
+ "inheritedFrom": {
132359
+ "name": "SbbFormAssociatedMixin",
132360
+ "module": "core/mixins/form-associated-mixin.js"
132361
+ }
132362
+ },
132363
+ {
132364
+ "kind": "field",
132365
+ "name": "_validityStates",
132502
132366
  "privacy": "private",
132367
+ "default": "new Map< keyof ValidityStateFlags, { flagValue: unknown; message: string } >()",
132368
+ "inheritedFrom": {
132369
+ "name": "SbbFormAssociatedMixin",
132370
+ "module": "core/mixins/form-associated-mixin.js"
132371
+ }
132372
+ },
132373
+ {
132374
+ "kind": "field",
132375
+ "name": "formDisabled",
132376
+ "type": {
132377
+ "text": "boolean"
132378
+ },
132379
+ "privacy": "protected",
132380
+ "default": "false",
132381
+ "description": "Whenever a surrounding form or fieldset is changing its disabled state.",
132382
+ "inheritedFrom": {
132383
+ "name": "SbbFormAssociatedMixin",
132384
+ "module": "core/mixins/form-associated-mixin.js"
132385
+ }
132386
+ },
132387
+ {
132388
+ "kind": "method",
132389
+ "name": "checkValidity",
132390
+ "privacy": "public",
132503
132391
  "return": {
132504
132392
  "type": {
132505
- "text": "SbbMenuElement[]"
132393
+ "text": "boolean"
132506
132394
  }
132507
132395
  },
132508
- "description": "Converts the linked list into an array of SbbMenuElement."
132396
+ "description": "Returns true if this element has no validity problems; false otherwise.\nFires an invalid event at the element in the latter case.",
132397
+ "inheritedFrom": {
132398
+ "name": "SbbFormAssociatedMixin",
132399
+ "module": "core/mixins/form-associated-mixin.js"
132400
+ }
132509
132401
  },
132510
132402
  {
132511
132403
  "kind": "method",
132512
- "name": "_parentMenu",
132513
- "privacy": "private",
132404
+ "name": "reportValidity",
132405
+ "privacy": "public",
132514
132406
  "return": {
132515
132407
  "type": {
132516
- "text": "SbbMenuElement | null"
132408
+ "text": "boolean"
132517
132409
  }
132410
+ },
132411
+ "description": "Returns true if this element has no validity problems; otherwise,\nreturns false, fires an invalid event at the element,\nand (if the event isn't canceled) reports the problem to the user.",
132412
+ "inheritedFrom": {
132413
+ "name": "SbbFormAssociatedMixin",
132414
+ "module": "core/mixins/form-associated-mixin.js"
132518
132415
  }
132519
132416
  },
132520
132417
  {
132521
132418
  "kind": "method",
132522
- "name": "_mainMenu",
132523
- "privacy": "private",
132419
+ "name": "setCustomValidity",
132420
+ "privacy": "public",
132524
132421
  "return": {
132525
132422
  "type": {
132526
- "text": "SbbMenuElement"
132423
+ "text": "void"
132527
132424
  }
132528
132425
  },
132529
- "description": "The outermost menu."
132426
+ "parameters": [
132427
+ {
132428
+ "name": "message",
132429
+ "type": {
132430
+ "text": "string"
132431
+ }
132432
+ }
132433
+ ],
132434
+ "description": "Sets the custom validity message for this element. Use the empty string\nto indicate that the element does not have a custom validity error.",
132435
+ "inheritedFrom": {
132436
+ "name": "SbbFormAssociatedMixin",
132437
+ "module": "core/mixins/form-associated-mixin.js"
132438
+ }
132530
132439
  },
132531
132440
  {
132532
132441
  "kind": "method",
132533
- "name": "_isNested",
132442
+ "name": "_hasDisabledAncestor",
132534
132443
  "privacy": "private",
132535
132444
  "return": {
132536
132445
  "type": {
132537
132446
  "text": "boolean"
132538
132447
  }
132448
+ },
132449
+ "inheritedFrom": {
132450
+ "name": "SbbFormAssociatedMixin",
132451
+ "module": "core/mixins/form-associated-mixin.js"
132539
132452
  }
132540
132453
  },
132541
132454
  {
132542
132455
  "kind": "method",
132543
- "name": "_updateNestedInert",
132544
- "privacy": "private",
132456
+ "name": "updateFormValue",
132457
+ "privacy": "protected",
132545
132458
  "return": {
132546
132459
  "type": {
132547
132460
  "text": "void"
132548
132461
  }
132462
+ },
132463
+ "description": "Should be called when form value is changed.\nAdapts and sets the formValue in the supported format (string | FormData | File | null)\nhttps://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/setFormValue",
132464
+ "inheritedFrom": {
132465
+ "name": "SbbFormAssociatedMixin",
132466
+ "module": "core/mixins/form-associated-mixin.js"
132549
132467
  }
132550
132468
  },
132551
132469
  {
132552
132470
  "kind": "method",
132553
- "name": "_handleMouseOver",
132554
- "privacy": "private",
132471
+ "name": "formState",
132472
+ "privacy": "protected",
132473
+ "return": {
132474
+ "type": {
132475
+ "text": "FormRestoreState"
132476
+ }
132477
+ },
132478
+ "inheritedFrom": {
132479
+ "name": "SbbFormAssociatedMixin",
132480
+ "module": "core/mixins/form-associated-mixin.js"
132481
+ }
132482
+ },
132483
+ {
132484
+ "kind": "method",
132485
+ "name": "setValidityFlag",
132486
+ "privacy": "protected",
132555
132487
  "return": {
132556
132488
  "type": {
132557
132489
  "text": "void"
@@ -132559,17 +132491,35 @@
132559
132491
  },
132560
132492
  "parameters": [
132561
132493
  {
132562
- "name": "event",
132494
+ "name": "flag",
132563
132495
  "type": {
132564
- "text": "MouseEvent"
132496
+ "text": "T"
132497
+ }
132498
+ },
132499
+ {
132500
+ "name": "message",
132501
+ "type": {
132502
+ "text": "string"
132503
+ }
132504
+ },
132505
+ {
132506
+ "name": "flagValue",
132507
+ "optional": true,
132508
+ "type": {
132509
+ "text": "ValidityStateFlags[T]"
132565
132510
  }
132566
132511
  }
132567
- ]
132512
+ ],
132513
+ "description": "Marks this element as suffering from the constraint indicated by the\nflag argument and associates the given message to it.\nNote that only one message is displayed at a time and custom messages by\nconsumers are always displayed before internal messages and internal\nmessages are displayed in the order they were added.\nTo set/define custom validity state flags, you need to extend the\nValidityState prototype (and the CustomValidityState interface).",
132514
+ "inheritedFrom": {
132515
+ "name": "SbbFormAssociatedMixin",
132516
+ "module": "core/mixins/form-associated-mixin.js"
132517
+ }
132568
132518
  },
132569
132519
  {
132570
132520
  "kind": "method",
132571
- "name": "_onMenuAnimationEnd",
132572
- "privacy": "private",
132521
+ "name": "removeValidityFlag",
132522
+ "privacy": "protected",
132573
132523
  "return": {
132574
132524
  "type": {
132575
132525
  "text": "void"
@@ -132577,152 +132527,158 @@
132577
132527
  },
132578
132528
  "parameters": [
132579
132529
  {
132580
- "name": "event",
132530
+ "name": "flag",
132581
132531
  "type": {
132582
- "text": "AnimationEvent"
132532
+ "text": "T"
132583
132533
  }
132584
132534
  }
132585
- ]
132535
+ ],
132536
+ "description": "Removes the validity state flag entry and updates validity state.",
132537
+ "inheritedFrom": {
132538
+ "name": "SbbFormAssociatedMixin",
132539
+ "module": "core/mixins/form-associated-mixin.js"
132540
+ }
132586
132541
  },
132587
132542
  {
132588
132543
  "kind": "method",
132589
- "name": "_setMenuPosition",
132590
- "privacy": "private",
132544
+ "name": "validate",
132545
+ "privacy": "protected",
132591
132546
  "return": {
132592
132547
  "type": {
132593
132548
  "text": "void"
132594
132549
  }
132550
+ },
132551
+ "description": "To be called whenever the current element needs to be validated.",
132552
+ "inheritedFrom": {
132553
+ "name": "SbbFormAssociatedMixin",
132554
+ "module": "core/mixins/form-associated-mixin.js"
132595
132555
  }
132596
132556
  },
132597
132557
  {
132598
132558
  "kind": "method",
132599
- "name": "_syncNegative",
132600
- "privacy": "private",
132559
+ "name": "shouldValidate",
132560
+ "privacy": "protected",
132601
132561
  "return": {
132602
132562
  "type": {
132603
- "text": "void"
132563
+ "text": "boolean"
132564
+ }
132565
+ },
132566
+ "parameters": [
132567
+ {
132568
+ "name": "name",
132569
+ "type": {
132570
+ "text": "PropertyKey | undefined"
132571
+ }
132604
132572
  }
132573
+ ],
132574
+ "description": "Whether validation should be run on a property change with the given name.",
132575
+ "inheritedFrom": {
132576
+ "name": "SbbFormAssociatedMixin",
132577
+ "module": "core/mixins/form-associated-mixin.js"
132605
132578
  }
132606
132579
  },
132607
132580
  {
132608
132581
  "kind": "method",
132609
- "name": "_isMobile",
132582
+ "name": "_setInternalValidity",
132610
132583
  "privacy": "private",
132611
132584
  "return": {
132612
132585
  "type": {
132613
- "text": "boolean"
132586
+ "text": "void"
132614
132587
  }
132615
- }
132616
- },
132617
- {
132618
- "kind": "field",
132619
- "name": "events",
132620
- "privacy": "public",
132621
- "static": true,
132622
- "readonly": true,
132623
- "default": "{ beforeopen: 'beforeopen', open: 'open', beforeclose: 'beforeclose', close: 'close', }",
132624
- "type": {
132625
- "text": "{\n beforeopen: 'beforeopen',\n open: 'open',\n beforeclose: 'beforeclose',\n close: 'close',\n }"
132626
132588
  },
132627
132589
  "inheritedFrom": {
132628
- "name": "SbbOpenCloseBaseElement",
132629
- "module": "core/base-elements/open-close-base-element.js"
132590
+ "name": "SbbFormAssociatedMixin",
132591
+ "module": "core/mixins/form-associated-mixin.js"
132630
132592
  }
132631
132593
  },
132632
132594
  {
132633
132595
  "kind": "field",
132634
- "name": "state",
132635
- "privacy": "protected",
132636
- "description": "The state of the component.",
132637
- "type": {
132638
- "text": "SbbOpenedClosedState"
132639
- },
132640
- "default": "'closed'",
132596
+ "name": "_preventScrollOnSpaceKeydown",
132597
+ "privacy": "private",
132598
+ "description": "Prevents scrolling from pressing Space, when the event target is an action element.\nAlso sets active state.",
132599
+ "parameters": [
132600
+ {
132601
+ "description": "The origin event.",
132602
+ "name": "event"
132603
+ }
132604
+ ],
132641
132605
  "inheritedFrom": {
132642
- "name": "SbbOpenCloseBaseElement",
132643
- "module": "core/base-elements/open-close-base-element.js"
132606
+ "name": "SbbButtonLikeBaseElement",
132607
+ "module": "core/base-elements/button-base-element.js"
132644
132608
  }
132645
132609
  },
132646
132610
  {
132647
132611
  "kind": "field",
132648
- "name": "_state",
132649
- "type": {
132650
- "text": "SbbOpenedClosedState"
132651
- },
132612
+ "name": "_removeActiveMarker",
132652
132613
  "privacy": "private",
132653
132614
  "inheritedFrom": {
132654
- "name": "SbbOpenCloseBaseElement",
132655
- "module": "core/base-elements/open-close-base-element.js"
132615
+ "name": "SbbButtonLikeBaseElement",
132616
+ "module": "core/base-elements/button-base-element.js"
132656
132617
  }
132657
132618
  },
132658
132619
  {
132659
132620
  "kind": "field",
132660
- "name": "isOpen",
132661
- "type": {
132662
- "text": "boolean"
132663
- },
132664
- "privacy": "public",
132665
- "description": "Whether the element is open.",
132666
- "readonly": true,
132621
+ "name": "_dispatchClickEventOnSpaceKeyup",
132622
+ "privacy": "private",
132623
+ "description": "Dispatches a 'click' PointerEvent if the original keyboard event is a 'Space' press.\nAs verified with the native button, when 'Space' is pressed, a 'click' event is dispatched\nafter the 'keyup' event.",
132624
+ "parameters": [
132625
+ {
132626
+ "description": "The origin event.",
132627
+ "name": "event"
132628
+ }
132629
+ ],
132667
132630
  "inheritedFrom": {
132668
- "name": "SbbOpenCloseBaseElement",
132669
- "module": "core/base-elements/open-close-base-element.js"
132631
+ "name": "SbbButtonLikeBaseElement",
132632
+ "module": "core/base-elements/button-base-element.js"
132670
132633
  }
132671
132634
  },
132672
132635
  {
132673
- "kind": "method",
132674
- "name": "dispatchBeforeOpenEvent",
132675
- "privacy": "protected",
132676
- "return": {
132677
- "type": {
132678
- "text": "boolean"
132679
- }
132680
- },
132636
+ "kind": "field",
132637
+ "name": "_dispatchClickEvent",
132638
+ "privacy": "private",
132681
132639
  "inheritedFrom": {
132682
- "name": "SbbOpenCloseBaseElement",
132683
- "module": "core/base-elements/open-close-base-element.js"
132640
+ "name": "SbbButtonLikeBaseElement",
132641
+ "module": "core/base-elements/button-base-element.js"
132684
132642
  }
132685
132643
  },
132686
132644
  {
132687
- "kind": "method",
132688
- "name": "dispatchOpenEvent",
132689
- "privacy": "protected",
132690
- "return": {
132691
- "type": {
132692
- "text": "boolean"
132693
- }
132645
+ "kind": "field",
132646
+ "name": "maybeDisabled",
132647
+ "type": {
132648
+ "text": "boolean | undefined"
132694
132649
  },
132650
+ "privacy": "protected",
132651
+ "readonly": true,
132695
132652
  "inheritedFrom": {
132696
- "name": "SbbOpenCloseBaseElement",
132697
- "module": "core/base-elements/open-close-base-element.js"
132653
+ "name": "SbbActionBaseElement",
132654
+ "module": "core/base-elements/action-base-element.js"
132698
132655
  }
132699
132656
  },
132700
132657
  {
132701
- "kind": "method",
132702
- "name": "dispatchBeforeCloseEvent",
132703
- "privacy": "protected",
132704
- "return": {
132705
- "type": {
132706
- "text": "boolean"
132707
- }
132658
+ "kind": "field",
132659
+ "name": "maybeDisabledInteractive",
132660
+ "type": {
132661
+ "text": "boolean | undefined"
132708
132662
  },
132663
+ "privacy": "protected",
132664
+ "readonly": true,
132709
132665
  "inheritedFrom": {
132710
- "name": "SbbOpenCloseBaseElement",
132711
- "module": "core/base-elements/open-close-base-element.js"
132666
+ "name": "SbbActionBaseElement",
132667
+ "module": "core/base-elements/action-base-element.js"
132712
132668
  }
132713
132669
  },
132714
132670
  {
132715
132671
  "kind": "method",
132716
- "name": "dispatchCloseEvent",
132672
+ "name": "setupBaseEventHandlers",
132717
132673
  "privacy": "protected",
132718
132674
  "return": {
132719
132675
  "type": {
132720
- "text": "boolean"
132676
+ "text": "void"
132721
132677
  }
132722
132678
  },
132723
132679
  "inheritedFrom": {
132724
- "name": "SbbOpenCloseBaseElement",
132725
- "module": "core/base-elements/open-close-base-element.js"
132680
+ "name": "SbbActionBaseElement",
132681
+ "module": "core/base-elements/action-base-element.js"
132726
132682
  }
132727
132683
  },
132728
132684
  {
@@ -132983,66 +132939,110 @@
132983
132939
  }
132984
132940
  }
132985
132941
  ],
132986
- "attributes": [
132942
+ "mixins": [
132987
132943
  {
132988
- "name": "trigger",
132989
- "type": {
132990
- "text": "HTMLElement | null"
132991
- },
132992
- "default": "null",
132993
- "description": "The element that will trigger the menu overlay.\n\nFor attribute usage, provide an id reference.",
132994
- "fieldName": "trigger"
132944
+ "name": "SbbDisabledTabIndexActionMixin",
132945
+ "module": "core.js"
132946
+ },
132947
+ {
132948
+ "name": "SbbMenuActionCommonElementMixin",
132949
+ "module": "menu/common/menu-action-common.js"
132995
132950
  }
132996
132951
  ],
132997
132952
  "superclass": {
132998
- "name": "SbbOpenCloseBaseElement",
132953
+ "name": "SbbButtonBaseElement",
132999
132954
  "module": "core.js"
133000
132955
  },
133001
- "tagName": "sbb-menu",
132956
+ "tagName": "sbb-menu-button",
133002
132957
  "customElement": true,
133003
- "events": [
132958
+ "attributes": [
133004
132959
  {
133005
- "name": "beforeopen",
132960
+ "name": "disabled-interactive",
133006
132961
  "type": {
133007
- "text": "Event"
132962
+ "text": "boolean"
133008
132963
  },
133009
- "description": "Emits whenever the component starts the opening transition. Can be canceled.",
132964
+ "default": "false",
132965
+ "description": "Whether the button should be aria-disabled but stay interactive.",
132966
+ "fieldName": "disabledInteractive",
133010
132967
  "inheritedFrom": {
133011
- "name": "SbbOpenCloseBaseElement",
133012
- "module": "core/base-elements/open-close-base-element.js"
132968
+ "name": "SbbDisabledInteractiveMixin",
132969
+ "module": "core/mixins/disabled-mixin.js"
133013
132970
  }
133014
132971
  },
133015
132972
  {
133016
- "name": "open",
132973
+ "name": "disabled",
132974
+ "description": "Whether the component is disabled.",
132975
+ "default": "false",
133017
132976
  "type": {
133018
- "text": "Event"
132977
+ "text": "boolean"
133019
132978
  },
133020
- "description": "Emits whenever the component is opened.",
132979
+ "fieldName": "disabled",
133021
132980
  "inheritedFrom": {
133022
- "name": "SbbOpenCloseBaseElement",
133023
- "module": "core/base-elements/open-close-base-element.js"
132981
+ "name": "SbbDisabledMixin",
132982
+ "module": "core/mixins/disabled-mixin.js"
133024
132983
  }
133025
132984
  },
133026
132985
  {
133027
- "name": "beforeclose",
132986
+ "name": "icon-name",
133028
132987
  "type": {
133029
- "text": "Event"
132988
+ "text": "string"
133030
132989
  },
133031
- "description": "Emits whenever the component begins the closing transition. Can be canceled.",
132990
+ "default": "''",
132991
+ "description": "The icon name we want to use, choose from the small icon variants\nfrom the ui-icons category from here\nhttps://icons.app.sbb.ch.",
132992
+ "fieldName": "iconName",
133032
132993
  "inheritedFrom": {
133033
- "name": "SbbOpenCloseBaseElement",
133034
- "module": "core/base-elements/open-close-base-element.js"
132994
+ "name": "SbbIconNameMixin",
132995
+ "module": "icon/icon-name-mixin.js"
133035
132996
  }
133036
132997
  },
133037
132998
  {
133038
- "name": "close",
132999
+ "name": "value",
133039
133000
  "type": {
133040
- "text": "Event"
133001
+ "text": "string"
133041
133002
  },
133042
- "description": "Emits whenever the component is closed.",
133003
+ "default": "''",
133004
+ "description": "Value of the form element.",
133005
+ "fieldName": "value",
133043
133006
  "inheritedFrom": {
133044
- "name": "SbbOpenCloseBaseElement",
133045
- "module": "core/base-elements/open-close-base-element.js"
133007
+ "name": "SbbButtonBaseElement",
133008
+ "module": "core/base-elements/button-base-element.js"
133009
+ }
133010
+ },
133011
+ {
133012
+ "name": "type",
133013
+ "description": "The type attribute to use for the button.",
133014
+ "default": "'button'",
133015
+ "type": {
133016
+ "text": "SbbButtonType"
133017
+ },
133018
+ "fieldName": "type",
133019
+ "inheritedFrom": {
133020
+ "name": "SbbButtonBaseElement",
133021
+ "module": "core/base-elements/button-base-element.js"
133022
+ }
133023
+ },
133024
+ {
133025
+ "name": "form",
133026
+ "description": "The `<form>` element to associate the button with.",
133027
+ "type": {
133028
+ "text": "HTMLFormElement | null"
133029
+ },
133030
+ "fieldName": "form",
133031
+ "inheritedFrom": {
133032
+ "name": "SbbButtonBaseElement",
133033
+ "module": "core/base-elements/button-base-element.js"
133034
+ }
133035
+ },
133036
+ {
133037
+ "name": "name",
133038
+ "description": "Name of the form element. Will be read from name attribute.",
133039
+ "type": {
133040
+ "text": "string"
133041
+ },
133042
+ "fieldName": "name",
133043
+ "inheritedFrom": {
133044
+ "name": "SbbFormAssociatedMixin",
133045
+ "module": "core/mixins/form-associated-mixin.js"
133046
133046
  }
133047
133047
  }
133048
133048
  ]
@@ -133051,10 +133051,10 @@
133051
133051
  "exports": [
133052
133052
  {
133053
133053
  "kind": "js",
133054
- "name": "SbbMenuElement",
133054
+ "name": "SbbMenuButtonElement",
133055
133055
  "declaration": {
133056
- "name": "SbbMenuElement",
133057
- "module": "menu/menu/menu.component.js"
133056
+ "name": "SbbMenuButtonElement",
133057
+ "module": "menu/menu-button/menu-button.component.js"
133058
133058
  }
133059
133059
  }
133060
133060
  ]