@sbb-esta/lyne-elements 4.0.4 → 4.0.5

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.
@@ -32668,75 +32668,65 @@
32668
32668
  },
32669
32669
  {
32670
32670
  "kind": "javascript-module",
32671
- "path": "button/secondary-button/secondary-button.component.js",
32671
+ "path": "button/mini-button-group/mini-button-group.component.js",
32672
32672
  "declarations": [
32673
32673
  {
32674
32674
  "kind": "class",
32675
- "description": "It displays a button enhanced with the SBB Design in the 'secondary' variant.",
32676
- "name": "SbbSecondaryButtonElement",
32677
- "cssProperties": [
32678
- {
32679
- "description": "The delay before the loading animation starts, when setting the button into loading state.",
32680
- "name": "--sbb-button-loading-delay",
32681
- "default": "300ms"
32682
- }
32683
- ],
32675
+ "description": "Display a list of `sbb-mini-button` elements in a horizontal container,\npossibly separated by a `sbb-divider` component.",
32676
+ "name": "SbbMiniButtonGroupElement",
32684
32677
  "slots": [
32685
32678
  {
32686
- "description": "Use the unnamed slot to add content to the secondary-button.",
32679
+ "description": "Use the unnamed slot to add `sbb-mini-button` and `sbb-divider` elements.",
32687
32680
  "name": ""
32688
- },
32689
- {
32690
- "description": "Slot used to display the icon, if one is set.",
32691
- "name": "icon"
32692
32681
  }
32693
32682
  ],
32694
32683
  "members": [
32695
32684
  {
32696
32685
  "kind": "field",
32697
- "name": "size",
32686
+ "name": "listChildLocalNames",
32698
32687
  "type": {
32699
- "text": "SbbButtonSize"
32688
+ "text": "array"
32700
32689
  },
32701
- "privacy": "public",
32702
- "description": "Size variant, either l, m or s.",
32703
- "default": "'l' / 's' (lean)",
32704
- "attribute": "size",
32705
- "reflects": true,
32690
+ "privacy": "protected",
32691
+ "readonly": true,
32692
+ "description": "A list of lower-cased tag names to match against. (e.g. `sbb-link`)",
32693
+ "default": "['sbb-mini-button', 'sbb-divider']",
32706
32694
  "inheritedFrom": {
32707
- "name": "SbbButtonCommonElementMixin",
32708
- "module": "button/common/button-common.js"
32695
+ "name": "SbbNamedSlotListMixin",
32696
+ "module": "core/mixins/named-slot-list-mixin.js"
32709
32697
  }
32710
32698
  },
32711
32699
  {
32712
32700
  "kind": "field",
32713
- "name": "loading",
32701
+ "name": "accessibilityLabel",
32714
32702
  "type": {
32715
- "text": "boolean"
32703
+ "text": "string"
32716
32704
  },
32717
32705
  "privacy": "public",
32718
- "default": "false",
32719
- "description": "Whether the button indicates a loading state.\nThe animation kicks in after a delay of 300ms, configurable with --sbb-button-loading-delay CSS variable.",
32720
- "attribute": "loading",
32721
- "reflects": true,
32722
- "inheritedFrom": {
32723
- "name": "SbbButtonCommonElementMixin",
32724
- "module": "button/common/button-common.js"
32725
- }
32706
+ "default": "''",
32707
+ "description": "This will be forwarded as aria-label to the list that contains the buttons.",
32708
+ "attribute": "accessibility-label"
32709
+ },
32710
+ {
32711
+ "kind": "field",
32712
+ "name": "size",
32713
+ "type": {
32714
+ "text": "SbbMiniButtonGroupSize"
32715
+ },
32716
+ "privacy": "public",
32717
+ "description": "Size variant, either s, m, l or xl.",
32718
+ "default": "'m' / 's' (lean)",
32719
+ "attribute": "size",
32720
+ "reflects": true
32726
32721
  },
32727
32722
  {
32728
32723
  "kind": "method",
32729
- "name": "renderTemplate",
32730
- "privacy": "protected",
32724
+ "name": "_proxyNegative",
32725
+ "privacy": "private",
32731
32726
  "return": {
32732
32727
  "type": {
32733
- "text": "TemplateResult"
32728
+ "text": "void"
32734
32729
  }
32735
- },
32736
- "description": "Override this method to render the component template.",
32737
- "inheritedFrom": {
32738
- "name": "SbbActionBaseElement",
32739
- "module": "core/base-elements/action-base-element.js"
32740
32730
  }
32741
32731
  },
32742
32732
  {
@@ -32757,22 +32747,30 @@
32757
32747
  },
32758
32748
  {
32759
32749
  "kind": "field",
32760
- "name": "iconName",
32750
+ "name": "listChildren",
32761
32751
  "type": {
32762
- "text": "string"
32752
+ "text": "C[]"
32763
32753
  },
32764
- "privacy": "public",
32765
- "default": "''",
32766
- "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.",
32767
- "attribute": "icon-name",
32754
+ "privacy": "protected",
32755
+ "default": "[]",
32756
+ "description": "A list of children with the defined tag names.\nThis array is only updated if there is an actual change\nto the child elements.",
32768
32757
  "inheritedFrom": {
32769
- "name": "SbbIconNameMixin",
32770
- "module": "icon/icon-name-mixin.js"
32758
+ "name": "SbbNamedSlotListMixin",
32759
+ "module": "core/mixins/named-slot-list-mixin.js"
32760
+ }
32761
+ },
32762
+ {
32763
+ "kind": "field",
32764
+ "name": "_handleSlotchange",
32765
+ "privacy": "private",
32766
+ "inheritedFrom": {
32767
+ "name": "SbbNamedSlotListMixin",
32768
+ "module": "core/mixins/named-slot-list-mixin.js"
32771
32769
  }
32772
32770
  },
32773
32771
  {
32774
32772
  "kind": "method",
32775
- "name": "renderIconSlot",
32773
+ "name": "renderList",
32776
32774
  "privacy": "protected",
32777
32775
  "return": {
32778
32776
  "type": {
@@ -32781,324 +32779,618 @@
32781
32779
  },
32782
32780
  "parameters": [
32783
32781
  {
32784
- "name": "classname",
32785
- "optional": true,
32782
+ "name": "attributes",
32783
+ "default": "{}",
32786
32784
  "type": {
32787
- "text": "string"
32785
+ "text": "{ class?: string; ariaLabel?: string; ariaLabelledby?: string }"
32786
+ }
32787
+ },
32788
+ {
32789
+ "name": "listItemAttributes",
32790
+ "default": "{}",
32791
+ "type": {
32792
+ "text": "{ localNameVisualOnly?: string[] }"
32788
32793
  }
32789
32794
  }
32790
32795
  ],
32796
+ "description": "Renders list and list slots for slotted children or a number of list slots\ncorresponding to the `data-ssr-child-count` attribute value.\n\nThis is a possible optimization for SSR, as in an SSR Lit environment\nother elements are not available, but might be available in the meta\nframework wrapper (like e.g. React). This allows to provide the number of\nchildren to be passed via the `data-ssr-child-count` attribute value.",
32791
32797
  "inheritedFrom": {
32792
- "name": "SbbIconNameMixin",
32793
- "module": "icon/icon-name-mixin.js"
32798
+ "name": "SbbNamedSlotListMixin",
32799
+ "module": "core/mixins/named-slot-list-mixin.js"
32794
32800
  }
32795
32801
  },
32796
32802
  {
32797
32803
  "kind": "method",
32798
- "name": "renderIconName",
32804
+ "name": "listSlotEntries",
32799
32805
  "privacy": "protected",
32800
32806
  "return": {
32801
32807
  "type": {
32802
- "text": "string"
32808
+ "text": "SbbNamedSlotProperties[]"
32803
32809
  }
32804
32810
  },
32811
+ "parameters": [
32812
+ {
32813
+ "name": "listItemAttributes",
32814
+ "type": {
32815
+ "text": "{\n localNameVisualOnly?: string[];\n }"
32816
+ }
32817
+ }
32818
+ ],
32819
+ "description": "Returns an array of SbbNamedSlotProperties, which holds the list slot names and the hidden property;\nits length corresponds to the number of matched children or the `data-ssr-child-count` attribute value.\n\nThis is a possible optimization for SSR, as in an SSR Lit environment\nother elements are not available, but might be available in the meta\nframework wrapper (like e.g. React). This allows to provide the number of\nchildren to be passed via the `data-ssr-child-count` attribute value.",
32805
32820
  "inheritedFrom": {
32806
- "name": "SbbIconNameMixin",
32807
- "module": "icon/icon-name-mixin.js"
32821
+ "name": "SbbNamedSlotListMixin",
32822
+ "module": "core/mixins/named-slot-list-mixin.js"
32808
32823
  }
32809
32824
  },
32810
32825
  {
32811
32826
  "kind": "method",
32812
- "name": "_renderIconName",
32813
- "privacy": "private",
32827
+ "name": "renderHiddenSlot",
32828
+ "privacy": "protected",
32814
32829
  "return": {
32815
32830
  "type": {
32816
- "text": "string"
32831
+ "text": "TemplateResult"
32817
32832
  }
32818
32833
  },
32834
+ "description": "Returns a hidden slot, which is intended as the children change detection.\nWhen an element without a slot attribute is slotted to the element, it triggers\nthe slotchange event, which can be used to assign it to the appropriate named slot.",
32819
32835
  "inheritedFrom": {
32820
- "name": "SbbIconNameMixin",
32821
- "module": "icon/icon-name-mixin.js"
32836
+ "name": "SbbNamedSlotListMixin",
32837
+ "module": "core/mixins/named-slot-list-mixin.js"
32822
32838
  }
32823
32839
  },
32824
32840
  {
32825
32841
  "kind": "field",
32826
- "name": "disabledInteractive",
32842
+ "name": "_hydrationRequired",
32827
32843
  "type": {
32828
32844
  "text": "boolean"
32829
32845
  },
32830
- "privacy": "public",
32831
- "default": "false",
32832
- "description": "Whether the button should be aria-disabled but stay interactive.",
32833
- "attribute": "disabled-interactive",
32834
- "reflects": true,
32846
+ "privacy": "private",
32847
+ "default": "!!this.shadowRoot",
32835
32848
  "inheritedFrom": {
32836
- "name": "SbbDisabledInteractiveMixin",
32837
- "module": "core/mixins/disabled-mixin.js"
32849
+ "name": "SbbHydrationMixin",
32850
+ "module": "core/mixins/hydration-mixin.js"
32838
32851
  }
32839
32852
  },
32840
32853
  {
32841
32854
  "kind": "field",
32842
- "name": "disabled",
32843
- "privacy": "public",
32844
- "description": "Whether the component is disabled.",
32845
- "default": "false",
32846
- "type": {
32847
- "text": "boolean"
32848
- },
32849
- "attribute": "disabled",
32850
- "reflects": true,
32855
+ "name": "_hydrationComplete",
32856
+ "privacy": "private",
32857
+ "default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
32851
32858
  "inheritedFrom": {
32852
- "name": "SbbDisabledMixin",
32853
- "module": "core/mixins/disabled-mixin.js"
32859
+ "name": "SbbHydrationMixin",
32860
+ "module": "core/mixins/hydration-mixin.js"
32854
32861
  }
32855
32862
  },
32856
32863
  {
32857
32864
  "kind": "field",
32858
- "name": "#disabled",
32859
- "privacy": "private",
32865
+ "name": "_resolveHydration",
32860
32866
  "type": {
32861
- "text": "boolean"
32862
- },
32863
- "default": "false",
32864
- "inheritedFrom": {
32865
- "name": "SbbDisabledMixin",
32866
- "module": "core/mixins/disabled-mixin.js"
32867
- }
32868
- },
32869
- {
32870
- "kind": "method",
32871
- "name": "isDisabledExternally",
32872
- "privacy": "protected",
32873
- "return": {
32874
- "type": {
32875
- "text": "boolean"
32876
- }
32867
+ "text": "(hydrationRequired: boolean) => void"
32877
32868
  },
32878
- "description": "Will be used as 'or' check to the current disabled state.\nCan e.g. be used to read disabled state of a group.",
32869
+ "privacy": "private",
32879
32870
  "inheritedFrom": {
32880
- "name": "SbbDisabledMixin",
32881
- "module": "core/mixins/disabled-mixin.js"
32871
+ "name": "SbbHydrationMixin",
32872
+ "module": "core/mixins/hydration-mixin.js"
32882
32873
  }
32883
32874
  },
32884
32875
  {
32885
32876
  "kind": "field",
32886
- "name": "_elementsOnWhichEnterPressTriggersSubmit",
32877
+ "name": "hydrationRequired",
32887
32878
  "type": {
32888
- "text": "array"
32879
+ "text": "boolean"
32889
32880
  },
32890
- "privacy": "private",
32881
+ "privacy": "protected",
32882
+ "description": "Returns whether hydration is required and not completed.",
32891
32883
  "readonly": true,
32892
- "default": "[ 'input', 'sbb-date-input', 'sbb-time-input', ]",
32893
32884
  "inheritedFrom": {
32894
- "name": "SbbButtonBaseElement",
32895
- "module": "core/base-elements/button-base-element.js"
32896
- }
32897
- },
32885
+ "name": "SbbHydrationMixin",
32886
+ "module": "core/mixins/hydration-mixin.js"
32887
+ },
32888
+ "default": "!!this.shadowRoot"
32889
+ }
32890
+ ],
32891
+ "attributes": [
32898
32892
  {
32899
- "kind": "field",
32900
- "name": "value",
32893
+ "name": "accessibility-label",
32901
32894
  "type": {
32902
32895
  "text": "string"
32903
32896
  },
32904
- "privacy": "public",
32905
32897
  "default": "''",
32906
- "description": "Value of the form element.",
32907
- "attribute": "value",
32908
- "inheritedFrom": {
32909
- "name": "SbbButtonBaseElement",
32910
- "module": "core/base-elements/button-base-element.js"
32911
- }
32898
+ "description": "This will be forwarded as aria-label to the list that contains the buttons.",
32899
+ "fieldName": "accessibilityLabel"
32912
32900
  },
32913
32901
  {
32914
- "kind": "field",
32915
- "name": "type",
32916
- "privacy": "public",
32917
- "description": "The type attribute to use for the button.",
32918
- "default": "'button'",
32902
+ "name": "size",
32919
32903
  "type": {
32920
- "text": "SbbButtonType"
32904
+ "text": "SbbMiniButtonGroupSize"
32921
32905
  },
32922
- "attribute": "type",
32923
- "inheritedFrom": {
32924
- "name": "SbbButtonBaseElement",
32925
- "module": "core/base-elements/button-base-element.js"
32926
- }
32906
+ "description": "Size variant, either s, m, l or xl.",
32907
+ "default": "'m' / 's' (lean)",
32908
+ "fieldName": "size"
32927
32909
  },
32928
32910
  {
32929
- "kind": "field",
32930
- "name": "form",
32911
+ "name": "negative",
32931
32912
  "type": {
32932
- "text": "HTMLFormElement | null"
32913
+ "text": "boolean"
32933
32914
  },
32934
- "privacy": "public",
32935
- "description": "The `<form>` element to associate the button with.",
32936
- "attribute": "form",
32915
+ "default": "false",
32916
+ "description": "Negative coloring variant flag.",
32917
+ "fieldName": "negative",
32937
32918
  "inheritedFrom": {
32938
- "name": "SbbButtonBaseElement",
32939
- "module": "core/base-elements/button-base-element.js"
32919
+ "name": "SbbNegativeMixin",
32920
+ "module": "core/mixins/negative-mixin.js"
32940
32921
  }
32922
+ }
32923
+ ],
32924
+ "mixins": [
32925
+ {
32926
+ "name": "SbbNegativeMixin",
32927
+ "module": "core/mixins.js"
32928
+ },
32929
+ {
32930
+ "name": "SbbNamedSlotListMixin",
32931
+ "module": "core/mixins.js"
32932
+ }
32933
+ ],
32934
+ "superclass": {
32935
+ "name": "LitElement",
32936
+ "package": "lit"
32937
+ },
32938
+ "tagName": "sbb-mini-button-group",
32939
+ "customElement": true
32940
+ }
32941
+ ],
32942
+ "exports": [
32943
+ {
32944
+ "kind": "js",
32945
+ "name": "SbbMiniButtonGroupElement",
32946
+ "declaration": {
32947
+ "name": "SbbMiniButtonGroupElement",
32948
+ "module": "button/mini-button-group/mini-button-group.component.js"
32949
+ }
32950
+ },
32951
+ {
32952
+ "kind": "custom-element-definition",
32953
+ "name": "sbb-mini-button-group",
32954
+ "declaration": {
32955
+ "name": "SbbMiniButtonGroupElement",
32956
+ "module": "button/mini-button-group/mini-button-group.component.js"
32957
+ }
32958
+ }
32959
+ ]
32960
+ },
32961
+ {
32962
+ "kind": "javascript-module",
32963
+ "path": "button/secondary-button/secondary-button.component.js",
32964
+ "declarations": [
32965
+ {
32966
+ "kind": "class",
32967
+ "description": "It displays a button enhanced with the SBB Design in the 'secondary' variant.",
32968
+ "name": "SbbSecondaryButtonElement",
32969
+ "cssProperties": [
32970
+ {
32971
+ "description": "The delay before the loading animation starts, when setting the button into loading state.",
32972
+ "name": "--sbb-button-loading-delay",
32973
+ "default": "300ms"
32974
+ }
32975
+ ],
32976
+ "slots": [
32977
+ {
32978
+ "description": "Use the unnamed slot to add content to the secondary-button.",
32979
+ "name": ""
32941
32980
  },
32981
+ {
32982
+ "description": "Slot used to display the icon, if one is set.",
32983
+ "name": "icon"
32984
+ }
32985
+ ],
32986
+ "members": [
32942
32987
  {
32943
32988
  "kind": "field",
32944
- "name": "_formId",
32989
+ "name": "size",
32945
32990
  "type": {
32946
- "text": "string"
32991
+ "text": "SbbButtonSize"
32947
32992
  },
32948
- "privacy": "private",
32949
- "default": "''",
32993
+ "privacy": "public",
32994
+ "description": "Size variant, either l, m or s.",
32995
+ "default": "'l' / 's' (lean)",
32996
+ "attribute": "size",
32997
+ "reflects": true,
32950
32998
  "inheritedFrom": {
32951
- "name": "SbbButtonBaseElement",
32952
- "module": "core/base-elements/button-base-element.js"
32999
+ "name": "SbbButtonCommonElementMixin",
33000
+ "module": "button/common/button-common.js"
32953
33001
  }
32954
33002
  },
32955
33003
  {
32956
33004
  "kind": "field",
32957
- "name": "_handleButtonClick",
32958
- "privacy": "private",
33005
+ "name": "loading",
33006
+ "type": {
33007
+ "text": "boolean"
33008
+ },
33009
+ "privacy": "public",
33010
+ "default": "false",
33011
+ "description": "Whether the button indicates a loading state.\nThe animation kicks in after a delay of 300ms, configurable with --sbb-button-loading-delay CSS variable.",
33012
+ "attribute": "loading",
33013
+ "reflects": true,
32959
33014
  "inheritedFrom": {
32960
- "name": "SbbButtonBaseElement",
32961
- "module": "core/base-elements/button-base-element.js"
33015
+ "name": "SbbButtonCommonElementMixin",
33016
+ "module": "button/common/button-common.js"
32962
33017
  }
32963
33018
  },
32964
33019
  {
32965
33020
  "kind": "method",
32966
- "name": "_requestSubmit",
32967
- "privacy": "private",
33021
+ "name": "renderTemplate",
33022
+ "privacy": "protected",
32968
33023
  "return": {
32969
33024
  "type": {
32970
- "text": "void"
33025
+ "text": "TemplateResult"
32971
33026
  }
32972
33027
  },
32973
- "parameters": [
32974
- {
32975
- "name": "form",
32976
- "type": {
32977
- "text": "HTMLFormElement"
32978
- }
32979
- }
32980
- ],
33028
+ "description": "Override this method to render the component template.",
32981
33029
  "inheritedFrom": {
32982
- "name": "SbbButtonBaseElement",
32983
- "module": "core/base-elements/button-base-element.js"
33030
+ "name": "SbbActionBaseElement",
33031
+ "module": "core/base-elements/action-base-element.js"
32984
33032
  }
32985
33033
  },
32986
33034
  {
32987
33035
  "kind": "field",
32988
- "name": "_formKeyDown",
32989
- "privacy": "private",
33036
+ "name": "negative",
33037
+ "type": {
33038
+ "text": "boolean"
33039
+ },
33040
+ "privacy": "public",
33041
+ "default": "false",
33042
+ "description": "Negative coloring variant flag.",
33043
+ "attribute": "negative",
33044
+ "reflects": true,
32990
33045
  "inheritedFrom": {
32991
- "name": "SbbButtonBaseElement",
32992
- "module": "core/base-elements/button-base-element.js"
33046
+ "name": "SbbNegativeMixin",
33047
+ "module": "core/mixins/negative-mixin.js"
32993
33048
  }
32994
33049
  },
32995
33050
  {
32996
33051
  "kind": "field",
32997
- "name": "formAssociated",
33052
+ "name": "iconName",
32998
33053
  "type": {
32999
- "text": "boolean"
33054
+ "text": "string"
33000
33055
  },
33001
33056
  "privacy": "public",
33002
- "static": true,
33003
- "default": "true",
33057
+ "default": "''",
33058
+ "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.",
33059
+ "attribute": "icon-name",
33004
33060
  "inheritedFrom": {
33005
- "name": "SbbFormAssociatedMixin",
33006
- "module": "core/mixins/form-associated-mixin.js"
33061
+ "name": "SbbIconNameMixin",
33062
+ "module": "icon/icon-name-mixin.js"
33007
33063
  }
33008
33064
  },
33009
33065
  {
33010
- "kind": "field",
33011
- "name": "name",
33012
- "privacy": "public",
33013
- "description": "Name of the form element. Will be read from name attribute.",
33014
- "type": {
33015
- "text": "string"
33066
+ "kind": "method",
33067
+ "name": "renderIconSlot",
33068
+ "privacy": "protected",
33069
+ "return": {
33070
+ "type": {
33071
+ "text": "TemplateResult"
33072
+ }
33016
33073
  },
33017
- "attribute": "name",
33074
+ "parameters": [
33075
+ {
33076
+ "name": "classname",
33077
+ "optional": true,
33078
+ "type": {
33079
+ "text": "string"
33080
+ }
33081
+ }
33082
+ ],
33018
33083
  "inheritedFrom": {
33019
- "name": "SbbFormAssociatedMixin",
33020
- "module": "core/mixins/form-associated-mixin.js"
33084
+ "name": "SbbIconNameMixin",
33085
+ "module": "icon/icon-name-mixin.js"
33021
33086
  }
33022
33087
  },
33023
33088
  {
33024
- "kind": "field",
33025
- "name": "validity",
33026
- "type": {
33027
- "text": "ValidityState"
33089
+ "kind": "method",
33090
+ "name": "renderIconName",
33091
+ "privacy": "protected",
33092
+ "return": {
33093
+ "type": {
33094
+ "text": "string"
33095
+ }
33028
33096
  },
33029
- "privacy": "public",
33030
- "description": "Returns the ValidityState object for this element.",
33031
- "readonly": true,
33032
33097
  "inheritedFrom": {
33033
- "name": "SbbFormAssociatedMixin",
33034
- "module": "core/mixins/form-associated-mixin.js"
33098
+ "name": "SbbIconNameMixin",
33099
+ "module": "icon/icon-name-mixin.js"
33035
33100
  }
33036
33101
  },
33037
33102
  {
33038
- "kind": "field",
33039
- "name": "validationMessage",
33040
- "type": {
33041
- "text": "string"
33103
+ "kind": "method",
33104
+ "name": "_renderIconName",
33105
+ "privacy": "private",
33106
+ "return": {
33107
+ "type": {
33108
+ "text": "string"
33109
+ }
33042
33110
  },
33043
- "privacy": "public",
33044
- "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.",
33045
- "readonly": true,
33046
33111
  "inheritedFrom": {
33047
- "name": "SbbFormAssociatedMixin",
33048
- "module": "core/mixins/form-associated-mixin.js"
33112
+ "name": "SbbIconNameMixin",
33113
+ "module": "icon/icon-name-mixin.js"
33049
33114
  }
33050
33115
  },
33051
33116
  {
33052
33117
  "kind": "field",
33053
- "name": "willValidate",
33118
+ "name": "disabledInteractive",
33054
33119
  "type": {
33055
33120
  "text": "boolean"
33056
33121
  },
33057
33122
  "privacy": "public",
33058
- "description": "Returns true if this element will be validated\nwhen the form is submitted; false otherwise.",
33059
- "readonly": true,
33123
+ "default": "false",
33124
+ "description": "Whether the button should be aria-disabled but stay interactive.",
33125
+ "attribute": "disabled-interactive",
33126
+ "reflects": true,
33060
33127
  "inheritedFrom": {
33061
- "name": "SbbFormAssociatedMixin",
33062
- "module": "core/mixins/form-associated-mixin.js"
33128
+ "name": "SbbDisabledInteractiveMixin",
33129
+ "module": "core/mixins/disabled-mixin.js"
33063
33130
  }
33064
33131
  },
33065
33132
  {
33066
33133
  "kind": "field",
33067
- "name": "_validityStates",
33068
- "privacy": "private",
33069
- "default": "new Map< keyof ValidityStateFlags, { flagValue: unknown; message: string } >()",
33134
+ "name": "disabled",
33135
+ "privacy": "public",
33136
+ "description": "Whether the component is disabled.",
33137
+ "default": "false",
33138
+ "type": {
33139
+ "text": "boolean"
33140
+ },
33141
+ "attribute": "disabled",
33142
+ "reflects": true,
33070
33143
  "inheritedFrom": {
33071
- "name": "SbbFormAssociatedMixin",
33072
- "module": "core/mixins/form-associated-mixin.js"
33144
+ "name": "SbbDisabledMixin",
33145
+ "module": "core/mixins/disabled-mixin.js"
33073
33146
  }
33074
33147
  },
33075
33148
  {
33076
33149
  "kind": "field",
33077
- "name": "formDisabled",
33150
+ "name": "#disabled",
33151
+ "privacy": "private",
33078
33152
  "type": {
33079
33153
  "text": "boolean"
33080
33154
  },
33081
- "privacy": "protected",
33082
33155
  "default": "false",
33083
- "description": "Whenever a surrounding form or fieldset is changing its disabled state.",
33084
33156
  "inheritedFrom": {
33085
- "name": "SbbFormAssociatedMixin",
33086
- "module": "core/mixins/form-associated-mixin.js"
33157
+ "name": "SbbDisabledMixin",
33158
+ "module": "core/mixins/disabled-mixin.js"
33087
33159
  }
33088
33160
  },
33089
33161
  {
33090
33162
  "kind": "method",
33091
- "name": "checkValidity",
33092
- "privacy": "public",
33163
+ "name": "isDisabledExternally",
33164
+ "privacy": "protected",
33093
33165
  "return": {
33094
33166
  "type": {
33095
33167
  "text": "boolean"
33096
33168
  }
33097
33169
  },
33098
- "description": "Returns true if this element has no validity problems; false otherwise.\nFires an invalid event at the element in the latter case.",
33170
+ "description": "Will be used as 'or' check to the current disabled state.\nCan e.g. be used to read disabled state of a group.",
33099
33171
  "inheritedFrom": {
33100
- "name": "SbbFormAssociatedMixin",
33101
- "module": "core/mixins/form-associated-mixin.js"
33172
+ "name": "SbbDisabledMixin",
33173
+ "module": "core/mixins/disabled-mixin.js"
33174
+ }
33175
+ },
33176
+ {
33177
+ "kind": "field",
33178
+ "name": "_elementsOnWhichEnterPressTriggersSubmit",
33179
+ "type": {
33180
+ "text": "array"
33181
+ },
33182
+ "privacy": "private",
33183
+ "readonly": true,
33184
+ "default": "[ 'input', 'sbb-date-input', 'sbb-time-input', ]",
33185
+ "inheritedFrom": {
33186
+ "name": "SbbButtonBaseElement",
33187
+ "module": "core/base-elements/button-base-element.js"
33188
+ }
33189
+ },
33190
+ {
33191
+ "kind": "field",
33192
+ "name": "value",
33193
+ "type": {
33194
+ "text": "string"
33195
+ },
33196
+ "privacy": "public",
33197
+ "default": "''",
33198
+ "description": "Value of the form element.",
33199
+ "attribute": "value",
33200
+ "inheritedFrom": {
33201
+ "name": "SbbButtonBaseElement",
33202
+ "module": "core/base-elements/button-base-element.js"
33203
+ }
33204
+ },
33205
+ {
33206
+ "kind": "field",
33207
+ "name": "type",
33208
+ "privacy": "public",
33209
+ "description": "The type attribute to use for the button.",
33210
+ "default": "'button'",
33211
+ "type": {
33212
+ "text": "SbbButtonType"
33213
+ },
33214
+ "attribute": "type",
33215
+ "inheritedFrom": {
33216
+ "name": "SbbButtonBaseElement",
33217
+ "module": "core/base-elements/button-base-element.js"
33218
+ }
33219
+ },
33220
+ {
33221
+ "kind": "field",
33222
+ "name": "form",
33223
+ "type": {
33224
+ "text": "HTMLFormElement | null"
33225
+ },
33226
+ "privacy": "public",
33227
+ "description": "The `<form>` element to associate the button with.",
33228
+ "attribute": "form",
33229
+ "inheritedFrom": {
33230
+ "name": "SbbButtonBaseElement",
33231
+ "module": "core/base-elements/button-base-element.js"
33232
+ }
33233
+ },
33234
+ {
33235
+ "kind": "field",
33236
+ "name": "_formId",
33237
+ "type": {
33238
+ "text": "string"
33239
+ },
33240
+ "privacy": "private",
33241
+ "default": "''",
33242
+ "inheritedFrom": {
33243
+ "name": "SbbButtonBaseElement",
33244
+ "module": "core/base-elements/button-base-element.js"
33245
+ }
33246
+ },
33247
+ {
33248
+ "kind": "field",
33249
+ "name": "_handleButtonClick",
33250
+ "privacy": "private",
33251
+ "inheritedFrom": {
33252
+ "name": "SbbButtonBaseElement",
33253
+ "module": "core/base-elements/button-base-element.js"
33254
+ }
33255
+ },
33256
+ {
33257
+ "kind": "method",
33258
+ "name": "_requestSubmit",
33259
+ "privacy": "private",
33260
+ "return": {
33261
+ "type": {
33262
+ "text": "void"
33263
+ }
33264
+ },
33265
+ "parameters": [
33266
+ {
33267
+ "name": "form",
33268
+ "type": {
33269
+ "text": "HTMLFormElement"
33270
+ }
33271
+ }
33272
+ ],
33273
+ "inheritedFrom": {
33274
+ "name": "SbbButtonBaseElement",
33275
+ "module": "core/base-elements/button-base-element.js"
33276
+ }
33277
+ },
33278
+ {
33279
+ "kind": "field",
33280
+ "name": "_formKeyDown",
33281
+ "privacy": "private",
33282
+ "inheritedFrom": {
33283
+ "name": "SbbButtonBaseElement",
33284
+ "module": "core/base-elements/button-base-element.js"
33285
+ }
33286
+ },
33287
+ {
33288
+ "kind": "field",
33289
+ "name": "formAssociated",
33290
+ "type": {
33291
+ "text": "boolean"
33292
+ },
33293
+ "privacy": "public",
33294
+ "static": true,
33295
+ "default": "true",
33296
+ "inheritedFrom": {
33297
+ "name": "SbbFormAssociatedMixin",
33298
+ "module": "core/mixins/form-associated-mixin.js"
33299
+ }
33300
+ },
33301
+ {
33302
+ "kind": "field",
33303
+ "name": "name",
33304
+ "privacy": "public",
33305
+ "description": "Name of the form element. Will be read from name attribute.",
33306
+ "type": {
33307
+ "text": "string"
33308
+ },
33309
+ "attribute": "name",
33310
+ "inheritedFrom": {
33311
+ "name": "SbbFormAssociatedMixin",
33312
+ "module": "core/mixins/form-associated-mixin.js"
33313
+ }
33314
+ },
33315
+ {
33316
+ "kind": "field",
33317
+ "name": "validity",
33318
+ "type": {
33319
+ "text": "ValidityState"
33320
+ },
33321
+ "privacy": "public",
33322
+ "description": "Returns the ValidityState object for this element.",
33323
+ "readonly": true,
33324
+ "inheritedFrom": {
33325
+ "name": "SbbFormAssociatedMixin",
33326
+ "module": "core/mixins/form-associated-mixin.js"
33327
+ }
33328
+ },
33329
+ {
33330
+ "kind": "field",
33331
+ "name": "validationMessage",
33332
+ "type": {
33333
+ "text": "string"
33334
+ },
33335
+ "privacy": "public",
33336
+ "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.",
33337
+ "readonly": true,
33338
+ "inheritedFrom": {
33339
+ "name": "SbbFormAssociatedMixin",
33340
+ "module": "core/mixins/form-associated-mixin.js"
33341
+ }
33342
+ },
33343
+ {
33344
+ "kind": "field",
33345
+ "name": "willValidate",
33346
+ "type": {
33347
+ "text": "boolean"
33348
+ },
33349
+ "privacy": "public",
33350
+ "description": "Returns true if this element will be validated\nwhen the form is submitted; false otherwise.",
33351
+ "readonly": true,
33352
+ "inheritedFrom": {
33353
+ "name": "SbbFormAssociatedMixin",
33354
+ "module": "core/mixins/form-associated-mixin.js"
33355
+ }
33356
+ },
33357
+ {
33358
+ "kind": "field",
33359
+ "name": "_validityStates",
33360
+ "privacy": "private",
33361
+ "default": "new Map< keyof ValidityStateFlags, { flagValue: unknown; message: string } >()",
33362
+ "inheritedFrom": {
33363
+ "name": "SbbFormAssociatedMixin",
33364
+ "module": "core/mixins/form-associated-mixin.js"
33365
+ }
33366
+ },
33367
+ {
33368
+ "kind": "field",
33369
+ "name": "formDisabled",
33370
+ "type": {
33371
+ "text": "boolean"
33372
+ },
33373
+ "privacy": "protected",
33374
+ "default": "false",
33375
+ "description": "Whenever a surrounding form or fieldset is changing its disabled state.",
33376
+ "inheritedFrom": {
33377
+ "name": "SbbFormAssociatedMixin",
33378
+ "module": "core/mixins/form-associated-mixin.js"
33379
+ }
33380
+ },
33381
+ {
33382
+ "kind": "method",
33383
+ "name": "checkValidity",
33384
+ "privacy": "public",
33385
+ "return": {
33386
+ "type": {
33387
+ "text": "boolean"
33388
+ }
33389
+ },
33390
+ "description": "Returns true if this element has no validity problems; false otherwise.\nFires an invalid event at the element in the latter case.",
33391
+ "inheritedFrom": {
33392
+ "name": "SbbFormAssociatedMixin",
33393
+ "module": "core/mixins/form-associated-mixin.js"
33102
33394
  }
33103
33395
  },
33104
33396
  {
@@ -33341,548 +33633,256 @@
33341
33633
  "parameters": [
33342
33634
  {
33343
33635
  "description": "The origin event.",
33344
- "name": "event"
33345
- }
33346
- ],
33347
- "inheritedFrom": {
33348
- "name": "SbbButtonLikeBaseElement",
33349
- "module": "core/base-elements/button-base-element.js"
33350
- }
33351
- },
33352
- {
33353
- "kind": "field",
33354
- "name": "_dispatchClickEvent",
33355
- "privacy": "private",
33356
- "inheritedFrom": {
33357
- "name": "SbbButtonLikeBaseElement",
33358
- "module": "core/base-elements/button-base-element.js"
33359
- }
33360
- },
33361
- {
33362
- "kind": "method",
33363
- "name": "toggleState",
33364
- "privacy": "protected",
33365
- "return": {
33366
- "type": {
33367
- "text": "void"
33368
- }
33369
- },
33370
- "parameters": [
33371
- {
33372
- "name": "value",
33373
- "type": {
33374
- "text": "string"
33375
- }
33376
- },
33377
- {
33378
- "name": "force",
33379
- "optional": true,
33380
- "type": {
33381
- "text": "boolean"
33382
- }
33383
- }
33384
- ],
33385
- "inheritedFrom": {
33386
- "name": "SbbElementInternalsMixin",
33387
- "module": "core/mixins/element-internals-mixin.js"
33388
- }
33389
- },
33390
- {
33391
- "kind": "field",
33392
- "name": "maybeDisabled",
33393
- "type": {
33394
- "text": "boolean | undefined"
33395
- },
33396
- "privacy": "protected",
33397
- "readonly": true,
33398
- "inheritedFrom": {
33399
- "name": "SbbActionBaseElement",
33400
- "module": "core/base-elements/action-base-element.js"
33401
- }
33402
- },
33403
- {
33404
- "kind": "field",
33405
- "name": "maybeDisabledInteractive",
33406
- "type": {
33407
- "text": "boolean | undefined"
33408
- },
33409
- "privacy": "protected",
33410
- "readonly": true,
33411
- "inheritedFrom": {
33412
- "name": "SbbActionBaseElement",
33413
- "module": "core/base-elements/action-base-element.js"
33414
- }
33415
- },
33416
- {
33417
- "kind": "method",
33418
- "name": "setupBaseEventHandlers",
33419
- "privacy": "protected",
33420
- "return": {
33421
- "type": {
33422
- "text": "void"
33423
- }
33424
- },
33425
- "inheritedFrom": {
33426
- "name": "SbbActionBaseElement",
33427
- "module": "core/base-elements/action-base-element.js"
33428
- }
33429
- }
33430
- ],
33431
- "mixins": [
33432
- {
33433
- "name": "SbbButtonCommonElementMixin",
33434
- "module": "button/common.js"
33435
- },
33436
- {
33437
- "name": "SbbDisabledTabIndexActionMixin",
33438
- "module": "core/mixins.js"
33439
- }
33440
- ],
33441
- "superclass": {
33442
- "name": "SbbButtonBaseElement",
33443
- "module": "core/base-elements.js"
33444
- },
33445
- "tagName": "sbb-secondary-button",
33446
- "customElement": true,
33447
- "attributes": [
33448
- {
33449
- "name": "size",
33450
- "type": {
33451
- "text": "SbbButtonSize"
33452
- },
33453
- "description": "Size variant, either l, m or s.",
33454
- "default": "'l' / 's' (lean)",
33455
- "fieldName": "size",
33456
- "inheritedFrom": {
33457
- "name": "SbbButtonCommonElementMixin",
33458
- "module": "button/common/button-common.js"
33459
- }
33460
- },
33461
- {
33462
- "name": "loading",
33463
- "type": {
33464
- "text": "boolean"
33465
- },
33466
- "default": "false",
33467
- "description": "Whether the button indicates a loading state.\nThe animation kicks in after a delay of 300ms, configurable with --sbb-button-loading-delay CSS variable.",
33468
- "fieldName": "loading",
33469
- "inheritedFrom": {
33470
- "name": "SbbButtonCommonElementMixin",
33471
- "module": "button/common/button-common.js"
33472
- }
33473
- },
33474
- {
33475
- "name": "negative",
33476
- "type": {
33477
- "text": "boolean"
33478
- },
33479
- "default": "false",
33480
- "description": "Negative coloring variant flag.",
33481
- "fieldName": "negative",
33482
- "inheritedFrom": {
33483
- "name": "SbbNegativeMixin",
33484
- "module": "core/mixins/negative-mixin.js"
33485
- }
33486
- },
33487
- {
33488
- "name": "icon-name",
33489
- "type": {
33490
- "text": "string"
33491
- },
33492
- "default": "''",
33493
- "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.",
33494
- "fieldName": "iconName",
33495
- "inheritedFrom": {
33496
- "name": "SbbIconNameMixin",
33497
- "module": "icon/icon-name-mixin.js"
33498
- }
33499
- },
33500
- {
33501
- "name": "disabled-interactive",
33502
- "type": {
33503
- "text": "boolean"
33504
- },
33505
- "default": "false",
33506
- "description": "Whether the button should be aria-disabled but stay interactive.",
33507
- "fieldName": "disabledInteractive",
33508
- "inheritedFrom": {
33509
- "name": "SbbDisabledInteractiveMixin",
33510
- "module": "core/mixins/disabled-mixin.js"
33511
- }
33512
- },
33513
- {
33514
- "name": "disabled",
33515
- "description": "Whether the component is disabled.",
33516
- "default": "false",
33517
- "type": {
33518
- "text": "boolean"
33519
- },
33520
- "fieldName": "disabled",
33521
- "inheritedFrom": {
33522
- "name": "SbbDisabledMixin",
33523
- "module": "core/mixins/disabled-mixin.js"
33524
- }
33525
- },
33526
- {
33527
- "name": "value",
33528
- "type": {
33529
- "text": "string"
33530
- },
33531
- "default": "''",
33532
- "description": "Value of the form element.",
33533
- "fieldName": "value",
33534
- "inheritedFrom": {
33535
- "name": "SbbButtonBaseElement",
33536
- "module": "core/base-elements/button-base-element.js"
33537
- }
33538
- },
33539
- {
33540
- "name": "type",
33541
- "description": "The type attribute to use for the button.",
33542
- "default": "'button'",
33543
- "type": {
33544
- "text": "SbbButtonType"
33545
- },
33546
- "fieldName": "type",
33547
- "inheritedFrom": {
33548
- "name": "SbbButtonBaseElement",
33549
- "module": "core/base-elements/button-base-element.js"
33550
- }
33551
- },
33552
- {
33553
- "name": "form",
33554
- "description": "The `<form>` element to associate the button with.",
33555
- "type": {
33556
- "text": "HTMLFormElement | null"
33557
- },
33558
- "fieldName": "form",
33559
- "inheritedFrom": {
33560
- "name": "SbbButtonBaseElement",
33561
- "module": "core/base-elements/button-base-element.js"
33562
- }
33563
- },
33564
- {
33565
- "name": "name",
33566
- "description": "Name of the form element. Will be read from name attribute.",
33567
- "type": {
33568
- "text": "string"
33569
- },
33570
- "fieldName": "name",
33571
- "inheritedFrom": {
33572
- "name": "SbbFormAssociatedMixin",
33573
- "module": "core/mixins/form-associated-mixin.js"
33574
- }
33575
- }
33576
- ]
33577
- }
33578
- ],
33579
- "exports": [
33580
- {
33581
- "kind": "js",
33582
- "name": "SbbSecondaryButtonElement",
33583
- "declaration": {
33584
- "name": "SbbSecondaryButtonElement",
33585
- "module": "button/secondary-button/secondary-button.component.js"
33586
- }
33587
- },
33588
- {
33589
- "kind": "custom-element-definition",
33590
- "name": "sbb-secondary-button",
33591
- "declaration": {
33592
- "name": "SbbSecondaryButtonElement",
33593
- "module": "button/secondary-button/secondary-button.component.js"
33594
- }
33595
- }
33596
- ]
33597
- },
33598
- {
33599
- "kind": "javascript-module",
33600
- "path": "button/mini-button-group/mini-button-group.component.js",
33601
- "declarations": [
33602
- {
33603
- "kind": "class",
33604
- "description": "Display a list of `sbb-mini-button` elements in a horizontal container,\npossibly separated by a `sbb-divider` component.",
33605
- "name": "SbbMiniButtonGroupElement",
33606
- "slots": [
33607
- {
33608
- "description": "Use the unnamed slot to add `sbb-mini-button` and `sbb-divider` elements.",
33609
- "name": ""
33610
- }
33611
- ],
33612
- "members": [
33613
- {
33614
- "kind": "field",
33615
- "name": "listChildLocalNames",
33616
- "type": {
33617
- "text": "array"
33618
- },
33619
- "privacy": "protected",
33620
- "readonly": true,
33621
- "description": "A list of lower-cased tag names to match against. (e.g. `sbb-link`)",
33622
- "default": "['sbb-mini-button', 'sbb-divider']",
33623
- "inheritedFrom": {
33624
- "name": "SbbNamedSlotListMixin",
33625
- "module": "core/mixins/named-slot-list-mixin.js"
33626
- }
33627
- },
33628
- {
33629
- "kind": "field",
33630
- "name": "accessibilityLabel",
33631
- "type": {
33632
- "text": "string"
33633
- },
33634
- "privacy": "public",
33635
- "default": "''",
33636
- "description": "This will be forwarded as aria-label to the list that contains the buttons.",
33637
- "attribute": "accessibility-label"
33638
- },
33639
- {
33640
- "kind": "field",
33641
- "name": "size",
33642
- "type": {
33643
- "text": "SbbMiniButtonGroupSize"
33644
- },
33645
- "privacy": "public",
33646
- "description": "Size variant, either s, m, l or xl.",
33647
- "default": "'m' / 's' (lean)",
33648
- "attribute": "size",
33649
- "reflects": true
33650
- },
33651
- {
33652
- "kind": "method",
33653
- "name": "_proxyNegative",
33654
- "privacy": "private",
33655
- "return": {
33656
- "type": {
33657
- "text": "void"
33658
- }
33659
- }
33660
- },
33661
- {
33662
- "kind": "field",
33663
- "name": "negative",
33664
- "type": {
33665
- "text": "boolean"
33666
- },
33667
- "privacy": "public",
33668
- "default": "false",
33669
- "description": "Negative coloring variant flag.",
33670
- "attribute": "negative",
33671
- "reflects": true,
33672
- "inheritedFrom": {
33673
- "name": "SbbNegativeMixin",
33674
- "module": "core/mixins/negative-mixin.js"
33675
- }
33676
- },
33677
- {
33678
- "kind": "field",
33679
- "name": "listChildren",
33680
- "type": {
33681
- "text": "C[]"
33682
- },
33683
- "privacy": "protected",
33684
- "default": "[]",
33685
- "description": "A list of children with the defined tag names.\nThis array is only updated if there is an actual change\nto the child elements.",
33636
+ "name": "event"
33637
+ }
33638
+ ],
33686
33639
  "inheritedFrom": {
33687
- "name": "SbbNamedSlotListMixin",
33688
- "module": "core/mixins/named-slot-list-mixin.js"
33640
+ "name": "SbbButtonLikeBaseElement",
33641
+ "module": "core/base-elements/button-base-element.js"
33689
33642
  }
33690
33643
  },
33691
33644
  {
33692
33645
  "kind": "field",
33693
- "name": "_handleSlotchange",
33646
+ "name": "_dispatchClickEvent",
33694
33647
  "privacy": "private",
33695
33648
  "inheritedFrom": {
33696
- "name": "SbbNamedSlotListMixin",
33697
- "module": "core/mixins/named-slot-list-mixin.js"
33649
+ "name": "SbbButtonLikeBaseElement",
33650
+ "module": "core/base-elements/button-base-element.js"
33698
33651
  }
33699
33652
  },
33700
33653
  {
33701
33654
  "kind": "method",
33702
- "name": "renderList",
33655
+ "name": "toggleState",
33703
33656
  "privacy": "protected",
33704
33657
  "return": {
33705
33658
  "type": {
33706
- "text": "TemplateResult"
33659
+ "text": "void"
33707
33660
  }
33708
33661
  },
33709
33662
  "parameters": [
33710
33663
  {
33711
- "name": "attributes",
33712
- "default": "{}",
33664
+ "name": "value",
33713
33665
  "type": {
33714
- "text": "{ class?: string; ariaLabel?: string; ariaLabelledby?: string }"
33666
+ "text": "string"
33715
33667
  }
33716
33668
  },
33717
33669
  {
33718
- "name": "listItemAttributes",
33719
- "default": "{}",
33670
+ "name": "force",
33671
+ "optional": true,
33720
33672
  "type": {
33721
- "text": "{ localNameVisualOnly?: string[] }"
33673
+ "text": "boolean"
33722
33674
  }
33723
33675
  }
33724
33676
  ],
33725
- "description": "Renders list and list slots for slotted children or a number of list slots\ncorresponding to the `data-ssr-child-count` attribute value.\n\nThis is a possible optimization for SSR, as in an SSR Lit environment\nother elements are not available, but might be available in the meta\nframework wrapper (like e.g. React). This allows to provide the number of\nchildren to be passed via the `data-ssr-child-count` attribute value.",
33726
33677
  "inheritedFrom": {
33727
- "name": "SbbNamedSlotListMixin",
33728
- "module": "core/mixins/named-slot-list-mixin.js"
33678
+ "name": "SbbElementInternalsMixin",
33679
+ "module": "core/mixins/element-internals-mixin.js"
33729
33680
  }
33730
33681
  },
33731
33682
  {
33732
- "kind": "method",
33733
- "name": "listSlotEntries",
33683
+ "kind": "field",
33684
+ "name": "maybeDisabled",
33685
+ "type": {
33686
+ "text": "boolean | undefined"
33687
+ },
33734
33688
  "privacy": "protected",
33735
- "return": {
33736
- "type": {
33737
- "text": "SbbNamedSlotProperties[]"
33738
- }
33689
+ "readonly": true,
33690
+ "inheritedFrom": {
33691
+ "name": "SbbActionBaseElement",
33692
+ "module": "core/base-elements/action-base-element.js"
33693
+ }
33694
+ },
33695
+ {
33696
+ "kind": "field",
33697
+ "name": "maybeDisabledInteractive",
33698
+ "type": {
33699
+ "text": "boolean | undefined"
33739
33700
  },
33740
- "parameters": [
33741
- {
33742
- "name": "listItemAttributes",
33743
- "type": {
33744
- "text": "{\n localNameVisualOnly?: string[];\n }"
33745
- }
33746
- }
33747
- ],
33748
- "description": "Returns an array of SbbNamedSlotProperties, which holds the list slot names and the hidden property;\nits length corresponds to the number of matched children or the `data-ssr-child-count` attribute value.\n\nThis is a possible optimization for SSR, as in an SSR Lit environment\nother elements are not available, but might be available in the meta\nframework wrapper (like e.g. React). This allows to provide the number of\nchildren to be passed via the `data-ssr-child-count` attribute value.",
33701
+ "privacy": "protected",
33702
+ "readonly": true,
33749
33703
  "inheritedFrom": {
33750
- "name": "SbbNamedSlotListMixin",
33751
- "module": "core/mixins/named-slot-list-mixin.js"
33704
+ "name": "SbbActionBaseElement",
33705
+ "module": "core/base-elements/action-base-element.js"
33752
33706
  }
33753
33707
  },
33754
33708
  {
33755
33709
  "kind": "method",
33756
- "name": "renderHiddenSlot",
33710
+ "name": "setupBaseEventHandlers",
33757
33711
  "privacy": "protected",
33758
33712
  "return": {
33759
33713
  "type": {
33760
- "text": "TemplateResult"
33714
+ "text": "void"
33761
33715
  }
33762
33716
  },
33763
- "description": "Returns a hidden slot, which is intended as the children change detection.\nWhen an element without a slot attribute is slotted to the element, it triggers\nthe slotchange event, which can be used to assign it to the appropriate named slot.",
33764
33717
  "inheritedFrom": {
33765
- "name": "SbbNamedSlotListMixin",
33766
- "module": "core/mixins/named-slot-list-mixin.js"
33718
+ "name": "SbbActionBaseElement",
33719
+ "module": "core/base-elements/action-base-element.js"
33767
33720
  }
33721
+ }
33722
+ ],
33723
+ "mixins": [
33724
+ {
33725
+ "name": "SbbButtonCommonElementMixin",
33726
+ "module": "button/common.js"
33768
33727
  },
33769
33728
  {
33770
- "kind": "field",
33771
- "name": "_hydrationRequired",
33729
+ "name": "SbbDisabledTabIndexActionMixin",
33730
+ "module": "core/mixins.js"
33731
+ }
33732
+ ],
33733
+ "superclass": {
33734
+ "name": "SbbButtonBaseElement",
33735
+ "module": "core/base-elements.js"
33736
+ },
33737
+ "tagName": "sbb-secondary-button",
33738
+ "customElement": true,
33739
+ "attributes": [
33740
+ {
33741
+ "name": "size",
33742
+ "type": {
33743
+ "text": "SbbButtonSize"
33744
+ },
33745
+ "description": "Size variant, either l, m or s.",
33746
+ "default": "'l' / 's' (lean)",
33747
+ "fieldName": "size",
33748
+ "inheritedFrom": {
33749
+ "name": "SbbButtonCommonElementMixin",
33750
+ "module": "button/common/button-common.js"
33751
+ }
33752
+ },
33753
+ {
33754
+ "name": "loading",
33772
33755
  "type": {
33773
33756
  "text": "boolean"
33774
33757
  },
33775
- "privacy": "private",
33776
- "default": "!!this.shadowRoot",
33758
+ "default": "false",
33759
+ "description": "Whether the button indicates a loading state.\nThe animation kicks in after a delay of 300ms, configurable with --sbb-button-loading-delay CSS variable.",
33760
+ "fieldName": "loading",
33777
33761
  "inheritedFrom": {
33778
- "name": "SbbHydrationMixin",
33779
- "module": "core/mixins/hydration-mixin.js"
33762
+ "name": "SbbButtonCommonElementMixin",
33763
+ "module": "button/common/button-common.js"
33780
33764
  }
33781
33765
  },
33782
33766
  {
33783
- "kind": "field",
33784
- "name": "_hydrationComplete",
33785
- "privacy": "private",
33786
- "default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
33767
+ "name": "negative",
33768
+ "type": {
33769
+ "text": "boolean"
33770
+ },
33771
+ "default": "false",
33772
+ "description": "Negative coloring variant flag.",
33773
+ "fieldName": "negative",
33787
33774
  "inheritedFrom": {
33788
- "name": "SbbHydrationMixin",
33789
- "module": "core/mixins/hydration-mixin.js"
33775
+ "name": "SbbNegativeMixin",
33776
+ "module": "core/mixins/negative-mixin.js"
33790
33777
  }
33791
33778
  },
33792
33779
  {
33793
- "kind": "field",
33794
- "name": "_resolveHydration",
33780
+ "name": "icon-name",
33795
33781
  "type": {
33796
- "text": "(hydrationRequired: boolean) => void"
33782
+ "text": "string"
33797
33783
  },
33798
- "privacy": "private",
33784
+ "default": "''",
33785
+ "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.",
33786
+ "fieldName": "iconName",
33799
33787
  "inheritedFrom": {
33800
- "name": "SbbHydrationMixin",
33801
- "module": "core/mixins/hydration-mixin.js"
33788
+ "name": "SbbIconNameMixin",
33789
+ "module": "icon/icon-name-mixin.js"
33802
33790
  }
33803
33791
  },
33804
33792
  {
33805
- "kind": "field",
33806
- "name": "hydrationRequired",
33793
+ "name": "disabled-interactive",
33807
33794
  "type": {
33808
33795
  "text": "boolean"
33809
33796
  },
33810
- "privacy": "protected",
33811
- "description": "Returns whether hydration is required and not completed.",
33812
- "readonly": true,
33797
+ "default": "false",
33798
+ "description": "Whether the button should be aria-disabled but stay interactive.",
33799
+ "fieldName": "disabledInteractive",
33813
33800
  "inheritedFrom": {
33814
- "name": "SbbHydrationMixin",
33815
- "module": "core/mixins/hydration-mixin.js"
33801
+ "name": "SbbDisabledInteractiveMixin",
33802
+ "module": "core/mixins/disabled-mixin.js"
33803
+ }
33804
+ },
33805
+ {
33806
+ "name": "disabled",
33807
+ "description": "Whether the component is disabled.",
33808
+ "default": "false",
33809
+ "type": {
33810
+ "text": "boolean"
33816
33811
  },
33817
- "default": "!!this.shadowRoot"
33818
- }
33819
- ],
33820
- "attributes": [
33812
+ "fieldName": "disabled",
33813
+ "inheritedFrom": {
33814
+ "name": "SbbDisabledMixin",
33815
+ "module": "core/mixins/disabled-mixin.js"
33816
+ }
33817
+ },
33821
33818
  {
33822
- "name": "accessibility-label",
33819
+ "name": "value",
33823
33820
  "type": {
33824
33821
  "text": "string"
33825
33822
  },
33826
33823
  "default": "''",
33827
- "description": "This will be forwarded as aria-label to the list that contains the buttons.",
33828
- "fieldName": "accessibilityLabel"
33824
+ "description": "Value of the form element.",
33825
+ "fieldName": "value",
33826
+ "inheritedFrom": {
33827
+ "name": "SbbButtonBaseElement",
33828
+ "module": "core/base-elements/button-base-element.js"
33829
+ }
33829
33830
  },
33830
33831
  {
33831
- "name": "size",
33832
+ "name": "type",
33833
+ "description": "The type attribute to use for the button.",
33834
+ "default": "'button'",
33832
33835
  "type": {
33833
- "text": "SbbMiniButtonGroupSize"
33836
+ "text": "SbbButtonType"
33834
33837
  },
33835
- "description": "Size variant, either s, m, l or xl.",
33836
- "default": "'m' / 's' (lean)",
33837
- "fieldName": "size"
33838
+ "fieldName": "type",
33839
+ "inheritedFrom": {
33840
+ "name": "SbbButtonBaseElement",
33841
+ "module": "core/base-elements/button-base-element.js"
33842
+ }
33838
33843
  },
33839
33844
  {
33840
- "name": "negative",
33845
+ "name": "form",
33846
+ "description": "The `<form>` element to associate the button with.",
33841
33847
  "type": {
33842
- "text": "boolean"
33848
+ "text": "HTMLFormElement | null"
33843
33849
  },
33844
- "default": "false",
33845
- "description": "Negative coloring variant flag.",
33846
- "fieldName": "negative",
33850
+ "fieldName": "form",
33847
33851
  "inheritedFrom": {
33848
- "name": "SbbNegativeMixin",
33849
- "module": "core/mixins/negative-mixin.js"
33852
+ "name": "SbbButtonBaseElement",
33853
+ "module": "core/base-elements/button-base-element.js"
33850
33854
  }
33851
- }
33852
- ],
33853
- "mixins": [
33854
- {
33855
- "name": "SbbNegativeMixin",
33856
- "module": "core/mixins.js"
33857
33855
  },
33858
33856
  {
33859
- "name": "SbbNamedSlotListMixin",
33860
- "module": "core/mixins.js"
33857
+ "name": "name",
33858
+ "description": "Name of the form element. Will be read from name attribute.",
33859
+ "type": {
33860
+ "text": "string"
33861
+ },
33862
+ "fieldName": "name",
33863
+ "inheritedFrom": {
33864
+ "name": "SbbFormAssociatedMixin",
33865
+ "module": "core/mixins/form-associated-mixin.js"
33866
+ }
33861
33867
  }
33862
- ],
33863
- "superclass": {
33864
- "name": "LitElement",
33865
- "package": "lit"
33866
- },
33867
- "tagName": "sbb-mini-button-group",
33868
- "customElement": true
33868
+ ]
33869
33869
  }
33870
33870
  ],
33871
33871
  "exports": [
33872
33872
  {
33873
33873
  "kind": "js",
33874
- "name": "SbbMiniButtonGroupElement",
33874
+ "name": "SbbSecondaryButtonElement",
33875
33875
  "declaration": {
33876
- "name": "SbbMiniButtonGroupElement",
33877
- "module": "button/mini-button-group/mini-button-group.component.js"
33876
+ "name": "SbbSecondaryButtonElement",
33877
+ "module": "button/secondary-button/secondary-button.component.js"
33878
33878
  }
33879
33879
  },
33880
33880
  {
33881
33881
  "kind": "custom-element-definition",
33882
- "name": "sbb-mini-button-group",
33882
+ "name": "sbb-secondary-button",
33883
33883
  "declaration": {
33884
- "name": "SbbMiniButtonGroupElement",
33885
- "module": "button/mini-button-group/mini-button-group.component.js"
33884
+ "name": "SbbSecondaryButtonElement",
33885
+ "module": "button/secondary-button/secondary-button.component.js"
33886
33886
  }
33887
33887
  }
33888
33888
  ]