@sbb-esta/lyne-elements-dev 4.6.0-dev.1772438395 → 4.6.0-dev.1772440255

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.
@@ -86708,23 +86708,27 @@
86708
86708
  },
86709
86709
  {
86710
86710
  "kind": "javascript-module",
86711
- "path": "menu/menu/menu.component.js",
86711
+ "path": "menu/menu-button/menu-button.component.js",
86712
86712
  "declarations": [
86713
86713
  {
86714
86714
  "kind": "class",
86715
- "description": "It displays a contextual menu with one or more action element.",
86716
- "name": "SbbMenuElement",
86715
+ "description": "It displays a button element that can be used in the `sbb-menu` component.",
86716
+ "name": "SbbMenuButtonElement",
86717
86717
  "cssProperties": [
86718
86718
  {
86719
- "description": "To specify a custom stack order, the `z-index` can be overridden by defining this CSS variable. The default `z-index` of the component is set to `var(--sbb-overlay-default-z-index)` with a value of `1000`.",
86720
- "name": "--sbb-menu-z-index",
86721
- "default": "var(--sbb-overlay-default-z-index)"
86719
+ "description": "Can be used to modify horizontal padding.",
86720
+ "name": "--sbb-menu-action-outer-horizontal-padding",
86721
+ "default": "var(--sbb-spacing-fixed-3x)"
86722
86722
  }
86723
86723
  ],
86724
86724
  "slots": [
86725
86725
  {
86726
- "description": "Use the unnamed slot to add `sbb-menu-button`/`sbb-menu-link` or other elements to the menu.",
86726
+ "description": "Use the unnamed slot to add content to the `sbb-menu-button`.",
86727
86727
  "name": ""
86728
+ },
86729
+ {
86730
+ "description": "Use this slot to provide an icon. If `icon-name` is set, a `sbb-icon` will be used.",
86731
+ "name": "icon"
86728
86732
  }
86729
86733
  ],
86730
86734
  "members": [
@@ -86732,268 +86736,255 @@
86732
86736
  "kind": "field",
86733
86737
  "name": "role",
86734
86738
  "type": {
86735
- "text": "string"
86739
+ "text": "ElementInternals['role']"
86736
86740
  },
86737
86741
  "privacy": "public",
86738
86742
  "static": true,
86739
86743
  "readonly": true,
86740
- "default": "'menu'"
86744
+ "default": "'menuitem'",
86745
+ "inheritedFrom": {
86746
+ "name": "SbbButtonLikeBaseElement",
86747
+ "module": "core/base-elements/button-base-element.js"
86748
+ }
86741
86749
  },
86742
86750
  {
86743
86751
  "kind": "field",
86744
- "name": "trigger",
86752
+ "name": "disabledInteractive",
86745
86753
  "type": {
86746
- "text": "HTMLElement | null"
86754
+ "text": "boolean"
86747
86755
  },
86748
86756
  "privacy": "public",
86749
- "default": "null",
86750
- "description": "The element that will trigger the menu overlay.\n\nFor attribute usage, provide an id reference.",
86751
- "attribute": "trigger"
86752
- },
86753
- {
86754
- "kind": "field",
86755
- "name": "_menu",
86756
- "type": {
86757
- "text": "HTMLDivElement"
86758
- },
86759
- "privacy": "private"
86760
- },
86761
- {
86762
- "kind": "field",
86763
- "name": "_triggerElement",
86764
- "type": {
86765
- "text": "HTMLElement | null"
86766
- },
86767
- "privacy": "private",
86768
- "default": "null"
86769
- },
86770
- {
86771
- "kind": "field",
86772
- "name": "_triggerAbortController",
86773
- "type": {
86774
- "text": "AbortController"
86775
- },
86776
- "privacy": "private"
86757
+ "default": "false",
86758
+ "description": "Whether the button should be aria-disabled but stay interactive.",
86759
+ "attribute": "disabled-interactive",
86760
+ "reflects": true,
86761
+ "inheritedFrom": {
86762
+ "name": "SbbDisabledInteractiveMixin",
86763
+ "module": "core/mixins/disabled-mixin.js"
86764
+ }
86777
86765
  },
86778
86766
  {
86779
86767
  "kind": "field",
86780
- "name": "_isPointerDownEventOnMenu",
86768
+ "name": "disabled",
86769
+ "privacy": "public",
86770
+ "description": "Whether the component is disabled.",
86771
+ "default": "false",
86781
86772
  "type": {
86782
86773
  "text": "boolean"
86783
86774
  },
86784
- "privacy": "private",
86785
- "default": "false"
86786
- },
86787
- {
86788
- "kind": "field",
86789
- "name": "_windowEventsController",
86790
- "type": {
86791
- "text": "AbortController"
86792
- },
86793
- "privacy": "private"
86794
- },
86795
- {
86796
- "kind": "field",
86797
- "name": "_escapableOverlayController",
86798
- "privacy": "private",
86799
- "default": "new SbbEscapableOverlayController(this)"
86800
- },
86801
- {
86802
- "kind": "field",
86803
- "name": "_focusTrapController",
86804
- "privacy": "private",
86805
- "default": "new SbbFocusTrapController(this)"
86806
- },
86807
- {
86808
- "kind": "field",
86809
- "name": "_scrollHandler",
86810
- "privacy": "private",
86811
- "default": "new SbbScrollHandler()"
86812
- },
86813
- {
86814
- "kind": "field",
86815
- "name": "_inertController",
86816
- "privacy": "private",
86817
- "default": "new SbbInertController(this)"
86818
- },
86819
- {
86820
- "kind": "field",
86821
- "name": "_mobileBreakpoint",
86822
- "privacy": "private",
86823
- "default": "SbbMediaQueryBreakpointSmallAndBelow"
86824
- },
86825
- {
86826
- "kind": "field",
86827
- "name": "_mediaMatcher",
86828
- "privacy": "private",
86829
- "default": "new SbbMediaMatcherController(this, { [this._mobileBreakpoint]: (matches) => { if (matches && (this.state === 'opening' || this.state === 'opened')) { this._scrollHandler.disableScroll(); } else { this._scrollHandler.enableScroll(); } }, })"
86830
- },
86831
- {
86832
- "kind": "field",
86833
- "name": "_darkModeController",
86834
- "privacy": "private",
86835
- "default": "new SbbDarkModeController(this, () => this._syncNegative())"
86775
+ "attribute": "disabled",
86776
+ "reflects": true,
86777
+ "inheritedFrom": {
86778
+ "name": "SbbDisabledMixin",
86779
+ "module": "core/mixins/disabled-mixin.js"
86780
+ }
86836
86781
  },
86837
86782
  {
86838
86783
  "kind": "field",
86839
- "name": "_language",
86784
+ "name": "#disabled",
86840
86785
  "privacy": "private",
86841
- "default": "new SbbLanguageController(this)"
86842
- },
86843
- {
86844
- "kind": "field",
86845
- "name": "_nestedMenu",
86846
86786
  "type": {
86847
- "text": "SbbMenuElement | null"
86787
+ "text": "boolean"
86848
86788
  },
86849
- "privacy": "private",
86850
- "default": "null"
86789
+ "default": "false",
86790
+ "inheritedFrom": {
86791
+ "name": "SbbDisabledMixin",
86792
+ "module": "core/mixins/disabled-mixin.js"
86793
+ }
86851
86794
  },
86852
86795
  {
86853
86796
  "kind": "method",
86854
- "name": "escapeStrategy",
86855
- "privacy": "public",
86797
+ "name": "isDisabledExternally",
86798
+ "privacy": "protected",
86856
86799
  "return": {
86857
86800
  "type": {
86858
- "text": "void"
86801
+ "text": "boolean"
86859
86802
  }
86860
86803
  },
86861
- "description": "The method which is called on escape key press. Defaults to calling close()",
86804
+ "description": "Will be used as 'or' check to the current disabled state.\nCan e.g. be used to read disabled state of a group.",
86862
86805
  "inheritedFrom": {
86863
- "name": "SbbOpenCloseBaseElement",
86864
- "module": "core/base-elements/open-close-base-element.js"
86806
+ "name": "SbbDisabledMixin",
86807
+ "module": "core/mixins/disabled-mixin.js"
86865
86808
  }
86866
86809
  },
86867
86810
  {
86868
- "kind": "method",
86869
- "name": "open",
86870
- "privacy": "public",
86871
- "return": {
86872
- "type": {
86873
- "text": "void"
86874
- }
86811
+ "kind": "field",
86812
+ "name": "styles",
86813
+ "type": {
86814
+ "text": "CSSResultGroup"
86875
86815
  },
86876
- "description": "Opens the menu on trigger click.",
86816
+ "privacy": "public",
86817
+ "static": true,
86818
+ "default": "[boxSizingStyles, style]",
86877
86819
  "inheritedFrom": {
86878
- "name": "SbbOpenCloseBaseElement",
86879
- "module": "core/base-elements/open-close-base-element.js"
86820
+ "name": "SbbMenuActionCommonElementMixin",
86821
+ "module": "menu/common/menu-action-common.js"
86880
86822
  }
86881
86823
  },
86882
86824
  {
86883
86825
  "kind": "method",
86884
- "name": "close",
86885
- "privacy": "public",
86826
+ "name": "renderTemplate",
86827
+ "privacy": "protected",
86886
86828
  "return": {
86887
86829
  "type": {
86888
- "text": "void"
86830
+ "text": "TemplateResult"
86889
86831
  }
86890
86832
  },
86891
- "description": "Closes the menu and all its nested menus.",
86833
+ "description": "Override this method to render the component template.",
86892
86834
  "inheritedFrom": {
86893
- "name": "SbbOpenCloseBaseElement",
86894
- "module": "core/base-elements/open-close-base-element.js"
86835
+ "name": "SbbActionBaseElement",
86836
+ "module": "core/base-elements/action-base-element.js"
86895
86837
  }
86896
86838
  },
86897
86839
  {
86898
- "kind": "method",
86899
- "name": "closeAll",
86900
- "privacy": "public",
86901
- "return": {
86902
- "type": {
86903
- "text": "void"
86904
- }
86840
+ "kind": "field",
86841
+ "name": "iconName",
86842
+ "type": {
86843
+ "text": "string"
86905
86844
  },
86906
- "description": "Closes the menu and all related menus (nested and parent menus)."
86845
+ "privacy": "public",
86846
+ "default": "''",
86847
+ "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.",
86848
+ "attribute": "icon-name",
86849
+ "inheritedFrom": {
86850
+ "name": "SbbIconNameMixin",
86851
+ "module": "icon/icon-name-mixin.js"
86852
+ }
86907
86853
  },
86908
86854
  {
86909
86855
  "kind": "method",
86910
- "name": "_close",
86911
- "privacy": "private",
86856
+ "name": "renderIconSlot",
86857
+ "privacy": "protected",
86912
86858
  "return": {
86913
86859
  "type": {
86914
- "text": "void"
86860
+ "text": "TemplateResult"
86915
86861
  }
86916
86862
  },
86917
86863
  "parameters": [
86918
86864
  {
86919
- "name": "closeAll",
86920
- "default": "false",
86921
- "description": "If true, it ensures animations are correct by toggling some states when closing all related menus at once.",
86922
- "optional": true
86923
- }
86924
- ]
86925
- },
86926
- {
86927
- "kind": "method",
86928
- "name": "_isZeroAnimationDuration",
86929
- "privacy": "private",
86930
- "return": {
86931
- "type": {
86932
- "text": "boolean"
86865
+ "name": "classname",
86866
+ "optional": true,
86867
+ "type": {
86868
+ "text": "string"
86869
+ }
86933
86870
  }
86871
+ ],
86872
+ "inheritedFrom": {
86873
+ "name": "SbbIconNameMixin",
86874
+ "module": "icon/icon-name-mixin.js"
86934
86875
  }
86935
86876
  },
86936
86877
  {
86937
86878
  "kind": "method",
86938
- "name": "_handleOpening",
86939
- "privacy": "private",
86879
+ "name": "renderIconName",
86880
+ "privacy": "protected",
86940
86881
  "return": {
86941
86882
  "type": {
86942
- "text": "void"
86883
+ "text": "string"
86943
86884
  }
86885
+ },
86886
+ "inheritedFrom": {
86887
+ "name": "SbbIconNameMixin",
86888
+ "module": "icon/icon-name-mixin.js"
86944
86889
  }
86945
86890
  },
86946
86891
  {
86947
86892
  "kind": "method",
86948
- "name": "_handleClosing",
86893
+ "name": "_renderIconName",
86949
86894
  "privacy": "private",
86950
86895
  "return": {
86951
86896
  "type": {
86952
- "text": "void"
86897
+ "text": "string"
86953
86898
  }
86899
+ },
86900
+ "inheritedFrom": {
86901
+ "name": "SbbIconNameMixin",
86902
+ "module": "icon/icon-name-mixin.js"
86954
86903
  }
86955
86904
  },
86956
86905
  {
86957
- "kind": "method",
86958
- "name": "_handleKeyDown",
86906
+ "kind": "field",
86907
+ "name": "_elementsOnWhichEnterPressTriggersSubmit",
86908
+ "type": {
86909
+ "text": "array"
86910
+ },
86959
86911
  "privacy": "private",
86960
- "return": {
86961
- "type": {
86962
- "text": "void"
86963
- }
86912
+ "readonly": true,
86913
+ "default": "[ 'input', 'sbb-date-input', 'sbb-time-input', ]",
86914
+ "inheritedFrom": {
86915
+ "name": "SbbButtonBaseElement",
86916
+ "module": "core/base-elements/button-base-element.js"
86917
+ }
86918
+ },
86919
+ {
86920
+ "kind": "field",
86921
+ "name": "value",
86922
+ "type": {
86923
+ "text": "string"
86964
86924
  },
86965
- "parameters": [
86966
- {
86967
- "name": "evt",
86968
- "type": {
86969
- "text": "KeyboardEvent"
86970
- }
86971
- }
86972
- ]
86925
+ "privacy": "public",
86926
+ "inheritedFrom": {
86927
+ "name": "SbbButtonBaseElement",
86928
+ "module": "core/base-elements/button-base-element.js"
86929
+ },
86930
+ "default": "''",
86931
+ "description": "Value of the form element.",
86932
+ "attribute": "value"
86973
86933
  },
86974
86934
  {
86975
- "kind": "method",
86976
- "name": "_configureTrigger",
86935
+ "kind": "field",
86936
+ "name": "type",
86937
+ "privacy": "public",
86938
+ "description": "The type attribute to use for the button.",
86939
+ "default": "'button'",
86940
+ "type": {
86941
+ "text": "SbbButtonType"
86942
+ },
86943
+ "attribute": "type",
86944
+ "inheritedFrom": {
86945
+ "name": "SbbButtonBaseElement",
86946
+ "module": "core/base-elements/button-base-element.js"
86947
+ }
86948
+ },
86949
+ {
86950
+ "kind": "field",
86951
+ "name": "form",
86952
+ "type": {
86953
+ "text": "HTMLFormElement | null"
86954
+ },
86955
+ "privacy": "public",
86956
+ "description": "The `<form>` element to associate the button with.",
86957
+ "inheritedFrom": {
86958
+ "name": "SbbButtonBaseElement",
86959
+ "module": "core/base-elements/button-base-element.js"
86960
+ },
86961
+ "attribute": "form"
86962
+ },
86963
+ {
86964
+ "kind": "field",
86965
+ "name": "_formId",
86966
+ "type": {
86967
+ "text": "string"
86968
+ },
86977
86969
  "privacy": "private",
86978
- "return": {
86979
- "type": {
86980
- "text": "void"
86981
- }
86970
+ "default": "''",
86971
+ "inheritedFrom": {
86972
+ "name": "SbbButtonBaseElement",
86973
+ "module": "core/base-elements/button-base-element.js"
86982
86974
  }
86983
86975
  },
86984
86976
  {
86985
- "kind": "method",
86986
- "name": "_attachWindowEvents",
86977
+ "kind": "field",
86978
+ "name": "_handleButtonClick",
86987
86979
  "privacy": "private",
86988
- "return": {
86989
- "type": {
86990
- "text": "void"
86991
- }
86980
+ "inheritedFrom": {
86981
+ "name": "SbbButtonBaseElement",
86982
+ "module": "core/base-elements/button-base-element.js"
86992
86983
  }
86993
86984
  },
86994
86985
  {
86995
86986
  "kind": "method",
86996
- "name": "_interactiveElementClick",
86987
+ "name": "_requestSubmit",
86997
86988
  "privacy": "private",
86998
86989
  "return": {
86999
86990
  "type": {
@@ -87002,79 +86993,154 @@
87002
86993
  },
87003
86994
  "parameters": [
87004
86995
  {
87005
- "name": "event",
86996
+ "name": "form",
87006
86997
  "type": {
87007
- "text": "Event"
86998
+ "text": "HTMLFormElement"
87008
86999
  }
87009
87000
  }
87010
- ]
87001
+ ],
87002
+ "inheritedFrom": {
87003
+ "name": "SbbButtonBaseElement",
87004
+ "module": "core/base-elements/button-base-element.js"
87005
+ }
87011
87006
  },
87012
87007
  {
87013
87008
  "kind": "field",
87014
- "name": "_pointerDownListener",
87015
- "privacy": "private"
87009
+ "name": "_formKeyDown",
87010
+ "privacy": "private",
87011
+ "inheritedFrom": {
87012
+ "name": "SbbButtonBaseElement",
87013
+ "module": "core/base-elements/button-base-element.js"
87014
+ }
87016
87015
  },
87017
87016
  {
87018
87017
  "kind": "field",
87019
- "name": "_closeOnBackdropClick",
87020
- "privacy": "private"
87018
+ "name": "formAssociated",
87019
+ "type": {
87020
+ "text": "boolean"
87021
+ },
87022
+ "privacy": "public",
87023
+ "static": true,
87024
+ "default": "true",
87025
+ "inheritedFrom": {
87026
+ "name": "SbbFormAssociatedMixin",
87027
+ "module": "core/mixins/form-associated-mixin.js"
87028
+ }
87021
87029
  },
87022
87030
  {
87023
- "kind": "method",
87024
- "name": "_nestedMenus",
87025
- "privacy": "private",
87026
- "return": {
87027
- "type": {
87028
- "text": "SbbMenuElement[]"
87029
- }
87031
+ "kind": "field",
87032
+ "name": "name",
87033
+ "privacy": "public",
87034
+ "description": "Name of the form element. Will be read from name attribute.",
87035
+ "type": {
87036
+ "text": "string"
87030
87037
  },
87031
- "description": "Converts the linked list into an array of SbbMenuElement."
87038
+ "attribute": "name",
87039
+ "inheritedFrom": {
87040
+ "name": "SbbFormAssociatedMixin",
87041
+ "module": "core/mixins/form-associated-mixin.js"
87042
+ }
87032
87043
  },
87033
87044
  {
87034
- "kind": "method",
87035
- "name": "_parentMenu",
87036
- "privacy": "private",
87037
- "return": {
87038
- "type": {
87039
- "text": "SbbMenuElement | null"
87040
- }
87045
+ "kind": "field",
87046
+ "name": "validity",
87047
+ "type": {
87048
+ "text": "ValidityState"
87049
+ },
87050
+ "privacy": "public",
87051
+ "description": "Returns the ValidityState object for this element.",
87052
+ "readonly": true,
87053
+ "inheritedFrom": {
87054
+ "name": "SbbFormAssociatedMixin",
87055
+ "module": "core/mixins/form-associated-mixin.js"
87041
87056
  }
87042
87057
  },
87043
87058
  {
87044
- "kind": "method",
87045
- "name": "_mainMenu",
87059
+ "kind": "field",
87060
+ "name": "validationMessage",
87061
+ "type": {
87062
+ "text": "string"
87063
+ },
87064
+ "privacy": "public",
87065
+ "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.",
87066
+ "readonly": true,
87067
+ "inheritedFrom": {
87068
+ "name": "SbbFormAssociatedMixin",
87069
+ "module": "core/mixins/form-associated-mixin.js"
87070
+ }
87071
+ },
87072
+ {
87073
+ "kind": "field",
87074
+ "name": "willValidate",
87075
+ "type": {
87076
+ "text": "boolean"
87077
+ },
87078
+ "privacy": "public",
87079
+ "description": "Returns true if this element will be validated\nwhen the form is submitted; false otherwise.",
87080
+ "readonly": true,
87081
+ "inheritedFrom": {
87082
+ "name": "SbbFormAssociatedMixin",
87083
+ "module": "core/mixins/form-associated-mixin.js"
87084
+ }
87085
+ },
87086
+ {
87087
+ "kind": "field",
87088
+ "name": "_validityStates",
87046
87089
  "privacy": "private",
87047
- "return": {
87048
- "type": {
87049
- "text": "SbbMenuElement"
87050
- }
87090
+ "default": "new Map< keyof ValidityStateFlags, { flagValue: unknown; message: string } >()",
87091
+ "inheritedFrom": {
87092
+ "name": "SbbFormAssociatedMixin",
87093
+ "module": "core/mixins/form-associated-mixin.js"
87094
+ }
87095
+ },
87096
+ {
87097
+ "kind": "field",
87098
+ "name": "formDisabled",
87099
+ "type": {
87100
+ "text": "boolean"
87051
87101
  },
87052
- "description": "The outermost menu."
87102
+ "privacy": "protected",
87103
+ "default": "false",
87104
+ "description": "Whenever a surrounding form or fieldset is changing its disabled state.",
87105
+ "inheritedFrom": {
87106
+ "name": "SbbFormAssociatedMixin",
87107
+ "module": "core/mixins/form-associated-mixin.js"
87108
+ }
87053
87109
  },
87054
87110
  {
87055
87111
  "kind": "method",
87056
- "name": "_isNested",
87057
- "privacy": "private",
87112
+ "name": "checkValidity",
87113
+ "privacy": "public",
87058
87114
  "return": {
87059
87115
  "type": {
87060
87116
  "text": "boolean"
87061
87117
  }
87118
+ },
87119
+ "description": "Returns true if this element has no validity problems; false otherwise.\nFires an invalid event at the element in the latter case.",
87120
+ "inheritedFrom": {
87121
+ "name": "SbbFormAssociatedMixin",
87122
+ "module": "core/mixins/form-associated-mixin.js"
87062
87123
  }
87063
87124
  },
87064
87125
  {
87065
87126
  "kind": "method",
87066
- "name": "_updateNestedInert",
87067
- "privacy": "private",
87127
+ "name": "reportValidity",
87128
+ "privacy": "public",
87068
87129
  "return": {
87069
87130
  "type": {
87070
- "text": "void"
87131
+ "text": "boolean"
87071
87132
  }
87133
+ },
87134
+ "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.",
87135
+ "inheritedFrom": {
87136
+ "name": "SbbFormAssociatedMixin",
87137
+ "module": "core/mixins/form-associated-mixin.js"
87072
87138
  }
87073
87139
  },
87074
87140
  {
87075
87141
  "kind": "method",
87076
- "name": "_handleMouseOver",
87077
- "privacy": "private",
87142
+ "name": "setCustomValidity",
87143
+ "privacy": "public",
87078
87144
  "return": {
87079
87145
  "type": {
87080
87146
  "text": "void"
@@ -87082,64 +87148,64 @@
87082
87148
  },
87083
87149
  "parameters": [
87084
87150
  {
87085
- "name": "event",
87151
+ "name": "message",
87086
87152
  "type": {
87087
- "text": "MouseEvent"
87153
+ "text": "string"
87088
87154
  }
87089
87155
  }
87090
- ]
87156
+ ],
87157
+ "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.",
87158
+ "inheritedFrom": {
87159
+ "name": "SbbFormAssociatedMixin",
87160
+ "module": "core/mixins/form-associated-mixin.js"
87161
+ }
87091
87162
  },
87092
87163
  {
87093
87164
  "kind": "method",
87094
- "name": "_onMenuAnimationEnd",
87165
+ "name": "_hasDisabledAncestor",
87095
87166
  "privacy": "private",
87096
87167
  "return": {
87097
87168
  "type": {
87098
- "text": "void"
87169
+ "text": "boolean"
87099
87170
  }
87100
87171
  },
87101
- "parameters": [
87102
- {
87103
- "name": "event",
87104
- "type": {
87105
- "text": "AnimationEvent"
87106
- }
87107
- }
87108
- ]
87109
- },
87110
- {
87111
- "kind": "method",
87112
- "name": "_setMenuPosition",
87113
- "privacy": "private",
87114
- "return": {
87115
- "type": {
87116
- "text": "void"
87117
- }
87172
+ "inheritedFrom": {
87173
+ "name": "SbbFormAssociatedMixin",
87174
+ "module": "core/mixins/form-associated-mixin.js"
87118
87175
  }
87119
87176
  },
87120
87177
  {
87121
87178
  "kind": "method",
87122
- "name": "_syncNegative",
87123
- "privacy": "private",
87179
+ "name": "updateFormValue",
87180
+ "privacy": "protected",
87124
87181
  "return": {
87125
87182
  "type": {
87126
87183
  "text": "void"
87127
87184
  }
87185
+ },
87186
+ "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",
87187
+ "inheritedFrom": {
87188
+ "name": "SbbFormAssociatedMixin",
87189
+ "module": "core/mixins/form-associated-mixin.js"
87128
87190
  }
87129
87191
  },
87130
87192
  {
87131
87193
  "kind": "method",
87132
- "name": "_isMobile",
87133
- "privacy": "private",
87194
+ "name": "formState",
87195
+ "privacy": "protected",
87134
87196
  "return": {
87135
87197
  "type": {
87136
- "text": "boolean"
87198
+ "text": "FormRestoreState"
87137
87199
  }
87200
+ },
87201
+ "inheritedFrom": {
87202
+ "name": "SbbFormAssociatedMixin",
87203
+ "module": "core/mixins/form-associated-mixin.js"
87138
87204
  }
87139
87205
  },
87140
87206
  {
87141
87207
  "kind": "method",
87142
- "name": "toggleState",
87208
+ "name": "setValidityFlag",
87143
87209
  "privacy": "protected",
87144
87210
  "return": {
87145
87211
  "type": {
@@ -87148,256 +87214,117 @@
87148
87214
  },
87149
87215
  "parameters": [
87150
87216
  {
87151
- "name": "value",
87217
+ "name": "flag",
87218
+ "type": {
87219
+ "text": "T"
87220
+ }
87221
+ },
87222
+ {
87223
+ "name": "message",
87152
87224
  "type": {
87153
87225
  "text": "string"
87154
87226
  }
87155
87227
  },
87156
87228
  {
87157
- "name": "force",
87229
+ "name": "flagValue",
87158
87230
  "optional": true,
87159
87231
  "type": {
87160
- "text": "boolean"
87232
+ "text": "ValidityStateFlags[T]"
87161
87233
  }
87162
87234
  }
87163
87235
  ],
87236
+ "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).",
87164
87237
  "inheritedFrom": {
87165
- "name": "SbbOpenCloseBaseElement",
87166
- "module": "core/base-elements/open-close-base-element.js"
87167
- }
87168
- },
87169
- {
87170
- "kind": "field",
87171
- "name": "events",
87172
- "privacy": "public",
87173
- "static": true,
87174
- "readonly": true,
87175
- "default": "{ beforeopen: 'beforeopen', open: 'open', beforeclose: 'beforeclose', close: 'close', }",
87176
- "type": {
87177
- "text": "{\n beforeopen: 'beforeopen',\n open: 'open',\n beforeclose: 'beforeclose',\n close: 'close',\n }"
87178
- },
87179
- "inheritedFrom": {
87180
- "name": "SbbOpenCloseBaseElement",
87181
- "module": "core/base-elements/open-close-base-element.js"
87182
- }
87183
- },
87184
- {
87185
- "kind": "field",
87186
- "name": "state",
87187
- "privacy": "protected",
87188
- "description": "The state of the component.",
87189
- "type": {
87190
- "text": "SbbOpenedClosedState"
87191
- },
87192
- "default": "'closed'",
87193
- "inheritedFrom": {
87194
- "name": "SbbOpenCloseBaseElement",
87195
- "module": "core/base-elements/open-close-base-element.js"
87196
- }
87197
- },
87198
- {
87199
- "kind": "field",
87200
- "name": "_state",
87201
- "type": {
87202
- "text": "SbbOpenedClosedState"
87203
- },
87204
- "privacy": "private",
87205
- "inheritedFrom": {
87206
- "name": "SbbOpenCloseBaseElement",
87207
- "module": "core/base-elements/open-close-base-element.js"
87208
- }
87209
- },
87210
- {
87211
- "kind": "field",
87212
- "name": "isOpen",
87213
- "type": {
87214
- "text": "boolean"
87215
- },
87216
- "privacy": "public",
87217
- "description": "Whether the element is open.",
87218
- "readonly": true,
87219
- "inheritedFrom": {
87220
- "name": "SbbOpenCloseBaseElement",
87221
- "module": "core/base-elements/open-close-base-element.js"
87238
+ "name": "SbbFormAssociatedMixin",
87239
+ "module": "core/mixins/form-associated-mixin.js"
87222
87240
  }
87223
87241
  },
87224
87242
  {
87225
87243
  "kind": "method",
87226
- "name": "dispatchBeforeOpenEvent",
87244
+ "name": "removeValidityFlag",
87227
87245
  "privacy": "protected",
87228
87246
  "return": {
87229
87247
  "type": {
87230
- "text": "boolean"
87248
+ "text": "void"
87231
87249
  }
87232
87250
  },
87251
+ "parameters": [
87252
+ {
87253
+ "name": "flag",
87254
+ "type": {
87255
+ "text": "T"
87256
+ }
87257
+ }
87258
+ ],
87259
+ "description": "Removes the validity state flag entry and updates validity state.",
87233
87260
  "inheritedFrom": {
87234
- "name": "SbbOpenCloseBaseElement",
87235
- "module": "core/base-elements/open-close-base-element.js"
87261
+ "name": "SbbFormAssociatedMixin",
87262
+ "module": "core/mixins/form-associated-mixin.js"
87236
87263
  }
87237
87264
  },
87238
87265
  {
87239
87266
  "kind": "method",
87240
- "name": "dispatchOpenEvent",
87267
+ "name": "validate",
87241
87268
  "privacy": "protected",
87242
87269
  "return": {
87243
87270
  "type": {
87244
- "text": "boolean"
87271
+ "text": "void"
87245
87272
  }
87246
87273
  },
87274
+ "description": "To be called whenever the current element needs to be validated.",
87247
87275
  "inheritedFrom": {
87248
- "name": "SbbOpenCloseBaseElement",
87249
- "module": "core/base-elements/open-close-base-element.js"
87276
+ "name": "SbbFormAssociatedMixin",
87277
+ "module": "core/mixins/form-associated-mixin.js"
87250
87278
  }
87251
87279
  },
87252
87280
  {
87253
87281
  "kind": "method",
87254
- "name": "dispatchBeforeCloseEvent",
87282
+ "name": "shouldValidate",
87255
87283
  "privacy": "protected",
87256
87284
  "return": {
87257
87285
  "type": {
87258
87286
  "text": "boolean"
87259
87287
  }
87260
87288
  },
87289
+ "parameters": [
87290
+ {
87291
+ "name": "name",
87292
+ "type": {
87293
+ "text": "PropertyKey | undefined"
87294
+ }
87295
+ }
87296
+ ],
87297
+ "description": "Whether validation should be run on a property change with the given name.",
87261
87298
  "inheritedFrom": {
87262
- "name": "SbbOpenCloseBaseElement",
87263
- "module": "core/base-elements/open-close-base-element.js"
87299
+ "name": "SbbFormAssociatedMixin",
87300
+ "module": "core/mixins/form-associated-mixin.js"
87264
87301
  }
87265
87302
  },
87266
87303
  {
87267
87304
  "kind": "method",
87268
- "name": "dispatchCloseEvent",
87269
- "privacy": "protected",
87305
+ "name": "_setInternalValidity",
87306
+ "privacy": "private",
87270
87307
  "return": {
87271
87308
  "type": {
87272
- "text": "boolean"
87309
+ "text": "void"
87273
87310
  }
87274
87311
  },
87275
87312
  "inheritedFrom": {
87276
- "name": "SbbOpenCloseBaseElement",
87277
- "module": "core/base-elements/open-close-base-element.js"
87278
- }
87279
- }
87280
- ],
87281
- "attributes": [
87282
- {
87283
- "name": "trigger",
87284
- "type": {
87285
- "text": "HTMLElement | null"
87286
- },
87287
- "default": "null",
87288
- "description": "The element that will trigger the menu overlay.\n\nFor attribute usage, provide an id reference.",
87289
- "fieldName": "trigger"
87290
- }
87291
- ],
87292
- "superclass": {
87293
- "name": "SbbOpenCloseBaseElement",
87294
- "module": "core/base-elements.js"
87295
- },
87296
- "tagName": "sbb-menu",
87297
- "customElement": true,
87298
- "events": [
87299
- {
87300
- "name": "beforeopen",
87301
- "type": {
87302
- "text": "Event"
87303
- },
87304
- "description": "Emits whenever the component starts the opening transition. Can be canceled.",
87305
- "inheritedFrom": {
87306
- "name": "SbbOpenCloseBaseElement",
87307
- "module": "core/base-elements/open-close-base-element.js"
87308
- }
87309
- },
87310
- {
87311
- "name": "open",
87312
- "type": {
87313
- "text": "Event"
87314
- },
87315
- "description": "Emits whenever the component is opened.",
87316
- "inheritedFrom": {
87317
- "name": "SbbOpenCloseBaseElement",
87318
- "module": "core/base-elements/open-close-base-element.js"
87319
- }
87320
- },
87321
- {
87322
- "name": "beforeclose",
87323
- "type": {
87324
- "text": "Event"
87325
- },
87326
- "description": "Emits whenever the component begins the closing transition. Can be canceled.",
87327
- "inheritedFrom": {
87328
- "name": "SbbOpenCloseBaseElement",
87329
- "module": "core/base-elements/open-close-base-element.js"
87330
- }
87331
- },
87332
- {
87333
- "name": "close",
87334
- "type": {
87335
- "text": "Event"
87336
- },
87337
- "description": "Emits whenever the component is closed.",
87338
- "inheritedFrom": {
87339
- "name": "SbbOpenCloseBaseElement",
87340
- "module": "core/base-elements/open-close-base-element.js"
87313
+ "name": "SbbFormAssociatedMixin",
87314
+ "module": "core/mixins/form-associated-mixin.js"
87341
87315
  }
87342
- }
87343
- ]
87344
- }
87345
- ],
87346
- "exports": [
87347
- {
87348
- "kind": "js",
87349
- "name": "SbbMenuElement",
87350
- "declaration": {
87351
- "name": "SbbMenuElement",
87352
- "module": "menu/menu/menu.component.js"
87353
- }
87354
- },
87355
- {
87356
- "kind": "custom-element-definition",
87357
- "name": "sbb-menu",
87358
- "declaration": {
87359
- "name": "SbbMenuElement",
87360
- "module": "menu/menu/menu.component.js"
87361
- }
87362
- }
87363
- ]
87364
- },
87365
- {
87366
- "kind": "javascript-module",
87367
- "path": "menu/menu-button/menu-button.component.js",
87368
- "declarations": [
87369
- {
87370
- "kind": "class",
87371
- "description": "It displays a button element that can be used in the `sbb-menu` component.",
87372
- "name": "SbbMenuButtonElement",
87373
- "cssProperties": [
87374
- {
87375
- "description": "Can be used to modify horizontal padding.",
87376
- "name": "--sbb-menu-action-outer-horizontal-padding",
87377
- "default": "var(--sbb-spacing-fixed-3x)"
87378
- }
87379
- ],
87380
- "slots": [
87381
- {
87382
- "description": "Use the unnamed slot to add content to the `sbb-menu-button`.",
87383
- "name": ""
87384
87316
  },
87385
- {
87386
- "description": "Use this slot to provide an icon. If `icon-name` is set, a `sbb-icon` will be used.",
87387
- "name": "icon"
87388
- }
87389
- ],
87390
- "members": [
87391
87317
  {
87392
87318
  "kind": "field",
87393
- "name": "role",
87394
- "type": {
87395
- "text": "ElementInternals['role']"
87396
- },
87397
- "privacy": "public",
87398
- "static": true,
87399
- "readonly": true,
87400
- "default": "'menuitem'",
87319
+ "name": "_preventScrollOnSpaceKeydown",
87320
+ "privacy": "private",
87321
+ "description": "Prevents scrolling from pressing Space, when the event target is an action element.\nAlso sets active state.",
87322
+ "parameters": [
87323
+ {
87324
+ "description": "The origin event.",
87325
+ "name": "event"
87326
+ }
87327
+ ],
87401
87328
  "inheritedFrom": {
87402
87329
  "name": "SbbButtonLikeBaseElement",
87403
87330
  "module": "core/base-elements/button-base-element.js"
@@ -87405,88 +87332,75 @@
87405
87332
  },
87406
87333
  {
87407
87334
  "kind": "field",
87408
- "name": "disabledInteractive",
87409
- "type": {
87410
- "text": "boolean"
87411
- },
87412
- "privacy": "public",
87413
- "default": "false",
87414
- "description": "Whether the button should be aria-disabled but stay interactive.",
87415
- "attribute": "disabled-interactive",
87416
- "reflects": true,
87335
+ "name": "_removeActiveMarker",
87336
+ "privacy": "private",
87417
87337
  "inheritedFrom": {
87418
- "name": "SbbDisabledInteractiveMixin",
87419
- "module": "core/mixins/disabled-mixin.js"
87338
+ "name": "SbbButtonLikeBaseElement",
87339
+ "module": "core/base-elements/button-base-element.js"
87420
87340
  }
87421
87341
  },
87422
87342
  {
87423
87343
  "kind": "field",
87424
- "name": "disabled",
87425
- "privacy": "public",
87426
- "description": "Whether the component is disabled.",
87427
- "default": "false",
87428
- "type": {
87429
- "text": "boolean"
87430
- },
87431
- "attribute": "disabled",
87432
- "reflects": true,
87344
+ "name": "_dispatchClickEventOnSpaceKeyup",
87345
+ "privacy": "private",
87346
+ "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.",
87347
+ "parameters": [
87348
+ {
87349
+ "description": "The origin event.",
87350
+ "name": "event"
87351
+ }
87352
+ ],
87433
87353
  "inheritedFrom": {
87434
- "name": "SbbDisabledMixin",
87435
- "module": "core/mixins/disabled-mixin.js"
87354
+ "name": "SbbButtonLikeBaseElement",
87355
+ "module": "core/base-elements/button-base-element.js"
87436
87356
  }
87437
87357
  },
87438
87358
  {
87439
87359
  "kind": "field",
87440
- "name": "#disabled",
87360
+ "name": "_dispatchClickEvent",
87441
87361
  "privacy": "private",
87442
- "type": {
87443
- "text": "boolean"
87444
- },
87445
- "default": "false",
87446
87362
  "inheritedFrom": {
87447
- "name": "SbbDisabledMixin",
87448
- "module": "core/mixins/disabled-mixin.js"
87363
+ "name": "SbbButtonLikeBaseElement",
87364
+ "module": "core/base-elements/button-base-element.js"
87449
87365
  }
87450
87366
  },
87451
87367
  {
87452
87368
  "kind": "method",
87453
- "name": "isDisabledExternally",
87369
+ "name": "toggleState",
87454
87370
  "privacy": "protected",
87455
87371
  "return": {
87456
87372
  "type": {
87457
- "text": "boolean"
87373
+ "text": "void"
87458
87374
  }
87459
87375
  },
87460
- "description": "Will be used as 'or' check to the current disabled state.\nCan e.g. be used to read disabled state of a group.",
87376
+ "parameters": [
87377
+ {
87378
+ "name": "value",
87379
+ "type": {
87380
+ "text": "string"
87381
+ }
87382
+ },
87383
+ {
87384
+ "name": "force",
87385
+ "optional": true,
87386
+ "type": {
87387
+ "text": "boolean"
87388
+ }
87389
+ }
87390
+ ],
87461
87391
  "inheritedFrom": {
87462
- "name": "SbbDisabledMixin",
87463
- "module": "core/mixins/disabled-mixin.js"
87392
+ "name": "SbbActionBaseElement",
87393
+ "module": "core/base-elements/action-base-element.js"
87464
87394
  }
87465
87395
  },
87466
87396
  {
87467
87397
  "kind": "field",
87468
- "name": "styles",
87398
+ "name": "maybeDisabled",
87469
87399
  "type": {
87470
- "text": "CSSResultGroup"
87400
+ "text": "boolean | undefined"
87471
87401
  },
87472
- "privacy": "public",
87473
- "static": true,
87474
- "default": "[boxSizingStyles, style]",
87475
- "inheritedFrom": {
87476
- "name": "SbbMenuActionCommonElementMixin",
87477
- "module": "menu/common/menu-action-common.js"
87478
- }
87479
- },
87480
- {
87481
- "kind": "method",
87482
- "name": "renderTemplate",
87483
87402
  "privacy": "protected",
87484
- "return": {
87485
- "type": {
87486
- "text": "TemplateResult"
87487
- }
87488
- },
87489
- "description": "Override this method to render the component template.",
87403
+ "readonly": true,
87490
87404
  "inheritedFrom": {
87491
87405
  "name": "SbbActionBaseElement",
87492
87406
  "module": "core/base-elements/action-base-element.js"
@@ -87494,375 +87408,411 @@
87494
87408
  },
87495
87409
  {
87496
87410
  "kind": "field",
87497
- "name": "iconName",
87411
+ "name": "maybeDisabledInteractive",
87498
87412
  "type": {
87499
- "text": "string"
87413
+ "text": "boolean | undefined"
87500
87414
  },
87501
- "privacy": "public",
87502
- "default": "''",
87503
- "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.",
87504
- "attribute": "icon-name",
87415
+ "privacy": "protected",
87416
+ "readonly": true,
87505
87417
  "inheritedFrom": {
87506
- "name": "SbbIconNameMixin",
87507
- "module": "icon/icon-name-mixin.js"
87418
+ "name": "SbbActionBaseElement",
87419
+ "module": "core/base-elements/action-base-element.js"
87508
87420
  }
87509
87421
  },
87510
87422
  {
87511
87423
  "kind": "method",
87512
- "name": "renderIconSlot",
87424
+ "name": "setupBaseEventHandlers",
87513
87425
  "privacy": "protected",
87514
87426
  "return": {
87515
87427
  "type": {
87516
- "text": "TemplateResult"
87428
+ "text": "void"
87517
87429
  }
87518
87430
  },
87519
- "parameters": [
87520
- {
87521
- "name": "classname",
87522
- "optional": true,
87523
- "type": {
87524
- "text": "string"
87525
- }
87526
- }
87527
- ],
87528
87431
  "inheritedFrom": {
87529
- "name": "SbbIconNameMixin",
87530
- "module": "icon/icon-name-mixin.js"
87432
+ "name": "SbbActionBaseElement",
87433
+ "module": "core/base-elements/action-base-element.js"
87531
87434
  }
87435
+ }
87436
+ ],
87437
+ "mixins": [
87438
+ {
87439
+ "name": "SbbDisabledTabIndexActionMixin",
87440
+ "module": "core/mixins.js"
87532
87441
  },
87533
87442
  {
87534
- "kind": "method",
87535
- "name": "renderIconName",
87536
- "privacy": "protected",
87537
- "return": {
87538
- "type": {
87539
- "text": "string"
87540
- }
87443
+ "name": "SbbMenuActionCommonElementMixin",
87444
+ "module": "menu/common.js"
87445
+ }
87446
+ ],
87447
+ "superclass": {
87448
+ "name": "SbbButtonBaseElement",
87449
+ "module": "core/base-elements.js"
87450
+ },
87451
+ "tagName": "sbb-menu-button",
87452
+ "customElement": true,
87453
+ "attributes": [
87454
+ {
87455
+ "name": "disabled-interactive",
87456
+ "type": {
87457
+ "text": "boolean"
87541
87458
  },
87459
+ "default": "false",
87460
+ "description": "Whether the button should be aria-disabled but stay interactive.",
87461
+ "fieldName": "disabledInteractive",
87542
87462
  "inheritedFrom": {
87543
- "name": "SbbIconNameMixin",
87544
- "module": "icon/icon-name-mixin.js"
87463
+ "name": "SbbDisabledInteractiveMixin",
87464
+ "module": "core/mixins/disabled-mixin.js"
87545
87465
  }
87546
87466
  },
87547
87467
  {
87548
- "kind": "method",
87549
- "name": "_renderIconName",
87550
- "privacy": "private",
87551
- "return": {
87552
- "type": {
87553
- "text": "string"
87554
- }
87468
+ "name": "disabled",
87469
+ "description": "Whether the component is disabled.",
87470
+ "default": "false",
87471
+ "type": {
87472
+ "text": "boolean"
87555
87473
  },
87474
+ "fieldName": "disabled",
87556
87475
  "inheritedFrom": {
87557
- "name": "SbbIconNameMixin",
87558
- "module": "icon/icon-name-mixin.js"
87476
+ "name": "SbbDisabledMixin",
87477
+ "module": "core/mixins/disabled-mixin.js"
87559
87478
  }
87560
87479
  },
87561
87480
  {
87562
- "kind": "field",
87563
- "name": "_elementsOnWhichEnterPressTriggersSubmit",
87481
+ "name": "icon-name",
87564
87482
  "type": {
87565
- "text": "array"
87483
+ "text": "string"
87566
87484
  },
87567
- "privacy": "private",
87568
- "readonly": true,
87569
- "default": "[ 'input', 'sbb-date-input', 'sbb-time-input', ]",
87485
+ "default": "''",
87486
+ "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.",
87487
+ "fieldName": "iconName",
87570
87488
  "inheritedFrom": {
87571
- "name": "SbbButtonBaseElement",
87572
- "module": "core/base-elements/button-base-element.js"
87489
+ "name": "SbbIconNameMixin",
87490
+ "module": "icon/icon-name-mixin.js"
87573
87491
  }
87574
87492
  },
87575
87493
  {
87576
- "kind": "field",
87577
87494
  "name": "value",
87578
87495
  "type": {
87579
87496
  "text": "string"
87580
87497
  },
87581
- "privacy": "public",
87498
+ "default": "''",
87499
+ "description": "Value of the form element.",
87500
+ "fieldName": "value",
87582
87501
  "inheritedFrom": {
87583
87502
  "name": "SbbButtonBaseElement",
87584
87503
  "module": "core/base-elements/button-base-element.js"
87585
- },
87586
- "default": "''",
87587
- "description": "Value of the form element.",
87588
- "attribute": "value"
87504
+ }
87589
87505
  },
87590
87506
  {
87591
- "kind": "field",
87592
87507
  "name": "type",
87593
- "privacy": "public",
87594
87508
  "description": "The type attribute to use for the button.",
87595
87509
  "default": "'button'",
87596
87510
  "type": {
87597
87511
  "text": "SbbButtonType"
87598
87512
  },
87599
- "attribute": "type",
87513
+ "fieldName": "type",
87600
87514
  "inheritedFrom": {
87601
87515
  "name": "SbbButtonBaseElement",
87602
87516
  "module": "core/base-elements/button-base-element.js"
87603
87517
  }
87604
87518
  },
87605
87519
  {
87606
- "kind": "field",
87607
87520
  "name": "form",
87521
+ "description": "The `<form>` element to associate the button with.",
87608
87522
  "type": {
87609
87523
  "text": "HTMLFormElement | null"
87610
87524
  },
87611
- "privacy": "public",
87612
- "description": "The `<form>` element to associate the button with.",
87525
+ "fieldName": "form",
87613
87526
  "inheritedFrom": {
87614
87527
  "name": "SbbButtonBaseElement",
87615
87528
  "module": "core/base-elements/button-base-element.js"
87616
- },
87617
- "attribute": "form"
87529
+ }
87618
87530
  },
87619
87531
  {
87620
- "kind": "field",
87621
- "name": "_formId",
87532
+ "name": "name",
87533
+ "description": "Name of the form element. Will be read from name attribute.",
87622
87534
  "type": {
87623
87535
  "text": "string"
87624
87536
  },
87625
- "privacy": "private",
87626
- "default": "''",
87537
+ "fieldName": "name",
87627
87538
  "inheritedFrom": {
87628
- "name": "SbbButtonBaseElement",
87629
- "module": "core/base-elements/button-base-element.js"
87539
+ "name": "SbbFormAssociatedMixin",
87540
+ "module": "core/mixins/form-associated-mixin.js"
87630
87541
  }
87631
- },
87542
+ }
87543
+ ]
87544
+ }
87545
+ ],
87546
+ "exports": [
87547
+ {
87548
+ "kind": "js",
87549
+ "name": "SbbMenuButtonElement",
87550
+ "declaration": {
87551
+ "name": "SbbMenuButtonElement",
87552
+ "module": "menu/menu-button/menu-button.component.js"
87553
+ }
87554
+ },
87555
+ {
87556
+ "kind": "custom-element-definition",
87557
+ "name": "sbb-menu-button",
87558
+ "declaration": {
87559
+ "name": "SbbMenuButtonElement",
87560
+ "module": "menu/menu-button/menu-button.component.js"
87561
+ }
87562
+ }
87563
+ ]
87564
+ },
87565
+ {
87566
+ "kind": "javascript-module",
87567
+ "path": "menu/menu/menu.component.js",
87568
+ "declarations": [
87569
+ {
87570
+ "kind": "class",
87571
+ "description": "It displays a contextual menu with one or more action element.",
87572
+ "name": "SbbMenuElement",
87573
+ "cssProperties": [
87574
+ {
87575
+ "description": "To specify a custom stack order, the `z-index` can be overridden by defining this CSS variable. The default `z-index` of the component is set to `var(--sbb-overlay-default-z-index)` with a value of `1000`.",
87576
+ "name": "--sbb-menu-z-index",
87577
+ "default": "var(--sbb-overlay-default-z-index)"
87578
+ }
87579
+ ],
87580
+ "slots": [
87581
+ {
87582
+ "description": "Use the unnamed slot to add `sbb-menu-button`/`sbb-menu-link` or other elements to the menu.",
87583
+ "name": ""
87584
+ }
87585
+ ],
87586
+ "members": [
87632
87587
  {
87633
87588
  "kind": "field",
87634
- "name": "_handleButtonClick",
87635
- "privacy": "private",
87636
- "inheritedFrom": {
87637
- "name": "SbbButtonBaseElement",
87638
- "module": "core/base-elements/button-base-element.js"
87639
- }
87589
+ "name": "role",
87590
+ "type": {
87591
+ "text": "string"
87592
+ },
87593
+ "privacy": "public",
87594
+ "static": true,
87595
+ "readonly": true,
87596
+ "default": "'menu'"
87640
87597
  },
87641
87598
  {
87642
- "kind": "method",
87643
- "name": "_requestSubmit",
87644
- "privacy": "private",
87645
- "return": {
87646
- "type": {
87647
- "text": "void"
87648
- }
87599
+ "kind": "field",
87600
+ "name": "trigger",
87601
+ "type": {
87602
+ "text": "HTMLElement | null"
87649
87603
  },
87650
- "parameters": [
87651
- {
87652
- "name": "form",
87653
- "type": {
87654
- "text": "HTMLFormElement"
87655
- }
87656
- }
87657
- ],
87658
- "inheritedFrom": {
87659
- "name": "SbbButtonBaseElement",
87660
- "module": "core/base-elements/button-base-element.js"
87661
- }
87604
+ "privacy": "public",
87605
+ "default": "null",
87606
+ "description": "The element that will trigger the menu overlay.\n\nFor attribute usage, provide an id reference.",
87607
+ "attribute": "trigger"
87662
87608
  },
87663
87609
  {
87664
87610
  "kind": "field",
87665
- "name": "_formKeyDown",
87666
- "privacy": "private",
87667
- "inheritedFrom": {
87668
- "name": "SbbButtonBaseElement",
87669
- "module": "core/base-elements/button-base-element.js"
87670
- }
87611
+ "name": "_menu",
87612
+ "type": {
87613
+ "text": "HTMLDivElement"
87614
+ },
87615
+ "privacy": "private"
87671
87616
  },
87672
87617
  {
87673
87618
  "kind": "field",
87674
- "name": "formAssociated",
87619
+ "name": "_triggerElement",
87675
87620
  "type": {
87676
- "text": "boolean"
87621
+ "text": "HTMLElement | null"
87677
87622
  },
87678
- "privacy": "public",
87679
- "static": true,
87680
- "default": "true",
87681
- "inheritedFrom": {
87682
- "name": "SbbFormAssociatedMixin",
87683
- "module": "core/mixins/form-associated-mixin.js"
87684
- }
87623
+ "privacy": "private",
87624
+ "default": "null"
87685
87625
  },
87686
87626
  {
87687
87627
  "kind": "field",
87688
- "name": "name",
87689
- "privacy": "public",
87690
- "description": "Name of the form element. Will be read from name attribute.",
87628
+ "name": "_triggerAbortController",
87691
87629
  "type": {
87692
- "text": "string"
87630
+ "text": "AbortController"
87693
87631
  },
87694
- "attribute": "name",
87695
- "inheritedFrom": {
87696
- "name": "SbbFormAssociatedMixin",
87697
- "module": "core/mixins/form-associated-mixin.js"
87698
- }
87632
+ "privacy": "private"
87699
87633
  },
87700
87634
  {
87701
87635
  "kind": "field",
87702
- "name": "validity",
87636
+ "name": "_isPointerDownEventOnMenu",
87703
87637
  "type": {
87704
- "text": "ValidityState"
87638
+ "text": "boolean"
87705
87639
  },
87706
- "privacy": "public",
87707
- "description": "Returns the ValidityState object for this element.",
87708
- "readonly": true,
87709
- "inheritedFrom": {
87710
- "name": "SbbFormAssociatedMixin",
87711
- "module": "core/mixins/form-associated-mixin.js"
87712
- }
87640
+ "privacy": "private",
87641
+ "default": "false"
87713
87642
  },
87714
87643
  {
87715
87644
  "kind": "field",
87716
- "name": "validationMessage",
87645
+ "name": "_windowEventsController",
87717
87646
  "type": {
87718
- "text": "string"
87647
+ "text": "AbortController"
87719
87648
  },
87720
- "privacy": "public",
87721
- "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.",
87722
- "readonly": true,
87723
- "inheritedFrom": {
87724
- "name": "SbbFormAssociatedMixin",
87725
- "module": "core/mixins/form-associated-mixin.js"
87726
- }
87649
+ "privacy": "private"
87650
+ },
87651
+ {
87652
+ "kind": "field",
87653
+ "name": "_escapableOverlayController",
87654
+ "privacy": "private",
87655
+ "default": "new SbbEscapableOverlayController(this)"
87656
+ },
87657
+ {
87658
+ "kind": "field",
87659
+ "name": "_focusTrapController",
87660
+ "privacy": "private",
87661
+ "default": "new SbbFocusTrapController(this)"
87662
+ },
87663
+ {
87664
+ "kind": "field",
87665
+ "name": "_scrollHandler",
87666
+ "privacy": "private",
87667
+ "default": "new SbbScrollHandler()"
87668
+ },
87669
+ {
87670
+ "kind": "field",
87671
+ "name": "_inertController",
87672
+ "privacy": "private",
87673
+ "default": "new SbbInertController(this)"
87674
+ },
87675
+ {
87676
+ "kind": "field",
87677
+ "name": "_mobileBreakpoint",
87678
+ "privacy": "private",
87679
+ "default": "SbbMediaQueryBreakpointSmallAndBelow"
87680
+ },
87681
+ {
87682
+ "kind": "field",
87683
+ "name": "_mediaMatcher",
87684
+ "privacy": "private",
87685
+ "default": "new SbbMediaMatcherController(this, { [this._mobileBreakpoint]: (matches) => { if (matches && (this.state === 'opening' || this.state === 'opened')) { this._scrollHandler.disableScroll(); } else { this._scrollHandler.enableScroll(); } }, })"
87686
+ },
87687
+ {
87688
+ "kind": "field",
87689
+ "name": "_darkModeController",
87690
+ "privacy": "private",
87691
+ "default": "new SbbDarkModeController(this, () => this._syncNegative())"
87727
87692
  },
87728
87693
  {
87729
87694
  "kind": "field",
87730
- "name": "willValidate",
87731
- "type": {
87732
- "text": "boolean"
87733
- },
87734
- "privacy": "public",
87735
- "description": "Returns true if this element will be validated\nwhen the form is submitted; false otherwise.",
87736
- "readonly": true,
87737
- "inheritedFrom": {
87738
- "name": "SbbFormAssociatedMixin",
87739
- "module": "core/mixins/form-associated-mixin.js"
87740
- }
87695
+ "name": "_language",
87696
+ "privacy": "private",
87697
+ "default": "new SbbLanguageController(this)"
87741
87698
  },
87742
87699
  {
87743
87700
  "kind": "field",
87744
- "name": "_validityStates",
87701
+ "name": "_nestedMenu",
87702
+ "type": {
87703
+ "text": "SbbMenuElement | null"
87704
+ },
87745
87705
  "privacy": "private",
87746
- "default": "new Map< keyof ValidityStateFlags, { flagValue: unknown; message: string } >()",
87747
- "inheritedFrom": {
87748
- "name": "SbbFormAssociatedMixin",
87749
- "module": "core/mixins/form-associated-mixin.js"
87750
- }
87706
+ "default": "null"
87751
87707
  },
87752
87708
  {
87753
- "kind": "field",
87754
- "name": "formDisabled",
87755
- "type": {
87756
- "text": "boolean"
87709
+ "kind": "method",
87710
+ "name": "escapeStrategy",
87711
+ "privacy": "public",
87712
+ "return": {
87713
+ "type": {
87714
+ "text": "void"
87715
+ }
87757
87716
  },
87758
- "privacy": "protected",
87759
- "default": "false",
87760
- "description": "Whenever a surrounding form or fieldset is changing its disabled state.",
87717
+ "description": "The method which is called on escape key press. Defaults to calling close()",
87761
87718
  "inheritedFrom": {
87762
- "name": "SbbFormAssociatedMixin",
87763
- "module": "core/mixins/form-associated-mixin.js"
87719
+ "name": "SbbOpenCloseBaseElement",
87720
+ "module": "core/base-elements/open-close-base-element.js"
87764
87721
  }
87765
87722
  },
87766
87723
  {
87767
87724
  "kind": "method",
87768
- "name": "checkValidity",
87725
+ "name": "open",
87769
87726
  "privacy": "public",
87770
87727
  "return": {
87771
87728
  "type": {
87772
- "text": "boolean"
87729
+ "text": "void"
87773
87730
  }
87774
87731
  },
87775
- "description": "Returns true if this element has no validity problems; false otherwise.\nFires an invalid event at the element in the latter case.",
87732
+ "description": "Opens the menu on trigger click.",
87776
87733
  "inheritedFrom": {
87777
- "name": "SbbFormAssociatedMixin",
87778
- "module": "core/mixins/form-associated-mixin.js"
87734
+ "name": "SbbOpenCloseBaseElement",
87735
+ "module": "core/base-elements/open-close-base-element.js"
87779
87736
  }
87780
87737
  },
87781
87738
  {
87782
87739
  "kind": "method",
87783
- "name": "reportValidity",
87740
+ "name": "close",
87784
87741
  "privacy": "public",
87785
87742
  "return": {
87786
87743
  "type": {
87787
- "text": "boolean"
87744
+ "text": "void"
87788
87745
  }
87789
87746
  },
87790
- "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.",
87747
+ "description": "Closes the menu and all its nested menus.",
87791
87748
  "inheritedFrom": {
87792
- "name": "SbbFormAssociatedMixin",
87793
- "module": "core/mixins/form-associated-mixin.js"
87749
+ "name": "SbbOpenCloseBaseElement",
87750
+ "module": "core/base-elements/open-close-base-element.js"
87794
87751
  }
87795
87752
  },
87796
87753
  {
87797
87754
  "kind": "method",
87798
- "name": "setCustomValidity",
87755
+ "name": "closeAll",
87799
87756
  "privacy": "public",
87800
87757
  "return": {
87801
87758
  "type": {
87802
87759
  "text": "void"
87803
87760
  }
87804
87761
  },
87762
+ "description": "Closes the menu and all related menus (nested and parent menus)."
87763
+ },
87764
+ {
87765
+ "kind": "method",
87766
+ "name": "_close",
87767
+ "privacy": "private",
87768
+ "return": {
87769
+ "type": {
87770
+ "text": "void"
87771
+ }
87772
+ },
87805
87773
  "parameters": [
87806
87774
  {
87807
- "name": "message",
87808
- "type": {
87809
- "text": "string"
87810
- }
87775
+ "name": "closeAll",
87776
+ "default": "false",
87777
+ "description": "If true, it ensures animations are correct by toggling some states when closing all related menus at once.",
87778
+ "optional": true
87811
87779
  }
87812
- ],
87813
- "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.",
87814
- "inheritedFrom": {
87815
- "name": "SbbFormAssociatedMixin",
87816
- "module": "core/mixins/form-associated-mixin.js"
87817
- }
87780
+ ]
87818
87781
  },
87819
87782
  {
87820
87783
  "kind": "method",
87821
- "name": "_hasDisabledAncestor",
87784
+ "name": "_isZeroAnimationDuration",
87822
87785
  "privacy": "private",
87823
87786
  "return": {
87824
87787
  "type": {
87825
87788
  "text": "boolean"
87826
87789
  }
87827
- },
87828
- "inheritedFrom": {
87829
- "name": "SbbFormAssociatedMixin",
87830
- "module": "core/mixins/form-associated-mixin.js"
87831
87790
  }
87832
87791
  },
87833
87792
  {
87834
87793
  "kind": "method",
87835
- "name": "updateFormValue",
87836
- "privacy": "protected",
87794
+ "name": "_handleOpening",
87795
+ "privacy": "private",
87837
87796
  "return": {
87838
87797
  "type": {
87839
87798
  "text": "void"
87840
87799
  }
87841
- },
87842
- "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",
87843
- "inheritedFrom": {
87844
- "name": "SbbFormAssociatedMixin",
87845
- "module": "core/mixins/form-associated-mixin.js"
87846
87800
  }
87847
87801
  },
87848
87802
  {
87849
87803
  "kind": "method",
87850
- "name": "formState",
87851
- "privacy": "protected",
87804
+ "name": "_handleClosing",
87805
+ "privacy": "private",
87852
87806
  "return": {
87853
87807
  "type": {
87854
- "text": "FormRestoreState"
87808
+ "text": "void"
87855
87809
  }
87856
- },
87857
- "inheritedFrom": {
87858
- "name": "SbbFormAssociatedMixin",
87859
- "module": "core/mixins/form-associated-mixin.js"
87860
87810
  }
87861
87811
  },
87862
87812
  {
87863
87813
  "kind": "method",
87864
- "name": "setValidityFlag",
87865
- "privacy": "protected",
87814
+ "name": "_handleKeyDown",
87815
+ "privacy": "private",
87866
87816
  "return": {
87867
87817
  "type": {
87868
87818
  "text": "void"
@@ -87870,35 +87820,37 @@
87870
87820
  },
87871
87821
  "parameters": [
87872
87822
  {
87873
- "name": "flag",
87874
- "type": {
87875
- "text": "T"
87876
- }
87877
- },
87878
- {
87879
- "name": "message",
87880
- "type": {
87881
- "text": "string"
87882
- }
87883
- },
87884
- {
87885
- "name": "flagValue",
87886
- "optional": true,
87823
+ "name": "evt",
87887
87824
  "type": {
87888
- "text": "ValidityStateFlags[T]"
87825
+ "text": "KeyboardEvent"
87889
87826
  }
87890
87827
  }
87891
- ],
87892
- "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).",
87893
- "inheritedFrom": {
87894
- "name": "SbbFormAssociatedMixin",
87895
- "module": "core/mixins/form-associated-mixin.js"
87828
+ ]
87829
+ },
87830
+ {
87831
+ "kind": "method",
87832
+ "name": "_configureTrigger",
87833
+ "privacy": "private",
87834
+ "return": {
87835
+ "type": {
87836
+ "text": "void"
87837
+ }
87896
87838
  }
87897
87839
  },
87898
87840
  {
87899
87841
  "kind": "method",
87900
- "name": "removeValidityFlag",
87901
- "privacy": "protected",
87842
+ "name": "_attachWindowEvents",
87843
+ "privacy": "private",
87844
+ "return": {
87845
+ "type": {
87846
+ "text": "void"
87847
+ }
87848
+ }
87849
+ },
87850
+ {
87851
+ "kind": "method",
87852
+ "name": "_interactiveElementClick",
87853
+ "privacy": "private",
87902
87854
  "return": {
87903
87855
  "type": {
87904
87856
  "text": "void"
@@ -87906,118 +87858,139 @@
87906
87858
  },
87907
87859
  "parameters": [
87908
87860
  {
87909
- "name": "flag",
87861
+ "name": "event",
87910
87862
  "type": {
87911
- "text": "T"
87863
+ "text": "Event"
87912
87864
  }
87913
87865
  }
87914
- ],
87915
- "description": "Removes the validity state flag entry and updates validity state.",
87916
- "inheritedFrom": {
87917
- "name": "SbbFormAssociatedMixin",
87918
- "module": "core/mixins/form-associated-mixin.js"
87919
- }
87866
+ ]
87867
+ },
87868
+ {
87869
+ "kind": "field",
87870
+ "name": "_pointerDownListener",
87871
+ "privacy": "private"
87872
+ },
87873
+ {
87874
+ "kind": "field",
87875
+ "name": "_closeOnBackdropClick",
87876
+ "privacy": "private"
87920
87877
  },
87921
87878
  {
87922
87879
  "kind": "method",
87923
- "name": "validate",
87924
- "privacy": "protected",
87880
+ "name": "_nestedMenus",
87881
+ "privacy": "private",
87925
87882
  "return": {
87926
87883
  "type": {
87927
- "text": "void"
87884
+ "text": "SbbMenuElement[]"
87928
87885
  }
87929
87886
  },
87930
- "description": "To be called whenever the current element needs to be validated.",
87931
- "inheritedFrom": {
87932
- "name": "SbbFormAssociatedMixin",
87933
- "module": "core/mixins/form-associated-mixin.js"
87887
+ "description": "Converts the linked list into an array of SbbMenuElement."
87888
+ },
87889
+ {
87890
+ "kind": "method",
87891
+ "name": "_parentMenu",
87892
+ "privacy": "private",
87893
+ "return": {
87894
+ "type": {
87895
+ "text": "SbbMenuElement | null"
87896
+ }
87934
87897
  }
87935
87898
  },
87936
87899
  {
87937
87900
  "kind": "method",
87938
- "name": "shouldValidate",
87939
- "privacy": "protected",
87901
+ "name": "_mainMenu",
87902
+ "privacy": "private",
87903
+ "return": {
87904
+ "type": {
87905
+ "text": "SbbMenuElement"
87906
+ }
87907
+ },
87908
+ "description": "The outermost menu."
87909
+ },
87910
+ {
87911
+ "kind": "method",
87912
+ "name": "_isNested",
87913
+ "privacy": "private",
87940
87914
  "return": {
87941
87915
  "type": {
87942
87916
  "text": "boolean"
87943
87917
  }
87918
+ }
87919
+ },
87920
+ {
87921
+ "kind": "method",
87922
+ "name": "_updateNestedInert",
87923
+ "privacy": "private",
87924
+ "return": {
87925
+ "type": {
87926
+ "text": "void"
87927
+ }
87928
+ }
87929
+ },
87930
+ {
87931
+ "kind": "method",
87932
+ "name": "_handleMouseOver",
87933
+ "privacy": "private",
87934
+ "return": {
87935
+ "type": {
87936
+ "text": "void"
87937
+ }
87944
87938
  },
87945
87939
  "parameters": [
87946
87940
  {
87947
- "name": "name",
87941
+ "name": "event",
87948
87942
  "type": {
87949
- "text": "PropertyKey | undefined"
87950
- }
87951
- }
87952
- ],
87953
- "description": "Whether validation should be run on a property change with the given name.",
87954
- "inheritedFrom": {
87955
- "name": "SbbFormAssociatedMixin",
87956
- "module": "core/mixins/form-associated-mixin.js"
87957
- }
87943
+ "text": "MouseEvent"
87944
+ }
87945
+ }
87946
+ ]
87958
87947
  },
87959
87948
  {
87960
87949
  "kind": "method",
87961
- "name": "_setInternalValidity",
87950
+ "name": "_onMenuAnimationEnd",
87962
87951
  "privacy": "private",
87963
87952
  "return": {
87964
87953
  "type": {
87965
87954
  "text": "void"
87966
87955
  }
87967
87956
  },
87968
- "inheritedFrom": {
87969
- "name": "SbbFormAssociatedMixin",
87970
- "module": "core/mixins/form-associated-mixin.js"
87971
- }
87972
- },
87973
- {
87974
- "kind": "field",
87975
- "name": "_preventScrollOnSpaceKeydown",
87976
- "privacy": "private",
87977
- "description": "Prevents scrolling from pressing Space, when the event target is an action element.\nAlso sets active state.",
87978
87957
  "parameters": [
87979
87958
  {
87980
- "description": "The origin event.",
87981
- "name": "event"
87959
+ "name": "event",
87960
+ "type": {
87961
+ "text": "AnimationEvent"
87962
+ }
87982
87963
  }
87983
- ],
87984
- "inheritedFrom": {
87985
- "name": "SbbButtonLikeBaseElement",
87986
- "module": "core/base-elements/button-base-element.js"
87987
- }
87964
+ ]
87988
87965
  },
87989
87966
  {
87990
- "kind": "field",
87991
- "name": "_removeActiveMarker",
87967
+ "kind": "method",
87968
+ "name": "_setMenuPosition",
87992
87969
  "privacy": "private",
87993
- "inheritedFrom": {
87994
- "name": "SbbButtonLikeBaseElement",
87995
- "module": "core/base-elements/button-base-element.js"
87970
+ "return": {
87971
+ "type": {
87972
+ "text": "void"
87973
+ }
87996
87974
  }
87997
87975
  },
87998
87976
  {
87999
- "kind": "field",
88000
- "name": "_dispatchClickEventOnSpaceKeyup",
87977
+ "kind": "method",
87978
+ "name": "_syncNegative",
88001
87979
  "privacy": "private",
88002
- "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.",
88003
- "parameters": [
88004
- {
88005
- "description": "The origin event.",
88006
- "name": "event"
87980
+ "return": {
87981
+ "type": {
87982
+ "text": "void"
88007
87983
  }
88008
- ],
88009
- "inheritedFrom": {
88010
- "name": "SbbButtonLikeBaseElement",
88011
- "module": "core/base-elements/button-base-element.js"
88012
87984
  }
88013
87985
  },
88014
87986
  {
88015
- "kind": "field",
88016
- "name": "_dispatchClickEvent",
87987
+ "kind": "method",
87988
+ "name": "_isMobile",
88017
87989
  "privacy": "private",
88018
- "inheritedFrom": {
88019
- "name": "SbbButtonLikeBaseElement",
88020
- "module": "core/base-elements/button-base-element.js"
87990
+ "return": {
87991
+ "type": {
87992
+ "text": "boolean"
87993
+ }
88021
87994
  }
88022
87995
  },
88023
87996
  {
@@ -88045,155 +88018,182 @@
88045
88018
  }
88046
88019
  ],
88047
88020
  "inheritedFrom": {
88048
- "name": "SbbActionBaseElement",
88049
- "module": "core/base-elements/action-base-element.js"
88021
+ "name": "SbbOpenCloseBaseElement",
88022
+ "module": "core/base-elements/open-close-base-element.js"
88050
88023
  }
88051
88024
  },
88052
88025
  {
88053
88026
  "kind": "field",
88054
- "name": "maybeDisabled",
88027
+ "name": "events",
88028
+ "privacy": "public",
88029
+ "static": true,
88030
+ "readonly": true,
88031
+ "default": "{ beforeopen: 'beforeopen', open: 'open', beforeclose: 'beforeclose', close: 'close', }",
88055
88032
  "type": {
88056
- "text": "boolean | undefined"
88033
+ "text": "{\n beforeopen: 'beforeopen',\n open: 'open',\n beforeclose: 'beforeclose',\n close: 'close',\n }"
88057
88034
  },
88035
+ "inheritedFrom": {
88036
+ "name": "SbbOpenCloseBaseElement",
88037
+ "module": "core/base-elements/open-close-base-element.js"
88038
+ }
88039
+ },
88040
+ {
88041
+ "kind": "field",
88042
+ "name": "state",
88058
88043
  "privacy": "protected",
88059
- "readonly": true,
88044
+ "description": "The state of the component.",
88045
+ "type": {
88046
+ "text": "SbbOpenedClosedState"
88047
+ },
88048
+ "default": "'closed'",
88060
88049
  "inheritedFrom": {
88061
- "name": "SbbActionBaseElement",
88062
- "module": "core/base-elements/action-base-element.js"
88050
+ "name": "SbbOpenCloseBaseElement",
88051
+ "module": "core/base-elements/open-close-base-element.js"
88063
88052
  }
88064
88053
  },
88065
88054
  {
88066
88055
  "kind": "field",
88067
- "name": "maybeDisabledInteractive",
88056
+ "name": "_state",
88068
88057
  "type": {
88069
- "text": "boolean | undefined"
88058
+ "text": "SbbOpenedClosedState"
88070
88059
  },
88071
- "privacy": "protected",
88060
+ "privacy": "private",
88061
+ "inheritedFrom": {
88062
+ "name": "SbbOpenCloseBaseElement",
88063
+ "module": "core/base-elements/open-close-base-element.js"
88064
+ }
88065
+ },
88066
+ {
88067
+ "kind": "field",
88068
+ "name": "isOpen",
88069
+ "type": {
88070
+ "text": "boolean"
88071
+ },
88072
+ "privacy": "public",
88073
+ "description": "Whether the element is open.",
88072
88074
  "readonly": true,
88073
88075
  "inheritedFrom": {
88074
- "name": "SbbActionBaseElement",
88075
- "module": "core/base-elements/action-base-element.js"
88076
+ "name": "SbbOpenCloseBaseElement",
88077
+ "module": "core/base-elements/open-close-base-element.js"
88076
88078
  }
88077
88079
  },
88078
88080
  {
88079
88081
  "kind": "method",
88080
- "name": "setupBaseEventHandlers",
88082
+ "name": "dispatchBeforeOpenEvent",
88081
88083
  "privacy": "protected",
88082
88084
  "return": {
88083
88085
  "type": {
88084
- "text": "void"
88086
+ "text": "boolean"
88085
88087
  }
88086
88088
  },
88087
88089
  "inheritedFrom": {
88088
- "name": "SbbActionBaseElement",
88089
- "module": "core/base-elements/action-base-element.js"
88090
+ "name": "SbbOpenCloseBaseElement",
88091
+ "module": "core/base-elements/open-close-base-element.js"
88090
88092
  }
88091
- }
88092
- ],
88093
- "mixins": [
88094
- {
88095
- "name": "SbbDisabledTabIndexActionMixin",
88096
- "module": "core/mixins.js"
88097
88093
  },
88098
88094
  {
88099
- "name": "SbbMenuActionCommonElementMixin",
88100
- "module": "menu/common.js"
88101
- }
88102
- ],
88103
- "superclass": {
88104
- "name": "SbbButtonBaseElement",
88105
- "module": "core/base-elements.js"
88106
- },
88107
- "tagName": "sbb-menu-button",
88108
- "customElement": true,
88109
- "attributes": [
88110
- {
88111
- "name": "disabled-interactive",
88112
- "type": {
88113
- "text": "boolean"
88095
+ "kind": "method",
88096
+ "name": "dispatchOpenEvent",
88097
+ "privacy": "protected",
88098
+ "return": {
88099
+ "type": {
88100
+ "text": "boolean"
88101
+ }
88114
88102
  },
88115
- "default": "false",
88116
- "description": "Whether the button should be aria-disabled but stay interactive.",
88117
- "fieldName": "disabledInteractive",
88118
88103
  "inheritedFrom": {
88119
- "name": "SbbDisabledInteractiveMixin",
88120
- "module": "core/mixins/disabled-mixin.js"
88104
+ "name": "SbbOpenCloseBaseElement",
88105
+ "module": "core/base-elements/open-close-base-element.js"
88121
88106
  }
88122
88107
  },
88123
88108
  {
88124
- "name": "disabled",
88125
- "description": "Whether the component is disabled.",
88126
- "default": "false",
88127
- "type": {
88128
- "text": "boolean"
88109
+ "kind": "method",
88110
+ "name": "dispatchBeforeCloseEvent",
88111
+ "privacy": "protected",
88112
+ "return": {
88113
+ "type": {
88114
+ "text": "boolean"
88115
+ }
88129
88116
  },
88130
- "fieldName": "disabled",
88131
88117
  "inheritedFrom": {
88132
- "name": "SbbDisabledMixin",
88133
- "module": "core/mixins/disabled-mixin.js"
88118
+ "name": "SbbOpenCloseBaseElement",
88119
+ "module": "core/base-elements/open-close-base-element.js"
88134
88120
  }
88135
88121
  },
88136
88122
  {
88137
- "name": "icon-name",
88138
- "type": {
88139
- "text": "string"
88123
+ "kind": "method",
88124
+ "name": "dispatchCloseEvent",
88125
+ "privacy": "protected",
88126
+ "return": {
88127
+ "type": {
88128
+ "text": "boolean"
88129
+ }
88140
88130
  },
88141
- "default": "''",
88142
- "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.",
88143
- "fieldName": "iconName",
88144
88131
  "inheritedFrom": {
88145
- "name": "SbbIconNameMixin",
88146
- "module": "icon/icon-name-mixin.js"
88132
+ "name": "SbbOpenCloseBaseElement",
88133
+ "module": "core/base-elements/open-close-base-element.js"
88147
88134
  }
88148
- },
88135
+ }
88136
+ ],
88137
+ "attributes": [
88149
88138
  {
88150
- "name": "value",
88139
+ "name": "trigger",
88151
88140
  "type": {
88152
- "text": "string"
88141
+ "text": "HTMLElement | null"
88153
88142
  },
88154
- "default": "''",
88155
- "description": "Value of the form element.",
88156
- "fieldName": "value",
88143
+ "default": "null",
88144
+ "description": "The element that will trigger the menu overlay.\n\nFor attribute usage, provide an id reference.",
88145
+ "fieldName": "trigger"
88146
+ }
88147
+ ],
88148
+ "superclass": {
88149
+ "name": "SbbOpenCloseBaseElement",
88150
+ "module": "core/base-elements.js"
88151
+ },
88152
+ "tagName": "sbb-menu",
88153
+ "customElement": true,
88154
+ "events": [
88155
+ {
88156
+ "name": "beforeopen",
88157
+ "type": {
88158
+ "text": "Event"
88159
+ },
88160
+ "description": "Emits whenever the component starts the opening transition. Can be canceled.",
88157
88161
  "inheritedFrom": {
88158
- "name": "SbbButtonBaseElement",
88159
- "module": "core/base-elements/button-base-element.js"
88162
+ "name": "SbbOpenCloseBaseElement",
88163
+ "module": "core/base-elements/open-close-base-element.js"
88160
88164
  }
88161
88165
  },
88162
88166
  {
88163
- "name": "type",
88164
- "description": "The type attribute to use for the button.",
88165
- "default": "'button'",
88167
+ "name": "open",
88166
88168
  "type": {
88167
- "text": "SbbButtonType"
88169
+ "text": "Event"
88168
88170
  },
88169
- "fieldName": "type",
88171
+ "description": "Emits whenever the component is opened.",
88170
88172
  "inheritedFrom": {
88171
- "name": "SbbButtonBaseElement",
88172
- "module": "core/base-elements/button-base-element.js"
88173
+ "name": "SbbOpenCloseBaseElement",
88174
+ "module": "core/base-elements/open-close-base-element.js"
88173
88175
  }
88174
88176
  },
88175
88177
  {
88176
- "name": "form",
88177
- "description": "The `<form>` element to associate the button with.",
88178
+ "name": "beforeclose",
88178
88179
  "type": {
88179
- "text": "HTMLFormElement | null"
88180
+ "text": "Event"
88180
88181
  },
88181
- "fieldName": "form",
88182
+ "description": "Emits whenever the component begins the closing transition. Can be canceled.",
88182
88183
  "inheritedFrom": {
88183
- "name": "SbbButtonBaseElement",
88184
- "module": "core/base-elements/button-base-element.js"
88184
+ "name": "SbbOpenCloseBaseElement",
88185
+ "module": "core/base-elements/open-close-base-element.js"
88185
88186
  }
88186
88187
  },
88187
88188
  {
88188
- "name": "name",
88189
- "description": "Name of the form element. Will be read from name attribute.",
88189
+ "name": "close",
88190
88190
  "type": {
88191
- "text": "string"
88191
+ "text": "Event"
88192
88192
  },
88193
- "fieldName": "name",
88193
+ "description": "Emits whenever the component is closed.",
88194
88194
  "inheritedFrom": {
88195
- "name": "SbbFormAssociatedMixin",
88196
- "module": "core/mixins/form-associated-mixin.js"
88195
+ "name": "SbbOpenCloseBaseElement",
88196
+ "module": "core/base-elements/open-close-base-element.js"
88197
88197
  }
88198
88198
  }
88199
88199
  ]
@@ -88202,18 +88202,18 @@
88202
88202
  "exports": [
88203
88203
  {
88204
88204
  "kind": "js",
88205
- "name": "SbbMenuButtonElement",
88205
+ "name": "SbbMenuElement",
88206
88206
  "declaration": {
88207
- "name": "SbbMenuButtonElement",
88208
- "module": "menu/menu-button/menu-button.component.js"
88207
+ "name": "SbbMenuElement",
88208
+ "module": "menu/menu/menu.component.js"
88209
88209
  }
88210
88210
  },
88211
88211
  {
88212
88212
  "kind": "custom-element-definition",
88213
- "name": "sbb-menu-button",
88213
+ "name": "sbb-menu",
88214
88214
  "declaration": {
88215
- "name": "SbbMenuButtonElement",
88216
- "module": "menu/menu-button/menu-button.component.js"
88215
+ "name": "SbbMenuElement",
88216
+ "module": "menu/menu/menu.component.js"
88217
88217
  }
88218
88218
  }
88219
88219
  ]
@@ -103539,269 +103539,42 @@
103539
103539
  }
103540
103540
  },
103541
103541
  {
103542
- "name": "visual-level",
103543
- "type": {
103544
- "text": "SbbTitleLevel | null"
103545
- },
103546
- "default": "null",
103547
- "description": "Visual level for the title.",
103548
- "fieldName": "visualLevel",
103549
- "inheritedFrom": {
103550
- "name": "SbbTitleBase",
103551
- "module": "title/title-base.js"
103552
- }
103553
- }
103554
- ],
103555
- "superclass": {
103556
- "name": "SbbTitleBase",
103557
- "module": "title.js"
103558
- },
103559
- "tagName": "sbb-sidebar-title",
103560
- "customElement": true
103561
- }
103562
- ],
103563
- "exports": [
103564
- {
103565
- "kind": "js",
103566
- "name": "SbbSidebarTitleElement",
103567
- "declaration": {
103568
- "name": "SbbSidebarTitleElement",
103569
- "module": "sidebar/sidebar-title/sidebar-title.component.js"
103570
- }
103571
- },
103572
- {
103573
- "kind": "custom-element-definition",
103574
- "name": "sbb-sidebar-title",
103575
- "declaration": {
103576
- "name": "SbbSidebarTitleElement",
103577
- "module": "sidebar/sidebar-title/sidebar-title.component.js"
103578
- }
103579
- }
103580
- ]
103581
- },
103582
- {
103583
- "kind": "javascript-module",
103584
- "path": "stepper/step/step.component.js",
103585
- "declarations": [
103586
- {
103587
- "kind": "class",
103588
- "description": "Combined with a `sbb-stepper`, it displays a step's content.",
103589
- "name": "SbbStepElement",
103590
- "slots": [
103591
- {
103592
- "description": "Use the unnamed slot to provide content.",
103593
- "name": ""
103594
- }
103595
- ],
103596
- "members": [
103597
- {
103598
- "kind": "field",
103599
- "name": "role",
103600
- "type": {
103601
- "text": "string"
103602
- },
103603
- "privacy": "public",
103604
- "static": true,
103605
- "readonly": true,
103606
- "default": "'tabpanel'"
103607
- },
103608
- {
103609
- "kind": "field",
103610
- "name": "events",
103611
- "privacy": "public",
103612
- "static": true,
103613
- "readonly": true,
103614
- "default": "{ validate: 'validate', resizechange: 'resizechange', }",
103615
- "type": {
103616
- "text": "{\n validate: 'validate',\n resizechange: 'resizechange',\n }"
103617
- }
103618
- },
103619
- {
103620
- "kind": "field",
103621
- "name": "_stepResizeObserver",
103622
- "privacy": "private",
103623
- "default": "new ResizeController(this, { target: null, skipInitial: true, callback: () => setTimeout(() => this._onStepElementResize()), })"
103624
- },
103625
- {
103626
- "kind": "field",
103627
- "name": "label",
103628
- "type": {
103629
- "text": "SbbStepLabelElement | null"
103630
- },
103631
- "privacy": "public",
103632
- "description": "The label of the step.",
103633
- "readonly": true,
103634
- "default": "null"
103635
- },
103636
- {
103637
- "kind": "field",
103638
- "name": "_label",
103639
- "type": {
103640
- "text": "SbbStepLabelElement | null"
103641
- },
103642
- "privacy": "private",
103643
- "default": "null"
103644
- },
103645
- {
103646
- "kind": "field",
103647
- "name": "stepper",
103648
- "type": {
103649
- "text": "SbbStepperElement | null"
103650
- },
103651
- "privacy": "public",
103652
- "readonly": true
103653
- },
103654
- {
103655
- "kind": "field",
103656
- "name": "_previousOrientation",
103657
- "type": {
103658
- "text": "string | undefined"
103659
- },
103660
- "privacy": "private"
103661
- },
103662
- {
103663
- "kind": "method",
103664
- "name": "_handleClick",
103665
- "privacy": "private",
103666
- "return": {
103667
- "type": {
103668
- "text": "void"
103669
- }
103670
- },
103671
- "parameters": [
103672
- {
103673
- "name": "event",
103674
- "type": {
103675
- "text": "Event"
103676
- }
103677
- }
103678
- ],
103679
- "description": "Watches for clicked elements with `sbb-stepper-next` or `sbb-stepper-previous` attributes."
103680
- },
103681
- {
103682
- "kind": "method",
103683
- "name": "_isGoNextElement",
103684
- "privacy": "private",
103685
- "return": {
103686
- "type": {
103687
- "text": "boolean"
103688
- }
103689
- },
103690
- "parameters": [
103691
- {
103692
- "name": "element",
103693
- "type": {
103694
- "text": "HTMLElement"
103695
- }
103696
- }
103697
- ]
103698
- },
103699
- {
103700
- "kind": "method",
103701
- "name": "_isGoPreviousElement",
103702
- "privacy": "private",
103703
- "return": {
103704
- "type": {
103705
- "text": "boolean"
103706
- }
103707
- },
103708
- "parameters": [
103709
- {
103710
- "name": "element",
103711
- "type": {
103712
- "text": "HTMLElement"
103713
- }
103714
- }
103715
- ]
103716
- },
103717
- {
103718
- "kind": "method",
103719
- "name": "_onStepElementResize",
103720
- "privacy": "private",
103721
- "return": {
103722
- "type": {
103723
- "text": "void"
103724
- }
103725
- }
103726
- },
103727
- {
103728
- "kind": "method",
103729
- "name": "_assignLabel",
103730
- "privacy": "private",
103731
- "return": {
103732
- "type": {
103733
- "text": "void"
103734
- }
103735
- }
103736
- },
103737
- {
103738
- "kind": "method",
103739
- "name": "toggleState",
103740
- "privacy": "protected",
103741
- "return": {
103742
- "type": {
103743
- "text": "void"
103744
- }
103745
- },
103746
- "parameters": [
103747
- {
103748
- "name": "value",
103749
- "type": {
103750
- "text": "string"
103751
- }
103752
- },
103753
- {
103754
- "name": "force",
103755
- "optional": true,
103756
- "type": {
103757
- "text": "boolean"
103758
- }
103759
- }
103760
- ],
103761
- "inheritedFrom": {
103762
- "name": "SbbElementInternalsMixin",
103763
- "module": "core/mixins/element-internals-mixin.js"
103764
- }
103765
- }
103766
- ],
103767
- "events": [
103768
- {
103769
- "name": "validate",
103770
- "type": {
103771
- "text": "CustomEvent<SbbStepValidateEventDetails>"
103772
- },
103773
- "description": "The validate event is dispatched when a step change is triggered. Can be canceled to abort the step change."
103774
- }
103775
- ],
103776
- "mixins": [
103777
- {
103778
- "name": "SbbElementInternalsMixin",
103779
- "module": "core/mixins.js"
103542
+ "name": "visual-level",
103543
+ "type": {
103544
+ "text": "SbbTitleLevel | null"
103545
+ },
103546
+ "default": "null",
103547
+ "description": "Visual level for the title.",
103548
+ "fieldName": "visualLevel",
103549
+ "inheritedFrom": {
103550
+ "name": "SbbTitleBase",
103551
+ "module": "title/title-base.js"
103552
+ }
103780
103553
  }
103781
103554
  ],
103782
103555
  "superclass": {
103783
- "name": "LitElement",
103784
- "package": "lit"
103556
+ "name": "SbbTitleBase",
103557
+ "module": "title.js"
103785
103558
  },
103786
- "tagName": "sbb-step",
103559
+ "tagName": "sbb-sidebar-title",
103787
103560
  "customElement": true
103788
103561
  }
103789
103562
  ],
103790
103563
  "exports": [
103791
103564
  {
103792
103565
  "kind": "js",
103793
- "name": "SbbStepElement",
103566
+ "name": "SbbSidebarTitleElement",
103794
103567
  "declaration": {
103795
- "name": "SbbStepElement",
103796
- "module": "stepper/step/step.component.js"
103568
+ "name": "SbbSidebarTitleElement",
103569
+ "module": "sidebar/sidebar-title/sidebar-title.component.js"
103797
103570
  }
103798
103571
  },
103799
103572
  {
103800
103573
  "kind": "custom-element-definition",
103801
- "name": "sbb-step",
103574
+ "name": "sbb-sidebar-title",
103802
103575
  "declaration": {
103803
- "name": "SbbStepElement",
103804
- "module": "stepper/step/step.component.js"
103576
+ "name": "SbbSidebarTitleElement",
103577
+ "module": "sidebar/sidebar-title/sidebar-title.component.js"
103805
103578
  }
103806
103579
  }
103807
103580
  ]
@@ -104685,6 +104458,233 @@
104685
104458
  }
104686
104459
  ]
104687
104460
  },
104461
+ {
104462
+ "kind": "javascript-module",
104463
+ "path": "stepper/step/step.component.js",
104464
+ "declarations": [
104465
+ {
104466
+ "kind": "class",
104467
+ "description": "Combined with a `sbb-stepper`, it displays a step's content.",
104468
+ "name": "SbbStepElement",
104469
+ "slots": [
104470
+ {
104471
+ "description": "Use the unnamed slot to provide content.",
104472
+ "name": ""
104473
+ }
104474
+ ],
104475
+ "members": [
104476
+ {
104477
+ "kind": "field",
104478
+ "name": "role",
104479
+ "type": {
104480
+ "text": "string"
104481
+ },
104482
+ "privacy": "public",
104483
+ "static": true,
104484
+ "readonly": true,
104485
+ "default": "'tabpanel'"
104486
+ },
104487
+ {
104488
+ "kind": "field",
104489
+ "name": "events",
104490
+ "privacy": "public",
104491
+ "static": true,
104492
+ "readonly": true,
104493
+ "default": "{ validate: 'validate', resizechange: 'resizechange', }",
104494
+ "type": {
104495
+ "text": "{\n validate: 'validate',\n resizechange: 'resizechange',\n }"
104496
+ }
104497
+ },
104498
+ {
104499
+ "kind": "field",
104500
+ "name": "_stepResizeObserver",
104501
+ "privacy": "private",
104502
+ "default": "new ResizeController(this, { target: null, skipInitial: true, callback: () => setTimeout(() => this._onStepElementResize()), })"
104503
+ },
104504
+ {
104505
+ "kind": "field",
104506
+ "name": "label",
104507
+ "type": {
104508
+ "text": "SbbStepLabelElement | null"
104509
+ },
104510
+ "privacy": "public",
104511
+ "description": "The label of the step.",
104512
+ "readonly": true,
104513
+ "default": "null"
104514
+ },
104515
+ {
104516
+ "kind": "field",
104517
+ "name": "_label",
104518
+ "type": {
104519
+ "text": "SbbStepLabelElement | null"
104520
+ },
104521
+ "privacy": "private",
104522
+ "default": "null"
104523
+ },
104524
+ {
104525
+ "kind": "field",
104526
+ "name": "stepper",
104527
+ "type": {
104528
+ "text": "SbbStepperElement | null"
104529
+ },
104530
+ "privacy": "public",
104531
+ "readonly": true
104532
+ },
104533
+ {
104534
+ "kind": "field",
104535
+ "name": "_previousOrientation",
104536
+ "type": {
104537
+ "text": "string | undefined"
104538
+ },
104539
+ "privacy": "private"
104540
+ },
104541
+ {
104542
+ "kind": "method",
104543
+ "name": "_handleClick",
104544
+ "privacy": "private",
104545
+ "return": {
104546
+ "type": {
104547
+ "text": "void"
104548
+ }
104549
+ },
104550
+ "parameters": [
104551
+ {
104552
+ "name": "event",
104553
+ "type": {
104554
+ "text": "Event"
104555
+ }
104556
+ }
104557
+ ],
104558
+ "description": "Watches for clicked elements with `sbb-stepper-next` or `sbb-stepper-previous` attributes."
104559
+ },
104560
+ {
104561
+ "kind": "method",
104562
+ "name": "_isGoNextElement",
104563
+ "privacy": "private",
104564
+ "return": {
104565
+ "type": {
104566
+ "text": "boolean"
104567
+ }
104568
+ },
104569
+ "parameters": [
104570
+ {
104571
+ "name": "element",
104572
+ "type": {
104573
+ "text": "HTMLElement"
104574
+ }
104575
+ }
104576
+ ]
104577
+ },
104578
+ {
104579
+ "kind": "method",
104580
+ "name": "_isGoPreviousElement",
104581
+ "privacy": "private",
104582
+ "return": {
104583
+ "type": {
104584
+ "text": "boolean"
104585
+ }
104586
+ },
104587
+ "parameters": [
104588
+ {
104589
+ "name": "element",
104590
+ "type": {
104591
+ "text": "HTMLElement"
104592
+ }
104593
+ }
104594
+ ]
104595
+ },
104596
+ {
104597
+ "kind": "method",
104598
+ "name": "_onStepElementResize",
104599
+ "privacy": "private",
104600
+ "return": {
104601
+ "type": {
104602
+ "text": "void"
104603
+ }
104604
+ }
104605
+ },
104606
+ {
104607
+ "kind": "method",
104608
+ "name": "_assignLabel",
104609
+ "privacy": "private",
104610
+ "return": {
104611
+ "type": {
104612
+ "text": "void"
104613
+ }
104614
+ }
104615
+ },
104616
+ {
104617
+ "kind": "method",
104618
+ "name": "toggleState",
104619
+ "privacy": "protected",
104620
+ "return": {
104621
+ "type": {
104622
+ "text": "void"
104623
+ }
104624
+ },
104625
+ "parameters": [
104626
+ {
104627
+ "name": "value",
104628
+ "type": {
104629
+ "text": "string"
104630
+ }
104631
+ },
104632
+ {
104633
+ "name": "force",
104634
+ "optional": true,
104635
+ "type": {
104636
+ "text": "boolean"
104637
+ }
104638
+ }
104639
+ ],
104640
+ "inheritedFrom": {
104641
+ "name": "SbbElementInternalsMixin",
104642
+ "module": "core/mixins/element-internals-mixin.js"
104643
+ }
104644
+ }
104645
+ ],
104646
+ "events": [
104647
+ {
104648
+ "name": "validate",
104649
+ "type": {
104650
+ "text": "CustomEvent<SbbStepValidateEventDetails>"
104651
+ },
104652
+ "description": "The validate event is dispatched when a step change is triggered. Can be canceled to abort the step change."
104653
+ }
104654
+ ],
104655
+ "mixins": [
104656
+ {
104657
+ "name": "SbbElementInternalsMixin",
104658
+ "module": "core/mixins.js"
104659
+ }
104660
+ ],
104661
+ "superclass": {
104662
+ "name": "LitElement",
104663
+ "package": "lit"
104664
+ },
104665
+ "tagName": "sbb-step",
104666
+ "customElement": true
104667
+ }
104668
+ ],
104669
+ "exports": [
104670
+ {
104671
+ "kind": "js",
104672
+ "name": "SbbStepElement",
104673
+ "declaration": {
104674
+ "name": "SbbStepElement",
104675
+ "module": "stepper/step/step.component.js"
104676
+ }
104677
+ },
104678
+ {
104679
+ "kind": "custom-element-definition",
104680
+ "name": "sbb-step",
104681
+ "declaration": {
104682
+ "name": "SbbStepElement",
104683
+ "module": "stepper/step/step.component.js"
104684
+ }
104685
+ }
104686
+ ]
104687
+ },
104688
104688
  {
104689
104689
  "kind": "javascript-module",
104690
104690
  "path": "stepper/stepper/stepper.component.js",