@sbb-esta/lyne-elements-dev 4.9.0-dev.1775022187 → 4.9.0-dev.1775028444

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 (35) hide show
  1. package/core/styles/core.scss +9 -0
  2. package/core.css +22 -0
  3. package/custom-elements.json +616 -616
  4. package/development/step-label.component-D3wrRPQ7.js +265 -0
  5. package/development/step.component-ewujsOVD.js +212 -0
  6. package/development/stepper/step/step.component.js +1 -1
  7. package/development/stepper/step-label/step-label.component.d.ts.map +1 -1
  8. package/development/stepper/step-label/step-label.component.js +1 -1
  9. package/development/stepper/step-label.js +1 -1
  10. package/development/stepper/step.js +1 -1
  11. package/development/stepper/stepper/stepper.component.d.ts.map +1 -1
  12. package/development/stepper/stepper/stepper.component.js +1 -1
  13. package/development/stepper/stepper.js +1 -1
  14. package/development/stepper.component-BJC_4cep.js +497 -0
  15. package/development/stepper.js +3 -3
  16. package/development/stepper.pure.js +3 -3
  17. package/off-brand-theme.css +22 -0
  18. package/package.json +2 -2
  19. package/safety-theme.css +22 -0
  20. package/standard-theme.css +22 -0
  21. package/step-label.component-Cu_Hck4P.js +80 -0
  22. package/{step.component-CbfVfpi6.js → step.component-DY61vAFB.js} +1 -1
  23. package/stepper/step/step.component.js +1 -1
  24. package/stepper/step-label/step-label.component.js +1 -1
  25. package/stepper/step-label.js +1 -1
  26. package/stepper/step.js +1 -1
  27. package/stepper/stepper/stepper.component.js +1 -1
  28. package/stepper/stepper.js +1 -1
  29. package/{stepper.component-CrMknCZm.js → stepper.component-83cngpic.js} +6 -8
  30. package/stepper.js +3 -3
  31. package/stepper.pure.js +3 -3
  32. package/development/step-label.component-C_obpSzp.js +0 -298
  33. package/development/step.component-DsXAckYS.js +0 -220
  34. package/development/stepper.component-yAkgcauE.js +0 -508
  35. package/step-label.component-BYaPBTcl.js +0 -82
@@ -100162,15 +100162,15 @@
100162
100162
  },
100163
100163
  {
100164
100164
  "kind": "javascript-module",
100165
- "path": "link/block-link-static/block-link-static.component.js",
100165
+ "path": "link/block-link-button/block-link-button.component.js",
100166
100166
  "declarations": [
100167
100167
  {
100168
100168
  "kind": "class",
100169
- "description": "It displays a static link enhanced with the SBB Design.",
100170
- "name": "SbbBlockLinkStaticElement",
100169
+ "description": "It displays a link enhanced with the SBB Design, which will behave as a button.",
100170
+ "name": "SbbBlockLinkButtonElement",
100171
100171
  "slots": [
100172
100172
  {
100173
- "description": "Use the unnamed slot to add content to the `sbb-block-link-static`.",
100173
+ "description": "Use the unnamed slot to add content to the `sbb-block-link-button`.",
100174
100174
  "name": ""
100175
100175
  },
100176
100176
  {
@@ -100192,7 +100192,7 @@
100192
100192
  "name": "SbbElement",
100193
100193
  "module": "core/base-elements/element.js"
100194
100194
  },
100195
- "default": "'sbb-block-link-static'"
100195
+ "default": "'sbb-block-link-button'"
100196
100196
  },
100197
100197
  {
100198
100198
  "kind": "field",
@@ -100321,6 +100321,22 @@
100321
100321
  "module": "icon/icon-name-mixin.js"
100322
100322
  }
100323
100323
  },
100324
+ {
100325
+ "kind": "field",
100326
+ "name": "disabledInteractive",
100327
+ "type": {
100328
+ "text": "boolean"
100329
+ },
100330
+ "privacy": "public",
100331
+ "default": "false",
100332
+ "description": "Whether the button should be aria-disabled but stay interactive.",
100333
+ "attribute": "disabled-interactive",
100334
+ "reflects": true,
100335
+ "inheritedFrom": {
100336
+ "name": "SbbDisabledInteractiveMixin",
100337
+ "module": "core/mixins/disabled-mixin.js"
100338
+ }
100339
+ },
100324
100340
  {
100325
100341
  "kind": "field",
100326
100342
  "name": "disabled",
@@ -100367,98 +100383,88 @@
100367
100383
  },
100368
100384
  {
100369
100385
  "kind": "field",
100370
- "name": "maybeDisabled",
100386
+ "name": "_elementsOnWhichEnterPressTriggersSubmit",
100371
100387
  "type": {
100372
- "text": "boolean | undefined"
100388
+ "text": "array"
100373
100389
  },
100374
- "privacy": "protected",
100390
+ "privacy": "private",
100375
100391
  "readonly": true,
100392
+ "default": "[ 'input', 'sbb-date-input', 'sbb-time-input', ]",
100376
100393
  "inheritedFrom": {
100377
- "name": "SbbActionBaseElement",
100378
- "module": "core/base-elements/action-base-element.js"
100394
+ "name": "SbbButtonBaseElement",
100395
+ "module": "core/base-elements/button-base-element.js"
100379
100396
  }
100380
100397
  },
100381
100398
  {
100382
100399
  "kind": "field",
100383
- "name": "maybeDisabledInteractive",
100400
+ "name": "value",
100384
100401
  "type": {
100385
- "text": "boolean | undefined"
100402
+ "text": "string"
100386
100403
  },
100387
- "privacy": "protected",
100388
- "readonly": true,
100404
+ "privacy": "public",
100389
100405
  "inheritedFrom": {
100390
- "name": "SbbActionBaseElement",
100391
- "module": "core/base-elements/action-base-element.js"
100392
- }
100393
- },
100394
- {
100395
- "kind": "method",
100396
- "name": "setupBaseEventHandlers",
100397
- "privacy": "protected",
100398
- "return": {
100399
- "type": {
100400
- "text": "void"
100401
- }
100406
+ "name": "SbbButtonBaseElement",
100407
+ "module": "core/base-elements/button-base-element.js"
100402
100408
  },
100403
- "inheritedFrom": {
100404
- "name": "SbbActionBaseElement",
100405
- "module": "core/base-elements/action-base-element.js"
100406
- }
100409
+ "default": "''",
100410
+ "description": "Value of the form element.",
100411
+ "attribute": "value"
100407
100412
  },
100408
100413
  {
100409
100414
  "kind": "field",
100410
- "name": "_hydrationRequired",
100415
+ "name": "type",
100416
+ "privacy": "public",
100417
+ "description": "The type attribute to use for the button.",
100418
+ "default": "'button'",
100411
100419
  "type": {
100412
- "text": "boolean"
100420
+ "text": "SbbButtonType"
100413
100421
  },
100414
- "privacy": "private",
100415
- "default": "!!this.shadowRoot",
100422
+ "attribute": "type",
100416
100423
  "inheritedFrom": {
100417
- "name": "SbbElement",
100418
- "module": "core/base-elements/element.js"
100424
+ "name": "SbbButtonBaseElement",
100425
+ "module": "core/base-elements/button-base-element.js"
100419
100426
  }
100420
100427
  },
100421
100428
  {
100422
100429
  "kind": "field",
100423
- "name": "_hydrationComplete",
100424
- "privacy": "private",
100425
- "default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
100430
+ "name": "form",
100431
+ "type": {
100432
+ "text": "HTMLFormElement | null"
100433
+ },
100434
+ "privacy": "public",
100435
+ "description": "The `<form>` element to associate the button with.",
100426
100436
  "inheritedFrom": {
100427
- "name": "SbbElement",
100428
- "module": "core/base-elements/element.js"
100429
- }
100437
+ "name": "SbbButtonBaseElement",
100438
+ "module": "core/base-elements/button-base-element.js"
100439
+ },
100440
+ "attribute": "form"
100430
100441
  },
100431
100442
  {
100432
100443
  "kind": "field",
100433
- "name": "_resolveHydration",
100444
+ "name": "_formId",
100434
100445
  "type": {
100435
- "text": "(hydrationRequired: boolean) => void"
100446
+ "text": "string"
100436
100447
  },
100437
100448
  "privacy": "private",
100449
+ "default": "''",
100438
100450
  "inheritedFrom": {
100439
- "name": "SbbElement",
100440
- "module": "core/base-elements/element.js"
100451
+ "name": "SbbButtonBaseElement",
100452
+ "module": "core/base-elements/button-base-element.js"
100441
100453
  }
100442
100454
  },
100443
100455
  {
100444
100456
  "kind": "field",
100445
- "name": "hydrationRequired",
100446
- "type": {
100447
- "text": "boolean"
100448
- },
100449
- "privacy": "protected",
100450
- "description": "Returns whether hydration is required and not completed.",
100451
- "readonly": true,
100457
+ "name": "_handleButtonClick",
100458
+ "privacy": "private",
100452
100459
  "inheritedFrom": {
100453
- "name": "SbbElement",
100454
- "module": "core/base-elements/element.js"
100455
- },
100456
- "default": "!!this.shadowRoot"
100460
+ "name": "SbbButtonBaseElement",
100461
+ "module": "core/base-elements/button-base-element.js"
100462
+ }
100457
100463
  },
100458
100464
  {
100459
100465
  "kind": "method",
100460
- "name": "toggleState",
100461
- "privacy": "protected",
100466
+ "name": "_requestSubmit",
100467
+ "privacy": "private",
100462
100468
  "return": {
100463
100469
  "type": {
100464
100470
  "text": "void"
@@ -100466,27 +100472,29 @@
100466
100472
  },
100467
100473
  "parameters": [
100468
100474
  {
100469
- "name": "value",
100470
- "type": {
100471
- "text": "string"
100472
- }
100473
- },
100474
- {
100475
- "name": "force",
100476
- "optional": true,
100475
+ "name": "form",
100477
100476
  "type": {
100478
- "text": "boolean"
100477
+ "text": "HTMLFormElement"
100479
100478
  }
100480
100479
  }
100481
100480
  ],
100482
100481
  "inheritedFrom": {
100483
- "name": "SbbElement",
100484
- "module": "core/base-elements/element.js"
100482
+ "name": "SbbButtonBaseElement",
100483
+ "module": "core/base-elements/button-base-element.js"
100485
100484
  }
100486
100485
  },
100487
100486
  {
100488
100487
  "kind": "field",
100489
- "name": "['_$sbbElement$']",
100488
+ "name": "_formKeyDown",
100489
+ "privacy": "private",
100490
+ "inheritedFrom": {
100491
+ "name": "SbbButtonBaseElement",
100492
+ "module": "core/base-elements/button-base-element.js"
100493
+ }
100494
+ },
100495
+ {
100496
+ "kind": "field",
100497
+ "name": "formAssociated",
100490
100498
  "type": {
100491
100499
  "text": "boolean"
100492
100500
  },
@@ -100494,411 +100502,456 @@
100494
100502
  "static": true,
100495
100503
  "default": "true",
100496
100504
  "inheritedFrom": {
100497
- "name": "SbbElement",
100498
- "module": "core/base-elements/element.js"
100505
+ "name": "SbbFormAssociatedMixin",
100506
+ "module": "core/mixins/form-associated-mixin.js"
100499
100507
  }
100500
100508
  },
100501
100509
  {
100502
100510
  "kind": "field",
100503
- "name": "_controllers",
100511
+ "name": "name",
100512
+ "privacy": "public",
100513
+ "description": "Name of the form element. Will be read from name attribute.",
100504
100514
  "type": {
100505
- "text": "Set<SbbReactiveController> | undefined"
100515
+ "text": "string"
100506
100516
  },
100507
- "privacy": "private",
100517
+ "attribute": "name",
100508
100518
  "inheritedFrom": {
100509
- "name": "SbbElement",
100510
- "module": "core/base-elements/element.js"
100519
+ "name": "SbbFormAssociatedMixin",
100520
+ "module": "core/mixins/form-associated-mixin.js"
100511
100521
  }
100512
- }
100513
- ],
100514
- "mixins": [
100515
- {
100516
- "name": "SbbBlockLinkCommonElementMixin",
100517
- "module": "link/common/block-link-common.js"
100518
100522
  },
100519
100523
  {
100520
- "name": "SbbDisabledMixin",
100521
- "module": "core/mixins.js"
100522
- }
100523
- ],
100524
- "superclass": {
100525
- "name": "SbbActionBaseElement",
100526
- "module": "core/base-elements.js"
100527
- },
100528
- "tagName": "sbb-block-link-static",
100529
- "customElement": true,
100530
- "attributes": [
100531
- {
100532
- "name": "icon-placement",
100524
+ "kind": "field",
100525
+ "name": "validity",
100533
100526
  "type": {
100534
- "text": "SbbIconPlacement"
100527
+ "text": "ValidityState"
100535
100528
  },
100536
- "default": "'start'",
100537
- "description": "Moves the icon to the end of the component if set to true.",
100538
- "fieldName": "iconPlacement",
100529
+ "privacy": "public",
100530
+ "description": "Returns the ValidityState object for this element.",
100531
+ "readonly": true,
100539
100532
  "inheritedFrom": {
100540
- "name": "SbbBlockLinkCommonElementMixin",
100541
- "module": "link/common/block-link-common.js"
100533
+ "name": "SbbFormAssociatedMixin",
100534
+ "module": "core/mixins/form-associated-mixin.js"
100542
100535
  }
100543
100536
  },
100544
100537
  {
100545
- "name": "size",
100538
+ "kind": "field",
100539
+ "name": "validationMessage",
100546
100540
  "type": {
100547
- "text": "SbbLinkSize"
100541
+ "text": "string"
100548
100542
  },
100549
- "description": "Text size, the link should get in the non-button variation.\nWith inline variant, the text size adapts to where it is used.",
100550
- "default": "'s' / 'xs' (lean)",
100551
- "fieldName": "size",
100543
+ "privacy": "public",
100544
+ "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.",
100545
+ "readonly": true,
100552
100546
  "inheritedFrom": {
100553
- "name": "SbbLinkCommonElementMixin",
100554
- "module": "link/common/link-common.js"
100547
+ "name": "SbbFormAssociatedMixin",
100548
+ "module": "core/mixins/form-associated-mixin.js"
100555
100549
  }
100556
100550
  },
100557
100551
  {
100558
- "name": "icon-name",
100552
+ "kind": "field",
100553
+ "name": "willValidate",
100559
100554
  "type": {
100560
- "text": "string"
100555
+ "text": "boolean"
100561
100556
  },
100562
- "default": "''",
100563
- "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.",
100564
- "fieldName": "iconName",
100557
+ "privacy": "public",
100558
+ "description": "Returns true if this element will be validated\nwhen the form is submitted; false otherwise.",
100559
+ "readonly": true,
100565
100560
  "inheritedFrom": {
100566
- "name": "SbbIconNameMixin",
100567
- "module": "icon/icon-name-mixin.js"
100561
+ "name": "SbbFormAssociatedMixin",
100562
+ "module": "core/mixins/form-associated-mixin.js"
100568
100563
  }
100569
100564
  },
100570
100565
  {
100571
- "name": "disabled",
100572
- "description": "Whether the component is disabled.",
100573
- "default": "false",
100566
+ "kind": "field",
100567
+ "name": "_validityStates",
100568
+ "privacy": "private",
100569
+ "default": "new Map< keyof ValidityStateFlags, { flagValue: unknown; message: string } >()",
100570
+ "inheritedFrom": {
100571
+ "name": "SbbFormAssociatedMixin",
100572
+ "module": "core/mixins/form-associated-mixin.js"
100573
+ }
100574
+ },
100575
+ {
100576
+ "kind": "field",
100577
+ "name": "formDisabled",
100574
100578
  "type": {
100575
100579
  "text": "boolean"
100576
100580
  },
100577
- "fieldName": "disabled",
100581
+ "privacy": "protected",
100582
+ "default": "false",
100583
+ "description": "Whenever a surrounding form or fieldset is changing its disabled state.",
100578
100584
  "inheritedFrom": {
100579
- "name": "SbbDisabledMixin",
100580
- "module": "core/mixins/disabled-mixin.js"
100585
+ "name": "SbbFormAssociatedMixin",
100586
+ "module": "core/mixins/form-associated-mixin.js"
100581
100587
  }
100582
- }
100583
- ]
100584
- }
100585
- ],
100586
- "exports": [
100587
- {
100588
- "kind": "js",
100589
- "name": "SbbBlockLinkStaticElement",
100590
- "declaration": {
100591
- "name": "SbbBlockLinkStaticElement",
100592
- "module": "link/block-link-static/block-link-static.component.js"
100593
- }
100594
- }
100595
- ]
100596
- },
100597
- {
100598
- "kind": "javascript-module",
100599
- "path": "link/block-link-button/block-link-button.component.js",
100600
- "declarations": [
100601
- {
100602
- "kind": "class",
100603
- "description": "It displays a link enhanced with the SBB Design, which will behave as a button.",
100604
- "name": "SbbBlockLinkButtonElement",
100605
- "slots": [
100606
- {
100607
- "description": "Use the unnamed slot to add content to the `sbb-block-link-button`.",
100608
- "name": ""
100609
100588
  },
100610
100589
  {
100611
- "description": "Slot used to display the icon, if one is set.",
100612
- "name": "icon"
100613
- }
100614
- ],
100615
- "members": [
100616
- {
100617
- "kind": "field",
100618
- "name": "elementName",
100619
- "type": {
100620
- "text": "string"
100621
- },
100590
+ "kind": "method",
100591
+ "name": "checkValidity",
100622
100592
  "privacy": "public",
100623
- "static": true,
100624
- "readonly": true,
100625
- "inheritedFrom": {
100626
- "name": "SbbElement",
100627
- "module": "core/base-elements/element.js"
100593
+ "return": {
100594
+ "type": {
100595
+ "text": "boolean"
100596
+ }
100628
100597
  },
100629
- "default": "'sbb-block-link-button'"
100598
+ "description": "Returns true if this element has no validity problems; false otherwise.\nFires an invalid event at the element in the latter case.",
100599
+ "inheritedFrom": {
100600
+ "name": "SbbFormAssociatedMixin",
100601
+ "module": "core/mixins/form-associated-mixin.js"
100602
+ }
100630
100603
  },
100631
100604
  {
100632
- "kind": "field",
100633
- "name": "styles",
100634
- "type": {
100635
- "text": "CSSResultGroup"
100636
- },
100605
+ "kind": "method",
100606
+ "name": "reportValidity",
100637
100607
  "privacy": "public",
100638
- "static": true,
100639
- "default": "[boxSizingStyles, style, blockStyle]",
100608
+ "return": {
100609
+ "type": {
100610
+ "text": "boolean"
100611
+ }
100612
+ },
100613
+ "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.",
100640
100614
  "inheritedFrom": {
100641
- "name": "SbbLinkCommonElementMixin",
100642
- "module": "link/common/link-common.js"
100615
+ "name": "SbbFormAssociatedMixin",
100616
+ "module": "core/mixins/form-associated-mixin.js"
100643
100617
  }
100644
100618
  },
100645
100619
  {
100646
- "kind": "field",
100647
- "name": "iconPlacement",
100648
- "type": {
100649
- "text": "SbbIconPlacement"
100650
- },
100620
+ "kind": "method",
100621
+ "name": "setCustomValidity",
100651
100622
  "privacy": "public",
100652
- "default": "'start'",
100653
- "description": "Moves the icon to the end of the component if set to true.",
100654
- "attribute": "icon-placement",
100655
- "reflects": true,
100623
+ "return": {
100624
+ "type": {
100625
+ "text": "void"
100626
+ }
100627
+ },
100628
+ "parameters": [
100629
+ {
100630
+ "name": "message",
100631
+ "type": {
100632
+ "text": "string"
100633
+ }
100634
+ }
100635
+ ],
100636
+ "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.",
100656
100637
  "inheritedFrom": {
100657
- "name": "SbbBlockLinkCommonElementMixin",
100658
- "module": "link/common/block-link-common.js"
100638
+ "name": "SbbFormAssociatedMixin",
100639
+ "module": "core/mixins/form-associated-mixin.js"
100659
100640
  }
100660
100641
  },
100661
100642
  {
100662
100643
  "kind": "method",
100663
- "name": "renderTemplate",
100664
- "privacy": "protected",
100644
+ "name": "_hasDisabledAncestor",
100645
+ "privacy": "private",
100665
100646
  "return": {
100666
100647
  "type": {
100667
- "text": "TemplateResult"
100648
+ "text": "boolean"
100668
100649
  }
100669
100650
  },
100670
- "description": "Override this method to render the component template.",
100671
100651
  "inheritedFrom": {
100672
- "name": "SbbActionBaseElement",
100673
- "module": "core/base-elements/action-base-element.js"
100652
+ "name": "SbbFormAssociatedMixin",
100653
+ "module": "core/mixins/form-associated-mixin.js"
100674
100654
  }
100675
100655
  },
100676
100656
  {
100677
- "kind": "field",
100678
- "name": "size",
100679
- "type": {
100680
- "text": "SbbLinkSize"
100657
+ "kind": "method",
100658
+ "name": "updateFormValue",
100659
+ "privacy": "protected",
100660
+ "return": {
100661
+ "type": {
100662
+ "text": "void"
100663
+ }
100681
100664
  },
100682
- "privacy": "public",
100683
- "description": "Text size, the link should get in the non-button variation.\nWith inline variant, the text size adapts to where it is used.",
100684
- "default": "'s' / 'xs' (lean)",
100685
- "attribute": "size",
100686
- "reflects": true,
100665
+ "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",
100687
100666
  "inheritedFrom": {
100688
- "name": "SbbLinkCommonElementMixin",
100689
- "module": "link/common/link-common.js"
100667
+ "name": "SbbFormAssociatedMixin",
100668
+ "module": "core/mixins/form-associated-mixin.js"
100690
100669
  }
100691
100670
  },
100692
100671
  {
100693
- "kind": "field",
100694
- "name": "iconName",
100695
- "type": {
100696
- "text": "string"
100672
+ "kind": "method",
100673
+ "name": "formState",
100674
+ "privacy": "protected",
100675
+ "return": {
100676
+ "type": {
100677
+ "text": "FormRestoreState"
100678
+ }
100697
100679
  },
100698
- "privacy": "public",
100699
- "default": "''",
100700
- "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.",
100701
- "attribute": "icon-name",
100702
100680
  "inheritedFrom": {
100703
- "name": "SbbIconNameMixin",
100704
- "module": "icon/icon-name-mixin.js"
100681
+ "name": "SbbFormAssociatedMixin",
100682
+ "module": "core/mixins/form-associated-mixin.js"
100705
100683
  }
100706
100684
  },
100707
100685
  {
100708
100686
  "kind": "method",
100709
- "name": "renderIconSlot",
100687
+ "name": "setValidityFlag",
100710
100688
  "privacy": "protected",
100711
100689
  "return": {
100712
100690
  "type": {
100713
- "text": "TemplateResult"
100691
+ "text": "void"
100714
100692
  }
100715
100693
  },
100716
100694
  "parameters": [
100717
100695
  {
100718
- "name": "classname",
100719
- "optional": true,
100696
+ "name": "flag",
100697
+ "type": {
100698
+ "text": "T"
100699
+ }
100700
+ },
100701
+ {
100702
+ "name": "message",
100720
100703
  "type": {
100721
100704
  "text": "string"
100722
100705
  }
100706
+ },
100707
+ {
100708
+ "name": "flagValue",
100709
+ "optional": true,
100710
+ "type": {
100711
+ "text": "ValidityStateFlags[T]"
100712
+ }
100723
100713
  }
100724
100714
  ],
100715
+ "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).",
100725
100716
  "inheritedFrom": {
100726
- "name": "SbbIconNameMixin",
100727
- "module": "icon/icon-name-mixin.js"
100717
+ "name": "SbbFormAssociatedMixin",
100718
+ "module": "core/mixins/form-associated-mixin.js"
100728
100719
  }
100729
100720
  },
100730
100721
  {
100731
100722
  "kind": "method",
100732
- "name": "renderIconName",
100723
+ "name": "removeValidityFlag",
100733
100724
  "privacy": "protected",
100734
100725
  "return": {
100735
100726
  "type": {
100736
- "text": "string"
100727
+ "text": "void"
100737
100728
  }
100738
100729
  },
100730
+ "parameters": [
100731
+ {
100732
+ "name": "flag",
100733
+ "type": {
100734
+ "text": "T"
100735
+ }
100736
+ }
100737
+ ],
100738
+ "description": "Removes the validity state flag entry and updates validity state.",
100739
100739
  "inheritedFrom": {
100740
- "name": "SbbIconNameMixin",
100741
- "module": "icon/icon-name-mixin.js"
100740
+ "name": "SbbFormAssociatedMixin",
100741
+ "module": "core/mixins/form-associated-mixin.js"
100742
100742
  }
100743
100743
  },
100744
100744
  {
100745
100745
  "kind": "method",
100746
- "name": "_renderIconName",
100747
- "privacy": "private",
100746
+ "name": "validate",
100747
+ "privacy": "protected",
100748
100748
  "return": {
100749
100749
  "type": {
100750
- "text": "string"
100750
+ "text": "void"
100751
100751
  }
100752
100752
  },
100753
+ "description": "To be called whenever the current element needs to be validated.",
100753
100754
  "inheritedFrom": {
100754
- "name": "SbbIconNameMixin",
100755
- "module": "icon/icon-name-mixin.js"
100755
+ "name": "SbbFormAssociatedMixin",
100756
+ "module": "core/mixins/form-associated-mixin.js"
100756
100757
  }
100757
100758
  },
100758
100759
  {
100759
- "kind": "field",
100760
- "name": "disabledInteractive",
100761
- "type": {
100762
- "text": "boolean"
100760
+ "kind": "method",
100761
+ "name": "shouldValidate",
100762
+ "privacy": "protected",
100763
+ "return": {
100764
+ "type": {
100765
+ "text": "boolean"
100766
+ }
100763
100767
  },
100764
- "privacy": "public",
100765
- "default": "false",
100766
- "description": "Whether the button should be aria-disabled but stay interactive.",
100767
- "attribute": "disabled-interactive",
100768
- "reflects": true,
100768
+ "parameters": [
100769
+ {
100770
+ "name": "name",
100771
+ "type": {
100772
+ "text": "PropertyKey | undefined"
100773
+ }
100774
+ }
100775
+ ],
100776
+ "description": "Whether validation should be run on a property change with the given name.",
100769
100777
  "inheritedFrom": {
100770
- "name": "SbbDisabledInteractiveMixin",
100771
- "module": "core/mixins/disabled-mixin.js"
100778
+ "name": "SbbFormAssociatedMixin",
100779
+ "module": "core/mixins/form-associated-mixin.js"
100772
100780
  }
100773
100781
  },
100774
100782
  {
100775
- "kind": "field",
100776
- "name": "disabled",
100777
- "privacy": "public",
100778
- "description": "Whether the component is disabled.",
100779
- "default": "false",
100780
- "type": {
100781
- "text": "boolean"
100783
+ "kind": "method",
100784
+ "name": "_setInternalValidity",
100785
+ "privacy": "private",
100786
+ "return": {
100787
+ "type": {
100788
+ "text": "void"
100789
+ }
100782
100790
  },
100783
- "attribute": "disabled",
100784
- "reflects": true,
100785
100791
  "inheritedFrom": {
100786
- "name": "SbbDisabledMixin",
100787
- "module": "core/mixins/disabled-mixin.js"
100792
+ "name": "SbbFormAssociatedMixin",
100793
+ "module": "core/mixins/form-associated-mixin.js"
100788
100794
  }
100789
100795
  },
100790
100796
  {
100791
100797
  "kind": "field",
100792
- "name": "#disabled",
100793
- "privacy": "private",
100798
+ "name": "role",
100794
100799
  "type": {
100795
- "text": "boolean"
100800
+ "text": "ElementInternals['role']"
100796
100801
  },
100797
- "default": "false",
100802
+ "privacy": "public",
100803
+ "static": true,
100804
+ "readonly": true,
100805
+ "default": "'button'",
100798
100806
  "inheritedFrom": {
100799
- "name": "SbbDisabledMixin",
100800
- "module": "core/mixins/disabled-mixin.js"
100807
+ "name": "SbbButtonLikeBaseElement",
100808
+ "module": "core/base-elements/button-base-element.js"
100801
100809
  }
100802
100810
  },
100803
100811
  {
100804
- "kind": "method",
100805
- "name": "isDisabledExternally",
100806
- "privacy": "protected",
100807
- "return": {
100808
- "type": {
100809
- "text": "boolean"
100812
+ "kind": "field",
100813
+ "name": "_preventScrollOnSpaceKeydown",
100814
+ "privacy": "private",
100815
+ "description": "Prevents scrolling from pressing Space, when the event target is an action element.\nAlso sets active state.",
100816
+ "parameters": [
100817
+ {
100818
+ "description": "The origin event.",
100819
+ "name": "event"
100810
100820
  }
100811
- },
100812
- "description": "Will be used as 'or' check to the current disabled state.\nCan e.g. be used to read disabled state of a group.",
100821
+ ],
100813
100822
  "inheritedFrom": {
100814
- "name": "SbbDisabledMixin",
100815
- "module": "core/mixins/disabled-mixin.js"
100823
+ "name": "SbbButtonLikeBaseElement",
100824
+ "module": "core/base-elements/button-base-element.js"
100816
100825
  }
100817
100826
  },
100818
100827
  {
100819
100828
  "kind": "field",
100820
- "name": "_elementsOnWhichEnterPressTriggersSubmit",
100821
- "type": {
100822
- "text": "array"
100823
- },
100829
+ "name": "_removeActiveMarker",
100824
100830
  "privacy": "private",
100825
- "readonly": true,
100826
- "default": "[ 'input', 'sbb-date-input', 'sbb-time-input', ]",
100827
100831
  "inheritedFrom": {
100828
- "name": "SbbButtonBaseElement",
100832
+ "name": "SbbButtonLikeBaseElement",
100829
100833
  "module": "core/base-elements/button-base-element.js"
100830
100834
  }
100831
100835
  },
100832
100836
  {
100833
100837
  "kind": "field",
100834
- "name": "value",
100835
- "type": {
100836
- "text": "string"
100837
- },
100838
- "privacy": "public",
100838
+ "name": "_dispatchClickEventOnSpaceKeyup",
100839
+ "privacy": "private",
100840
+ "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.",
100841
+ "parameters": [
100842
+ {
100843
+ "description": "The origin event.",
100844
+ "name": "event"
100845
+ }
100846
+ ],
100839
100847
  "inheritedFrom": {
100840
- "name": "SbbButtonBaseElement",
100848
+ "name": "SbbButtonLikeBaseElement",
100841
100849
  "module": "core/base-elements/button-base-element.js"
100842
- },
100843
- "default": "''",
100844
- "description": "Value of the form element.",
100845
- "attribute": "value"
100850
+ }
100846
100851
  },
100847
100852
  {
100848
100853
  "kind": "field",
100849
- "name": "type",
100850
- "privacy": "public",
100851
- "description": "The type attribute to use for the button.",
100852
- "default": "'button'",
100854
+ "name": "_dispatchClickEvent",
100855
+ "privacy": "private",
100856
+ "inheritedFrom": {
100857
+ "name": "SbbButtonLikeBaseElement",
100858
+ "module": "core/base-elements/button-base-element.js"
100859
+ }
100860
+ },
100861
+ {
100862
+ "kind": "field",
100863
+ "name": "maybeDisabled",
100853
100864
  "type": {
100854
- "text": "SbbButtonType"
100865
+ "text": "boolean | undefined"
100855
100866
  },
100856
- "attribute": "type",
100867
+ "privacy": "protected",
100868
+ "readonly": true,
100857
100869
  "inheritedFrom": {
100858
- "name": "SbbButtonBaseElement",
100859
- "module": "core/base-elements/button-base-element.js"
100870
+ "name": "SbbActionBaseElement",
100871
+ "module": "core/base-elements/action-base-element.js"
100860
100872
  }
100861
100873
  },
100862
100874
  {
100863
100875
  "kind": "field",
100864
- "name": "form",
100876
+ "name": "maybeDisabledInteractive",
100865
100877
  "type": {
100866
- "text": "HTMLFormElement | null"
100878
+ "text": "boolean | undefined"
100867
100879
  },
100868
- "privacy": "public",
100869
- "description": "The `<form>` element to associate the button with.",
100880
+ "privacy": "protected",
100881
+ "readonly": true,
100870
100882
  "inheritedFrom": {
100871
- "name": "SbbButtonBaseElement",
100872
- "module": "core/base-elements/button-base-element.js"
100883
+ "name": "SbbActionBaseElement",
100884
+ "module": "core/base-elements/action-base-element.js"
100885
+ }
100886
+ },
100887
+ {
100888
+ "kind": "method",
100889
+ "name": "setupBaseEventHandlers",
100890
+ "privacy": "protected",
100891
+ "return": {
100892
+ "type": {
100893
+ "text": "void"
100894
+ }
100873
100895
  },
100874
- "attribute": "form"
100896
+ "inheritedFrom": {
100897
+ "name": "SbbActionBaseElement",
100898
+ "module": "core/base-elements/action-base-element.js"
100899
+ }
100875
100900
  },
100876
100901
  {
100877
100902
  "kind": "field",
100878
- "name": "_formId",
100903
+ "name": "_hydrationRequired",
100879
100904
  "type": {
100880
- "text": "string"
100905
+ "text": "boolean"
100881
100906
  },
100882
100907
  "privacy": "private",
100883
- "default": "''",
100908
+ "default": "!!this.shadowRoot",
100884
100909
  "inheritedFrom": {
100885
- "name": "SbbButtonBaseElement",
100886
- "module": "core/base-elements/button-base-element.js"
100910
+ "name": "SbbElement",
100911
+ "module": "core/base-elements/element.js"
100887
100912
  }
100888
100913
  },
100889
100914
  {
100890
100915
  "kind": "field",
100891
- "name": "_handleButtonClick",
100916
+ "name": "_hydrationComplete",
100892
100917
  "privacy": "private",
100918
+ "default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
100893
100919
  "inheritedFrom": {
100894
- "name": "SbbButtonBaseElement",
100895
- "module": "core/base-elements/button-base-element.js"
100920
+ "name": "SbbElement",
100921
+ "module": "core/base-elements/element.js"
100896
100922
  }
100897
100923
  },
100898
100924
  {
100899
- "kind": "method",
100900
- "name": "_requestSubmit",
100925
+ "kind": "field",
100926
+ "name": "_resolveHydration",
100927
+ "type": {
100928
+ "text": "(hydrationRequired: boolean) => void"
100929
+ },
100901
100930
  "privacy": "private",
100931
+ "inheritedFrom": {
100932
+ "name": "SbbElement",
100933
+ "module": "core/base-elements/element.js"
100934
+ }
100935
+ },
100936
+ {
100937
+ "kind": "field",
100938
+ "name": "hydrationRequired",
100939
+ "type": {
100940
+ "text": "boolean"
100941
+ },
100942
+ "privacy": "protected",
100943
+ "description": "Returns whether hydration is required and not completed.",
100944
+ "readonly": true,
100945
+ "inheritedFrom": {
100946
+ "name": "SbbElement",
100947
+ "module": "core/base-elements/element.js"
100948
+ },
100949
+ "default": "!!this.shadowRoot"
100950
+ },
100951
+ {
100952
+ "kind": "method",
100953
+ "name": "toggleState",
100954
+ "privacy": "protected",
100902
100955
  "return": {
100903
100956
  "type": {
100904
100957
  "text": "void"
@@ -100906,29 +100959,27 @@
100906
100959
  },
100907
100960
  "parameters": [
100908
100961
  {
100909
- "name": "form",
100962
+ "name": "value",
100910
100963
  "type": {
100911
- "text": "HTMLFormElement"
100964
+ "text": "string"
100965
+ }
100966
+ },
100967
+ {
100968
+ "name": "force",
100969
+ "optional": true,
100970
+ "type": {
100971
+ "text": "boolean"
100912
100972
  }
100913
100973
  }
100914
100974
  ],
100915
100975
  "inheritedFrom": {
100916
- "name": "SbbButtonBaseElement",
100917
- "module": "core/base-elements/button-base-element.js"
100918
- }
100919
- },
100920
- {
100921
- "kind": "field",
100922
- "name": "_formKeyDown",
100923
- "privacy": "private",
100924
- "inheritedFrom": {
100925
- "name": "SbbButtonBaseElement",
100926
- "module": "core/base-elements/button-base-element.js"
100976
+ "name": "SbbElement",
100977
+ "module": "core/base-elements/element.js"
100927
100978
  }
100928
100979
  },
100929
100980
  {
100930
100981
  "kind": "field",
100931
- "name": "formAssociated",
100982
+ "name": "['_$sbbElement$']",
100932
100983
  "type": {
100933
100984
  "text": "boolean"
100934
100985
  },
@@ -100936,360 +100987,372 @@
100936
100987
  "static": true,
100937
100988
  "default": "true",
100938
100989
  "inheritedFrom": {
100939
- "name": "SbbFormAssociatedMixin",
100940
- "module": "core/mixins/form-associated-mixin.js"
100990
+ "name": "SbbElement",
100991
+ "module": "core/base-elements/element.js"
100941
100992
  }
100942
100993
  },
100943
100994
  {
100944
100995
  "kind": "field",
100945
- "name": "name",
100946
- "privacy": "public",
100947
- "description": "Name of the form element. Will be read from name attribute.",
100996
+ "name": "_controllers",
100948
100997
  "type": {
100949
- "text": "string"
100998
+ "text": "Set<SbbReactiveController> | undefined"
100950
100999
  },
100951
- "attribute": "name",
101000
+ "privacy": "private",
100952
101001
  "inheritedFrom": {
100953
- "name": "SbbFormAssociatedMixin",
100954
- "module": "core/mixins/form-associated-mixin.js"
101002
+ "name": "SbbElement",
101003
+ "module": "core/base-elements/element.js"
100955
101004
  }
101005
+ }
101006
+ ],
101007
+ "mixins": [
101008
+ {
101009
+ "name": "SbbBlockLinkCommonElementMixin",
101010
+ "module": "link/common/block-link-common.js"
100956
101011
  },
100957
101012
  {
100958
- "kind": "field",
100959
- "name": "validity",
101013
+ "name": "SbbDisabledTabIndexActionMixin",
101014
+ "module": "core/mixins.js"
101015
+ }
101016
+ ],
101017
+ "superclass": {
101018
+ "name": "SbbButtonBaseElement",
101019
+ "module": "core/base-elements.js"
101020
+ },
101021
+ "tagName": "sbb-block-link-button",
101022
+ "customElement": true,
101023
+ "attributes": [
101024
+ {
101025
+ "name": "icon-placement",
100960
101026
  "type": {
100961
- "text": "ValidityState"
101027
+ "text": "SbbIconPlacement"
100962
101028
  },
100963
- "privacy": "public",
100964
- "description": "Returns the ValidityState object for this element.",
100965
- "readonly": true,
101029
+ "default": "'start'",
101030
+ "description": "Moves the icon to the end of the component if set to true.",
101031
+ "fieldName": "iconPlacement",
100966
101032
  "inheritedFrom": {
100967
- "name": "SbbFormAssociatedMixin",
100968
- "module": "core/mixins/form-associated-mixin.js"
101033
+ "name": "SbbBlockLinkCommonElementMixin",
101034
+ "module": "link/common/block-link-common.js"
100969
101035
  }
100970
101036
  },
100971
101037
  {
100972
- "kind": "field",
100973
- "name": "validationMessage",
101038
+ "name": "size",
100974
101039
  "type": {
100975
- "text": "string"
101040
+ "text": "SbbLinkSize"
100976
101041
  },
100977
- "privacy": "public",
100978
- "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.",
100979
- "readonly": true,
101042
+ "description": "Text size, the link should get in the non-button variation.\nWith inline variant, the text size adapts to where it is used.",
101043
+ "default": "'s' / 'xs' (lean)",
101044
+ "fieldName": "size",
100980
101045
  "inheritedFrom": {
100981
- "name": "SbbFormAssociatedMixin",
100982
- "module": "core/mixins/form-associated-mixin.js"
101046
+ "name": "SbbLinkCommonElementMixin",
101047
+ "module": "link/common/link-common.js"
100983
101048
  }
100984
101049
  },
100985
101050
  {
100986
- "kind": "field",
100987
- "name": "willValidate",
101051
+ "name": "icon-name",
100988
101052
  "type": {
100989
- "text": "boolean"
101053
+ "text": "string"
100990
101054
  },
100991
- "privacy": "public",
100992
- "description": "Returns true if this element will be validated\nwhen the form is submitted; false otherwise.",
100993
- "readonly": true,
100994
- "inheritedFrom": {
100995
- "name": "SbbFormAssociatedMixin",
100996
- "module": "core/mixins/form-associated-mixin.js"
100997
- }
100998
- },
100999
- {
101000
- "kind": "field",
101001
- "name": "_validityStates",
101002
- "privacy": "private",
101003
- "default": "new Map< keyof ValidityStateFlags, { flagValue: unknown; message: string } >()",
101055
+ "default": "''",
101056
+ "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.",
101057
+ "fieldName": "iconName",
101004
101058
  "inheritedFrom": {
101005
- "name": "SbbFormAssociatedMixin",
101006
- "module": "core/mixins/form-associated-mixin.js"
101059
+ "name": "SbbIconNameMixin",
101060
+ "module": "icon/icon-name-mixin.js"
101007
101061
  }
101008
101062
  },
101009
101063
  {
101010
- "kind": "field",
101011
- "name": "formDisabled",
101064
+ "name": "disabled-interactive",
101012
101065
  "type": {
101013
101066
  "text": "boolean"
101014
101067
  },
101015
- "privacy": "protected",
101016
101068
  "default": "false",
101017
- "description": "Whenever a surrounding form or fieldset is changing its disabled state.",
101069
+ "description": "Whether the button should be aria-disabled but stay interactive.",
101070
+ "fieldName": "disabledInteractive",
101018
101071
  "inheritedFrom": {
101019
- "name": "SbbFormAssociatedMixin",
101020
- "module": "core/mixins/form-associated-mixin.js"
101072
+ "name": "SbbDisabledInteractiveMixin",
101073
+ "module": "core/mixins/disabled-mixin.js"
101021
101074
  }
101022
101075
  },
101023
101076
  {
101024
- "kind": "method",
101025
- "name": "checkValidity",
101026
- "privacy": "public",
101027
- "return": {
101028
- "type": {
101029
- "text": "boolean"
101030
- }
101077
+ "name": "disabled",
101078
+ "description": "Whether the component is disabled.",
101079
+ "default": "false",
101080
+ "type": {
101081
+ "text": "boolean"
101031
101082
  },
101032
- "description": "Returns true if this element has no validity problems; false otherwise.\nFires an invalid event at the element in the latter case.",
101083
+ "fieldName": "disabled",
101033
101084
  "inheritedFrom": {
101034
- "name": "SbbFormAssociatedMixin",
101035
- "module": "core/mixins/form-associated-mixin.js"
101085
+ "name": "SbbDisabledMixin",
101086
+ "module": "core/mixins/disabled-mixin.js"
101036
101087
  }
101037
101088
  },
101038
101089
  {
101039
- "kind": "method",
101040
- "name": "reportValidity",
101041
- "privacy": "public",
101042
- "return": {
101043
- "type": {
101044
- "text": "boolean"
101045
- }
101090
+ "name": "value",
101091
+ "type": {
101092
+ "text": "string"
101046
101093
  },
101047
- "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.",
101094
+ "default": "''",
101095
+ "description": "Value of the form element.",
101096
+ "fieldName": "value",
101048
101097
  "inheritedFrom": {
101049
- "name": "SbbFormAssociatedMixin",
101050
- "module": "core/mixins/form-associated-mixin.js"
101098
+ "name": "SbbButtonBaseElement",
101099
+ "module": "core/base-elements/button-base-element.js"
101051
101100
  }
101052
101101
  },
101053
101102
  {
101054
- "kind": "method",
101055
- "name": "setCustomValidity",
101056
- "privacy": "public",
101057
- "return": {
101058
- "type": {
101059
- "text": "void"
101060
- }
101103
+ "name": "type",
101104
+ "description": "The type attribute to use for the button.",
101105
+ "default": "'button'",
101106
+ "type": {
101107
+ "text": "SbbButtonType"
101061
101108
  },
101062
- "parameters": [
101063
- {
101064
- "name": "message",
101065
- "type": {
101066
- "text": "string"
101067
- }
101068
- }
101069
- ],
101070
- "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.",
101109
+ "fieldName": "type",
101071
101110
  "inheritedFrom": {
101072
- "name": "SbbFormAssociatedMixin",
101073
- "module": "core/mixins/form-associated-mixin.js"
101111
+ "name": "SbbButtonBaseElement",
101112
+ "module": "core/base-elements/button-base-element.js"
101074
101113
  }
101075
101114
  },
101076
101115
  {
101077
- "kind": "method",
101078
- "name": "_hasDisabledAncestor",
101079
- "privacy": "private",
101080
- "return": {
101081
- "type": {
101082
- "text": "boolean"
101083
- }
101116
+ "name": "form",
101117
+ "description": "The `<form>` element to associate the button with.",
101118
+ "type": {
101119
+ "text": "HTMLFormElement | null"
101084
101120
  },
101121
+ "fieldName": "form",
101085
101122
  "inheritedFrom": {
101086
- "name": "SbbFormAssociatedMixin",
101087
- "module": "core/mixins/form-associated-mixin.js"
101123
+ "name": "SbbButtonBaseElement",
101124
+ "module": "core/base-elements/button-base-element.js"
101088
101125
  }
101089
101126
  },
101090
101127
  {
101091
- "kind": "method",
101092
- "name": "updateFormValue",
101093
- "privacy": "protected",
101094
- "return": {
101095
- "type": {
101096
- "text": "void"
101097
- }
101128
+ "name": "name",
101129
+ "description": "Name of the form element. Will be read from name attribute.",
101130
+ "type": {
101131
+ "text": "string"
101098
101132
  },
101099
- "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",
101133
+ "fieldName": "name",
101100
101134
  "inheritedFrom": {
101101
101135
  "name": "SbbFormAssociatedMixin",
101102
101136
  "module": "core/mixins/form-associated-mixin.js"
101103
101137
  }
101138
+ }
101139
+ ]
101140
+ }
101141
+ ],
101142
+ "exports": [
101143
+ {
101144
+ "kind": "js",
101145
+ "name": "SbbBlockLinkButtonElement",
101146
+ "declaration": {
101147
+ "name": "SbbBlockLinkButtonElement",
101148
+ "module": "link/block-link-button/block-link-button.component.js"
101149
+ }
101150
+ }
101151
+ ]
101152
+ },
101153
+ {
101154
+ "kind": "javascript-module",
101155
+ "path": "link/block-link-static/block-link-static.component.js",
101156
+ "declarations": [
101157
+ {
101158
+ "kind": "class",
101159
+ "description": "It displays a static link enhanced with the SBB Design.",
101160
+ "name": "SbbBlockLinkStaticElement",
101161
+ "slots": [
101162
+ {
101163
+ "description": "Use the unnamed slot to add content to the `sbb-block-link-static`.",
101164
+ "name": ""
101104
101165
  },
101105
101166
  {
101106
- "kind": "method",
101107
- "name": "formState",
101108
- "privacy": "protected",
101109
- "return": {
101110
- "type": {
101111
- "text": "FormRestoreState"
101112
- }
101167
+ "description": "Slot used to display the icon, if one is set.",
101168
+ "name": "icon"
101169
+ }
101170
+ ],
101171
+ "members": [
101172
+ {
101173
+ "kind": "field",
101174
+ "name": "elementName",
101175
+ "type": {
101176
+ "text": "string"
101113
101177
  },
101178
+ "privacy": "public",
101179
+ "static": true,
101180
+ "readonly": true,
101114
101181
  "inheritedFrom": {
101115
- "name": "SbbFormAssociatedMixin",
101116
- "module": "core/mixins/form-associated-mixin.js"
101117
- }
101182
+ "name": "SbbElement",
101183
+ "module": "core/base-elements/element.js"
101184
+ },
101185
+ "default": "'sbb-block-link-static'"
101118
101186
  },
101119
101187
  {
101120
- "kind": "method",
101121
- "name": "setValidityFlag",
101122
- "privacy": "protected",
101123
- "return": {
101124
- "type": {
101125
- "text": "void"
101126
- }
101188
+ "kind": "field",
101189
+ "name": "styles",
101190
+ "type": {
101191
+ "text": "CSSResultGroup"
101127
101192
  },
101128
- "parameters": [
101129
- {
101130
- "name": "flag",
101131
- "type": {
101132
- "text": "T"
101133
- }
101134
- },
101135
- {
101136
- "name": "message",
101137
- "type": {
101138
- "text": "string"
101139
- }
101140
- },
101141
- {
101142
- "name": "flagValue",
101143
- "optional": true,
101144
- "type": {
101145
- "text": "ValidityStateFlags[T]"
101146
- }
101147
- }
101148
- ],
101149
- "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).",
101193
+ "privacy": "public",
101194
+ "static": true,
101195
+ "default": "[boxSizingStyles, style, blockStyle]",
101150
101196
  "inheritedFrom": {
101151
- "name": "SbbFormAssociatedMixin",
101152
- "module": "core/mixins/form-associated-mixin.js"
101197
+ "name": "SbbLinkCommonElementMixin",
101198
+ "module": "link/common/link-common.js"
101153
101199
  }
101154
101200
  },
101155
101201
  {
101156
- "kind": "method",
101157
- "name": "removeValidityFlag",
101158
- "privacy": "protected",
101159
- "return": {
101160
- "type": {
101161
- "text": "void"
101162
- }
101202
+ "kind": "field",
101203
+ "name": "iconPlacement",
101204
+ "type": {
101205
+ "text": "SbbIconPlacement"
101163
101206
  },
101164
- "parameters": [
101165
- {
101166
- "name": "flag",
101167
- "type": {
101168
- "text": "T"
101169
- }
101170
- }
101171
- ],
101172
- "description": "Removes the validity state flag entry and updates validity state.",
101207
+ "privacy": "public",
101208
+ "default": "'start'",
101209
+ "description": "Moves the icon to the end of the component if set to true.",
101210
+ "attribute": "icon-placement",
101211
+ "reflects": true,
101173
101212
  "inheritedFrom": {
101174
- "name": "SbbFormAssociatedMixin",
101175
- "module": "core/mixins/form-associated-mixin.js"
101213
+ "name": "SbbBlockLinkCommonElementMixin",
101214
+ "module": "link/common/block-link-common.js"
101176
101215
  }
101177
101216
  },
101178
101217
  {
101179
101218
  "kind": "method",
101180
- "name": "validate",
101219
+ "name": "renderTemplate",
101181
101220
  "privacy": "protected",
101182
101221
  "return": {
101183
101222
  "type": {
101184
- "text": "void"
101223
+ "text": "TemplateResult"
101185
101224
  }
101186
101225
  },
101187
- "description": "To be called whenever the current element needs to be validated.",
101226
+ "description": "Override this method to render the component template.",
101188
101227
  "inheritedFrom": {
101189
- "name": "SbbFormAssociatedMixin",
101190
- "module": "core/mixins/form-associated-mixin.js"
101228
+ "name": "SbbActionBaseElement",
101229
+ "module": "core/base-elements/action-base-element.js"
101230
+ }
101231
+ },
101232
+ {
101233
+ "kind": "field",
101234
+ "name": "size",
101235
+ "type": {
101236
+ "text": "SbbLinkSize"
101237
+ },
101238
+ "privacy": "public",
101239
+ "description": "Text size, the link should get in the non-button variation.\nWith inline variant, the text size adapts to where it is used.",
101240
+ "default": "'s' / 'xs' (lean)",
101241
+ "attribute": "size",
101242
+ "reflects": true,
101243
+ "inheritedFrom": {
101244
+ "name": "SbbLinkCommonElementMixin",
101245
+ "module": "link/common/link-common.js"
101246
+ }
101247
+ },
101248
+ {
101249
+ "kind": "field",
101250
+ "name": "iconName",
101251
+ "type": {
101252
+ "text": "string"
101253
+ },
101254
+ "privacy": "public",
101255
+ "default": "''",
101256
+ "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.",
101257
+ "attribute": "icon-name",
101258
+ "inheritedFrom": {
101259
+ "name": "SbbIconNameMixin",
101260
+ "module": "icon/icon-name-mixin.js"
101191
101261
  }
101192
101262
  },
101193
101263
  {
101194
101264
  "kind": "method",
101195
- "name": "shouldValidate",
101265
+ "name": "renderIconSlot",
101196
101266
  "privacy": "protected",
101197
101267
  "return": {
101198
101268
  "type": {
101199
- "text": "boolean"
101269
+ "text": "TemplateResult"
101200
101270
  }
101201
101271
  },
101202
101272
  "parameters": [
101203
101273
  {
101204
- "name": "name",
101274
+ "name": "classname",
101275
+ "optional": true,
101205
101276
  "type": {
101206
- "text": "PropertyKey | undefined"
101277
+ "text": "string"
101207
101278
  }
101208
101279
  }
101209
101280
  ],
101210
- "description": "Whether validation should be run on a property change with the given name.",
101211
101281
  "inheritedFrom": {
101212
- "name": "SbbFormAssociatedMixin",
101213
- "module": "core/mixins/form-associated-mixin.js"
101282
+ "name": "SbbIconNameMixin",
101283
+ "module": "icon/icon-name-mixin.js"
101214
101284
  }
101215
101285
  },
101216
101286
  {
101217
101287
  "kind": "method",
101218
- "name": "_setInternalValidity",
101219
- "privacy": "private",
101288
+ "name": "renderIconName",
101289
+ "privacy": "protected",
101220
101290
  "return": {
101221
101291
  "type": {
101222
- "text": "void"
101292
+ "text": "string"
101223
101293
  }
101224
101294
  },
101225
101295
  "inheritedFrom": {
101226
- "name": "SbbFormAssociatedMixin",
101227
- "module": "core/mixins/form-associated-mixin.js"
101228
- }
101229
- },
101230
- {
101231
- "kind": "field",
101232
- "name": "role",
101233
- "type": {
101234
- "text": "ElementInternals['role']"
101235
- },
101236
- "privacy": "public",
101237
- "static": true,
101238
- "readonly": true,
101239
- "default": "'button'",
101240
- "inheritedFrom": {
101241
- "name": "SbbButtonLikeBaseElement",
101242
- "module": "core/base-elements/button-base-element.js"
101296
+ "name": "SbbIconNameMixin",
101297
+ "module": "icon/icon-name-mixin.js"
101243
101298
  }
101244
101299
  },
101245
101300
  {
101246
- "kind": "field",
101247
- "name": "_preventScrollOnSpaceKeydown",
101301
+ "kind": "method",
101302
+ "name": "_renderIconName",
101248
101303
  "privacy": "private",
101249
- "description": "Prevents scrolling from pressing Space, when the event target is an action element.\nAlso sets active state.",
101250
- "parameters": [
101251
- {
101252
- "description": "The origin event.",
101253
- "name": "event"
101304
+ "return": {
101305
+ "type": {
101306
+ "text": "string"
101254
101307
  }
101255
- ],
101308
+ },
101256
101309
  "inheritedFrom": {
101257
- "name": "SbbButtonLikeBaseElement",
101258
- "module": "core/base-elements/button-base-element.js"
101310
+ "name": "SbbIconNameMixin",
101311
+ "module": "icon/icon-name-mixin.js"
101259
101312
  }
101260
101313
  },
101261
101314
  {
101262
101315
  "kind": "field",
101263
- "name": "_removeActiveMarker",
101264
- "privacy": "private",
101316
+ "name": "disabled",
101317
+ "privacy": "public",
101318
+ "description": "Whether the component is disabled.",
101319
+ "default": "false",
101320
+ "type": {
101321
+ "text": "boolean"
101322
+ },
101323
+ "attribute": "disabled",
101324
+ "reflects": true,
101265
101325
  "inheritedFrom": {
101266
- "name": "SbbButtonLikeBaseElement",
101267
- "module": "core/base-elements/button-base-element.js"
101326
+ "name": "SbbDisabledMixin",
101327
+ "module": "core/mixins/disabled-mixin.js"
101268
101328
  }
101269
101329
  },
101270
101330
  {
101271
101331
  "kind": "field",
101272
- "name": "_dispatchClickEventOnSpaceKeyup",
101332
+ "name": "#disabled",
101273
101333
  "privacy": "private",
101274
- "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.",
101275
- "parameters": [
101276
- {
101277
- "description": "The origin event.",
101278
- "name": "event"
101279
- }
101280
- ],
101334
+ "type": {
101335
+ "text": "boolean"
101336
+ },
101337
+ "default": "false",
101281
101338
  "inheritedFrom": {
101282
- "name": "SbbButtonLikeBaseElement",
101283
- "module": "core/base-elements/button-base-element.js"
101339
+ "name": "SbbDisabledMixin",
101340
+ "module": "core/mixins/disabled-mixin.js"
101284
101341
  }
101285
101342
  },
101286
101343
  {
101287
- "kind": "field",
101288
- "name": "_dispatchClickEvent",
101289
- "privacy": "private",
101344
+ "kind": "method",
101345
+ "name": "isDisabledExternally",
101346
+ "privacy": "protected",
101347
+ "return": {
101348
+ "type": {
101349
+ "text": "boolean"
101350
+ }
101351
+ },
101352
+ "description": "Will be used as 'or' check to the current disabled state.\nCan e.g. be used to read disabled state of a group.",
101290
101353
  "inheritedFrom": {
101291
- "name": "SbbButtonLikeBaseElement",
101292
- "module": "core/base-elements/button-base-element.js"
101354
+ "name": "SbbDisabledMixin",
101355
+ "module": "core/mixins/disabled-mixin.js"
101293
101356
  }
101294
101357
  },
101295
101358
  {
@@ -101444,15 +101507,15 @@
101444
101507
  "module": "link/common/block-link-common.js"
101445
101508
  },
101446
101509
  {
101447
- "name": "SbbDisabledTabIndexActionMixin",
101510
+ "name": "SbbDisabledMixin",
101448
101511
  "module": "core/mixins.js"
101449
101512
  }
101450
101513
  ],
101451
101514
  "superclass": {
101452
- "name": "SbbButtonBaseElement",
101515
+ "name": "SbbActionBaseElement",
101453
101516
  "module": "core/base-elements.js"
101454
101517
  },
101455
- "tagName": "sbb-block-link-button",
101518
+ "tagName": "sbb-block-link-static",
101456
101519
  "customElement": true,
101457
101520
  "attributes": [
101458
101521
  {
@@ -101494,19 +101557,6 @@
101494
101557
  "module": "icon/icon-name-mixin.js"
101495
101558
  }
101496
101559
  },
101497
- {
101498
- "name": "disabled-interactive",
101499
- "type": {
101500
- "text": "boolean"
101501
- },
101502
- "default": "false",
101503
- "description": "Whether the button should be aria-disabled but stay interactive.",
101504
- "fieldName": "disabledInteractive",
101505
- "inheritedFrom": {
101506
- "name": "SbbDisabledInteractiveMixin",
101507
- "module": "core/mixins/disabled-mixin.js"
101508
- }
101509
- },
101510
101560
  {
101511
101561
  "name": "disabled",
101512
101562
  "description": "Whether the component is disabled.",
@@ -101519,56 +101569,6 @@
101519
101569
  "name": "SbbDisabledMixin",
101520
101570
  "module": "core/mixins/disabled-mixin.js"
101521
101571
  }
101522
- },
101523
- {
101524
- "name": "value",
101525
- "type": {
101526
- "text": "string"
101527
- },
101528
- "default": "''",
101529
- "description": "Value of the form element.",
101530
- "fieldName": "value",
101531
- "inheritedFrom": {
101532
- "name": "SbbButtonBaseElement",
101533
- "module": "core/base-elements/button-base-element.js"
101534
- }
101535
- },
101536
- {
101537
- "name": "type",
101538
- "description": "The type attribute to use for the button.",
101539
- "default": "'button'",
101540
- "type": {
101541
- "text": "SbbButtonType"
101542
- },
101543
- "fieldName": "type",
101544
- "inheritedFrom": {
101545
- "name": "SbbButtonBaseElement",
101546
- "module": "core/base-elements/button-base-element.js"
101547
- }
101548
- },
101549
- {
101550
- "name": "form",
101551
- "description": "The `<form>` element to associate the button with.",
101552
- "type": {
101553
- "text": "HTMLFormElement | null"
101554
- },
101555
- "fieldName": "form",
101556
- "inheritedFrom": {
101557
- "name": "SbbButtonBaseElement",
101558
- "module": "core/base-elements/button-base-element.js"
101559
- }
101560
- },
101561
- {
101562
- "name": "name",
101563
- "description": "Name of the form element. Will be read from name attribute.",
101564
- "type": {
101565
- "text": "string"
101566
- },
101567
- "fieldName": "name",
101568
- "inheritedFrom": {
101569
- "name": "SbbFormAssociatedMixin",
101570
- "module": "core/mixins/form-associated-mixin.js"
101571
- }
101572
101572
  }
101573
101573
  ]
101574
101574
  }
@@ -101576,10 +101576,10 @@
101576
101576
  "exports": [
101577
101577
  {
101578
101578
  "kind": "js",
101579
- "name": "SbbBlockLinkButtonElement",
101579
+ "name": "SbbBlockLinkStaticElement",
101580
101580
  "declaration": {
101581
- "name": "SbbBlockLinkButtonElement",
101582
- "module": "link/block-link-button/block-link-button.component.js"
101581
+ "name": "SbbBlockLinkStaticElement",
101582
+ "module": "link/block-link-static/block-link-static.component.js"
101583
101583
  }
101584
101584
  }
101585
101585
  ]