@sbb-esta/lyne-elements-dev 4.9.0-dev.1775164973 → 4.9.0-dev.1775178304
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.
- package/custom-elements.json +316 -316
- package/package.json +2 -2
package/custom-elements.json
CHANGED
|
@@ -124974,16 +124974,24 @@
|
|
|
124974
124974
|
},
|
|
124975
124975
|
{
|
|
124976
124976
|
"kind": "javascript-module",
|
|
124977
|
-
"path": "tabs/tab-
|
|
124977
|
+
"path": "tabs/tab-label/tab-label.component.js",
|
|
124978
124978
|
"declarations": [
|
|
124979
124979
|
{
|
|
124980
124980
|
"kind": "class",
|
|
124981
|
-
"description": "
|
|
124982
|
-
"name": "
|
|
124981
|
+
"description": "Combined with a `sbb-tab-group`, it displays a tab's title.",
|
|
124982
|
+
"name": "SbbTabLabelElement",
|
|
124983
124983
|
"slots": [
|
|
124984
124984
|
{
|
|
124985
|
-
"description": "Use the unnamed slot to add content to the
|
|
124985
|
+
"description": "Use the unnamed slot to add content to the tab title.",
|
|
124986
124986
|
"name": ""
|
|
124987
|
+
},
|
|
124988
|
+
{
|
|
124989
|
+
"description": "Use this slot to display an icon to the left of the title, by providing the `sbb-icon` component.",
|
|
124990
|
+
"name": "icon"
|
|
124991
|
+
},
|
|
124992
|
+
{
|
|
124993
|
+
"description": "Provide a number to show an amount to the right of the title.",
|
|
124994
|
+
"name": "amount"
|
|
124987
124995
|
}
|
|
124988
124996
|
],
|
|
124989
124997
|
"members": [
|
|
@@ -124996,7 +125004,7 @@
|
|
|
124996
125004
|
"privacy": "public",
|
|
124997
125005
|
"static": true,
|
|
124998
125006
|
"readonly": true,
|
|
124999
|
-
"default": "'sbb-tab-
|
|
125007
|
+
"default": "'sbb-tab-label'",
|
|
125000
125008
|
"inheritedFrom": {
|
|
125001
125009
|
"name": "SbbElement",
|
|
125002
125010
|
"module": "core/base-elements/element.js"
|
|
@@ -125004,210 +125012,219 @@
|
|
|
125004
125012
|
},
|
|
125005
125013
|
{
|
|
125006
125014
|
"kind": "field",
|
|
125007
|
-
"name": "
|
|
125015
|
+
"name": "role",
|
|
125016
|
+
"type": {
|
|
125017
|
+
"text": "string"
|
|
125018
|
+
},
|
|
125008
125019
|
"privacy": "public",
|
|
125009
125020
|
"static": true,
|
|
125010
|
-
"
|
|
125011
|
-
"default": "{ tabchange: 'tabchange', }",
|
|
125012
|
-
"type": {
|
|
125013
|
-
"text": "{\n tabchange: 'tabchange',\n }"
|
|
125014
|
-
}
|
|
125021
|
+
"default": "'tab'"
|
|
125015
125022
|
},
|
|
125016
125023
|
{
|
|
125017
125024
|
"kind": "field",
|
|
125018
|
-
"name": "
|
|
125025
|
+
"name": "_selected",
|
|
125019
125026
|
"type": {
|
|
125020
|
-
"text": "
|
|
125027
|
+
"text": "boolean"
|
|
125021
125028
|
},
|
|
125022
|
-
"privacy": "private"
|
|
125029
|
+
"privacy": "private",
|
|
125030
|
+
"default": "false",
|
|
125031
|
+
"description": "Whether the tab is selected."
|
|
125023
125032
|
},
|
|
125024
125033
|
{
|
|
125025
125034
|
"kind": "field",
|
|
125026
|
-
"name": "
|
|
125035
|
+
"name": "_previousSize",
|
|
125036
|
+
"type": {
|
|
125037
|
+
"text": "SbbTabGroupElement['size'] | null"
|
|
125038
|
+
},
|
|
125027
125039
|
"privacy": "private",
|
|
125028
|
-
"default": "
|
|
125040
|
+
"default": "null"
|
|
125029
125041
|
},
|
|
125030
125042
|
{
|
|
125031
125043
|
"kind": "field",
|
|
125032
|
-
"name": "
|
|
125044
|
+
"name": "level",
|
|
125033
125045
|
"type": {
|
|
125034
|
-
"text": "
|
|
125046
|
+
"text": "SbbTitleLevel"
|
|
125035
125047
|
},
|
|
125036
125048
|
"privacy": "public",
|
|
125037
|
-
"
|
|
125038
|
-
"
|
|
125039
|
-
"attribute": "
|
|
125049
|
+
"default": "'1'",
|
|
125050
|
+
"description": "The level will correspond to the heading tag generated in the title.\nUse this property to generate the appropriate header tag, taking SEO into consideration.",
|
|
125051
|
+
"attribute": "level"
|
|
125040
125052
|
},
|
|
125041
125053
|
{
|
|
125042
125054
|
"kind": "field",
|
|
125043
|
-
"name": "
|
|
125055
|
+
"name": "active",
|
|
125044
125056
|
"type": {
|
|
125045
|
-
"text": "
|
|
125057
|
+
"text": "boolean"
|
|
125046
125058
|
},
|
|
125047
125059
|
"privacy": "public",
|
|
125048
|
-
"default": "
|
|
125049
|
-
"description": "
|
|
125050
|
-
"attribute": "
|
|
125060
|
+
"default": "false",
|
|
125061
|
+
"description": "Active tab state.",
|
|
125062
|
+
"attribute": "active",
|
|
125063
|
+
"reflects": true
|
|
125051
125064
|
},
|
|
125052
125065
|
{
|
|
125053
125066
|
"kind": "field",
|
|
125054
|
-
"name": "
|
|
125067
|
+
"name": "amount",
|
|
125055
125068
|
"type": {
|
|
125056
|
-
"text": "
|
|
125069
|
+
"text": "string"
|
|
125057
125070
|
},
|
|
125058
125071
|
"privacy": "public",
|
|
125059
|
-
"default": "
|
|
125060
|
-
"description": "
|
|
125061
|
-
"attribute": "
|
|
125072
|
+
"default": "''",
|
|
125073
|
+
"description": "Amount displayed inside the tab.",
|
|
125074
|
+
"attribute": "amount",
|
|
125062
125075
|
"reflects": true
|
|
125063
125076
|
},
|
|
125064
125077
|
{
|
|
125065
125078
|
"kind": "field",
|
|
125066
|
-
"name": "
|
|
125079
|
+
"name": "tab",
|
|
125067
125080
|
"type": {
|
|
125068
|
-
"text": "
|
|
125081
|
+
"text": "SbbTabElement | null"
|
|
125069
125082
|
},
|
|
125070
125083
|
"privacy": "public",
|
|
125071
|
-
"description": "
|
|
125084
|
+
"description": "Get the `sbb-tab` related to the `sbb-tab-label`.",
|
|
125072
125085
|
"readonly": true
|
|
125073
125086
|
},
|
|
125074
125087
|
{
|
|
125075
125088
|
"kind": "field",
|
|
125076
|
-
"name": "
|
|
125089
|
+
"name": "group",
|
|
125077
125090
|
"type": {
|
|
125078
|
-
"text": "
|
|
125091
|
+
"text": "SbbTabGroupElement | null"
|
|
125079
125092
|
},
|
|
125080
125093
|
"privacy": "public",
|
|
125081
|
-
"description": "
|
|
125094
|
+
"description": "Get the parent `sbb-tab-group`.",
|
|
125082
125095
|
"readonly": true
|
|
125083
125096
|
},
|
|
125084
125097
|
{
|
|
125085
125098
|
"kind": "method",
|
|
125086
|
-
"name": "
|
|
125099
|
+
"name": "deactivate",
|
|
125087
125100
|
"privacy": "public",
|
|
125088
125101
|
"return": {
|
|
125089
125102
|
"type": {
|
|
125090
125103
|
"text": "void"
|
|
125091
125104
|
}
|
|
125092
125105
|
},
|
|
125093
|
-
"
|
|
125094
|
-
{
|
|
125095
|
-
"name": "index",
|
|
125096
|
-
"type": {
|
|
125097
|
-
"text": "number"
|
|
125098
|
-
},
|
|
125099
|
-
"description": "The index of the tab you want to disable."
|
|
125100
|
-
}
|
|
125101
|
-
],
|
|
125102
|
-
"description": "Disables a tab by index."
|
|
125106
|
+
"description": "Deactivate the tab."
|
|
125103
125107
|
},
|
|
125104
125108
|
{
|
|
125105
125109
|
"kind": "method",
|
|
125106
|
-
"name": "
|
|
125110
|
+
"name": "activate",
|
|
125107
125111
|
"privacy": "public",
|
|
125108
125112
|
"return": {
|
|
125109
125113
|
"type": {
|
|
125110
125114
|
"text": "void"
|
|
125111
125115
|
}
|
|
125112
125116
|
},
|
|
125113
|
-
"
|
|
125114
|
-
{
|
|
125115
|
-
"name": "index",
|
|
125116
|
-
"type": {
|
|
125117
|
-
"text": "number"
|
|
125118
|
-
},
|
|
125119
|
-
"description": "The index of the tab you want to enable."
|
|
125120
|
-
}
|
|
125121
|
-
],
|
|
125122
|
-
"description": "Enables a tab by index."
|
|
125117
|
+
"description": "Select the tab, deactivating the current selected one, and dispatch the tabchange event."
|
|
125123
125118
|
},
|
|
125124
125119
|
{
|
|
125125
|
-
"kind": "
|
|
125126
|
-
"name": "
|
|
125120
|
+
"kind": "field",
|
|
125121
|
+
"name": "disabled",
|
|
125127
125122
|
"privacy": "public",
|
|
125128
|
-
"
|
|
125129
|
-
|
|
125130
|
-
|
|
125131
|
-
|
|
125123
|
+
"description": "Whether the component is disabled.",
|
|
125124
|
+
"default": "false",
|
|
125125
|
+
"type": {
|
|
125126
|
+
"text": "boolean"
|
|
125132
125127
|
},
|
|
125133
|
-
"
|
|
125134
|
-
|
|
125135
|
-
|
|
125136
|
-
|
|
125137
|
-
|
|
125138
|
-
},
|
|
125139
|
-
"description": "The index of the tab you want to activate."
|
|
125140
|
-
}
|
|
125141
|
-
],
|
|
125142
|
-
"description": "Activates a tab by index."
|
|
125143
|
-
},
|
|
125144
|
-
{
|
|
125145
|
-
"kind": "method",
|
|
125146
|
-
"name": "_enabledTabs",
|
|
125147
|
-
"privacy": "private",
|
|
125148
|
-
"return": {
|
|
125149
|
-
"type": {
|
|
125150
|
-
"text": "SbbTabLabelElement[]"
|
|
125151
|
-
}
|
|
125128
|
+
"attribute": "disabled",
|
|
125129
|
+
"reflects": true,
|
|
125130
|
+
"inheritedFrom": {
|
|
125131
|
+
"name": "SbbDisabledMixin",
|
|
125132
|
+
"module": "core/mixins/disabled-mixin.js"
|
|
125152
125133
|
}
|
|
125153
125134
|
},
|
|
125154
125135
|
{
|
|
125155
125136
|
"kind": "field",
|
|
125156
|
-
"name": "
|
|
125157
|
-
"privacy": "private"
|
|
125158
|
-
|
|
125159
|
-
|
|
125160
|
-
|
|
125161
|
-
"
|
|
125162
|
-
"
|
|
125137
|
+
"name": "#disabled",
|
|
125138
|
+
"privacy": "private",
|
|
125139
|
+
"type": {
|
|
125140
|
+
"text": "boolean"
|
|
125141
|
+
},
|
|
125142
|
+
"default": "false",
|
|
125143
|
+
"inheritedFrom": {
|
|
125144
|
+
"name": "SbbDisabledMixin",
|
|
125145
|
+
"module": "core/mixins/disabled-mixin.js"
|
|
125146
|
+
}
|
|
125163
125147
|
},
|
|
125164
125148
|
{
|
|
125165
125149
|
"kind": "method",
|
|
125166
|
-
"name": "
|
|
125167
|
-
"privacy": "
|
|
125150
|
+
"name": "isDisabledExternally",
|
|
125151
|
+
"privacy": "protected",
|
|
125168
125152
|
"return": {
|
|
125169
125153
|
"type": {
|
|
125170
|
-
"text": "
|
|
125154
|
+
"text": "boolean"
|
|
125171
125155
|
}
|
|
125156
|
+
},
|
|
125157
|
+
"description": "Will be used as 'or' check to the current disabled state.\nCan e.g. be used to read disabled state of a group.",
|
|
125158
|
+
"inheritedFrom": {
|
|
125159
|
+
"name": "SbbDisabledMixin",
|
|
125160
|
+
"module": "core/mixins/disabled-mixin.js"
|
|
125161
|
+
}
|
|
125162
|
+
},
|
|
125163
|
+
{
|
|
125164
|
+
"kind": "field",
|
|
125165
|
+
"name": "iconName",
|
|
125166
|
+
"type": {
|
|
125167
|
+
"text": "string"
|
|
125168
|
+
},
|
|
125169
|
+
"privacy": "public",
|
|
125170
|
+
"default": "''",
|
|
125171
|
+
"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.",
|
|
125172
|
+
"attribute": "icon-name",
|
|
125173
|
+
"inheritedFrom": {
|
|
125174
|
+
"name": "SbbIconNameMixin",
|
|
125175
|
+
"module": "icon/icon-name-mixin.js"
|
|
125172
125176
|
}
|
|
125173
125177
|
},
|
|
125174
125178
|
{
|
|
125175
125179
|
"kind": "method",
|
|
125176
|
-
"name": "
|
|
125177
|
-
"privacy": "
|
|
125180
|
+
"name": "renderIconSlot",
|
|
125181
|
+
"privacy": "protected",
|
|
125178
125182
|
"return": {
|
|
125179
125183
|
"type": {
|
|
125180
|
-
"text": "
|
|
125184
|
+
"text": "TemplateResult"
|
|
125185
|
+
}
|
|
125186
|
+
},
|
|
125187
|
+
"parameters": [
|
|
125188
|
+
{
|
|
125189
|
+
"name": "classname",
|
|
125190
|
+
"optional": true,
|
|
125191
|
+
"type": {
|
|
125192
|
+
"text": "string"
|
|
125193
|
+
}
|
|
125181
125194
|
}
|
|
125195
|
+
],
|
|
125196
|
+
"inheritedFrom": {
|
|
125197
|
+
"name": "SbbIconNameMixin",
|
|
125198
|
+
"module": "icon/icon-name-mixin.js"
|
|
125182
125199
|
}
|
|
125183
125200
|
},
|
|
125184
125201
|
{
|
|
125185
125202
|
"kind": "method",
|
|
125186
|
-
"name": "
|
|
125187
|
-
"privacy": "
|
|
125203
|
+
"name": "renderIconName",
|
|
125204
|
+
"privacy": "protected",
|
|
125188
125205
|
"return": {
|
|
125189
125206
|
"type": {
|
|
125190
|
-
"text": "
|
|
125207
|
+
"text": "string"
|
|
125191
125208
|
}
|
|
125209
|
+
},
|
|
125210
|
+
"inheritedFrom": {
|
|
125211
|
+
"name": "SbbIconNameMixin",
|
|
125212
|
+
"module": "icon/icon-name-mixin.js"
|
|
125192
125213
|
}
|
|
125193
125214
|
},
|
|
125194
125215
|
{
|
|
125195
125216
|
"kind": "method",
|
|
125196
|
-
"name": "
|
|
125217
|
+
"name": "_renderIconName",
|
|
125197
125218
|
"privacy": "private",
|
|
125198
125219
|
"return": {
|
|
125199
125220
|
"type": {
|
|
125200
|
-
"text": "
|
|
125221
|
+
"text": "string"
|
|
125201
125222
|
}
|
|
125202
125223
|
},
|
|
125203
|
-
"
|
|
125204
|
-
|
|
125205
|
-
|
|
125206
|
-
|
|
125207
|
-
"text": "KeyboardEvent"
|
|
125208
|
-
}
|
|
125209
|
-
}
|
|
125210
|
-
]
|
|
125224
|
+
"inheritedFrom": {
|
|
125225
|
+
"name": "SbbIconNameMixin",
|
|
125226
|
+
"module": "icon/icon-name-mixin.js"
|
|
125227
|
+
}
|
|
125211
125228
|
},
|
|
125212
125229
|
{
|
|
125213
125230
|
"kind": "field",
|
|
@@ -125315,83 +125332,102 @@
|
|
|
125315
125332
|
}
|
|
125316
125333
|
}
|
|
125317
125334
|
],
|
|
125318
|
-
"events": [
|
|
125319
|
-
{
|
|
125320
|
-
"type": {
|
|
125321
|
-
"text": "CustomEvent<SbbTabChangedEventDetails>"
|
|
125322
|
-
},
|
|
125323
|
-
"description": "The tabchange event is dispatched when a tab is selected.",
|
|
125324
|
-
"name": "tabchange"
|
|
125325
|
-
}
|
|
125326
|
-
],
|
|
125327
125335
|
"attributes": [
|
|
125328
125336
|
{
|
|
125329
|
-
"name": "
|
|
125337
|
+
"name": "level",
|
|
125330
125338
|
"type": {
|
|
125331
|
-
"text": "
|
|
125339
|
+
"text": "SbbTitleLevel"
|
|
125332
125340
|
},
|
|
125333
|
-
"
|
|
125334
|
-
"
|
|
125335
|
-
"fieldName": "
|
|
125341
|
+
"default": "'1'",
|
|
125342
|
+
"description": "The level will correspond to the heading tag generated in the title.\nUse this property to generate the appropriate header tag, taking SEO into consideration.",
|
|
125343
|
+
"fieldName": "level"
|
|
125336
125344
|
},
|
|
125337
125345
|
{
|
|
125338
|
-
"name": "
|
|
125346
|
+
"name": "active",
|
|
125339
125347
|
"type": {
|
|
125340
|
-
"text": "
|
|
125348
|
+
"text": "boolean"
|
|
125341
125349
|
},
|
|
125342
|
-
"default": "
|
|
125343
|
-
"description": "
|
|
125344
|
-
"fieldName": "
|
|
125350
|
+
"default": "false",
|
|
125351
|
+
"description": "Active tab state.",
|
|
125352
|
+
"fieldName": "active"
|
|
125345
125353
|
},
|
|
125346
125354
|
{
|
|
125347
|
-
"name": "
|
|
125355
|
+
"name": "amount",
|
|
125348
125356
|
"type": {
|
|
125349
|
-
"text": "
|
|
125357
|
+
"text": "string"
|
|
125350
125358
|
},
|
|
125359
|
+
"default": "''",
|
|
125360
|
+
"description": "Amount displayed inside the tab.",
|
|
125361
|
+
"fieldName": "amount"
|
|
125362
|
+
},
|
|
125363
|
+
{
|
|
125364
|
+
"name": "disabled",
|
|
125365
|
+
"description": "Whether the component is disabled.",
|
|
125351
125366
|
"default": "false",
|
|
125352
|
-
"
|
|
125353
|
-
|
|
125367
|
+
"type": {
|
|
125368
|
+
"text": "boolean"
|
|
125369
|
+
},
|
|
125370
|
+
"fieldName": "disabled",
|
|
125371
|
+
"inheritedFrom": {
|
|
125372
|
+
"name": "SbbDisabledMixin",
|
|
125373
|
+
"module": "core/mixins/disabled-mixin.js"
|
|
125374
|
+
}
|
|
125375
|
+
},
|
|
125376
|
+
{
|
|
125377
|
+
"name": "icon-name",
|
|
125378
|
+
"type": {
|
|
125379
|
+
"text": "string"
|
|
125380
|
+
},
|
|
125381
|
+
"default": "''",
|
|
125382
|
+
"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.",
|
|
125383
|
+
"fieldName": "iconName",
|
|
125384
|
+
"inheritedFrom": {
|
|
125385
|
+
"name": "SbbIconNameMixin",
|
|
125386
|
+
"module": "icon/icon-name-mixin.js"
|
|
125387
|
+
}
|
|
125388
|
+
}
|
|
125389
|
+
],
|
|
125390
|
+
"mixins": [
|
|
125391
|
+
{
|
|
125392
|
+
"name": "SbbDisabledMixin",
|
|
125393
|
+
"module": "core/mixins.js"
|
|
125394
|
+
},
|
|
125395
|
+
{
|
|
125396
|
+
"name": "SbbIconNameMixin",
|
|
125397
|
+
"module": "icon.pure.js"
|
|
125354
125398
|
}
|
|
125355
125399
|
],
|
|
125356
125400
|
"superclass": {
|
|
125357
125401
|
"name": "SbbElement",
|
|
125358
125402
|
"module": "core/base-elements.js"
|
|
125359
125403
|
},
|
|
125360
|
-
"tagName": "sbb-tab-
|
|
125404
|
+
"tagName": "sbb-tab-label",
|
|
125361
125405
|
"customElement": true
|
|
125362
125406
|
}
|
|
125363
125407
|
],
|
|
125364
125408
|
"exports": [
|
|
125365
125409
|
{
|
|
125366
125410
|
"kind": "js",
|
|
125367
|
-
"name": "
|
|
125411
|
+
"name": "SbbTabLabelElement",
|
|
125368
125412
|
"declaration": {
|
|
125369
|
-
"name": "
|
|
125370
|
-
"module": "tabs/tab-
|
|
125413
|
+
"name": "SbbTabLabelElement",
|
|
125414
|
+
"module": "tabs/tab-label/tab-label.component.js"
|
|
125371
125415
|
}
|
|
125372
125416
|
}
|
|
125373
125417
|
]
|
|
125374
125418
|
},
|
|
125375
125419
|
{
|
|
125376
125420
|
"kind": "javascript-module",
|
|
125377
|
-
"path": "tabs/tab-
|
|
125421
|
+
"path": "tabs/tab-group/tab-group.component.js",
|
|
125378
125422
|
"declarations": [
|
|
125379
125423
|
{
|
|
125380
125424
|
"kind": "class",
|
|
125381
|
-
"description": "
|
|
125382
|
-
"name": "
|
|
125425
|
+
"description": "It displays one or more tabs, each one with a label and some content.",
|
|
125426
|
+
"name": "SbbTabGroupElement",
|
|
125383
125427
|
"slots": [
|
|
125384
125428
|
{
|
|
125385
|
-
"description": "Use the unnamed slot to add content to the tab
|
|
125429
|
+
"description": "Use the unnamed slot to add content to the `sbb-tab-group` via `sbb-tab-label` and `sbb-tab` instances.",
|
|
125386
125430
|
"name": ""
|
|
125387
|
-
},
|
|
125388
|
-
{
|
|
125389
|
-
"description": "Use this slot to display an icon to the left of the title, by providing the `sbb-icon` component.",
|
|
125390
|
-
"name": "icon"
|
|
125391
|
-
},
|
|
125392
|
-
{
|
|
125393
|
-
"description": "Provide a number to show an amount to the right of the title.",
|
|
125394
|
-
"name": "amount"
|
|
125395
125431
|
}
|
|
125396
125432
|
],
|
|
125397
125433
|
"members": [
|
|
@@ -125404,7 +125440,7 @@
|
|
|
125404
125440
|
"privacy": "public",
|
|
125405
125441
|
"static": true,
|
|
125406
125442
|
"readonly": true,
|
|
125407
|
-
"default": "'sbb-tab-
|
|
125443
|
+
"default": "'sbb-tab-group'",
|
|
125408
125444
|
"inheritedFrom": {
|
|
125409
125445
|
"name": "SbbElement",
|
|
125410
125446
|
"module": "core/base-elements/element.js"
|
|
@@ -125412,219 +125448,210 @@
|
|
|
125412
125448
|
},
|
|
125413
125449
|
{
|
|
125414
125450
|
"kind": "field",
|
|
125415
|
-
"name": "
|
|
125416
|
-
"type": {
|
|
125417
|
-
"text": "string"
|
|
125418
|
-
},
|
|
125451
|
+
"name": "events",
|
|
125419
125452
|
"privacy": "public",
|
|
125420
125453
|
"static": true,
|
|
125421
|
-
"
|
|
125454
|
+
"readonly": true,
|
|
125455
|
+
"default": "{ tabchange: 'tabchange', }",
|
|
125456
|
+
"type": {
|
|
125457
|
+
"text": "{\n tabchange: 'tabchange',\n }"
|
|
125458
|
+
}
|
|
125422
125459
|
},
|
|
125423
125460
|
{
|
|
125424
125461
|
"kind": "field",
|
|
125425
|
-
"name": "
|
|
125462
|
+
"name": "_tabGroupElement",
|
|
125426
125463
|
"type": {
|
|
125427
|
-
"text": "
|
|
125464
|
+
"text": "HTMLElement"
|
|
125428
125465
|
},
|
|
125429
|
-
"privacy": "private"
|
|
125430
|
-
"default": "false",
|
|
125431
|
-
"description": "Whether the tab is selected."
|
|
125466
|
+
"privacy": "private"
|
|
125432
125467
|
},
|
|
125433
125468
|
{
|
|
125434
125469
|
"kind": "field",
|
|
125435
|
-
"name": "
|
|
125436
|
-
"type": {
|
|
125437
|
-
"text": "SbbTabGroupElement['size'] | null"
|
|
125438
|
-
},
|
|
125470
|
+
"name": "_tabGroupResizeObserver",
|
|
125439
125471
|
"privacy": "private",
|
|
125440
|
-
"default": "null"
|
|
125472
|
+
"default": "new ResizeController(this, { target: null, skipInitial: true, callback: () => this._onTabGroupElementResize(), })"
|
|
125441
125473
|
},
|
|
125442
125474
|
{
|
|
125443
125475
|
"kind": "field",
|
|
125444
|
-
"name": "
|
|
125476
|
+
"name": "size",
|
|
125445
125477
|
"type": {
|
|
125446
|
-
"text": "
|
|
125478
|
+
"text": "'s' | 'l' | 'xl'"
|
|
125447
125479
|
},
|
|
125448
125480
|
"privacy": "public",
|
|
125449
|
-
"
|
|
125450
|
-
"
|
|
125451
|
-
"attribute": "
|
|
125481
|
+
"description": "Size variant, either s, l or xl.",
|
|
125482
|
+
"default": "'l' / 's' (lean)",
|
|
125483
|
+
"attribute": "size"
|
|
125452
125484
|
},
|
|
125453
125485
|
{
|
|
125454
125486
|
"kind": "field",
|
|
125455
|
-
"name": "
|
|
125487
|
+
"name": "initialSelectedIndex",
|
|
125456
125488
|
"type": {
|
|
125457
|
-
"text": "
|
|
125489
|
+
"text": "number"
|
|
125458
125490
|
},
|
|
125459
125491
|
"privacy": "public",
|
|
125460
|
-
"default": "
|
|
125461
|
-
"description": "
|
|
125462
|
-
"attribute": "
|
|
125463
|
-
"reflects": true
|
|
125492
|
+
"default": "0",
|
|
125493
|
+
"description": "Sets the initial tab. If it matches a disabled tab or exceeds the length of\nthe tab group, the first enabled tab will be selected.",
|
|
125494
|
+
"attribute": "initial-selected-index"
|
|
125464
125495
|
},
|
|
125465
125496
|
{
|
|
125466
125497
|
"kind": "field",
|
|
125467
|
-
"name": "
|
|
125498
|
+
"name": "fixedHeight",
|
|
125468
125499
|
"type": {
|
|
125469
|
-
"text": "
|
|
125500
|
+
"text": "boolean"
|
|
125470
125501
|
},
|
|
125471
125502
|
"privacy": "public",
|
|
125472
|
-
"default": "
|
|
125473
|
-
"description": "
|
|
125474
|
-
"attribute": "
|
|
125503
|
+
"default": "false",
|
|
125504
|
+
"description": "If set to true, the `sbb-tab` elements take 100% height of the `sbb-tab-group`.\nIt enables controlling the height on the `sbb-tab-group` element.\nThe content becomes scrollable on overflow.",
|
|
125505
|
+
"attribute": "fixed-height",
|
|
125475
125506
|
"reflects": true
|
|
125476
125507
|
},
|
|
125477
125508
|
{
|
|
125478
125509
|
"kind": "field",
|
|
125479
|
-
"name": "
|
|
125510
|
+
"name": "labels",
|
|
125480
125511
|
"type": {
|
|
125481
|
-
"text": "
|
|
125512
|
+
"text": "SbbTabLabelElement[]"
|
|
125482
125513
|
},
|
|
125483
125514
|
"privacy": "public",
|
|
125484
|
-
"description": "
|
|
125515
|
+
"description": "Gets the slotted `sbb-tab-label`s.",
|
|
125485
125516
|
"readonly": true
|
|
125486
125517
|
},
|
|
125487
125518
|
{
|
|
125488
125519
|
"kind": "field",
|
|
125489
|
-
"name": "
|
|
125520
|
+
"name": "tabs",
|
|
125490
125521
|
"type": {
|
|
125491
|
-
"text": "
|
|
125522
|
+
"text": "SbbTabElement[]"
|
|
125492
125523
|
},
|
|
125493
125524
|
"privacy": "public",
|
|
125494
|
-
"description": "
|
|
125525
|
+
"description": "Gets the slotted `sbb-tab`s.",
|
|
125495
125526
|
"readonly": true
|
|
125496
125527
|
},
|
|
125497
125528
|
{
|
|
125498
125529
|
"kind": "method",
|
|
125499
|
-
"name": "
|
|
125530
|
+
"name": "disableTab",
|
|
125500
125531
|
"privacy": "public",
|
|
125501
125532
|
"return": {
|
|
125502
125533
|
"type": {
|
|
125503
125534
|
"text": "void"
|
|
125504
125535
|
}
|
|
125505
125536
|
},
|
|
125506
|
-
"
|
|
125537
|
+
"parameters": [
|
|
125538
|
+
{
|
|
125539
|
+
"name": "index",
|
|
125540
|
+
"type": {
|
|
125541
|
+
"text": "number"
|
|
125542
|
+
},
|
|
125543
|
+
"description": "The index of the tab you want to disable."
|
|
125544
|
+
}
|
|
125545
|
+
],
|
|
125546
|
+
"description": "Disables a tab by index."
|
|
125507
125547
|
},
|
|
125508
125548
|
{
|
|
125509
125549
|
"kind": "method",
|
|
125510
|
-
"name": "
|
|
125550
|
+
"name": "enableTab",
|
|
125511
125551
|
"privacy": "public",
|
|
125512
125552
|
"return": {
|
|
125513
125553
|
"type": {
|
|
125514
125554
|
"text": "void"
|
|
125515
125555
|
}
|
|
125516
125556
|
},
|
|
125517
|
-
"
|
|
125557
|
+
"parameters": [
|
|
125558
|
+
{
|
|
125559
|
+
"name": "index",
|
|
125560
|
+
"type": {
|
|
125561
|
+
"text": "number"
|
|
125562
|
+
},
|
|
125563
|
+
"description": "The index of the tab you want to enable."
|
|
125564
|
+
}
|
|
125565
|
+
],
|
|
125566
|
+
"description": "Enables a tab by index."
|
|
125518
125567
|
},
|
|
125519
125568
|
{
|
|
125520
|
-
"kind": "
|
|
125521
|
-
"name": "
|
|
125569
|
+
"kind": "method",
|
|
125570
|
+
"name": "activateTab",
|
|
125522
125571
|
"privacy": "public",
|
|
125523
|
-
"
|
|
125524
|
-
|
|
125525
|
-
|
|
125526
|
-
|
|
125527
|
-
},
|
|
125528
|
-
"attribute": "disabled",
|
|
125529
|
-
"reflects": true,
|
|
125530
|
-
"inheritedFrom": {
|
|
125531
|
-
"name": "SbbDisabledMixin",
|
|
125532
|
-
"module": "core/mixins/disabled-mixin.js"
|
|
125533
|
-
}
|
|
125534
|
-
},
|
|
125535
|
-
{
|
|
125536
|
-
"kind": "field",
|
|
125537
|
-
"name": "#disabled",
|
|
125538
|
-
"privacy": "private",
|
|
125539
|
-
"type": {
|
|
125540
|
-
"text": "boolean"
|
|
125572
|
+
"return": {
|
|
125573
|
+
"type": {
|
|
125574
|
+
"text": "void"
|
|
125575
|
+
}
|
|
125541
125576
|
},
|
|
125542
|
-
"
|
|
125543
|
-
|
|
125544
|
-
|
|
125545
|
-
|
|
125546
|
-
|
|
125577
|
+
"parameters": [
|
|
125578
|
+
{
|
|
125579
|
+
"name": "index",
|
|
125580
|
+
"type": {
|
|
125581
|
+
"text": "number"
|
|
125582
|
+
},
|
|
125583
|
+
"description": "The index of the tab you want to activate."
|
|
125584
|
+
}
|
|
125585
|
+
],
|
|
125586
|
+
"description": "Activates a tab by index."
|
|
125547
125587
|
},
|
|
125548
125588
|
{
|
|
125549
125589
|
"kind": "method",
|
|
125550
|
-
"name": "
|
|
125551
|
-
"privacy": "
|
|
125590
|
+
"name": "_enabledTabs",
|
|
125591
|
+
"privacy": "private",
|
|
125552
125592
|
"return": {
|
|
125553
125593
|
"type": {
|
|
125554
|
-
"text": "
|
|
125594
|
+
"text": "SbbTabLabelElement[]"
|
|
125555
125595
|
}
|
|
125556
|
-
},
|
|
125557
|
-
"description": "Will be used as 'or' check to the current disabled state.\nCan e.g. be used to read disabled state of a group.",
|
|
125558
|
-
"inheritedFrom": {
|
|
125559
|
-
"name": "SbbDisabledMixin",
|
|
125560
|
-
"module": "core/mixins/disabled-mixin.js"
|
|
125561
125596
|
}
|
|
125562
125597
|
},
|
|
125563
125598
|
{
|
|
125564
125599
|
"kind": "field",
|
|
125565
|
-
"name": "
|
|
125566
|
-
"
|
|
125567
|
-
|
|
125568
|
-
|
|
125569
|
-
"
|
|
125570
|
-
"
|
|
125571
|
-
"
|
|
125572
|
-
"attribute": "icon-name",
|
|
125573
|
-
"inheritedFrom": {
|
|
125574
|
-
"name": "SbbIconNameMixin",
|
|
125575
|
-
"module": "icon/icon-name-mixin.js"
|
|
125576
|
-
}
|
|
125600
|
+
"name": "_onContentSlotChange",
|
|
125601
|
+
"privacy": "private"
|
|
125602
|
+
},
|
|
125603
|
+
{
|
|
125604
|
+
"kind": "field",
|
|
125605
|
+
"name": "_onLabelSlotChange",
|
|
125606
|
+
"privacy": "private"
|
|
125577
125607
|
},
|
|
125578
125608
|
{
|
|
125579
125609
|
"kind": "method",
|
|
125580
|
-
"name": "
|
|
125581
|
-
"privacy": "
|
|
125610
|
+
"name": "_ensureActiveTab",
|
|
125611
|
+
"privacy": "private",
|
|
125582
125612
|
"return": {
|
|
125583
125613
|
"type": {
|
|
125584
|
-
"text": "
|
|
125614
|
+
"text": "void"
|
|
125585
125615
|
}
|
|
125586
|
-
}
|
|
125587
|
-
|
|
125588
|
-
|
|
125589
|
-
|
|
125590
|
-
|
|
125591
|
-
|
|
125592
|
-
|
|
125593
|
-
|
|
125616
|
+
}
|
|
125617
|
+
},
|
|
125618
|
+
{
|
|
125619
|
+
"kind": "method",
|
|
125620
|
+
"name": "_initSelection",
|
|
125621
|
+
"privacy": "private",
|
|
125622
|
+
"return": {
|
|
125623
|
+
"type": {
|
|
125624
|
+
"text": "void"
|
|
125594
125625
|
}
|
|
125595
|
-
],
|
|
125596
|
-
"inheritedFrom": {
|
|
125597
|
-
"name": "SbbIconNameMixin",
|
|
125598
|
-
"module": "icon/icon-name-mixin.js"
|
|
125599
125626
|
}
|
|
125600
125627
|
},
|
|
125601
125628
|
{
|
|
125602
125629
|
"kind": "method",
|
|
125603
|
-
"name": "
|
|
125604
|
-
"privacy": "
|
|
125630
|
+
"name": "_onTabGroupElementResize",
|
|
125631
|
+
"privacy": "private",
|
|
125605
125632
|
"return": {
|
|
125606
125633
|
"type": {
|
|
125607
|
-
"text": "
|
|
125634
|
+
"text": "void"
|
|
125608
125635
|
}
|
|
125609
|
-
},
|
|
125610
|
-
"inheritedFrom": {
|
|
125611
|
-
"name": "SbbIconNameMixin",
|
|
125612
|
-
"module": "icon/icon-name-mixin.js"
|
|
125613
125636
|
}
|
|
125614
125637
|
},
|
|
125615
125638
|
{
|
|
125616
125639
|
"kind": "method",
|
|
125617
|
-
"name": "
|
|
125640
|
+
"name": "_handleKeyDown",
|
|
125618
125641
|
"privacy": "private",
|
|
125619
125642
|
"return": {
|
|
125620
125643
|
"type": {
|
|
125621
|
-
"text": "
|
|
125644
|
+
"text": "void"
|
|
125622
125645
|
}
|
|
125623
125646
|
},
|
|
125624
|
-
"
|
|
125625
|
-
|
|
125626
|
-
|
|
125627
|
-
|
|
125647
|
+
"parameters": [
|
|
125648
|
+
{
|
|
125649
|
+
"name": "evt",
|
|
125650
|
+
"type": {
|
|
125651
|
+
"text": "KeyboardEvent"
|
|
125652
|
+
}
|
|
125653
|
+
}
|
|
125654
|
+
]
|
|
125628
125655
|
},
|
|
125629
125656
|
{
|
|
125630
125657
|
"kind": "field",
|
|
@@ -125732,86 +125759,59 @@
|
|
|
125732
125759
|
}
|
|
125733
125760
|
}
|
|
125734
125761
|
],
|
|
125735
|
-
"
|
|
125762
|
+
"events": [
|
|
125736
125763
|
{
|
|
125737
|
-
"name": "level",
|
|
125738
125764
|
"type": {
|
|
125739
|
-
"text": "
|
|
125765
|
+
"text": "CustomEvent<SbbTabChangedEventDetails>"
|
|
125740
125766
|
},
|
|
125741
|
-
"
|
|
125742
|
-
"
|
|
125743
|
-
|
|
125744
|
-
|
|
125767
|
+
"description": "The tabchange event is dispatched when a tab is selected.",
|
|
125768
|
+
"name": "tabchange"
|
|
125769
|
+
}
|
|
125770
|
+
],
|
|
125771
|
+
"attributes": [
|
|
125745
125772
|
{
|
|
125746
|
-
"name": "
|
|
125773
|
+
"name": "size",
|
|
125747
125774
|
"type": {
|
|
125748
|
-
"text": "
|
|
125775
|
+
"text": "'s' | 'l' | 'xl'"
|
|
125749
125776
|
},
|
|
125750
|
-
"
|
|
125751
|
-
"
|
|
125752
|
-
"fieldName": "
|
|
125777
|
+
"description": "Size variant, either s, l or xl.",
|
|
125778
|
+
"default": "'l' / 's' (lean)",
|
|
125779
|
+
"fieldName": "size"
|
|
125753
125780
|
},
|
|
125754
125781
|
{
|
|
125755
|
-
"name": "
|
|
125782
|
+
"name": "initial-selected-index",
|
|
125756
125783
|
"type": {
|
|
125757
|
-
"text": "
|
|
125784
|
+
"text": "number"
|
|
125758
125785
|
},
|
|
125759
|
-
"default": "
|
|
125760
|
-
"description": "
|
|
125761
|
-
"fieldName": "
|
|
125786
|
+
"default": "0",
|
|
125787
|
+
"description": "Sets the initial tab. If it matches a disabled tab or exceeds the length of\nthe tab group, the first enabled tab will be selected.",
|
|
125788
|
+
"fieldName": "initialSelectedIndex"
|
|
125762
125789
|
},
|
|
125763
125790
|
{
|
|
125764
|
-
"name": "
|
|
125765
|
-
"description": "Whether the component is disabled.",
|
|
125766
|
-
"default": "false",
|
|
125791
|
+
"name": "fixed-height",
|
|
125767
125792
|
"type": {
|
|
125768
125793
|
"text": "boolean"
|
|
125769
125794
|
},
|
|
125770
|
-
"
|
|
125771
|
-
"
|
|
125772
|
-
|
|
125773
|
-
"module": "core/mixins/disabled-mixin.js"
|
|
125774
|
-
}
|
|
125775
|
-
},
|
|
125776
|
-
{
|
|
125777
|
-
"name": "icon-name",
|
|
125778
|
-
"type": {
|
|
125779
|
-
"text": "string"
|
|
125780
|
-
},
|
|
125781
|
-
"default": "''",
|
|
125782
|
-
"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.",
|
|
125783
|
-
"fieldName": "iconName",
|
|
125784
|
-
"inheritedFrom": {
|
|
125785
|
-
"name": "SbbIconNameMixin",
|
|
125786
|
-
"module": "icon/icon-name-mixin.js"
|
|
125787
|
-
}
|
|
125788
|
-
}
|
|
125789
|
-
],
|
|
125790
|
-
"mixins": [
|
|
125791
|
-
{
|
|
125792
|
-
"name": "SbbDisabledMixin",
|
|
125793
|
-
"module": "core/mixins.js"
|
|
125794
|
-
},
|
|
125795
|
-
{
|
|
125796
|
-
"name": "SbbIconNameMixin",
|
|
125797
|
-
"module": "icon.pure.js"
|
|
125795
|
+
"default": "false",
|
|
125796
|
+
"description": "If set to true, the `sbb-tab` elements take 100% height of the `sbb-tab-group`.\nIt enables controlling the height on the `sbb-tab-group` element.\nThe content becomes scrollable on overflow.",
|
|
125797
|
+
"fieldName": "fixedHeight"
|
|
125798
125798
|
}
|
|
125799
125799
|
],
|
|
125800
125800
|
"superclass": {
|
|
125801
125801
|
"name": "SbbElement",
|
|
125802
125802
|
"module": "core/base-elements.js"
|
|
125803
125803
|
},
|
|
125804
|
-
"tagName": "sbb-tab-
|
|
125804
|
+
"tagName": "sbb-tab-group",
|
|
125805
125805
|
"customElement": true
|
|
125806
125806
|
}
|
|
125807
125807
|
],
|
|
125808
125808
|
"exports": [
|
|
125809
125809
|
{
|
|
125810
125810
|
"kind": "js",
|
|
125811
|
-
"name": "
|
|
125811
|
+
"name": "SbbTabGroupElement",
|
|
125812
125812
|
"declaration": {
|
|
125813
|
-
"name": "
|
|
125814
|
-
"module": "tabs/tab-
|
|
125813
|
+
"name": "SbbTabGroupElement",
|
|
125814
|
+
"module": "tabs/tab-group/tab-group.component.js"
|
|
125815
125815
|
}
|
|
125816
125816
|
}
|
|
125817
125817
|
]
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sbb-esta/lyne-elements-dev",
|
|
3
|
-
"version": "4.9.0-dev.
|
|
3
|
+
"version": "4.9.0-dev.1775178304",
|
|
4
4
|
"description": "Lyne Design System",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"design system",
|
|
7
7
|
"web components",
|
|
8
8
|
"lit",
|
|
9
|
-
"https://github.com/sbb-design-systems/lyne-components/commit/
|
|
9
|
+
"https://github.com/sbb-design-systems/lyne-components/commit/7eaffab7e3f967f2e44a7c444d98413ea903035e"
|
|
10
10
|
],
|
|
11
11
|
"type": "module",
|
|
12
12
|
"exports": {
|