@oicl/openbridge-webcomponents 2.0.0-next.153 → 2.0.0-next.155
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/bundle/openbridge-webcomponents.bundle.js +438 -238
- package/bundle/openbridge-webcomponents.bundle.js.map +1 -1
- package/custom-elements.json +260 -50
- package/dist/components/alert-list-details-experimental/alert-list-details-experimental.css.js +3 -7
- package/dist/components/alert-list-details-experimental/alert-list-details-experimental.css.js.map +1 -1
- package/dist/components/alert-list-details-experimental/alert-list-details-experimental.d.ts +133 -14
- package/dist/components/alert-list-details-experimental/alert-list-details-experimental.d.ts.map +1 -1
- package/dist/components/alert-list-details-experimental/alert-list-details-experimental.js +330 -233
- package/dist/components/alert-list-details-experimental/alert-list-details-experimental.js.map +1 -1
- package/dist/components/table/table.d.ts.map +1 -1
- package/dist/components/table/table.js +10 -2
- package/dist/components/table/table.js.map +1 -1
- package/dist/components/user-button/user-button.css.js +68 -1
- package/dist/components/user-button/user-button.css.js.map +1 -1
- package/dist/components/user-button/user-button.d.ts +12 -1
- package/dist/components/user-button/user-button.d.ts.map +1 -1
- package/dist/components/user-button/user-button.js +12 -3
- package/dist/components/user-button/user-button.js.map +1 -1
- package/dist/components/user-menu/user-menu.css.js +15 -0
- package/dist/components/user-menu/user-menu.css.js.map +1 -1
- package/dist/components/user-menu/user-menu.d.ts +30 -2
- package/dist/components/user-menu/user-menu.d.ts.map +1 -1
- package/dist/components/user-menu/user-menu.js +34 -2
- package/dist/components/user-menu/user-menu.js.map +1 -1
- package/dist/generated/locales/es-419.d.ts +1 -0
- package/dist/generated/locales/es-419.d.ts.map +1 -1
- package/dist/generated/locales/es-419.js +1 -0
- package/dist/generated/locales/es-419.js.map +1 -1
- package/dist/generated/locales/fi-FI.d.ts +1 -0
- package/dist/generated/locales/fi-FI.d.ts.map +1 -1
- package/dist/generated/locales/fi-FI.js +1 -0
- package/dist/generated/locales/fi-FI.js.map +1 -1
- package/package.json +2 -2
package/custom-elements.json
CHANGED
|
@@ -56962,16 +56962,23 @@
|
|
|
56962
56962
|
"declarations": [
|
|
56963
56963
|
{
|
|
56964
56964
|
"kind": "class",
|
|
56965
|
-
"description": "",
|
|
56965
|
+
"description": "`<obc-alert-list-details-experimental>` lists alerts in a table with\nconsumer-defined columns, grouping alerts through `memberOf`.\n\n## Features\n- **Columns:** `columns` sets which columns show and in what order. A data\n column renders each cell from `cell(alert)`; a slot column renders\n whatever the consumer places in the cell's slot.\n- **Column factories:** `statusColumn()`, `ackColumn()`, `timeColumn()` and\n `tagIdColumn()` build the standard data columns; each takes overrides\n such as `label`, `width` or `dividerRight`.\n- **Filter modes:** `filterMode` lists unacknowledged, all, shelved,\n blocked or rectified alerts, with an empty state per filter mode.\n- **Grouping:** an alert listing group ids in `memberOf` renders under each\n of those groups; groups nest and can be collapsed.\n- **Selection:** `selectedRowId` highlights one row. When a collapsed group\n hides it, the nearest visible group row is highlighted instead.\n\n## Usage Guidelines\n- Use a slot column when the cell content must be owned by the consumer,\n for example a button the application disables or removes later. Slotted\n content stays in the light DOM, so it can be looked up by id.\n- Slot names are `cell-<key>:<rowId>`. `cellSlots` lists every one, with its\n alert, row id and column key, and `cell-slots-change` fires when the list\n changes. The Svelte wrapper renders its `cell` snippet once per entry. An\n alert in two groups has two rows, so it gets two entries.\n- Without a wrapper, build the names from `getAlertRows(alerts, filterMode)`\n and `alertListCellSlotName(key, rowId)`, or read `cellSlots`.\n- Clicks on buttons, links and inputs in a cell do not fire `row-click`.\n- The consumer owns the selection: set `selectedRowId` from `row-click`, and\n set it to `undefined` on a second click to unselect. The list never changes\n it; clear it when the row is no longer in `getAlertRows(alerts, filterMode)`.\n\n## Example\n```html\n<obc-alert-list-details-experimental>\n <obc-button slot=\"cell-ack:radar\" id=\"ack-radar\">ACK</obc-button>\n</obc-alert-list-details-experimental>\n```\nwith `columns` set to `[statusColumn(), {key: 'ack', label: 'ACK-status', slot: true}]`.",
|
|
56966
56966
|
"name": "ObcAlertListDetailsExperimental",
|
|
56967
|
+
"slots": [
|
|
56968
|
+
{
|
|
56969
|
+
"description": "Content of the cell in slot column `<key>` for row `<rowId>`.",
|
|
56970
|
+
"name": "cell-<key>:<rowId>"
|
|
56971
|
+
}
|
|
56972
|
+
],
|
|
56967
56973
|
"members": [
|
|
56968
56974
|
{
|
|
56969
56975
|
"kind": "field",
|
|
56970
|
-
"name": "
|
|
56976
|
+
"name": "filterMode",
|
|
56971
56977
|
"type": {
|
|
56972
|
-
"text": "
|
|
56978
|
+
"text": "FilterModes"
|
|
56973
56979
|
},
|
|
56974
|
-
"
|
|
56980
|
+
"description": "Which alerts to list.",
|
|
56981
|
+
"attribute": "filterMode"
|
|
56975
56982
|
},
|
|
56976
56983
|
{
|
|
56977
56984
|
"kind": "field",
|
|
@@ -56980,47 +56987,44 @@
|
|
|
56980
56987
|
"text": "Alert[]"
|
|
56981
56988
|
},
|
|
56982
56989
|
"default": "[]",
|
|
56990
|
+
"description": "Alerts to list.",
|
|
56983
56991
|
"attribute": "alerts"
|
|
56984
56992
|
},
|
|
56985
56993
|
{
|
|
56986
56994
|
"kind": "field",
|
|
56987
|
-
"name": "
|
|
56995
|
+
"name": "columns",
|
|
56988
56996
|
"type": {
|
|
56989
|
-
"text": "
|
|
56997
|
+
"text": "AlertListColumn[]"
|
|
56990
56998
|
},
|
|
56991
|
-
"default": "
|
|
56992
|
-
"
|
|
56999
|
+
"default": "[ statusColumn(), ackColumn({dividerRight: true}), tagIdColumn(), ]",
|
|
57000
|
+
"description": "Columns in display order."
|
|
56993
57001
|
},
|
|
56994
57002
|
{
|
|
56995
57003
|
"kind": "field",
|
|
56996
|
-
"name": "
|
|
57004
|
+
"name": "showHeader",
|
|
56997
57005
|
"type": {
|
|
56998
|
-
"text": "
|
|
57006
|
+
"text": "boolean"
|
|
56999
57007
|
},
|
|
57000
|
-
"
|
|
57001
|
-
"description": "
|
|
57002
|
-
"availableWhenIf": {
|
|
57003
|
-
"arg": "showTime",
|
|
57004
|
-
"truthy": true
|
|
57005
|
-
}
|
|
57008
|
+
"default": "true",
|
|
57009
|
+
"description": "Whether to show the column header row."
|
|
57006
57010
|
},
|
|
57007
57011
|
{
|
|
57008
57012
|
"kind": "field",
|
|
57009
|
-
"name": "
|
|
57013
|
+
"name": "defaultExpanded",
|
|
57010
57014
|
"type": {
|
|
57011
57015
|
"text": "boolean"
|
|
57012
57016
|
},
|
|
57013
|
-
"default": "
|
|
57014
|
-
"
|
|
57017
|
+
"default": "true",
|
|
57018
|
+
"description": "Whether groups start expanded. Set false to open the list collapsed."
|
|
57015
57019
|
},
|
|
57016
57020
|
{
|
|
57017
57021
|
"kind": "field",
|
|
57018
|
-
"name": "
|
|
57022
|
+
"name": "selectedRowId",
|
|
57019
57023
|
"type": {
|
|
57020
|
-
"text": "
|
|
57024
|
+
"text": "string | undefined"
|
|
57021
57025
|
},
|
|
57022
|
-
"
|
|
57023
|
-
"
|
|
57026
|
+
"description": "Row id to highlight, as given by `row-click` or `getAlertRows()`. Nothing is highlighted when no row has this id.",
|
|
57027
|
+
"attribute": "selectedRowId"
|
|
57024
57028
|
},
|
|
57025
57029
|
{
|
|
57026
57030
|
"kind": "field",
|
|
@@ -57042,6 +57046,39 @@
|
|
|
57042
57046
|
"privacy": "private",
|
|
57043
57047
|
"default": "new Map<string, Alert>()"
|
|
57044
57048
|
},
|
|
57049
|
+
{
|
|
57050
|
+
"kind": "field",
|
|
57051
|
+
"name": "allRowIds",
|
|
57052
|
+
"privacy": "private",
|
|
57053
|
+
"default": "new Set<string>()"
|
|
57054
|
+
},
|
|
57055
|
+
{
|
|
57056
|
+
"kind": "field",
|
|
57057
|
+
"name": "_cellSlots",
|
|
57058
|
+
"type": {
|
|
57059
|
+
"text": "AlertListCellSlot[]"
|
|
57060
|
+
},
|
|
57061
|
+
"privacy": "private",
|
|
57062
|
+
"default": "[]"
|
|
57063
|
+
},
|
|
57064
|
+
{
|
|
57065
|
+
"kind": "field",
|
|
57066
|
+
"name": "cellSlotsChanged",
|
|
57067
|
+
"type": {
|
|
57068
|
+
"text": "boolean"
|
|
57069
|
+
},
|
|
57070
|
+
"privacy": "private",
|
|
57071
|
+
"default": "false"
|
|
57072
|
+
},
|
|
57073
|
+
{
|
|
57074
|
+
"kind": "field",
|
|
57075
|
+
"name": "cellSlots",
|
|
57076
|
+
"type": {
|
|
57077
|
+
"text": "AlertListCellSlot[]"
|
|
57078
|
+
},
|
|
57079
|
+
"description": "Slot of every cell in a slot column, rows in collapsed groups included.",
|
|
57080
|
+
"readonly": true
|
|
57081
|
+
},
|
|
57045
57082
|
{
|
|
57046
57083
|
"kind": "method",
|
|
57047
57084
|
"name": "getVisibleAlerts",
|
|
@@ -57104,21 +57141,49 @@
|
|
|
57104
57141
|
}
|
|
57105
57142
|
]
|
|
57106
57143
|
},
|
|
57144
|
+
{
|
|
57145
|
+
"kind": "method",
|
|
57146
|
+
"name": "compareRows",
|
|
57147
|
+
"privacy": "private",
|
|
57148
|
+
"parameters": [
|
|
57149
|
+
{
|
|
57150
|
+
"name": "compare",
|
|
57151
|
+
"type": {
|
|
57152
|
+
"text": "(a: Alert, b: Alert) => number"
|
|
57153
|
+
}
|
|
57154
|
+
},
|
|
57155
|
+
{
|
|
57156
|
+
"name": "aRow",
|
|
57157
|
+
"type": {
|
|
57158
|
+
"text": "ObcTableRow"
|
|
57159
|
+
}
|
|
57160
|
+
},
|
|
57161
|
+
{
|
|
57162
|
+
"name": "bRow",
|
|
57163
|
+
"type": {
|
|
57164
|
+
"text": "ObcTableRow"
|
|
57165
|
+
}
|
|
57166
|
+
}
|
|
57167
|
+
]
|
|
57168
|
+
},
|
|
57107
57169
|
{
|
|
57108
57170
|
"kind": "field",
|
|
57109
|
-
"name": "
|
|
57171
|
+
"name": "tableColumns",
|
|
57172
|
+
"type": {
|
|
57173
|
+
"text": "ObcTableColumn[]"
|
|
57174
|
+
},
|
|
57110
57175
|
"privacy": "private",
|
|
57111
57176
|
"readonly": true
|
|
57112
57177
|
},
|
|
57113
57178
|
{
|
|
57114
57179
|
"kind": "field",
|
|
57115
|
-
"name": "
|
|
57180
|
+
"name": "gridColumns",
|
|
57116
57181
|
"privacy": "private",
|
|
57117
57182
|
"readonly": true
|
|
57118
57183
|
},
|
|
57119
57184
|
{
|
|
57120
57185
|
"kind": "field",
|
|
57121
|
-
"name": "
|
|
57186
|
+
"name": "metadata",
|
|
57122
57187
|
"privacy": "private",
|
|
57123
57188
|
"readonly": true
|
|
57124
57189
|
},
|
|
@@ -57132,6 +57197,17 @@
|
|
|
57132
57197
|
}
|
|
57133
57198
|
}
|
|
57134
57199
|
},
|
|
57200
|
+
{
|
|
57201
|
+
"kind": "method",
|
|
57202
|
+
"name": "highlightedRowId",
|
|
57203
|
+
"privacy": "private",
|
|
57204
|
+
"return": {
|
|
57205
|
+
"type": {
|
|
57206
|
+
"text": "string | undefined"
|
|
57207
|
+
}
|
|
57208
|
+
},
|
|
57209
|
+
"description": "The selected row, or the nearest visible group row when a collapsed group hides it."
|
|
57210
|
+
},
|
|
57135
57211
|
{
|
|
57136
57212
|
"kind": "method",
|
|
57137
57213
|
"name": "buildRowCells",
|
|
@@ -57149,15 +57225,28 @@
|
|
|
57149
57225
|
}
|
|
57150
57226
|
}
|
|
57151
57227
|
]
|
|
57228
|
+
},
|
|
57229
|
+
{
|
|
57230
|
+
"kind": "method",
|
|
57231
|
+
"name": "slotNames",
|
|
57232
|
+
"privacy": "private",
|
|
57233
|
+
"parameters": [
|
|
57234
|
+
{
|
|
57235
|
+
"name": "rows",
|
|
57236
|
+
"type": {
|
|
57237
|
+
"text": "ObcTableRow[]"
|
|
57238
|
+
}
|
|
57239
|
+
}
|
|
57240
|
+
]
|
|
57152
57241
|
}
|
|
57153
57242
|
],
|
|
57154
57243
|
"events": [
|
|
57155
57244
|
{
|
|
57156
57245
|
"type": {
|
|
57157
|
-
"text": "
|
|
57246
|
+
"text": "ObcAlertListCellClickEvent"
|
|
57158
57247
|
},
|
|
57159
|
-
"description": "Fired when the user clicks the
|
|
57160
|
-
"name": "
|
|
57248
|
+
"description": "Fired when the user clicks a button rendered by a data column, such as the one from `ackColumn()`.",
|
|
57249
|
+
"name": "cell-click"
|
|
57161
57250
|
},
|
|
57162
57251
|
{
|
|
57163
57252
|
"type": {
|
|
@@ -57165,15 +57254,23 @@
|
|
|
57165
57254
|
},
|
|
57166
57255
|
"description": "Fired when the user clicks a row.",
|
|
57167
57256
|
"name": "row-click"
|
|
57257
|
+
},
|
|
57258
|
+
{
|
|
57259
|
+
"type": {
|
|
57260
|
+
"text": "ObcAlertListCellSlotsChangeEvent"
|
|
57261
|
+
},
|
|
57262
|
+
"description": "Fired when `cellSlots` changes; the detail is the new list.",
|
|
57263
|
+
"name": "cell-slots-change"
|
|
57168
57264
|
}
|
|
57169
57265
|
],
|
|
57170
57266
|
"attributes": [
|
|
57171
57267
|
{
|
|
57172
|
-
"name": "
|
|
57268
|
+
"name": "filterMode",
|
|
57173
57269
|
"type": {
|
|
57174
|
-
"text": "
|
|
57270
|
+
"text": "FilterModes"
|
|
57175
57271
|
},
|
|
57176
|
-
"
|
|
57272
|
+
"description": "Which alerts to list.",
|
|
57273
|
+
"fieldName": "filterMode"
|
|
57177
57274
|
},
|
|
57178
57275
|
{
|
|
57179
57276
|
"name": "alerts",
|
|
@@ -57181,23 +57278,16 @@
|
|
|
57181
57278
|
"text": "Alert[]"
|
|
57182
57279
|
},
|
|
57183
57280
|
"default": "[]",
|
|
57281
|
+
"description": "Alerts to list.",
|
|
57184
57282
|
"fieldName": "alerts"
|
|
57185
57283
|
},
|
|
57186
57284
|
{
|
|
57187
|
-
"name": "
|
|
57188
|
-
"type": {
|
|
57189
|
-
"text": "boolean"
|
|
57190
|
-
},
|
|
57191
|
-
"default": "false",
|
|
57192
|
-
"fieldName": "showTime"
|
|
57193
|
-
},
|
|
57194
|
-
{
|
|
57195
|
-
"name": "small",
|
|
57285
|
+
"name": "selectedRowId",
|
|
57196
57286
|
"type": {
|
|
57197
|
-
"text": "
|
|
57287
|
+
"text": "string | undefined"
|
|
57198
57288
|
},
|
|
57199
|
-
"
|
|
57200
|
-
"fieldName": "
|
|
57289
|
+
"description": "Row id to highlight, as given by `row-click` or `getAlertRows()`. Nothing is highlighted when no row has this id.",
|
|
57290
|
+
"fieldName": "selectedRowId"
|
|
57201
57291
|
}
|
|
57202
57292
|
],
|
|
57203
57293
|
"superclass": {
|
|
@@ -57211,9 +57301,9 @@
|
|
|
57211
57301
|
"exports": [
|
|
57212
57302
|
{
|
|
57213
57303
|
"kind": "js",
|
|
57214
|
-
"name": "
|
|
57304
|
+
"name": "getFilterModeData",
|
|
57215
57305
|
"declaration": {
|
|
57216
|
-
"name": "
|
|
57306
|
+
"name": "getFilterModeData",
|
|
57217
57307
|
"module": "src/components/alert-list-details-experimental/alert-list-details-experimental.ts"
|
|
57218
57308
|
}
|
|
57219
57309
|
},
|
|
@@ -57225,6 +57315,54 @@
|
|
|
57225
57315
|
"module": "src/components/alert-list-details-experimental/alert-list-details-experimental.ts"
|
|
57226
57316
|
}
|
|
57227
57317
|
},
|
|
57318
|
+
{
|
|
57319
|
+
"kind": "js",
|
|
57320
|
+
"name": "alertListCellSlotName",
|
|
57321
|
+
"declaration": {
|
|
57322
|
+
"name": "alertListCellSlotName",
|
|
57323
|
+
"module": "src/components/alert-list-details-experimental/alert-list-details-experimental.ts"
|
|
57324
|
+
}
|
|
57325
|
+
},
|
|
57326
|
+
{
|
|
57327
|
+
"kind": "js",
|
|
57328
|
+
"name": "statusColumn",
|
|
57329
|
+
"declaration": {
|
|
57330
|
+
"name": "statusColumn",
|
|
57331
|
+
"module": "src/components/alert-list-details-experimental/alert-list-details-experimental.ts"
|
|
57332
|
+
}
|
|
57333
|
+
},
|
|
57334
|
+
{
|
|
57335
|
+
"kind": "js",
|
|
57336
|
+
"name": "ackColumn",
|
|
57337
|
+
"declaration": {
|
|
57338
|
+
"name": "ackColumn",
|
|
57339
|
+
"module": "src/components/alert-list-details-experimental/alert-list-details-experimental.ts"
|
|
57340
|
+
}
|
|
57341
|
+
},
|
|
57342
|
+
{
|
|
57343
|
+
"kind": "js",
|
|
57344
|
+
"name": "timeColumn",
|
|
57345
|
+
"declaration": {
|
|
57346
|
+
"name": "timeColumn",
|
|
57347
|
+
"module": "src/components/alert-list-details-experimental/alert-list-details-experimental.ts"
|
|
57348
|
+
}
|
|
57349
|
+
},
|
|
57350
|
+
{
|
|
57351
|
+
"kind": "js",
|
|
57352
|
+
"name": "tagIdColumn",
|
|
57353
|
+
"declaration": {
|
|
57354
|
+
"name": "tagIdColumn",
|
|
57355
|
+
"module": "src/components/alert-list-details-experimental/alert-list-details-experimental.ts"
|
|
57356
|
+
}
|
|
57357
|
+
},
|
|
57358
|
+
{
|
|
57359
|
+
"kind": "js",
|
|
57360
|
+
"name": "getAlertRows",
|
|
57361
|
+
"declaration": {
|
|
57362
|
+
"name": "getAlertRows",
|
|
57363
|
+
"module": "src/components/alert-list-details-experimental/alert-list-details-experimental.ts"
|
|
57364
|
+
}
|
|
57365
|
+
},
|
|
57228
57366
|
{
|
|
57229
57367
|
"kind": "js",
|
|
57230
57368
|
"name": "ObcAlertListDetailsExperimental",
|
|
@@ -80874,6 +81012,12 @@
|
|
|
80874
81012
|
"name": "_handleRowClick",
|
|
80875
81013
|
"privacy": "private",
|
|
80876
81014
|
"parameters": [
|
|
81015
|
+
{
|
|
81016
|
+
"name": "event",
|
|
81017
|
+
"type": {
|
|
81018
|
+
"text": "MouseEvent"
|
|
81019
|
+
}
|
|
81020
|
+
},
|
|
80877
81021
|
{
|
|
80878
81022
|
"name": "row",
|
|
80879
81023
|
"type": {
|
|
@@ -86947,7 +87091,7 @@
|
|
|
86947
87091
|
"declarations": [
|
|
86948
87092
|
{
|
|
86949
87093
|
"kind": "class",
|
|
86950
|
-
"description": "`obc-user-button` – A compact, circular button for representing a user via icon or initials.\n\nDisplays either a user icon or user initials inside a circular button, with optional label text. Commonly used for user profile access, account switching, or avatar actions in toolbars and navigation. The button supports multiple visual styles and can be rendered as a static (non-interactive) element.\n\nAppears as a button by default, but switches to a non-interactive div when the `static` property is set.\n\n## Features\n- **Variants:**\n - `icon`: Shows a user icon (default, fallback if initials are invalid or missing).\n - `initials`: Shows up to two uppercase initials (falls back to icon if input is empty or longer than two characters).\n- **Style Types:**\n - `flat`: Minimal, flat appearance (default).\n - `normal`: Outlined with background and border.\n - `selected`: Highlighted to indicate selection or active state.\n- **Static Mode:**\n - Set `static` to render as a non-interactive element for use in read-only or decorative contexts.\n- **Disabled State:**\n - Set `disabled` to visually and functionally disable the button.\n- **Custom Icon Slot:**\n - Provide a custom icon via the `icon` slot when using the `icon` variant.\n- **Label Support:**\n - Optional `label` property displays text next to the button (not shown in static mode).\n\n## Usage Guidelines\nUse `obc-user-button` to represent a user in navigation bars, toolbars, or menus where a compact, recognizable user indicator is needed. Ideal for profile menus, account switching, or user-related quick actions.\n- Use the `icon` variant for generic user representation, or when no initials are available.\n- Use the `initials` variant to personalize the button with user initials (max two characters).\n- Use `styleType=\"selected\"` to indicate the current user or active selection.\n- Use `static` for non-interactive displays, such as in lists or summaries.\n- Avoid using for critical actions or as a replacement for full user profile cards.\n\n**TODO(designer):** Confirm if there are recommended scenarios for when to use `flat`, `normal`, or `selected` style types, and if there are accessibility guidelines for initials fallback.\n\n## Slots\n\n| Slot Name | Renders When... | Purpose |\n|-----------|-----------------|---------|\n| `icon` | `variant=\"icon\"` | Custom icon to display instead of the default user icon. |\n\n## Best Practices & Constraints\n- Initials longer than two characters are truncated and a warning is logged.\n- If `initials` is empty or invalid, the button falls back to the user icon.\n- The `label` is only visible when the button is interactive (not static).\n- For accessibility, the button
|
|
87094
|
+
"description": "`obc-user-button` – A compact, circular button for representing a user via icon or initials.\n\nDisplays either a user icon or user initials inside a circular button, with optional label text. Commonly used for user profile access, account switching, or avatar actions in toolbars and navigation. The button supports multiple visual styles and can be rendered as a static (non-interactive) element.\n\nAppears as a button by default, but switches to a non-interactive div when the `static` property is set.\n\n## Features\n- **Variants:**\n - `icon`: Shows a user icon (default, fallback if initials are invalid or missing).\n - `initials`: Shows up to two uppercase initials (falls back to icon if input is empty or longer than two characters).\n- **Style Types:**\n - `flat`: Minimal, flat appearance (default).\n - `normal`: Outlined with background and border.\n - `selected`: Highlighted to indicate selection or active state.\n- **Static Mode:**\n - Set `static` to render as a non-interactive element for use in read-only or decorative contexts.\n- **Disabled State:**\n - Set `disabled` to visually and functionally disable the button.\n- **Custom Icon Slot:**\n - Provide a custom icon via the `icon` slot when using the `icon` variant.\n- **Label Support:**\n - Optional `label` property displays text next to the button (not shown in static mode).\n - Optional `sublabel` adds a second, lighter line under the label, for a\n secondary detail such as the user's role.\n\n## Usage Guidelines\nUse `obc-user-button` to represent a user in navigation bars, toolbars, or menus where a compact, recognizable user indicator is needed. Ideal for profile menus, account switching, or user-related quick actions.\n- Use the `icon` variant for generic user representation, or when no initials are available.\n- Use the `initials` variant to personalize the button with user initials (max two characters).\n- Use `styleType=\"selected\"` to indicate the current user or active selection.\n- Use `static` for non-interactive displays, such as in lists or summaries.\n- Avoid using for critical actions or as a replacement for full user profile cards.\n\n**TODO(designer):** Confirm if there are recommended scenarios for when to use `flat`, `normal`, or `selected` style types, and if there are accessibility guidelines for initials fallback.\n\n## Slots\n\n| Slot Name | Renders When... | Purpose |\n|-----------|-----------------|---------|\n| `icon` | `variant=\"icon\"` | Custom icon to display instead of the default user icon. |\n\n## Best Practices & Constraints\n- Initials longer than two characters are truncated and a warning is logged.\n- If `initials` is empty or invalid, the button falls back to the user icon.\n- The `label` is only visible when the button is interactive (not static).\n- For accessibility, the button is named after its visible text — `label` and\n `sublabel` — falling back to the initials when it shows no text.\n- Only use the `static` property for non-interactive contexts; otherwise, the button is clickable.\n\n## Example:\n```html\n<obc-user-button variant=\"initials\" initials=\"JD\" styleType=\"normal\" label=\"John Doe\"></obc-user-button>\n<obc-user-button variant=\"icon\" styleType=\"flat\">\n <obi-placeholder slot=\"icon\"></obi-placeholder>\n</obc-user-button>\n```",
|
|
86951
87095
|
"name": "ObcUserButton",
|
|
86952
87096
|
"slots": [
|
|
86953
87097
|
{
|
|
@@ -87031,6 +87175,20 @@
|
|
|
87031
87175
|
"truthy": false
|
|
87032
87176
|
}
|
|
87033
87177
|
},
|
|
87178
|
+
{
|
|
87179
|
+
"kind": "field",
|
|
87180
|
+
"name": "sublabel",
|
|
87181
|
+
"type": {
|
|
87182
|
+
"text": "string | undefined"
|
|
87183
|
+
},
|
|
87184
|
+
"description": "Optional second line under the label, for a secondary detail such as a role (not shown in static mode).\n\nAvailable when `static==false`.",
|
|
87185
|
+
"attribute": "sublabel",
|
|
87186
|
+
"availableWhen": "static==false",
|
|
87187
|
+
"availableWhenIf": {
|
|
87188
|
+
"arg": "static",
|
|
87189
|
+
"truthy": false
|
|
87190
|
+
}
|
|
87191
|
+
},
|
|
87034
87192
|
{
|
|
87035
87193
|
"kind": "field",
|
|
87036
87194
|
"name": "formattedInitials",
|
|
@@ -87102,6 +87260,14 @@
|
|
|
87102
87260
|
},
|
|
87103
87261
|
"description": "Optional label text to display next to the button (not shown in static mode).\n\nAvailable when `static==false`.",
|
|
87104
87262
|
"fieldName": "label"
|
|
87263
|
+
},
|
|
87264
|
+
{
|
|
87265
|
+
"name": "sublabel",
|
|
87266
|
+
"type": {
|
|
87267
|
+
"text": "string | undefined"
|
|
87268
|
+
},
|
|
87269
|
+
"description": "Optional second line under the label, for a secondary detail such as a role (not shown in static mode).\n\nAvailable when `static==false`.",
|
|
87270
|
+
"fieldName": "sublabel"
|
|
87105
87271
|
}
|
|
87106
87272
|
],
|
|
87107
87273
|
"superclass": {
|
|
@@ -87137,7 +87303,7 @@
|
|
|
87137
87303
|
"declarations": [
|
|
87138
87304
|
{
|
|
87139
87305
|
"kind": "class",
|
|
87140
|
-
"description": "`<obc-user-menu>` – A user menu component with sign-in and signed-in layouts.\n\nProvides multiple layouts for authentication and account access states, including\nsign-in forms, user-specific sign-in, loading states, and signed-in navigation.\n\n### Features\n- **Multiple States:** Supports sign-in, user sign-in, loading, and signed-in layouts.\n- **Size Options:** Regular and small sizes for compact layouts.\n- **Recent Users:** Optional \"Recently signed in\" section for quick access.\n- **Navigation Actions:** Signed-in state lists the actions it is given.\n\n### Variants\n- `type`: `sign-in`, `user-sign-in`, `loading-sign-in`, `signed-in`\n- `size`: `regular`, `small`\n\n### Usage Guidelines\nUse `obc-user-menu` in authentication or account panels where quick access to\nsign-in, profile, or account actions is needed. The `user-sign-in` type is\nbest for fast re-auth flows; `loading-sign-in` is for pending auth states.\n\n### Properties and Configuration\n- `type` (`ObcUserMenuType`): Controls the layout state. Defaults to `sign-in`.\n- `size` (`ObcUserMenuSize`): Controls the overall size. Defaults to `regular`.\n- `hasRecentlySignedIn` (`boolean`): Toggles the recent users section.\n Defaults to `false`.\n- `showUsername` (`boolean`): Toggles the username field. Defaults to `true`.\n- `showPassword` (`boolean`): Toggles the password field. Defaults to `true`.\n- `username` (`string`): Current username value for sign-in layouts.\n- `password` (`string`): Current password value for sign-in layouts.\n- `usernameError` (`string`): Error message for the username field.\n- `passwordError` (`string`): Error message for the password field.\n- `userInitials` (`string`): Initials for the primary user profile.\n- `userLabel` (`string`): Label for the primary user profile.\n- `recentUsers` (`ObcUserMenuUser[]`): List of recent users shown in the\n \"Recently signed in\" section. Empty renders no section
|
|
87306
|
+
"description": "`<obc-user-menu>` – A user menu component with sign-in and signed-in layouts.\n\nProvides multiple layouts for authentication and account access states, including\nsign-in forms, user-specific sign-in, loading states, and signed-in navigation.\n\n### Features\n- **Multiple States:** Supports sign-in, user sign-in, loading, and signed-in layouts.\n- **Size Options:** Regular and small sizes for compact layouts.\n- **Recent Users:** Optional \"Recently signed in\" section for quick access.\n- **Navigation Actions:** Signed-in state lists the actions it is given.\n\n### Variants\n- `type`: `sign-in`, `user-sign-in`, `loading-sign-in`, `signed-in`\n- `size`: `regular`, `small`\n\n### Usage Guidelines\nUse `obc-user-menu` in authentication or account panels where quick access to\nsign-in, profile, or account actions is needed. The `user-sign-in` type is\nbest for fast re-auth flows; `loading-sign-in` is for pending auth states.\n\n### Properties and Configuration\n- `type` (`ObcUserMenuType`): Controls the layout state. Defaults to `sign-in`.\n- `size` (`ObcUserMenuSize`): Controls the overall size. Defaults to `regular`.\n- `hasRecentlySignedIn` (`boolean`): Toggles the recent users section.\n Defaults to `false`.\n- `showUsername` (`boolean`): Toggles the username field. Defaults to `true`.\n- `showPassword` (`boolean`): Toggles the password field. Defaults to `true`.\n- `username` (`string`): Current username value for sign-in layouts.\n- `password` (`string`): Current password value for sign-in layouts.\n- `usernameError` (`string`): Error message for the username field.\n- `passwordError` (`string`): Error message for the password field.\n- `userInitials` (`string`): Initials for the primary user profile.\n- `userLabel` (`string`): Label for the primary user profile.\n- `userRole` (`string`): Role shown under the primary user's label. Omit it\n to show no role; only the regular size draws one.\n- `recentUsers` (`ObcUserMenuUser[]`): List of recent users shown in the\n \"Recently signed in\" section. Empty renders no section. Each user may\n carry its own `role`.\n- `showUseAnotherAccount` (`boolean`): Toggles the \"Use another account\"\n button in the `user-sign-in` layouts, both sizes. Defaults to `true`.\n- `signedInActions` (`ObcUserMenuSignedInAction[]`): Actions shown in the\n signed-in navigation list. Empty renders no actions.\n- `primaryActionId` (`string`): Id of the action promoted to a button in the\n small signed-in layout.\n\n### Events\n- `sign-in-click` – Fired when a sign-in button is clicked.\n- `sign-out-click` – Fired when the sign-out button is clicked.\n- `use-another-account-click` – Fired when the \"Use another account\" button\n is clicked. The menu does not change its own type; set it to `sign-in` in\n the handler to show the full form.\n- `signed-in-action-click` – Fired when a signed-in action is clicked.\n- `recent-user-click` – Fired when a recent user button is clicked.\n\n### Slots\n- `signed-in-action-icon-{id}`: Optional icon for a signed-in action. The\n `{id}` is the normalized action id.\n\n### Example\n```html\n<obc-user-menu\n type=\"user-sign-in\"\n size=\"small\"\n hasRecentlySignedIn=\"false\"\n userInitials=\"JD\"\n userLabel=\"John Doe\"\n></obc-user-menu>\n```",
|
|
87141
87307
|
"name": "ObcUserMenu",
|
|
87142
87308
|
"slots": [
|
|
87143
87309
|
{
|
|
@@ -87275,6 +87441,16 @@
|
|
|
87275
87441
|
"neq": "sign-in"
|
|
87276
87442
|
}
|
|
87277
87443
|
},
|
|
87444
|
+
{
|
|
87445
|
+
"kind": "field",
|
|
87446
|
+
"name": "userRole",
|
|
87447
|
+
"type": {
|
|
87448
|
+
"text": "string | undefined"
|
|
87449
|
+
},
|
|
87450
|
+
"description": "Role shown under the primary user's label; omit it to show no role.\n\nAvailable when `type!=signIn && size==regular`.",
|
|
87451
|
+
"attribute": "userRole",
|
|
87452
|
+
"availableWhen": "type!=signIn && size==regular"
|
|
87453
|
+
},
|
|
87278
87454
|
{
|
|
87279
87455
|
"kind": "field",
|
|
87280
87456
|
"name": "recentUsers",
|
|
@@ -87308,6 +87484,20 @@
|
|
|
87308
87484
|
"attribute": "primaryActionId",
|
|
87309
87485
|
"availableWhen": "type==signedIn && size==small"
|
|
87310
87486
|
},
|
|
87487
|
+
{
|
|
87488
|
+
"kind": "field",
|
|
87489
|
+
"name": "showUseAnotherAccount",
|
|
87490
|
+
"type": {
|
|
87491
|
+
"text": "boolean"
|
|
87492
|
+
},
|
|
87493
|
+
"default": "true",
|
|
87494
|
+
"description": "Controls the visibility of the \"Use another account\" button.\n\nAvailable when `type==userSignIn`.",
|
|
87495
|
+
"availableWhen": "type==userSignIn",
|
|
87496
|
+
"availableWhenIf": {
|
|
87497
|
+
"arg": "type",
|
|
87498
|
+
"eq": "user-sign-in"
|
|
87499
|
+
}
|
|
87500
|
+
},
|
|
87311
87501
|
{
|
|
87312
87502
|
"kind": "field",
|
|
87313
87503
|
"name": "showRecentUsers",
|
|
@@ -87480,6 +87670,11 @@
|
|
|
87480
87670
|
"name": "handleSignOutClick",
|
|
87481
87671
|
"privacy": "private"
|
|
87482
87672
|
},
|
|
87673
|
+
{
|
|
87674
|
+
"kind": "method",
|
|
87675
|
+
"name": "handleUseAnotherAccountClick",
|
|
87676
|
+
"privacy": "private"
|
|
87677
|
+
},
|
|
87483
87678
|
{
|
|
87484
87679
|
"kind": "method",
|
|
87485
87680
|
"name": "renderSignIn",
|
|
@@ -87532,9 +87727,9 @@
|
|
|
87532
87727
|
{
|
|
87533
87728
|
"name": "recent-user-click",
|
|
87534
87729
|
"type": {
|
|
87535
|
-
"text": "
|
|
87730
|
+
"text": "ObcUserMenuRecentUserClickEvent"
|
|
87536
87731
|
},
|
|
87537
|
-
"description": "Fired when a recent user button is clicked."
|
|
87732
|
+
"description": "Fired when a recent user button is clicked, carrying that user's entry."
|
|
87538
87733
|
},
|
|
87539
87734
|
{
|
|
87540
87735
|
"name": "sign-in-click",
|
|
@@ -87549,6 +87744,13 @@
|
|
|
87549
87744
|
"text": "CustomEvent<void>"
|
|
87550
87745
|
},
|
|
87551
87746
|
"description": "Fired when the sign-out button is clicked."
|
|
87747
|
+
},
|
|
87748
|
+
{
|
|
87749
|
+
"name": "use-another-account-click",
|
|
87750
|
+
"type": {
|
|
87751
|
+
"text": "CustomEvent<void>"
|
|
87752
|
+
},
|
|
87753
|
+
"description": "Fired when the \"Use another account\" button is clicked."
|
|
87552
87754
|
}
|
|
87553
87755
|
],
|
|
87554
87756
|
"attributes": [
|
|
@@ -87629,6 +87831,14 @@
|
|
|
87629
87831
|
"description": "Label for the primary user profile.\n\nAvailable when `type!=signIn`.",
|
|
87630
87832
|
"fieldName": "userLabel"
|
|
87631
87833
|
},
|
|
87834
|
+
{
|
|
87835
|
+
"name": "userRole",
|
|
87836
|
+
"type": {
|
|
87837
|
+
"text": "string | undefined"
|
|
87838
|
+
},
|
|
87839
|
+
"description": "Role shown under the primary user's label; omit it to show no role.\n\nAvailable when `type!=signIn && size==regular`.",
|
|
87840
|
+
"fieldName": "userRole"
|
|
87841
|
+
},
|
|
87632
87842
|
{
|
|
87633
87843
|
"name": "primaryActionId",
|
|
87634
87844
|
"type": {
|
package/dist/components/alert-list-details-experimental/alert-list-details-experimental.css.js
CHANGED
|
@@ -14,6 +14,7 @@ const compentStyle = css`* {
|
|
|
14
14
|
.alert-list {
|
|
15
15
|
min-height: 0;
|
|
16
16
|
flex-grow: 0;
|
|
17
|
+
--alert-list-grid-columns: 1fr;
|
|
17
18
|
}
|
|
18
19
|
|
|
19
20
|
.spacer {
|
|
@@ -38,13 +39,8 @@ const compentStyle = css`* {
|
|
|
38
39
|
}
|
|
39
40
|
|
|
40
41
|
obc-table::part(grid) {
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
.wrapper.small obc-table::part(grid) {
|
|
45
|
-
grid-template-columns: 1fr min-content var(
|
|
46
|
-
--app-components-alert-table-row-ack-container-width-small
|
|
47
|
-
);
|
|
42
|
+
/* set from columns[].width */
|
|
43
|
+
grid-template-columns: var(--alert-list-grid-columns);
|
|
48
44
|
}
|
|
49
45
|
|
|
50
46
|
.empty-list {
|
package/dist/components/alert-list-details-experimental/alert-list-details-experimental.css.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert-list-details-experimental.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"alert-list-details-experimental.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|