@sbb-esta/lyne-elements-dev 5.0.0-next-dev.1776264581 → 5.0.0-next-dev.1776267015

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 +1117 -1117
  2. package/package.json +2 -2
@@ -117207,15 +117207,15 @@
117207
117207
  },
117208
117208
  {
117209
117209
  "kind": "javascript-module",
117210
- "path": "icon-sidebar/icon-sidebar-content/icon-sidebar-content.component.js",
117210
+ "path": "icon-sidebar/icon-sidebar-container/icon-sidebar-container.component.js",
117211
117211
  "declarations": [
117212
117212
  {
117213
117213
  "kind": "class",
117214
- "description": "Container for the icon sidebar content. Intended to be placed inside an `sbb-icon-sidebar-container` element.",
117215
- "name": "SbbIconSidebarContentElement",
117214
+ "description": "This is the parent component to one or two `<sbb-icon-sidebar>`s and one `<sbb-icon-sidebar-content>` element.",
117215
+ "name": "SbbIconSidebarContainerElement",
117216
117216
  "slots": [
117217
117217
  {
117218
- "description": "Use the unnamed slot to add any content elements.",
117218
+ "description": "Use the unnamed slot to add `sbb-sidebar` and `sbb-sidebar-content` elements.",
117219
117219
  "name": ""
117220
117220
  }
117221
117221
  ],
@@ -117229,12 +117229,42 @@
117229
117229
  "privacy": "public",
117230
117230
  "static": true,
117231
117231
  "readonly": true,
117232
- "default": "'sbb-icon-sidebar-content'",
117232
+ "default": "'sbb-icon-sidebar-container'",
117233
117233
  "inheritedFrom": {
117234
117234
  "name": "SbbElement",
117235
117235
  "module": "core/base-elements/element.js"
117236
117236
  }
117237
117237
  },
117238
+ {
117239
+ "kind": "field",
117240
+ "name": "sidebars",
117241
+ "type": {
117242
+ "text": "SbbIconSidebarElement[]"
117243
+ },
117244
+ "privacy": "public",
117245
+ "description": "The icon-sidebar children.",
117246
+ "readonly": true
117247
+ },
117248
+ {
117249
+ "kind": "field",
117250
+ "name": "start",
117251
+ "type": {
117252
+ "text": "SbbIconSidebarElement | null"
117253
+ },
117254
+ "privacy": "public",
117255
+ "description": "The icon-sidebar child at the start position.",
117256
+ "readonly": true
117257
+ },
117258
+ {
117259
+ "kind": "field",
117260
+ "name": "end",
117261
+ "type": {
117262
+ "text": "SbbIconSidebarElement | null"
117263
+ },
117264
+ "privacy": "public",
117265
+ "description": "The icon-sidebar child at the end position.",
117266
+ "readonly": true
117267
+ },
117238
117268
  {
117239
117269
  "kind": "field",
117240
117270
  "name": "['_$sbbElement$']",
@@ -117499,32 +117529,32 @@
117499
117529
  "name": "SbbElement",
117500
117530
  "module": "core.js"
117501
117531
  },
117502
- "tagName": "sbb-icon-sidebar-content",
117532
+ "tagName": "sbb-icon-sidebar-container",
117503
117533
  "customElement": true
117504
117534
  }
117505
117535
  ],
117506
117536
  "exports": [
117507
117537
  {
117508
117538
  "kind": "js",
117509
- "name": "SbbIconSidebarContentElement",
117539
+ "name": "SbbIconSidebarContainerElement",
117510
117540
  "declaration": {
117511
- "name": "SbbIconSidebarContentElement",
117512
- "module": "icon-sidebar/icon-sidebar-content/icon-sidebar-content.component.js"
117541
+ "name": "SbbIconSidebarContainerElement",
117542
+ "module": "icon-sidebar/icon-sidebar-container/icon-sidebar-container.component.js"
117513
117543
  }
117514
117544
  }
117515
117545
  ]
117516
117546
  },
117517
117547
  {
117518
117548
  "kind": "javascript-module",
117519
- "path": "icon-sidebar/icon-sidebar-container/icon-sidebar-container.component.js",
117549
+ "path": "icon-sidebar/icon-sidebar-content/icon-sidebar-content.component.js",
117520
117550
  "declarations": [
117521
117551
  {
117522
117552
  "kind": "class",
117523
- "description": "This is the parent component to one or two `<sbb-icon-sidebar>`s and one `<sbb-icon-sidebar-content>` element.",
117524
- "name": "SbbIconSidebarContainerElement",
117553
+ "description": "Container for the icon sidebar content. Intended to be placed inside an `sbb-icon-sidebar-container` element.",
117554
+ "name": "SbbIconSidebarContentElement",
117525
117555
  "slots": [
117526
117556
  {
117527
- "description": "Use the unnamed slot to add `sbb-sidebar` and `sbb-sidebar-content` elements.",
117557
+ "description": "Use the unnamed slot to add any content elements.",
117528
117558
  "name": ""
117529
117559
  }
117530
117560
  ],
@@ -117538,42 +117568,12 @@
117538
117568
  "privacy": "public",
117539
117569
  "static": true,
117540
117570
  "readonly": true,
117541
- "default": "'sbb-icon-sidebar-container'",
117571
+ "default": "'sbb-icon-sidebar-content'",
117542
117572
  "inheritedFrom": {
117543
117573
  "name": "SbbElement",
117544
117574
  "module": "core/base-elements/element.js"
117545
117575
  }
117546
117576
  },
117547
- {
117548
- "kind": "field",
117549
- "name": "sidebars",
117550
- "type": {
117551
- "text": "SbbIconSidebarElement[]"
117552
- },
117553
- "privacy": "public",
117554
- "description": "The icon-sidebar children.",
117555
- "readonly": true
117556
- },
117557
- {
117558
- "kind": "field",
117559
- "name": "start",
117560
- "type": {
117561
- "text": "SbbIconSidebarElement | null"
117562
- },
117563
- "privacy": "public",
117564
- "description": "The icon-sidebar child at the start position.",
117565
- "readonly": true
117566
- },
117567
- {
117568
- "kind": "field",
117569
- "name": "end",
117570
- "type": {
117571
- "text": "SbbIconSidebarElement | null"
117572
- },
117573
- "privacy": "public",
117574
- "description": "The icon-sidebar child at the end position.",
117575
- "readonly": true
117576
- },
117577
117577
  {
117578
117578
  "kind": "field",
117579
117579
  "name": "['_$sbbElement$']",
@@ -117838,17 +117838,17 @@
117838
117838
  "name": "SbbElement",
117839
117839
  "module": "core.js"
117840
117840
  },
117841
- "tagName": "sbb-icon-sidebar-container",
117841
+ "tagName": "sbb-icon-sidebar-content",
117842
117842
  "customElement": true
117843
117843
  }
117844
117844
  ],
117845
117845
  "exports": [
117846
117846
  {
117847
117847
  "kind": "js",
117848
- "name": "SbbIconSidebarContainerElement",
117848
+ "name": "SbbIconSidebarContentElement",
117849
117849
  "declaration": {
117850
- "name": "SbbIconSidebarContainerElement",
117851
- "module": "icon-sidebar/icon-sidebar-container/icon-sidebar-container.component.js"
117850
+ "name": "SbbIconSidebarContentElement",
117851
+ "module": "icon-sidebar/icon-sidebar-content/icon-sidebar-content.component.js"
117852
117852
  }
117853
117853
  }
117854
117854
  ]
@@ -144200,372 +144200,6 @@
144200
144200
  }
144201
144201
  ]
144202
144202
  },
144203
- {
144204
- "kind": "javascript-module",
144205
- "path": "sidebar/sidebar-container/sidebar-container.component.js",
144206
- "declarations": [
144207
- {
144208
- "kind": "class",
144209
- "description": "This is the parent component to one or two `<sbb-sidebar>`s that validates the state internally\nand coordinates the backdrop and content styling.",
144210
- "name": "SbbSidebarContainerElement",
144211
- "slots": [
144212
- {
144213
- "description": "Use the unnamed slot to add `sbb-sidebar` and `sbb-sidebar-content` elements.",
144214
- "name": ""
144215
- }
144216
- ],
144217
- "members": [
144218
- {
144219
- "kind": "field",
144220
- "name": "elementName",
144221
- "type": {
144222
- "text": "string"
144223
- },
144224
- "privacy": "public",
144225
- "static": true,
144226
- "readonly": true,
144227
- "default": "'sbb-sidebar-container'",
144228
- "inheritedFrom": {
144229
- "name": "SbbElement",
144230
- "module": "core/base-elements/element.js"
144231
- }
144232
- },
144233
- {
144234
- "kind": "field",
144235
- "name": "sidebars",
144236
- "type": {
144237
- "text": "SbbSidebarElement[]"
144238
- },
144239
- "privacy": "public",
144240
- "description": "The sidebar children.",
144241
- "readonly": true
144242
- },
144243
- {
144244
- "kind": "field",
144245
- "name": "start",
144246
- "type": {
144247
- "text": "SbbSidebarElement | null"
144248
- },
144249
- "privacy": "public",
144250
- "description": "The sidebar child with the `start` position.",
144251
- "readonly": true
144252
- },
144253
- {
144254
- "kind": "field",
144255
- "name": "end",
144256
- "type": {
144257
- "text": "SbbSidebarElement | null"
144258
- },
144259
- "privacy": "public",
144260
- "description": "The sidebar child with the `end` position.",
144261
- "readonly": true
144262
- },
144263
- {
144264
- "kind": "field",
144265
- "name": "_forcedClosedSidebars",
144266
- "privacy": "private",
144267
- "default": "new WeakSet<SbbSidebarElement>()"
144268
- },
144269
- {
144270
- "kind": "method",
144271
- "name": "_handleWidthChange",
144272
- "privacy": "private",
144273
- "return": {
144274
- "type": {
144275
- "text": "void"
144276
- }
144277
- }
144278
- },
144279
- {
144280
- "kind": "method",
144281
- "name": "_calculateSpaceState",
144282
- "privacy": "private",
144283
- "return": {
144284
- "type": {
144285
- "text": "Promise<void>"
144286
- }
144287
- },
144288
- "description": "Closes and opens sidebars depending on available width\nof the container and its parent container."
144289
- },
144290
- {
144291
- "kind": "field",
144292
- "name": "['_$sbbElement$']",
144293
- "type": {
144294
- "text": "boolean"
144295
- },
144296
- "privacy": "public",
144297
- "static": true,
144298
- "default": "true",
144299
- "inheritedFrom": {
144300
- "name": "SbbElement",
144301
- "module": "core/base-elements/element.js"
144302
- }
144303
- },
144304
- {
144305
- "kind": "field",
144306
- "name": "elementDependencies",
144307
- "type": {
144308
- "text": "SbbElementType[] | undefined"
144309
- },
144310
- "privacy": "public",
144311
- "static": true,
144312
- "inheritedFrom": {
144313
- "name": "SbbElement",
144314
- "module": "core/base-elements/element.js"
144315
- }
144316
- },
144317
- {
144318
- "kind": "field",
144319
- "name": "role",
144320
- "type": {
144321
- "text": "ElementInternals['role'] | undefined"
144322
- },
144323
- "privacy": "public",
144324
- "static": true,
144325
- "inheritedFrom": {
144326
- "name": "SbbElement",
144327
- "module": "core/base-elements/element.js"
144328
- }
144329
- },
144330
- {
144331
- "kind": "field",
144332
- "name": "_controllers",
144333
- "type": {
144334
- "text": "Set<SbbReactiveController> | undefined"
144335
- },
144336
- "privacy": "private",
144337
- "inheritedFrom": {
144338
- "name": "SbbElement",
144339
- "module": "core/base-elements/element.js"
144340
- }
144341
- },
144342
- {
144343
- "kind": "field",
144344
- "name": "_hydrationRequired",
144345
- "type": {
144346
- "text": "boolean"
144347
- },
144348
- "privacy": "private",
144349
- "default": "!!this.shadowRoot",
144350
- "inheritedFrom": {
144351
- "name": "SbbElement",
144352
- "module": "core/base-elements/element.js"
144353
- }
144354
- },
144355
- {
144356
- "kind": "field",
144357
- "name": "_hydrationComplete",
144358
- "privacy": "private",
144359
- "default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
144360
- "inheritedFrom": {
144361
- "name": "SbbElement",
144362
- "module": "core/base-elements/element.js"
144363
- }
144364
- },
144365
- {
144366
- "kind": "field",
144367
- "name": "_resolveHydration",
144368
- "type": {
144369
- "text": "(hydrationRequired: boolean) => void"
144370
- },
144371
- "privacy": "private",
144372
- "inheritedFrom": {
144373
- "name": "SbbElement",
144374
- "module": "core/base-elements/element.js"
144375
- }
144376
- },
144377
- {
144378
- "kind": "field",
144379
- "name": "_textObserver",
144380
- "type": {
144381
- "text": "MutationObserver | undefined"
144382
- },
144383
- "privacy": "private",
144384
- "inheritedFrom": {
144385
- "name": "SbbElement",
144386
- "module": "core/base-elements/element.js"
144387
- }
144388
- },
144389
- {
144390
- "kind": "field",
144391
- "name": "hydrationRequired",
144392
- "type": {
144393
- "text": "boolean"
144394
- },
144395
- "privacy": "protected",
144396
- "description": "Returns whether hydration is required and not completed.",
144397
- "readonly": true,
144398
- "inheritedFrom": {
144399
- "name": "SbbElement",
144400
- "module": "core/base-elements/element.js"
144401
- },
144402
- "default": "!!this.shadowRoot"
144403
- },
144404
- {
144405
- "kind": "method",
144406
- "name": "toggleState",
144407
- "privacy": "protected",
144408
- "return": {
144409
- "type": {
144410
- "text": "void"
144411
- }
144412
- },
144413
- "parameters": [
144414
- {
144415
- "name": "value",
144416
- "type": {
144417
- "text": "string"
144418
- }
144419
- },
144420
- {
144421
- "name": "force",
144422
- "optional": true,
144423
- "type": {
144424
- "text": "boolean"
144425
- }
144426
- }
144427
- ],
144428
- "inheritedFrom": {
144429
- "name": "SbbElement",
144430
- "module": "core/base-elements/element.js"
144431
- }
144432
- },
144433
- {
144434
- "kind": "method",
144435
- "name": "_slotchangeHandler",
144436
- "privacy": "private",
144437
- "return": {
144438
- "type": {
144439
- "text": "void"
144440
- }
144441
- },
144442
- "parameters": [
144443
- {
144444
- "name": "event",
144445
- "type": {
144446
- "text": "Event"
144447
- }
144448
- },
144449
- {
144450
- "name": "slot",
144451
- "type": {
144452
- "text": "HTMLSlotElement"
144453
- }
144454
- }
144455
- ],
144456
- "inheritedFrom": {
144457
- "name": "SbbElement",
144458
- "module": "core/base-elements/element.js"
144459
- }
144460
- },
144461
- {
144462
- "kind": "method",
144463
- "name": "_handleSlotChangeForSlottedState",
144464
- "privacy": "private",
144465
- "return": {
144466
- "type": {
144467
- "text": "void"
144468
- }
144469
- },
144470
- "parameters": [
144471
- {
144472
- "name": "slot",
144473
- "type": {
144474
- "text": "HTMLSlotElement"
144475
- }
144476
- }
144477
- ],
144478
- "inheritedFrom": {
144479
- "name": "SbbElement",
144480
- "module": "core/base-elements/element.js"
144481
- }
144482
- },
144483
- {
144484
- "kind": "method",
144485
- "name": "_updateSlottedState",
144486
- "privacy": "private",
144487
- "return": {
144488
- "type": {
144489
- "text": "void"
144490
- }
144491
- },
144492
- "parameters": [
144493
- {
144494
- "name": "slot",
144495
- "type": {
144496
- "text": "HTMLSlotElement"
144497
- }
144498
- }
144499
- ],
144500
- "inheritedFrom": {
144501
- "name": "SbbElement",
144502
- "module": "core/base-elements/element.js"
144503
- }
144504
- },
144505
- {
144506
- "kind": "method",
144507
- "name": "_observeTextNodesInSlot",
144508
- "privacy": "private",
144509
- "return": {
144510
- "type": {
144511
- "text": "void"
144512
- }
144513
- },
144514
- "parameters": [
144515
- {
144516
- "name": "slot",
144517
- "type": {
144518
- "text": "HTMLSlotElement"
144519
- }
144520
- }
144521
- ],
144522
- "inheritedFrom": {
144523
- "name": "SbbElement",
144524
- "module": "core/base-elements/element.js"
144525
- }
144526
- },
144527
- {
144528
- "kind": "method",
144529
- "name": "_hasSlottedContent",
144530
- "privacy": "private",
144531
- "return": {
144532
- "type": {
144533
- "text": "boolean"
144534
- }
144535
- },
144536
- "parameters": [
144537
- {
144538
- "name": "slot",
144539
- "type": {
144540
- "text": "HTMLSlotElement"
144541
- }
144542
- }
144543
- ],
144544
- "inheritedFrom": {
144545
- "name": "SbbElement",
144546
- "module": "core/base-elements/element.js"
144547
- }
144548
- }
144549
- ],
144550
- "superclass": {
144551
- "name": "SbbElement",
144552
- "module": "core.js"
144553
- },
144554
- "tagName": "sbb-sidebar-container",
144555
- "customElement": true
144556
- }
144557
- ],
144558
- "exports": [
144559
- {
144560
- "kind": "js",
144561
- "name": "SbbSidebarContainerElement",
144562
- "declaration": {
144563
- "name": "SbbSidebarContainerElement",
144564
- "module": "sidebar/sidebar-container/sidebar-container.component.js"
144565
- }
144566
- }
144567
- ]
144568
- },
144569
144203
  {
144570
144204
  "kind": "javascript-module",
144571
144205
  "path": "sidebar/sidebar-close-button/sidebar-close-button.component.js",
@@ -145730,15 +145364,15 @@
145730
145364
  },
145731
145365
  {
145732
145366
  "kind": "javascript-module",
145733
- "path": "sidebar/sidebar-content/sidebar-content.component.js",
145367
+ "path": "sidebar/sidebar-container/sidebar-container.component.js",
145734
145368
  "declarations": [
145735
145369
  {
145736
145370
  "kind": "class",
145737
- "description": "Container for the sidebar content. Intended to be placed inside an `sbb-sidebar-container` element.",
145738
- "name": "SbbSidebarContentElement",
145371
+ "description": "This is the parent component to one or two `<sbb-sidebar>`s that validates the state internally\nand coordinates the backdrop and content styling.",
145372
+ "name": "SbbSidebarContainerElement",
145739
145373
  "slots": [
145740
145374
  {
145741
- "description": "Use the unnamed slot to add any content elements. Further `sbb-sidebar-container`s are possible.",
145375
+ "description": "Use the unnamed slot to add `sbb-sidebar` and `sbb-sidebar-content` elements.",
145742
145376
  "name": ""
145743
145377
  }
145744
145378
  ],
@@ -145752,12 +145386,69 @@
145752
145386
  "privacy": "public",
145753
145387
  "static": true,
145754
145388
  "readonly": true,
145755
- "default": "'sbb-sidebar-content'",
145389
+ "default": "'sbb-sidebar-container'",
145756
145390
  "inheritedFrom": {
145757
145391
  "name": "SbbElement",
145758
145392
  "module": "core/base-elements/element.js"
145759
145393
  }
145760
145394
  },
145395
+ {
145396
+ "kind": "field",
145397
+ "name": "sidebars",
145398
+ "type": {
145399
+ "text": "SbbSidebarElement[]"
145400
+ },
145401
+ "privacy": "public",
145402
+ "description": "The sidebar children.",
145403
+ "readonly": true
145404
+ },
145405
+ {
145406
+ "kind": "field",
145407
+ "name": "start",
145408
+ "type": {
145409
+ "text": "SbbSidebarElement | null"
145410
+ },
145411
+ "privacy": "public",
145412
+ "description": "The sidebar child with the `start` position.",
145413
+ "readonly": true
145414
+ },
145415
+ {
145416
+ "kind": "field",
145417
+ "name": "end",
145418
+ "type": {
145419
+ "text": "SbbSidebarElement | null"
145420
+ },
145421
+ "privacy": "public",
145422
+ "description": "The sidebar child with the `end` position.",
145423
+ "readonly": true
145424
+ },
145425
+ {
145426
+ "kind": "field",
145427
+ "name": "_forcedClosedSidebars",
145428
+ "privacy": "private",
145429
+ "default": "new WeakSet<SbbSidebarElement>()"
145430
+ },
145431
+ {
145432
+ "kind": "method",
145433
+ "name": "_handleWidthChange",
145434
+ "privacy": "private",
145435
+ "return": {
145436
+ "type": {
145437
+ "text": "void"
145438
+ }
145439
+ }
145440
+ },
145441
+ {
145442
+ "kind": "method",
145443
+ "name": "_calculateSpaceState",
145444
+ "privacy": "private",
145445
+ "return": {
145446
+ "type": {
145447
+ "text": "Promise<void>"
145448
+ }
145449
+ },
145450
+ "description": "Closes and opens sidebars depending on available width\nof the container and its parent container."
145451
+ },
145761
145452
  {
145762
145453
  "kind": "field",
145763
145454
  "name": "['_$sbbElement$']",
@@ -146022,32 +145713,32 @@
146022
145713
  "name": "SbbElement",
146023
145714
  "module": "core.js"
146024
145715
  },
146025
- "tagName": "sbb-sidebar-content",
145716
+ "tagName": "sbb-sidebar-container",
146026
145717
  "customElement": true
146027
145718
  }
146028
145719
  ],
146029
145720
  "exports": [
146030
145721
  {
146031
145722
  "kind": "js",
146032
- "name": "SbbSidebarContentElement",
145723
+ "name": "SbbSidebarContainerElement",
146033
145724
  "declaration": {
146034
- "name": "SbbSidebarContentElement",
146035
- "module": "sidebar/sidebar-content/sidebar-content.component.js"
145725
+ "name": "SbbSidebarContainerElement",
145726
+ "module": "sidebar/sidebar-container/sidebar-container.component.js"
146036
145727
  }
146037
145728
  }
146038
145729
  ]
146039
145730
  },
146040
145731
  {
146041
145732
  "kind": "javascript-module",
146042
- "path": "sidebar/sidebar-title/sidebar-title.component.js",
145733
+ "path": "sidebar/sidebar-content/sidebar-content.component.js",
146043
145734
  "declarations": [
146044
145735
  {
146045
145736
  "kind": "class",
146046
- "description": "It displays the title of the sidebar. It has to be placed inside an `sbb-sidebar` element.",
146047
- "name": "SbbSidebarTitleElement",
145737
+ "description": "Container for the sidebar content. Intended to be placed inside an `sbb-sidebar-container` element.",
145738
+ "name": "SbbSidebarContentElement",
146048
145739
  "slots": [
146049
145740
  {
146050
- "description": "Use the unnamed slot for the content of the sidebar-title.",
145741
+ "description": "Use the unnamed slot to add any content elements. Further `sbb-sidebar-container`s are possible.",
146051
145742
  "name": ""
146052
145743
  }
146053
145744
  ],
@@ -146061,53 +145752,21 @@
146061
145752
  "privacy": "public",
146062
145753
  "static": true,
146063
145754
  "readonly": true,
145755
+ "default": "'sbb-sidebar-content'",
146064
145756
  "inheritedFrom": {
146065
145757
  "name": "SbbElement",
146066
145758
  "module": "core/base-elements/element.js"
146067
- },
146068
- "default": "'sbb-sidebar-title'"
146069
- },
146070
- {
146071
- "kind": "field",
146072
- "name": "level",
146073
- "type": {
146074
- "text": "SbbTitleLevel"
146075
- },
146076
- "privacy": "public",
146077
- "default": "'2'",
146078
- "description": "Title level",
146079
- "attribute": "level",
146080
- "reflects": true,
146081
- "inheritedFrom": {
146082
- "name": "SbbTitleBase",
146083
- "module": "title/title-base.js"
146084
- }
146085
- },
146086
- {
146087
- "kind": "field",
146088
- "name": "visualLevel",
146089
- "type": {
146090
- "text": "SbbTitleLevel | null"
146091
- },
146092
- "privacy": "public",
146093
- "default": "'5'",
146094
- "description": "Visual level for the title.",
146095
- "attribute": "visual-level",
146096
- "reflects": true,
146097
- "inheritedFrom": {
146098
- "name": "SbbTitleBase",
146099
- "module": "title/title-base.js"
146100
145759
  }
146101
145760
  },
146102
145761
  {
146103
145762
  "kind": "field",
146104
- "name": "role",
145763
+ "name": "['_$sbbElement$']",
146105
145764
  "type": {
146106
- "text": "string"
145765
+ "text": "boolean"
146107
145766
  },
146108
145767
  "privacy": "public",
146109
145768
  "static": true,
146110
- "default": "'heading'",
145769
+ "default": "true",
146111
145770
  "inheritedFrom": {
146112
145771
  "name": "SbbElement",
146113
145772
  "module": "core/base-elements/element.js"
@@ -146115,13 +145774,12 @@
146115
145774
  },
146116
145775
  {
146117
145776
  "kind": "field",
146118
- "name": "['_$sbbElement$']",
145777
+ "name": "elementDependencies",
146119
145778
  "type": {
146120
- "text": "boolean"
145779
+ "text": "SbbElementType[] | undefined"
146121
145780
  },
146122
145781
  "privacy": "public",
146123
145782
  "static": true,
146124
- "default": "true",
146125
145783
  "inheritedFrom": {
146126
145784
  "name": "SbbElement",
146127
145785
  "module": "core/base-elements/element.js"
@@ -146129,9 +145787,9 @@
146129
145787
  },
146130
145788
  {
146131
145789
  "kind": "field",
146132
- "name": "elementDependencies",
145790
+ "name": "role",
146133
145791
  "type": {
146134
- "text": "SbbElementType[] | undefined"
145792
+ "text": "ElementInternals['role'] | undefined"
146135
145793
  },
146136
145794
  "privacy": "public",
146137
145795
  "static": true,
@@ -146360,64 +146018,36 @@
146360
146018
  }
146361
146019
  }
146362
146020
  ],
146363
- "attributes": [
146364
- {
146365
- "name": "level",
146366
- "type": {
146367
- "text": "SbbTitleLevel"
146368
- },
146369
- "default": "'2'",
146370
- "description": "Title level",
146371
- "fieldName": "level",
146372
- "inheritedFrom": {
146373
- "name": "SbbTitleBase",
146374
- "module": "title/title-base.js"
146375
- }
146376
- },
146377
- {
146378
- "name": "visual-level",
146379
- "type": {
146380
- "text": "SbbTitleLevel | null"
146381
- },
146382
- "default": "null",
146383
- "description": "Visual level for the title.",
146384
- "fieldName": "visualLevel",
146385
- "inheritedFrom": {
146386
- "name": "SbbTitleBase",
146387
- "module": "title/title-base.js"
146388
- }
146389
- }
146390
- ],
146391
146021
  "superclass": {
146392
- "name": "SbbTitleBase",
146393
- "module": "title.pure.js"
146022
+ "name": "SbbElement",
146023
+ "module": "core.js"
146394
146024
  },
146395
- "tagName": "sbb-sidebar-title",
146025
+ "tagName": "sbb-sidebar-content",
146396
146026
  "customElement": true
146397
146027
  }
146398
146028
  ],
146399
146029
  "exports": [
146400
146030
  {
146401
146031
  "kind": "js",
146402
- "name": "SbbSidebarTitleElement",
146032
+ "name": "SbbSidebarContentElement",
146403
146033
  "declaration": {
146404
- "name": "SbbSidebarTitleElement",
146405
- "module": "sidebar/sidebar-title/sidebar-title.component.js"
146034
+ "name": "SbbSidebarContentElement",
146035
+ "module": "sidebar/sidebar-content/sidebar-content.component.js"
146406
146036
  }
146407
146037
  }
146408
146038
  ]
146409
146039
  },
146410
146040
  {
146411
146041
  "kind": "javascript-module",
146412
- "path": "stepper/step/step.component.js",
146042
+ "path": "sidebar/sidebar-title/sidebar-title.component.js",
146413
146043
  "declarations": [
146414
146044
  {
146415
146045
  "kind": "class",
146416
- "description": "Combined with a `sbb-stepper`, it displays a step's content.",
146417
- "name": "SbbStepElement",
146046
+ "description": "It displays the title of the sidebar. It has to be placed inside an `sbb-sidebar` element.",
146047
+ "name": "SbbSidebarTitleElement",
146418
146048
  "slots": [
146419
146049
  {
146420
- "description": "Use the unnamed slot to provide content.",
146050
+ "description": "Use the unnamed slot for the content of the sidebar-title.",
146421
146051
  "name": ""
146422
146052
  }
146423
146053
  ],
@@ -146431,154 +146061,524 @@
146431
146061
  "privacy": "public",
146432
146062
  "static": true,
146433
146063
  "readonly": true,
146434
- "default": "'sbb-step'",
146435
146064
  "inheritedFrom": {
146436
146065
  "name": "SbbElement",
146437
146066
  "module": "core/base-elements/element.js"
146438
- }
146067
+ },
146068
+ "default": "'sbb-sidebar-title'"
146439
146069
  },
146440
146070
  {
146441
146071
  "kind": "field",
146442
- "name": "role",
146072
+ "name": "level",
146443
146073
  "type": {
146444
- "text": "string"
146074
+ "text": "SbbTitleLevel"
146445
146075
  },
146446
146076
  "privacy": "public",
146447
- "static": true,
146448
- "readonly": true,
146449
- "default": "'tabpanel'",
146077
+ "default": "'2'",
146078
+ "description": "Title level",
146079
+ "attribute": "level",
146080
+ "reflects": true,
146450
146081
  "inheritedFrom": {
146451
- "name": "SbbElement",
146452
- "module": "core/base-elements/element.js"
146453
- }
146454
- },
146455
- {
146456
- "kind": "field",
146457
- "name": "events",
146458
- "privacy": "public",
146459
- "static": true,
146460
- "readonly": true,
146461
- "default": "{ validate: 'validate', resizechange: 'resizechange', }",
146462
- "type": {
146463
- "text": "{\n validate: 'validate',\n resizechange: 'resizechange',\n }"
146082
+ "name": "SbbTitleBase",
146083
+ "module": "title/title-base.js"
146464
146084
  }
146465
146085
  },
146466
146086
  {
146467
146087
  "kind": "field",
146468
- "name": "_stepResizeObserver",
146469
- "privacy": "private",
146470
- "default": "new ResizeController(this, { target: null, skipInitial: true, callback: () => setTimeout(() => this._onStepElementResize()), })"
146471
- },
146472
- {
146473
- "kind": "field",
146474
- "name": "label",
146088
+ "name": "visualLevel",
146475
146089
  "type": {
146476
- "text": "SbbStepLabelElement | null"
146090
+ "text": "SbbTitleLevel | null"
146477
146091
  },
146478
146092
  "privacy": "public",
146479
- "description": "The label of the step.",
146480
- "readonly": true,
146481
- "default": "null"
146482
- },
146483
- {
146484
- "kind": "field",
146485
- "name": "_label",
146486
- "type": {
146487
- "text": "SbbStepLabelElement | null"
146488
- },
146489
- "privacy": "private",
146490
- "default": "null"
146093
+ "default": "'5'",
146094
+ "description": "Visual level for the title.",
146095
+ "attribute": "visual-level",
146096
+ "reflects": true,
146097
+ "inheritedFrom": {
146098
+ "name": "SbbTitleBase",
146099
+ "module": "title/title-base.js"
146100
+ }
146491
146101
  },
146492
146102
  {
146493
146103
  "kind": "field",
146494
- "name": "stepper",
146104
+ "name": "role",
146495
146105
  "type": {
146496
- "text": "SbbStepperElement | null"
146106
+ "text": "string"
146497
146107
  },
146498
146108
  "privacy": "public",
146499
- "readonly": true
146500
- },
146501
- {
146502
- "kind": "field",
146503
- "name": "_previousOrientation",
146504
- "type": {
146505
- "text": "string | undefined"
146506
- },
146507
- "privacy": "private"
146508
- },
146509
- {
146510
- "kind": "method",
146511
- "name": "_handleClick",
146512
- "privacy": "private",
146513
- "return": {
146514
- "type": {
146515
- "text": "void"
146516
- }
146517
- },
146518
- "parameters": [
146519
- {
146520
- "name": "event",
146521
- "type": {
146522
- "text": "Event"
146523
- }
146524
- }
146525
- ],
146526
- "description": "Watches for clicked elements with `sbb-stepper-next` or `sbb-stepper-previous` attributes."
146527
- },
146528
- {
146529
- "kind": "method",
146530
- "name": "_isGoNextElement",
146531
- "privacy": "private",
146532
- "return": {
146533
- "type": {
146534
- "text": "boolean"
146535
- }
146536
- },
146537
- "parameters": [
146538
- {
146539
- "name": "element",
146540
- "type": {
146541
- "text": "HTMLElement"
146542
- }
146543
- }
146544
- ]
146545
- },
146546
- {
146547
- "kind": "method",
146548
- "name": "_isGoPreviousElement",
146549
- "privacy": "private",
146550
- "return": {
146551
- "type": {
146552
- "text": "boolean"
146553
- }
146554
- },
146555
- "parameters": [
146556
- {
146557
- "name": "element",
146558
- "type": {
146559
- "text": "HTMLElement"
146560
- }
146561
- }
146562
- ]
146563
- },
146564
- {
146565
- "kind": "method",
146566
- "name": "_onStepElementResize",
146567
- "privacy": "private",
146568
- "return": {
146569
- "type": {
146570
- "text": "void"
146571
- }
146572
- }
146573
- },
146574
- {
146575
- "kind": "method",
146576
- "name": "_assignLabel",
146577
- "privacy": "private",
146578
- "return": {
146579
- "type": {
146580
- "text": "void"
146581
- }
146109
+ "static": true,
146110
+ "default": "'heading'",
146111
+ "inheritedFrom": {
146112
+ "name": "SbbElement",
146113
+ "module": "core/base-elements/element.js"
146114
+ }
146115
+ },
146116
+ {
146117
+ "kind": "field",
146118
+ "name": "['_$sbbElement$']",
146119
+ "type": {
146120
+ "text": "boolean"
146121
+ },
146122
+ "privacy": "public",
146123
+ "static": true,
146124
+ "default": "true",
146125
+ "inheritedFrom": {
146126
+ "name": "SbbElement",
146127
+ "module": "core/base-elements/element.js"
146128
+ }
146129
+ },
146130
+ {
146131
+ "kind": "field",
146132
+ "name": "elementDependencies",
146133
+ "type": {
146134
+ "text": "SbbElementType[] | undefined"
146135
+ },
146136
+ "privacy": "public",
146137
+ "static": true,
146138
+ "inheritedFrom": {
146139
+ "name": "SbbElement",
146140
+ "module": "core/base-elements/element.js"
146141
+ }
146142
+ },
146143
+ {
146144
+ "kind": "field",
146145
+ "name": "_controllers",
146146
+ "type": {
146147
+ "text": "Set<SbbReactiveController> | undefined"
146148
+ },
146149
+ "privacy": "private",
146150
+ "inheritedFrom": {
146151
+ "name": "SbbElement",
146152
+ "module": "core/base-elements/element.js"
146153
+ }
146154
+ },
146155
+ {
146156
+ "kind": "field",
146157
+ "name": "_hydrationRequired",
146158
+ "type": {
146159
+ "text": "boolean"
146160
+ },
146161
+ "privacy": "private",
146162
+ "default": "!!this.shadowRoot",
146163
+ "inheritedFrom": {
146164
+ "name": "SbbElement",
146165
+ "module": "core/base-elements/element.js"
146166
+ }
146167
+ },
146168
+ {
146169
+ "kind": "field",
146170
+ "name": "_hydrationComplete",
146171
+ "privacy": "private",
146172
+ "default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
146173
+ "inheritedFrom": {
146174
+ "name": "SbbElement",
146175
+ "module": "core/base-elements/element.js"
146176
+ }
146177
+ },
146178
+ {
146179
+ "kind": "field",
146180
+ "name": "_resolveHydration",
146181
+ "type": {
146182
+ "text": "(hydrationRequired: boolean) => void"
146183
+ },
146184
+ "privacy": "private",
146185
+ "inheritedFrom": {
146186
+ "name": "SbbElement",
146187
+ "module": "core/base-elements/element.js"
146188
+ }
146189
+ },
146190
+ {
146191
+ "kind": "field",
146192
+ "name": "_textObserver",
146193
+ "type": {
146194
+ "text": "MutationObserver | undefined"
146195
+ },
146196
+ "privacy": "private",
146197
+ "inheritedFrom": {
146198
+ "name": "SbbElement",
146199
+ "module": "core/base-elements/element.js"
146200
+ }
146201
+ },
146202
+ {
146203
+ "kind": "field",
146204
+ "name": "hydrationRequired",
146205
+ "type": {
146206
+ "text": "boolean"
146207
+ },
146208
+ "privacy": "protected",
146209
+ "description": "Returns whether hydration is required and not completed.",
146210
+ "readonly": true,
146211
+ "inheritedFrom": {
146212
+ "name": "SbbElement",
146213
+ "module": "core/base-elements/element.js"
146214
+ },
146215
+ "default": "!!this.shadowRoot"
146216
+ },
146217
+ {
146218
+ "kind": "method",
146219
+ "name": "toggleState",
146220
+ "privacy": "protected",
146221
+ "return": {
146222
+ "type": {
146223
+ "text": "void"
146224
+ }
146225
+ },
146226
+ "parameters": [
146227
+ {
146228
+ "name": "value",
146229
+ "type": {
146230
+ "text": "string"
146231
+ }
146232
+ },
146233
+ {
146234
+ "name": "force",
146235
+ "optional": true,
146236
+ "type": {
146237
+ "text": "boolean"
146238
+ }
146239
+ }
146240
+ ],
146241
+ "inheritedFrom": {
146242
+ "name": "SbbElement",
146243
+ "module": "core/base-elements/element.js"
146244
+ }
146245
+ },
146246
+ {
146247
+ "kind": "method",
146248
+ "name": "_slotchangeHandler",
146249
+ "privacy": "private",
146250
+ "return": {
146251
+ "type": {
146252
+ "text": "void"
146253
+ }
146254
+ },
146255
+ "parameters": [
146256
+ {
146257
+ "name": "event",
146258
+ "type": {
146259
+ "text": "Event"
146260
+ }
146261
+ },
146262
+ {
146263
+ "name": "slot",
146264
+ "type": {
146265
+ "text": "HTMLSlotElement"
146266
+ }
146267
+ }
146268
+ ],
146269
+ "inheritedFrom": {
146270
+ "name": "SbbElement",
146271
+ "module": "core/base-elements/element.js"
146272
+ }
146273
+ },
146274
+ {
146275
+ "kind": "method",
146276
+ "name": "_handleSlotChangeForSlottedState",
146277
+ "privacy": "private",
146278
+ "return": {
146279
+ "type": {
146280
+ "text": "void"
146281
+ }
146282
+ },
146283
+ "parameters": [
146284
+ {
146285
+ "name": "slot",
146286
+ "type": {
146287
+ "text": "HTMLSlotElement"
146288
+ }
146289
+ }
146290
+ ],
146291
+ "inheritedFrom": {
146292
+ "name": "SbbElement",
146293
+ "module": "core/base-elements/element.js"
146294
+ }
146295
+ },
146296
+ {
146297
+ "kind": "method",
146298
+ "name": "_updateSlottedState",
146299
+ "privacy": "private",
146300
+ "return": {
146301
+ "type": {
146302
+ "text": "void"
146303
+ }
146304
+ },
146305
+ "parameters": [
146306
+ {
146307
+ "name": "slot",
146308
+ "type": {
146309
+ "text": "HTMLSlotElement"
146310
+ }
146311
+ }
146312
+ ],
146313
+ "inheritedFrom": {
146314
+ "name": "SbbElement",
146315
+ "module": "core/base-elements/element.js"
146316
+ }
146317
+ },
146318
+ {
146319
+ "kind": "method",
146320
+ "name": "_observeTextNodesInSlot",
146321
+ "privacy": "private",
146322
+ "return": {
146323
+ "type": {
146324
+ "text": "void"
146325
+ }
146326
+ },
146327
+ "parameters": [
146328
+ {
146329
+ "name": "slot",
146330
+ "type": {
146331
+ "text": "HTMLSlotElement"
146332
+ }
146333
+ }
146334
+ ],
146335
+ "inheritedFrom": {
146336
+ "name": "SbbElement",
146337
+ "module": "core/base-elements/element.js"
146338
+ }
146339
+ },
146340
+ {
146341
+ "kind": "method",
146342
+ "name": "_hasSlottedContent",
146343
+ "privacy": "private",
146344
+ "return": {
146345
+ "type": {
146346
+ "text": "boolean"
146347
+ }
146348
+ },
146349
+ "parameters": [
146350
+ {
146351
+ "name": "slot",
146352
+ "type": {
146353
+ "text": "HTMLSlotElement"
146354
+ }
146355
+ }
146356
+ ],
146357
+ "inheritedFrom": {
146358
+ "name": "SbbElement",
146359
+ "module": "core/base-elements/element.js"
146360
+ }
146361
+ }
146362
+ ],
146363
+ "attributes": [
146364
+ {
146365
+ "name": "level",
146366
+ "type": {
146367
+ "text": "SbbTitleLevel"
146368
+ },
146369
+ "default": "'2'",
146370
+ "description": "Title level",
146371
+ "fieldName": "level",
146372
+ "inheritedFrom": {
146373
+ "name": "SbbTitleBase",
146374
+ "module": "title/title-base.js"
146375
+ }
146376
+ },
146377
+ {
146378
+ "name": "visual-level",
146379
+ "type": {
146380
+ "text": "SbbTitleLevel | null"
146381
+ },
146382
+ "default": "null",
146383
+ "description": "Visual level for the title.",
146384
+ "fieldName": "visualLevel",
146385
+ "inheritedFrom": {
146386
+ "name": "SbbTitleBase",
146387
+ "module": "title/title-base.js"
146388
+ }
146389
+ }
146390
+ ],
146391
+ "superclass": {
146392
+ "name": "SbbTitleBase",
146393
+ "module": "title.pure.js"
146394
+ },
146395
+ "tagName": "sbb-sidebar-title",
146396
+ "customElement": true
146397
+ }
146398
+ ],
146399
+ "exports": [
146400
+ {
146401
+ "kind": "js",
146402
+ "name": "SbbSidebarTitleElement",
146403
+ "declaration": {
146404
+ "name": "SbbSidebarTitleElement",
146405
+ "module": "sidebar/sidebar-title/sidebar-title.component.js"
146406
+ }
146407
+ }
146408
+ ]
146409
+ },
146410
+ {
146411
+ "kind": "javascript-module",
146412
+ "path": "stepper/step/step.component.js",
146413
+ "declarations": [
146414
+ {
146415
+ "kind": "class",
146416
+ "description": "Combined with a `sbb-stepper`, it displays a step's content.",
146417
+ "name": "SbbStepElement",
146418
+ "slots": [
146419
+ {
146420
+ "description": "Use the unnamed slot to provide content.",
146421
+ "name": ""
146422
+ }
146423
+ ],
146424
+ "members": [
146425
+ {
146426
+ "kind": "field",
146427
+ "name": "elementName",
146428
+ "type": {
146429
+ "text": "string"
146430
+ },
146431
+ "privacy": "public",
146432
+ "static": true,
146433
+ "readonly": true,
146434
+ "default": "'sbb-step'",
146435
+ "inheritedFrom": {
146436
+ "name": "SbbElement",
146437
+ "module": "core/base-elements/element.js"
146438
+ }
146439
+ },
146440
+ {
146441
+ "kind": "field",
146442
+ "name": "role",
146443
+ "type": {
146444
+ "text": "string"
146445
+ },
146446
+ "privacy": "public",
146447
+ "static": true,
146448
+ "readonly": true,
146449
+ "default": "'tabpanel'",
146450
+ "inheritedFrom": {
146451
+ "name": "SbbElement",
146452
+ "module": "core/base-elements/element.js"
146453
+ }
146454
+ },
146455
+ {
146456
+ "kind": "field",
146457
+ "name": "events",
146458
+ "privacy": "public",
146459
+ "static": true,
146460
+ "readonly": true,
146461
+ "default": "{ validate: 'validate', resizechange: 'resizechange', }",
146462
+ "type": {
146463
+ "text": "{\n validate: 'validate',\n resizechange: 'resizechange',\n }"
146464
+ }
146465
+ },
146466
+ {
146467
+ "kind": "field",
146468
+ "name": "_stepResizeObserver",
146469
+ "privacy": "private",
146470
+ "default": "new ResizeController(this, { target: null, skipInitial: true, callback: () => setTimeout(() => this._onStepElementResize()), })"
146471
+ },
146472
+ {
146473
+ "kind": "field",
146474
+ "name": "label",
146475
+ "type": {
146476
+ "text": "SbbStepLabelElement | null"
146477
+ },
146478
+ "privacy": "public",
146479
+ "description": "The label of the step.",
146480
+ "readonly": true,
146481
+ "default": "null"
146482
+ },
146483
+ {
146484
+ "kind": "field",
146485
+ "name": "_label",
146486
+ "type": {
146487
+ "text": "SbbStepLabelElement | null"
146488
+ },
146489
+ "privacy": "private",
146490
+ "default": "null"
146491
+ },
146492
+ {
146493
+ "kind": "field",
146494
+ "name": "stepper",
146495
+ "type": {
146496
+ "text": "SbbStepperElement | null"
146497
+ },
146498
+ "privacy": "public",
146499
+ "readonly": true
146500
+ },
146501
+ {
146502
+ "kind": "field",
146503
+ "name": "_previousOrientation",
146504
+ "type": {
146505
+ "text": "string | undefined"
146506
+ },
146507
+ "privacy": "private"
146508
+ },
146509
+ {
146510
+ "kind": "method",
146511
+ "name": "_handleClick",
146512
+ "privacy": "private",
146513
+ "return": {
146514
+ "type": {
146515
+ "text": "void"
146516
+ }
146517
+ },
146518
+ "parameters": [
146519
+ {
146520
+ "name": "event",
146521
+ "type": {
146522
+ "text": "Event"
146523
+ }
146524
+ }
146525
+ ],
146526
+ "description": "Watches for clicked elements with `sbb-stepper-next` or `sbb-stepper-previous` attributes."
146527
+ },
146528
+ {
146529
+ "kind": "method",
146530
+ "name": "_isGoNextElement",
146531
+ "privacy": "private",
146532
+ "return": {
146533
+ "type": {
146534
+ "text": "boolean"
146535
+ }
146536
+ },
146537
+ "parameters": [
146538
+ {
146539
+ "name": "element",
146540
+ "type": {
146541
+ "text": "HTMLElement"
146542
+ }
146543
+ }
146544
+ ]
146545
+ },
146546
+ {
146547
+ "kind": "method",
146548
+ "name": "_isGoPreviousElement",
146549
+ "privacy": "private",
146550
+ "return": {
146551
+ "type": {
146552
+ "text": "boolean"
146553
+ }
146554
+ },
146555
+ "parameters": [
146556
+ {
146557
+ "name": "element",
146558
+ "type": {
146559
+ "text": "HTMLElement"
146560
+ }
146561
+ }
146562
+ ]
146563
+ },
146564
+ {
146565
+ "kind": "method",
146566
+ "name": "_onStepElementResize",
146567
+ "privacy": "private",
146568
+ "return": {
146569
+ "type": {
146570
+ "text": "void"
146571
+ }
146572
+ }
146573
+ },
146574
+ {
146575
+ "kind": "method",
146576
+ "name": "_assignLabel",
146577
+ "privacy": "private",
146578
+ "return": {
146579
+ "type": {
146580
+ "text": "void"
146581
+ }
146582
146582
  }
146583
146583
  },
146584
146584
  {
@@ -157436,20 +157436,16 @@
157436
157436
  },
157437
157437
  {
157438
157438
  "kind": "javascript-module",
157439
- "path": "toggle/toggle-option/toggle-option.component.js",
157439
+ "path": "toggle/toggle/toggle.component.js",
157440
157440
  "declarations": [
157441
157441
  {
157442
157442
  "kind": "class",
157443
- "description": "It displays a toggle option within a `sbb-toggle`.",
157444
- "name": "SbbToggleOptionElement",
157443
+ "description": "It can be used as a container for two `sbb-toggle-option`, acting as a toggle button.",
157444
+ "name": "SbbToggleElement",
157445
157445
  "slots": [
157446
157446
  {
157447
- "description": "Use the unnamed slot to add content to the label of the toggle option.",
157447
+ "description": "Use the unnamed slot to add `<sbb-toggle-option>` elements to the toggle.",
157448
157448
  "name": ""
157449
- },
157450
- {
157451
- "description": "Slot used to render the `sbb-icon`.",
157452
- "name": "icon"
157453
157449
  }
157454
157450
  ],
157455
157451
  "members": [
@@ -157462,7 +157458,7 @@
157462
157458
  "privacy": "public",
157463
157459
  "static": true,
157464
157460
  "readonly": true,
157465
- "default": "'sbb-toggle-option'",
157461
+ "default": "'sbb-toggle'",
157466
157462
  "inheritedFrom": {
157467
157463
  "name": "SbbElement",
157468
157464
  "module": "core/base-elements/element.js"
@@ -157477,7 +157473,7 @@
157477
157473
  "privacy": "public",
157478
157474
  "static": true,
157479
157475
  "readonly": true,
157480
- "default": "'radio'",
157476
+ "default": "'radiogroup'",
157481
157477
  "inheritedFrom": {
157482
157478
  "name": "SbbElement",
157483
157479
  "module": "core/base-elements/element.js"
@@ -157485,14 +157481,37 @@
157485
157481
  },
157486
157482
  {
157487
157483
  "kind": "field",
157488
- "name": "checked",
157484
+ "name": "events",
157485
+ "privacy": "public",
157486
+ "static": true,
157487
+ "readonly": true,
157488
+ "default": "{ change: 'change', }",
157489
+ "type": {
157490
+ "text": "{\n change: 'change',\n }"
157491
+ }
157492
+ },
157493
+ {
157494
+ "kind": "field",
157495
+ "name": "even",
157489
157496
  "type": {
157490
157497
  "text": "boolean"
157491
157498
  },
157492
157499
  "privacy": "public",
157493
157500
  "default": "false",
157494
- "description": "Whether the toggle-option is checked.",
157495
- "attribute": "checked",
157501
+ "description": "If true, set the width of the component fixed; if false,\nthe width is dynamic based on the label of the sbb-toggle-option.",
157502
+ "attribute": "even",
157503
+ "reflects": true
157504
+ },
157505
+ {
157506
+ "kind": "field",
157507
+ "name": "size",
157508
+ "type": {
157509
+ "text": "'s' | 'm'"
157510
+ },
157511
+ "privacy": "public",
157512
+ "description": "Size variant, either m or s.",
157513
+ "default": "'m' / 's' (lean)",
157514
+ "attribute": "size",
157496
157515
  "reflects": true
157497
157516
  },
157498
157517
  {
@@ -157502,22 +157521,53 @@
157502
157521
  "text": "(T = string) | null"
157503
157522
  },
157504
157523
  "privacy": "public",
157505
- "default": "null",
157506
- "description": "Value of toggle-option.",
157507
- "attribute": "value"
157524
+ "description": "The value of the toggle. It needs to be mutable since it is updated whenever\na new option is selected (see the `onToggleOptionSelect()` method).",
157525
+ "attribute": "value",
157526
+ "inheritedFrom": {
157527
+ "name": "SbbFormAssociatedMixin",
157528
+ "module": "core/mixins/form-associated-mixin.js"
157529
+ }
157508
157530
  },
157509
157531
  {
157510
157532
  "kind": "field",
157511
- "name": "_toggle",
157533
+ "name": "_fallbackValue",
157512
157534
  "type": {
157513
- "text": "SbbToggleElement | null"
157535
+ "text": "T | null"
157514
157536
  },
157515
157537
  "privacy": "private",
157516
157538
  "default": "null"
157517
157539
  },
157540
+ {
157541
+ "kind": "field",
157542
+ "name": "options",
157543
+ "type": {
157544
+ "text": "SbbToggleOptionElement<T>[]"
157545
+ },
157546
+ "privacy": "public",
157547
+ "description": "The child instances of sbb-toggle-option as an array.",
157548
+ "readonly": true
157549
+ },
157518
157550
  {
157519
157551
  "kind": "method",
157520
- "name": "_uncheckOtherOptions",
157552
+ "name": "_readFormData",
157553
+ "privacy": "private",
157554
+ "return": {
157555
+ "type": {
157556
+ "text": "Promise<T>"
157557
+ }
157558
+ },
157559
+ "parameters": [
157560
+ {
157561
+ "name": "formData",
157562
+ "type": {
157563
+ "text": "FormData"
157564
+ }
157565
+ }
157566
+ ]
157567
+ },
157568
+ {
157569
+ "kind": "method",
157570
+ "name": "_updateToggle",
157521
157571
  "privacy": "private",
157522
157572
  "return": {
157523
157573
  "type": {
@@ -157527,7 +157577,25 @@
157527
157577
  },
157528
157578
  {
157529
157579
  "kind": "method",
157530
- "name": "_handleDisabledChange",
157580
+ "name": "_valueChanged",
157581
+ "privacy": "private",
157582
+ "return": {
157583
+ "type": {
157584
+ "text": "void"
157585
+ }
157586
+ },
157587
+ "parameters": [
157588
+ {
157589
+ "name": "value",
157590
+ "type": {
157591
+ "text": "T | null"
157592
+ }
157593
+ }
157594
+ ]
157595
+ },
157596
+ {
157597
+ "kind": "method",
157598
+ "name": "_updateDisabled",
157531
157599
  "privacy": "private",
157532
157600
  "return": {
157533
157601
  "type": {
@@ -157543,17 +157611,44 @@
157543
157611
  "type": {
157544
157612
  "text": "void"
157545
157613
  }
157546
- }
157614
+ },
157615
+ "description": "Called on user interaction (click or keyboard)"
157547
157616
  },
157548
157617
  {
157549
157618
  "kind": "method",
157550
- "name": "_verifyTabindex",
157619
+ "name": "_handleKeyDown",
157551
157620
  "privacy": "private",
157552
157621
  "return": {
157553
157622
  "type": {
157554
157623
  "text": "void"
157555
157624
  }
157556
- }
157625
+ },
157626
+ "parameters": [
157627
+ {
157628
+ "name": "evt",
157629
+ "type": {
157630
+ "text": "KeyboardEvent"
157631
+ }
157632
+ }
157633
+ ]
157634
+ },
157635
+ {
157636
+ "kind": "method",
157637
+ "name": "_selectAndFocusOption",
157638
+ "privacy": "private",
157639
+ "return": {
157640
+ "type": {
157641
+ "text": "void"
157642
+ }
157643
+ },
157644
+ "parameters": [
157645
+ {
157646
+ "name": "option",
157647
+ "type": {
157648
+ "text": "SbbToggleOptionElement<T> | undefined"
157649
+ }
157650
+ }
157651
+ ]
157557
157652
  },
157558
157653
  {
157559
157654
  "kind": "field",
@@ -157601,82 +157696,317 @@
157601
157696
  },
157602
157697
  {
157603
157698
  "kind": "field",
157604
- "name": "elementDependencies",
157699
+ "name": "formAssociated",
157605
157700
  "type": {
157606
- "text": "SbbElementType[]"
157701
+ "text": "boolean"
157607
157702
  },
157608
157703
  "privacy": "public",
157609
157704
  "static": true,
157610
- "default": "[SbbIconElement]",
157705
+ "default": "true",
157611
157706
  "inheritedFrom": {
157612
- "name": "SbbElement",
157613
- "module": "core/base-elements/element.js"
157707
+ "name": "SbbFormAssociatedMixin",
157708
+ "module": "core/mixins/form-associated-mixin.js"
157614
157709
  }
157615
157710
  },
157616
157711
  {
157617
157712
  "kind": "field",
157618
- "name": "iconName",
157713
+ "name": "form",
157714
+ "type": {
157715
+ "text": "HTMLFormElement | null"
157716
+ },
157717
+ "privacy": "public",
157718
+ "description": "Returns the form owner of this element.",
157719
+ "readonly": true,
157720
+ "inheritedFrom": {
157721
+ "name": "SbbFormAssociatedMixin",
157722
+ "module": "core/mixins/form-associated-mixin.js"
157723
+ }
157724
+ },
157725
+ {
157726
+ "kind": "field",
157727
+ "name": "name",
157728
+ "privacy": "public",
157729
+ "description": "Name of the form element. Will be read from name attribute.",
157619
157730
  "type": {
157620
157731
  "text": "string"
157621
157732
  },
157733
+ "attribute": "name",
157734
+ "inheritedFrom": {
157735
+ "name": "SbbFormAssociatedMixin",
157736
+ "module": "core/mixins/form-associated-mixin.js"
157737
+ }
157738
+ },
157739
+ {
157740
+ "kind": "field",
157741
+ "name": "validity",
157742
+ "type": {
157743
+ "text": "ValidityState"
157744
+ },
157622
157745
  "privacy": "public",
157623
- "default": "''",
157624
- "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.",
157625
- "attribute": "icon-name",
157746
+ "description": "Returns the ValidityState object for this element.",
157747
+ "readonly": true,
157626
157748
  "inheritedFrom": {
157627
- "name": "SbbIconNameMixin",
157628
- "module": "icon/icon-name-mixin.js"
157749
+ "name": "SbbFormAssociatedMixin",
157750
+ "module": "core/mixins/form-associated-mixin.js"
157751
+ }
157752
+ },
157753
+ {
157754
+ "kind": "field",
157755
+ "name": "validationMessage",
157756
+ "type": {
157757
+ "text": "string"
157758
+ },
157759
+ "privacy": "public",
157760
+ "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.",
157761
+ "readonly": true,
157762
+ "inheritedFrom": {
157763
+ "name": "SbbFormAssociatedMixin",
157764
+ "module": "core/mixins/form-associated-mixin.js"
157765
+ }
157766
+ },
157767
+ {
157768
+ "kind": "field",
157769
+ "name": "willValidate",
157770
+ "type": {
157771
+ "text": "boolean"
157772
+ },
157773
+ "privacy": "public",
157774
+ "description": "Returns true if this element will be validated\nwhen the form is submitted; false otherwise.",
157775
+ "readonly": true,
157776
+ "inheritedFrom": {
157777
+ "name": "SbbFormAssociatedMixin",
157778
+ "module": "core/mixins/form-associated-mixin.js"
157779
+ }
157780
+ },
157781
+ {
157782
+ "kind": "field",
157783
+ "name": "_validityStates",
157784
+ "privacy": "private",
157785
+ "default": "new Map< keyof ValidityStateFlags, { flagValue: unknown; message: string } >()",
157786
+ "inheritedFrom": {
157787
+ "name": "SbbFormAssociatedMixin",
157788
+ "module": "core/mixins/form-associated-mixin.js"
157789
+ }
157790
+ },
157791
+ {
157792
+ "kind": "field",
157793
+ "name": "formDisabled",
157794
+ "type": {
157795
+ "text": "boolean"
157796
+ },
157797
+ "privacy": "protected",
157798
+ "default": "false",
157799
+ "description": "Whenever a surrounding form or fieldset is changing its disabled state.",
157800
+ "inheritedFrom": {
157801
+ "name": "SbbFormAssociatedMixin",
157802
+ "module": "core/mixins/form-associated-mixin.js"
157629
157803
  }
157630
157804
  },
157631
157805
  {
157632
157806
  "kind": "method",
157633
- "name": "renderIconSlot",
157807
+ "name": "checkValidity",
157808
+ "privacy": "public",
157809
+ "return": {
157810
+ "type": {
157811
+ "text": "boolean"
157812
+ }
157813
+ },
157814
+ "description": "Returns true if this element has no validity problems; false otherwise.\nFires an invalid event at the element in the latter case.",
157815
+ "inheritedFrom": {
157816
+ "name": "SbbFormAssociatedMixin",
157817
+ "module": "core/mixins/form-associated-mixin.js"
157818
+ }
157819
+ },
157820
+ {
157821
+ "kind": "method",
157822
+ "name": "reportValidity",
157823
+ "privacy": "public",
157824
+ "return": {
157825
+ "type": {
157826
+ "text": "boolean"
157827
+ }
157828
+ },
157829
+ "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.",
157830
+ "inheritedFrom": {
157831
+ "name": "SbbFormAssociatedMixin",
157832
+ "module": "core/mixins/form-associated-mixin.js"
157833
+ }
157834
+ },
157835
+ {
157836
+ "kind": "method",
157837
+ "name": "setCustomValidity",
157838
+ "privacy": "public",
157839
+ "return": {
157840
+ "type": {
157841
+ "text": "void"
157842
+ }
157843
+ },
157844
+ "parameters": [
157845
+ {
157846
+ "name": "message",
157847
+ "type": {
157848
+ "text": "string"
157849
+ }
157850
+ }
157851
+ ],
157852
+ "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.",
157853
+ "inheritedFrom": {
157854
+ "name": "SbbFormAssociatedMixin",
157855
+ "module": "core/mixins/form-associated-mixin.js"
157856
+ }
157857
+ },
157858
+ {
157859
+ "kind": "method",
157860
+ "name": "_hasDisabledAncestor",
157861
+ "privacy": "private",
157862
+ "return": {
157863
+ "type": {
157864
+ "text": "boolean"
157865
+ }
157866
+ },
157867
+ "inheritedFrom": {
157868
+ "name": "SbbFormAssociatedMixin",
157869
+ "module": "core/mixins/form-associated-mixin.js"
157870
+ }
157871
+ },
157872
+ {
157873
+ "kind": "method",
157874
+ "name": "updateFormValue",
157634
157875
  "privacy": "protected",
157635
157876
  "return": {
157636
157877
  "type": {
157637
- "text": "TemplateResult"
157878
+ "text": "void"
157879
+ }
157880
+ },
157881
+ "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",
157882
+ "inheritedFrom": {
157883
+ "name": "SbbFormAssociatedMixin",
157884
+ "module": "core/mixins/form-associated-mixin.js"
157885
+ }
157886
+ },
157887
+ {
157888
+ "kind": "method",
157889
+ "name": "formState",
157890
+ "privacy": "protected",
157891
+ "return": {
157892
+ "type": {
157893
+ "text": "FormRestoreState"
157894
+ }
157895
+ },
157896
+ "inheritedFrom": {
157897
+ "name": "SbbFormAssociatedMixin",
157898
+ "module": "core/mixins/form-associated-mixin.js"
157899
+ }
157900
+ },
157901
+ {
157902
+ "kind": "method",
157903
+ "name": "setValidityFlag",
157904
+ "privacy": "protected",
157905
+ "return": {
157906
+ "type": {
157907
+ "text": "void"
157638
157908
  }
157639
157909
  },
157640
157910
  "parameters": [
157641
157911
  {
157642
- "name": "classname",
157643
- "optional": true,
157912
+ "name": "flag",
157913
+ "type": {
157914
+ "text": "T"
157915
+ }
157916
+ },
157917
+ {
157918
+ "name": "message",
157644
157919
  "type": {
157645
157920
  "text": "string"
157646
157921
  }
157922
+ },
157923
+ {
157924
+ "name": "flagValue",
157925
+ "optional": true,
157926
+ "type": {
157927
+ "text": "ValidityStateFlags[T]"
157928
+ }
157647
157929
  }
157648
157930
  ],
157931
+ "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).",
157649
157932
  "inheritedFrom": {
157650
- "name": "SbbIconNameMixin",
157651
- "module": "icon/icon-name-mixin.js"
157933
+ "name": "SbbFormAssociatedMixin",
157934
+ "module": "core/mixins/form-associated-mixin.js"
157652
157935
  }
157653
157936
  },
157654
157937
  {
157655
157938
  "kind": "method",
157656
- "name": "renderIconName",
157939
+ "name": "removeValidityFlag",
157657
157940
  "privacy": "protected",
157658
157941
  "return": {
157659
157942
  "type": {
157660
- "text": "string"
157943
+ "text": "void"
157661
157944
  }
157662
157945
  },
157946
+ "parameters": [
157947
+ {
157948
+ "name": "flag",
157949
+ "type": {
157950
+ "text": "T"
157951
+ }
157952
+ }
157953
+ ],
157954
+ "description": "Removes the validity state flag entry and updates validity state.",
157663
157955
  "inheritedFrom": {
157664
- "name": "SbbIconNameMixin",
157665
- "module": "icon/icon-name-mixin.js"
157956
+ "name": "SbbFormAssociatedMixin",
157957
+ "module": "core/mixins/form-associated-mixin.js"
157666
157958
  }
157667
157959
  },
157668
157960
  {
157669
157961
  "kind": "method",
157670
- "name": "_renderIconName",
157962
+ "name": "validate",
157963
+ "privacy": "protected",
157964
+ "return": {
157965
+ "type": {
157966
+ "text": "void"
157967
+ }
157968
+ },
157969
+ "description": "To be called whenever the current element needs to be validated.",
157970
+ "inheritedFrom": {
157971
+ "name": "SbbFormAssociatedMixin",
157972
+ "module": "core/mixins/form-associated-mixin.js"
157973
+ }
157974
+ },
157975
+ {
157976
+ "kind": "method",
157977
+ "name": "shouldValidate",
157978
+ "privacy": "protected",
157979
+ "return": {
157980
+ "type": {
157981
+ "text": "boolean"
157982
+ }
157983
+ },
157984
+ "parameters": [
157985
+ {
157986
+ "name": "name",
157987
+ "type": {
157988
+ "text": "PropertyKey | undefined"
157989
+ }
157990
+ }
157991
+ ],
157992
+ "description": "Whether validation should be run on a property change with the given name.",
157993
+ "inheritedFrom": {
157994
+ "name": "SbbFormAssociatedMixin",
157995
+ "module": "core/mixins/form-associated-mixin.js"
157996
+ }
157997
+ },
157998
+ {
157999
+ "kind": "method",
158000
+ "name": "_setInternalValidity",
157671
158001
  "privacy": "private",
157672
158002
  "return": {
157673
158003
  "type": {
157674
- "text": "string"
158004
+ "text": "void"
157675
158005
  }
157676
158006
  },
157677
158007
  "inheritedFrom": {
157678
- "name": "SbbIconNameMixin",
157679
- "module": "icon/icon-name-mixin.js"
158008
+ "name": "SbbFormAssociatedMixin",
158009
+ "module": "core/mixins/form-associated-mixin.js"
157680
158010
  }
157681
158011
  },
157682
158012
  {
@@ -157693,6 +158023,19 @@
157693
158023
  "module": "core/base-elements/element.js"
157694
158024
  }
157695
158025
  },
158026
+ {
158027
+ "kind": "field",
158028
+ "name": "elementDependencies",
158029
+ "type": {
158030
+ "text": "SbbElementType[] | undefined"
158031
+ },
158032
+ "privacy": "public",
158033
+ "static": true,
158034
+ "inheritedFrom": {
158035
+ "name": "SbbElement",
158036
+ "module": "core/base-elements/element.js"
158037
+ }
158038
+ },
157696
158039
  {
157697
158040
  "kind": "field",
157698
158041
  "name": "_controllers",
@@ -157915,30 +158258,38 @@
157915
158258
  ],
157916
158259
  "events": [
157917
158260
  {
158261
+ "name": "change",
157918
158262
  "type": {
157919
- "text": "InputEvent"
158263
+ "text": "Event"
157920
158264
  },
157921
- "description": "The input event fires when the value has been changed as a direct result of a user action.",
157922
- "name": "input"
158265
+ "description": "The change event is fired when the user modifies the element's value.\nUnlike the input event, the change event is not necessarily fired\nfor each alteration to an element's value."
157923
158266
  }
157924
158267
  ],
157925
158268
  "attributes": [
157926
158269
  {
157927
- "name": "checked",
158270
+ "name": "even",
157928
158271
  "type": {
157929
158272
  "text": "boolean"
157930
158273
  },
157931
158274
  "default": "false",
157932
- "description": "Whether the toggle-option is checked.",
157933
- "fieldName": "checked"
158275
+ "description": "If true, set the width of the component fixed; if false,\nthe width is dynamic based on the label of the sbb-toggle-option.",
158276
+ "fieldName": "even"
158277
+ },
158278
+ {
158279
+ "name": "size",
158280
+ "type": {
158281
+ "text": "'s' | 'm'"
158282
+ },
158283
+ "description": "Size variant, either m or s.",
158284
+ "default": "'m' / 's' (lean)",
158285
+ "fieldName": "size"
157934
158286
  },
157935
158287
  {
157936
158288
  "name": "value",
158289
+ "description": "The value of the toggle. It needs to be mutable since it is updated whenever\na new option is selected (see the `onToggleOptionSelect()` method).",
157937
158290
  "type": {
157938
158291
  "text": "T | null"
157939
158292
  },
157940
- "default": "null",
157941
- "description": "Value of toggle-option.",
157942
158293
  "fieldName": "value"
157943
158294
  },
157944
158295
  {
@@ -157955,16 +158306,15 @@
157955
158306
  }
157956
158307
  },
157957
158308
  {
157958
- "name": "icon-name",
158309
+ "name": "name",
158310
+ "description": "Name of the form element. Will be read from name attribute.",
157959
158311
  "type": {
157960
158312
  "text": "string"
157961
158313
  },
157962
- "default": "''",
157963
- "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.",
157964
- "fieldName": "iconName",
158314
+ "fieldName": "name",
157965
158315
  "inheritedFrom": {
157966
- "name": "SbbIconNameMixin",
157967
- "module": "icon/icon-name-mixin.js"
158316
+ "name": "SbbFormAssociatedMixin",
158317
+ "module": "core/mixins/form-associated-mixin.js"
157968
158318
  }
157969
158319
  }
157970
158320
  ],
@@ -157974,15 +158324,15 @@
157974
158324
  "module": "core.js"
157975
158325
  },
157976
158326
  {
157977
- "name": "SbbIconNameMixin",
157978
- "module": "icon.pure.js"
158327
+ "name": "SbbFormAssociatedMixin",
158328
+ "module": "core.js"
157979
158329
  }
157980
158330
  ],
157981
158331
  "superclass": {
157982
158332
  "name": "SbbElement",
157983
158333
  "module": "core.js"
157984
158334
  },
157985
- "tagName": "sbb-toggle-option",
158335
+ "tagName": "sbb-toggle",
157986
158336
  "customElement": true,
157987
158337
  "classGenerics": "T = string"
157988
158338
  }
@@ -157990,26 +158340,30 @@
157990
158340
  "exports": [
157991
158341
  {
157992
158342
  "kind": "js",
157993
- "name": "SbbToggleOptionElement",
158343
+ "name": "SbbToggleElement",
157994
158344
  "declaration": {
157995
- "name": "SbbToggleOptionElement",
157996
- "module": "toggle/toggle-option/toggle-option.component.js"
158345
+ "name": "SbbToggleElement",
158346
+ "module": "toggle/toggle/toggle.component.js"
157997
158347
  }
157998
158348
  }
157999
158349
  ]
158000
158350
  },
158001
158351
  {
158002
158352
  "kind": "javascript-module",
158003
- "path": "toggle/toggle/toggle.component.js",
158353
+ "path": "toggle/toggle-option/toggle-option.component.js",
158004
158354
  "declarations": [
158005
158355
  {
158006
158356
  "kind": "class",
158007
- "description": "It can be used as a container for two `sbb-toggle-option`, acting as a toggle button.",
158008
- "name": "SbbToggleElement",
158357
+ "description": "It displays a toggle option within a `sbb-toggle`.",
158358
+ "name": "SbbToggleOptionElement",
158009
158359
  "slots": [
158010
158360
  {
158011
- "description": "Use the unnamed slot to add `<sbb-toggle-option>` elements to the toggle.",
158361
+ "description": "Use the unnamed slot to add content to the label of the toggle option.",
158012
158362
  "name": ""
158363
+ },
158364
+ {
158365
+ "description": "Slot used to render the `sbb-icon`.",
158366
+ "name": "icon"
158013
158367
  }
158014
158368
  ],
158015
158369
  "members": [
@@ -158022,7 +158376,7 @@
158022
158376
  "privacy": "public",
158023
158377
  "static": true,
158024
158378
  "readonly": true,
158025
- "default": "'sbb-toggle'",
158379
+ "default": "'sbb-toggle-option'",
158026
158380
  "inheritedFrom": {
158027
158381
  "name": "SbbElement",
158028
158382
  "module": "core/base-elements/element.js"
@@ -158037,7 +158391,7 @@
158037
158391
  "privacy": "public",
158038
158392
  "static": true,
158039
158393
  "readonly": true,
158040
- "default": "'radiogroup'",
158394
+ "default": "'radio'",
158041
158395
  "inheritedFrom": {
158042
158396
  "name": "SbbElement",
158043
158397
  "module": "core/base-elements/element.js"
@@ -158045,37 +158399,14 @@
158045
158399
  },
158046
158400
  {
158047
158401
  "kind": "field",
158048
- "name": "events",
158049
- "privacy": "public",
158050
- "static": true,
158051
- "readonly": true,
158052
- "default": "{ change: 'change', }",
158053
- "type": {
158054
- "text": "{\n change: 'change',\n }"
158055
- }
158056
- },
158057
- {
158058
- "kind": "field",
158059
- "name": "even",
158402
+ "name": "checked",
158060
158403
  "type": {
158061
158404
  "text": "boolean"
158062
158405
  },
158063
158406
  "privacy": "public",
158064
158407
  "default": "false",
158065
- "description": "If true, set the width of the component fixed; if false,\nthe width is dynamic based on the label of the sbb-toggle-option.",
158066
- "attribute": "even",
158067
- "reflects": true
158068
- },
158069
- {
158070
- "kind": "field",
158071
- "name": "size",
158072
- "type": {
158073
- "text": "'s' | 'm'"
158074
- },
158075
- "privacy": "public",
158076
- "description": "Size variant, either m or s.",
158077
- "default": "'m' / 's' (lean)",
158078
- "attribute": "size",
158408
+ "description": "Whether the toggle-option is checked.",
158409
+ "attribute": "checked",
158079
158410
  "reflects": true
158080
158411
  },
158081
158412
  {
@@ -158085,53 +158416,22 @@
158085
158416
  "text": "(T = string) | null"
158086
158417
  },
158087
158418
  "privacy": "public",
158088
- "description": "The value of the toggle. It needs to be mutable since it is updated whenever\na new option is selected (see the `onToggleOptionSelect()` method).",
158089
- "attribute": "value",
158090
- "inheritedFrom": {
158091
- "name": "SbbFormAssociatedMixin",
158092
- "module": "core/mixins/form-associated-mixin.js"
158093
- }
158419
+ "default": "null",
158420
+ "description": "Value of toggle-option.",
158421
+ "attribute": "value"
158094
158422
  },
158095
158423
  {
158096
158424
  "kind": "field",
158097
- "name": "_fallbackValue",
158425
+ "name": "_toggle",
158098
158426
  "type": {
158099
- "text": "T | null"
158427
+ "text": "SbbToggleElement | null"
158100
158428
  },
158101
158429
  "privacy": "private",
158102
158430
  "default": "null"
158103
158431
  },
158104
- {
158105
- "kind": "field",
158106
- "name": "options",
158107
- "type": {
158108
- "text": "SbbToggleOptionElement<T>[]"
158109
- },
158110
- "privacy": "public",
158111
- "description": "The child instances of sbb-toggle-option as an array.",
158112
- "readonly": true
158113
- },
158114
158432
  {
158115
158433
  "kind": "method",
158116
- "name": "_readFormData",
158117
- "privacy": "private",
158118
- "return": {
158119
- "type": {
158120
- "text": "Promise<T>"
158121
- }
158122
- },
158123
- "parameters": [
158124
- {
158125
- "name": "formData",
158126
- "type": {
158127
- "text": "FormData"
158128
- }
158129
- }
158130
- ]
158131
- },
158132
- {
158133
- "kind": "method",
158134
- "name": "_updateToggle",
158434
+ "name": "_uncheckOtherOptions",
158135
158435
  "privacy": "private",
158136
158436
  "return": {
158137
158437
  "type": {
@@ -158141,25 +158441,7 @@
158141
158441
  },
158142
158442
  {
158143
158443
  "kind": "method",
158144
- "name": "_valueChanged",
158145
- "privacy": "private",
158146
- "return": {
158147
- "type": {
158148
- "text": "void"
158149
- }
158150
- },
158151
- "parameters": [
158152
- {
158153
- "name": "value",
158154
- "type": {
158155
- "text": "T | null"
158156
- }
158157
- }
158158
- ]
158159
- },
158160
- {
158161
- "kind": "method",
158162
- "name": "_updateDisabled",
158444
+ "name": "_handleDisabledChange",
158163
158445
  "privacy": "private",
158164
158446
  "return": {
158165
158447
  "type": {
@@ -158175,44 +158457,17 @@
158175
158457
  "type": {
158176
158458
  "text": "void"
158177
158459
  }
158178
- },
158179
- "description": "Called on user interaction (click or keyboard)"
158180
- },
158181
- {
158182
- "kind": "method",
158183
- "name": "_handleKeyDown",
158184
- "privacy": "private",
158185
- "return": {
158186
- "type": {
158187
- "text": "void"
158188
- }
158189
- },
158190
- "parameters": [
158191
- {
158192
- "name": "evt",
158193
- "type": {
158194
- "text": "KeyboardEvent"
158195
- }
158196
- }
158197
- ]
158460
+ }
158198
158461
  },
158199
158462
  {
158200
158463
  "kind": "method",
158201
- "name": "_selectAndFocusOption",
158464
+ "name": "_verifyTabindex",
158202
158465
  "privacy": "private",
158203
158466
  "return": {
158204
158467
  "type": {
158205
158468
  "text": "void"
158206
158469
  }
158207
- },
158208
- "parameters": [
158209
- {
158210
- "name": "option",
158211
- "type": {
158212
- "text": "SbbToggleOptionElement<T> | undefined"
158213
- }
158214
- }
158215
- ]
158470
+ }
158216
158471
  },
158217
158472
  {
158218
158473
  "kind": "field",
@@ -158260,317 +158515,82 @@
158260
158515
  },
158261
158516
  {
158262
158517
  "kind": "field",
158263
- "name": "formAssociated",
158518
+ "name": "elementDependencies",
158264
158519
  "type": {
158265
- "text": "boolean"
158520
+ "text": "SbbElementType[]"
158266
158521
  },
158267
158522
  "privacy": "public",
158268
158523
  "static": true,
158269
- "default": "true",
158270
- "inheritedFrom": {
158271
- "name": "SbbFormAssociatedMixin",
158272
- "module": "core/mixins/form-associated-mixin.js"
158273
- }
158274
- },
158275
- {
158276
- "kind": "field",
158277
- "name": "form",
158278
- "type": {
158279
- "text": "HTMLFormElement | null"
158280
- },
158281
- "privacy": "public",
158282
- "description": "Returns the form owner of this element.",
158283
- "readonly": true,
158284
- "inheritedFrom": {
158285
- "name": "SbbFormAssociatedMixin",
158286
- "module": "core/mixins/form-associated-mixin.js"
158287
- }
158288
- },
158289
- {
158290
- "kind": "field",
158291
- "name": "name",
158292
- "privacy": "public",
158293
- "description": "Name of the form element. Will be read from name attribute.",
158294
- "type": {
158295
- "text": "string"
158296
- },
158297
- "attribute": "name",
158298
- "inheritedFrom": {
158299
- "name": "SbbFormAssociatedMixin",
158300
- "module": "core/mixins/form-associated-mixin.js"
158301
- }
158302
- },
158303
- {
158304
- "kind": "field",
158305
- "name": "validity",
158306
- "type": {
158307
- "text": "ValidityState"
158308
- },
158309
- "privacy": "public",
158310
- "description": "Returns the ValidityState object for this element.",
158311
- "readonly": true,
158524
+ "default": "[SbbIconElement]",
158312
158525
  "inheritedFrom": {
158313
- "name": "SbbFormAssociatedMixin",
158314
- "module": "core/mixins/form-associated-mixin.js"
158526
+ "name": "SbbElement",
158527
+ "module": "core/base-elements/element.js"
158315
158528
  }
158316
158529
  },
158317
158530
  {
158318
158531
  "kind": "field",
158319
- "name": "validationMessage",
158532
+ "name": "iconName",
158320
158533
  "type": {
158321
158534
  "text": "string"
158322
158535
  },
158323
158536
  "privacy": "public",
158324
- "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.",
158325
- "readonly": true,
158326
- "inheritedFrom": {
158327
- "name": "SbbFormAssociatedMixin",
158328
- "module": "core/mixins/form-associated-mixin.js"
158329
- }
158330
- },
158331
- {
158332
- "kind": "field",
158333
- "name": "willValidate",
158334
- "type": {
158335
- "text": "boolean"
158336
- },
158337
- "privacy": "public",
158338
- "description": "Returns true if this element will be validated\nwhen the form is submitted; false otherwise.",
158339
- "readonly": true,
158340
- "inheritedFrom": {
158341
- "name": "SbbFormAssociatedMixin",
158342
- "module": "core/mixins/form-associated-mixin.js"
158343
- }
158344
- },
158345
- {
158346
- "kind": "field",
158347
- "name": "_validityStates",
158348
- "privacy": "private",
158349
- "default": "new Map< keyof ValidityStateFlags, { flagValue: unknown; message: string } >()",
158350
- "inheritedFrom": {
158351
- "name": "SbbFormAssociatedMixin",
158352
- "module": "core/mixins/form-associated-mixin.js"
158353
- }
158354
- },
158355
- {
158356
- "kind": "field",
158357
- "name": "formDisabled",
158358
- "type": {
158359
- "text": "boolean"
158360
- },
158361
- "privacy": "protected",
158362
- "default": "false",
158363
- "description": "Whenever a surrounding form or fieldset is changing its disabled state.",
158364
- "inheritedFrom": {
158365
- "name": "SbbFormAssociatedMixin",
158366
- "module": "core/mixins/form-associated-mixin.js"
158367
- }
158368
- },
158369
- {
158370
- "kind": "method",
158371
- "name": "checkValidity",
158372
- "privacy": "public",
158373
- "return": {
158374
- "type": {
158375
- "text": "boolean"
158376
- }
158377
- },
158378
- "description": "Returns true if this element has no validity problems; false otherwise.\nFires an invalid event at the element in the latter case.",
158379
- "inheritedFrom": {
158380
- "name": "SbbFormAssociatedMixin",
158381
- "module": "core/mixins/form-associated-mixin.js"
158382
- }
158383
- },
158384
- {
158385
- "kind": "method",
158386
- "name": "reportValidity",
158387
- "privacy": "public",
158388
- "return": {
158389
- "type": {
158390
- "text": "boolean"
158391
- }
158392
- },
158393
- "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.",
158394
- "inheritedFrom": {
158395
- "name": "SbbFormAssociatedMixin",
158396
- "module": "core/mixins/form-associated-mixin.js"
158397
- }
158398
- },
158399
- {
158400
- "kind": "method",
158401
- "name": "setCustomValidity",
158402
- "privacy": "public",
158403
- "return": {
158404
- "type": {
158405
- "text": "void"
158406
- }
158407
- },
158408
- "parameters": [
158409
- {
158410
- "name": "message",
158411
- "type": {
158412
- "text": "string"
158413
- }
158414
- }
158415
- ],
158416
- "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.",
158417
- "inheritedFrom": {
158418
- "name": "SbbFormAssociatedMixin",
158419
- "module": "core/mixins/form-associated-mixin.js"
158420
- }
158421
- },
158422
- {
158423
- "kind": "method",
158424
- "name": "_hasDisabledAncestor",
158425
- "privacy": "private",
158426
- "return": {
158427
- "type": {
158428
- "text": "boolean"
158429
- }
158430
- },
158431
- "inheritedFrom": {
158432
- "name": "SbbFormAssociatedMixin",
158433
- "module": "core/mixins/form-associated-mixin.js"
158434
- }
158435
- },
158436
- {
158437
- "kind": "method",
158438
- "name": "updateFormValue",
158439
- "privacy": "protected",
158440
- "return": {
158441
- "type": {
158442
- "text": "void"
158443
- }
158444
- },
158445
- "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",
158446
- "inheritedFrom": {
158447
- "name": "SbbFormAssociatedMixin",
158448
- "module": "core/mixins/form-associated-mixin.js"
158449
- }
158450
- },
158451
- {
158452
- "kind": "method",
158453
- "name": "formState",
158454
- "privacy": "protected",
158455
- "return": {
158456
- "type": {
158457
- "text": "FormRestoreState"
158458
- }
158459
- },
158537
+ "default": "''",
158538
+ "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.",
158539
+ "attribute": "icon-name",
158460
158540
  "inheritedFrom": {
158461
- "name": "SbbFormAssociatedMixin",
158462
- "module": "core/mixins/form-associated-mixin.js"
158541
+ "name": "SbbIconNameMixin",
158542
+ "module": "icon/icon-name-mixin.js"
158463
158543
  }
158464
158544
  },
158465
158545
  {
158466
158546
  "kind": "method",
158467
- "name": "setValidityFlag",
158547
+ "name": "renderIconSlot",
158468
158548
  "privacy": "protected",
158469
158549
  "return": {
158470
158550
  "type": {
158471
- "text": "void"
158551
+ "text": "TemplateResult"
158472
158552
  }
158473
158553
  },
158474
158554
  "parameters": [
158475
158555
  {
158476
- "name": "flag",
158477
- "type": {
158478
- "text": "T"
158479
- }
158480
- },
158481
- {
158482
- "name": "message",
158483
- "type": {
158484
- "text": "string"
158485
- }
158486
- },
158487
- {
158488
- "name": "flagValue",
158556
+ "name": "classname",
158489
158557
  "optional": true,
158490
158558
  "type": {
158491
- "text": "ValidityStateFlags[T]"
158492
- }
158493
- }
158494
- ],
158495
- "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).",
158496
- "inheritedFrom": {
158497
- "name": "SbbFormAssociatedMixin",
158498
- "module": "core/mixins/form-associated-mixin.js"
158499
- }
158500
- },
158501
- {
158502
- "kind": "method",
158503
- "name": "removeValidityFlag",
158504
- "privacy": "protected",
158505
- "return": {
158506
- "type": {
158507
- "text": "void"
158508
- }
158509
- },
158510
- "parameters": [
158511
- {
158512
- "name": "flag",
158513
- "type": {
158514
- "text": "T"
158559
+ "text": "string"
158515
158560
  }
158516
158561
  }
158517
158562
  ],
158518
- "description": "Removes the validity state flag entry and updates validity state.",
158519
158563
  "inheritedFrom": {
158520
- "name": "SbbFormAssociatedMixin",
158521
- "module": "core/mixins/form-associated-mixin.js"
158522
- }
158523
- },
158524
- {
158525
- "kind": "method",
158526
- "name": "validate",
158527
- "privacy": "protected",
158528
- "return": {
158529
- "type": {
158530
- "text": "void"
158531
- }
158532
- },
158533
- "description": "To be called whenever the current element needs to be validated.",
158534
- "inheritedFrom": {
158535
- "name": "SbbFormAssociatedMixin",
158536
- "module": "core/mixins/form-associated-mixin.js"
158564
+ "name": "SbbIconNameMixin",
158565
+ "module": "icon/icon-name-mixin.js"
158537
158566
  }
158538
158567
  },
158539
158568
  {
158540
158569
  "kind": "method",
158541
- "name": "shouldValidate",
158570
+ "name": "renderIconName",
158542
158571
  "privacy": "protected",
158543
158572
  "return": {
158544
158573
  "type": {
158545
- "text": "boolean"
158574
+ "text": "string"
158546
158575
  }
158547
158576
  },
158548
- "parameters": [
158549
- {
158550
- "name": "name",
158551
- "type": {
158552
- "text": "PropertyKey | undefined"
158553
- }
158554
- }
158555
- ],
158556
- "description": "Whether validation should be run on a property change with the given name.",
158557
158577
  "inheritedFrom": {
158558
- "name": "SbbFormAssociatedMixin",
158559
- "module": "core/mixins/form-associated-mixin.js"
158578
+ "name": "SbbIconNameMixin",
158579
+ "module": "icon/icon-name-mixin.js"
158560
158580
  }
158561
158581
  },
158562
158582
  {
158563
158583
  "kind": "method",
158564
- "name": "_setInternalValidity",
158584
+ "name": "_renderIconName",
158565
158585
  "privacy": "private",
158566
158586
  "return": {
158567
158587
  "type": {
158568
- "text": "void"
158588
+ "text": "string"
158569
158589
  }
158570
158590
  },
158571
158591
  "inheritedFrom": {
158572
- "name": "SbbFormAssociatedMixin",
158573
- "module": "core/mixins/form-associated-mixin.js"
158592
+ "name": "SbbIconNameMixin",
158593
+ "module": "icon/icon-name-mixin.js"
158574
158594
  }
158575
158595
  },
158576
158596
  {
@@ -158587,19 +158607,6 @@
158587
158607
  "module": "core/base-elements/element.js"
158588
158608
  }
158589
158609
  },
158590
- {
158591
- "kind": "field",
158592
- "name": "elementDependencies",
158593
- "type": {
158594
- "text": "SbbElementType[] | undefined"
158595
- },
158596
- "privacy": "public",
158597
- "static": true,
158598
- "inheritedFrom": {
158599
- "name": "SbbElement",
158600
- "module": "core/base-elements/element.js"
158601
- }
158602
- },
158603
158610
  {
158604
158611
  "kind": "field",
158605
158612
  "name": "_controllers",
@@ -158822,38 +158829,30 @@
158822
158829
  ],
158823
158830
  "events": [
158824
158831
  {
158825
- "name": "change",
158826
158832
  "type": {
158827
- "text": "Event"
158833
+ "text": "InputEvent"
158828
158834
  },
158829
- "description": "The change event is fired when the user modifies the element's value.\nUnlike the input event, the change event is not necessarily fired\nfor each alteration to an element's value."
158835
+ "description": "The input event fires when the value has been changed as a direct result of a user action.",
158836
+ "name": "input"
158830
158837
  }
158831
158838
  ],
158832
158839
  "attributes": [
158833
158840
  {
158834
- "name": "even",
158841
+ "name": "checked",
158835
158842
  "type": {
158836
158843
  "text": "boolean"
158837
158844
  },
158838
158845
  "default": "false",
158839
- "description": "If true, set the width of the component fixed; if false,\nthe width is dynamic based on the label of the sbb-toggle-option.",
158840
- "fieldName": "even"
158841
- },
158842
- {
158843
- "name": "size",
158844
- "type": {
158845
- "text": "'s' | 'm'"
158846
- },
158847
- "description": "Size variant, either m or s.",
158848
- "default": "'m' / 's' (lean)",
158849
- "fieldName": "size"
158846
+ "description": "Whether the toggle-option is checked.",
158847
+ "fieldName": "checked"
158850
158848
  },
158851
158849
  {
158852
158850
  "name": "value",
158853
- "description": "The value of the toggle. It needs to be mutable since it is updated whenever\na new option is selected (see the `onToggleOptionSelect()` method).",
158854
158851
  "type": {
158855
158852
  "text": "T | null"
158856
158853
  },
158854
+ "default": "null",
158855
+ "description": "Value of toggle-option.",
158857
158856
  "fieldName": "value"
158858
158857
  },
158859
158858
  {
@@ -158870,15 +158869,16 @@
158870
158869
  }
158871
158870
  },
158872
158871
  {
158873
- "name": "name",
158874
- "description": "Name of the form element. Will be read from name attribute.",
158872
+ "name": "icon-name",
158875
158873
  "type": {
158876
158874
  "text": "string"
158877
158875
  },
158878
- "fieldName": "name",
158876
+ "default": "''",
158877
+ "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.",
158878
+ "fieldName": "iconName",
158879
158879
  "inheritedFrom": {
158880
- "name": "SbbFormAssociatedMixin",
158881
- "module": "core/mixins/form-associated-mixin.js"
158880
+ "name": "SbbIconNameMixin",
158881
+ "module": "icon/icon-name-mixin.js"
158882
158882
  }
158883
158883
  }
158884
158884
  ],
@@ -158888,15 +158888,15 @@
158888
158888
  "module": "core.js"
158889
158889
  },
158890
158890
  {
158891
- "name": "SbbFormAssociatedMixin",
158892
- "module": "core.js"
158891
+ "name": "SbbIconNameMixin",
158892
+ "module": "icon.pure.js"
158893
158893
  }
158894
158894
  ],
158895
158895
  "superclass": {
158896
158896
  "name": "SbbElement",
158897
158897
  "module": "core.js"
158898
158898
  },
158899
- "tagName": "sbb-toggle",
158899
+ "tagName": "sbb-toggle-option",
158900
158900
  "customElement": true,
158901
158901
  "classGenerics": "T = string"
158902
158902
  }
@@ -158904,10 +158904,10 @@
158904
158904
  "exports": [
158905
158905
  {
158906
158906
  "kind": "js",
158907
- "name": "SbbToggleElement",
158907
+ "name": "SbbToggleOptionElement",
158908
158908
  "declaration": {
158909
- "name": "SbbToggleElement",
158910
- "module": "toggle/toggle/toggle.component.js"
158909
+ "name": "SbbToggleOptionElement",
158910
+ "module": "toggle/toggle-option/toggle-option.component.js"
158911
158911
  }
158912
158912
  }
158913
158913
  ]