@oicl/openbridge-webcomponents 0.0.9 → 0.0.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (68) hide show
  1. package/.release-it.json +1 -1
  2. package/.storybook/preview.ts +0 -1
  3. package/CHANGELOG.md +53 -1
  4. package/__snapshots__/application-topbar--inactive.png +0 -0
  5. package/__snapshots__/button-button--raised-disabled.png +0 -0
  6. package/__snapshots__/input-slider--no-icons.png +0 -0
  7. package/__snapshots__/input-slider--no-value.png +0 -0
  8. package/__snapshots__/line-corner-line--primary.png +0 -0
  9. package/__snapshots__/line-example--air.png +0 -0
  10. package/__snapshots__/line-example--connector.png +0 -0
  11. package/__snapshots__/line-example--electric.png +0 -0
  12. package/__snapshots__/line-example--fluid.png +0 -0
  13. package/__snapshots__/line-horizontal-line--primary.png +0 -0
  14. package/__snapshots__/line-vertical-line--complex.png +0 -0
  15. package/__snapshots__/line-vertical-line--primary.png +0 -0
  16. package/custom-elements.json +628 -263
  17. package/dist/automation/corner-line/corner-line.d.ts +22 -0
  18. package/dist/automation/corner-line/corner-line.d.ts.map +1 -0
  19. package/dist/automation/corner-line/corner-line.js +161 -0
  20. package/dist/automation/corner-line/corner-line.js.map +1 -0
  21. package/dist/automation/horizontal-line/horizontal-line.d.ts +15 -0
  22. package/dist/automation/horizontal-line/horizontal-line.d.ts.map +1 -0
  23. package/dist/automation/horizontal-line/horizontal-line.js +110 -0
  24. package/dist/automation/horizontal-line/horizontal-line.js.map +1 -0
  25. package/dist/automation/index.d.ts +20 -0
  26. package/dist/automation/index.d.ts.map +1 -0
  27. package/dist/automation/index.js +42 -0
  28. package/dist/automation/index.js.map +1 -0
  29. package/dist/automation/vertical-line/vertical-line.d.ts +15 -0
  30. package/dist/automation/vertical-line/vertical-line.d.ts.map +1 -0
  31. package/dist/automation/vertical-line/vertical-line.js +111 -0
  32. package/dist/automation/vertical-line/vertical-line.js.map +1 -0
  33. package/dist/components/brilliance-menu/brilliance-menu.d.ts.map +1 -1
  34. package/dist/components/brilliance-menu/brilliance-menu.js +2 -0
  35. package/dist/components/brilliance-menu/brilliance-menu.js.map +1 -1
  36. package/dist/components/slider/slider.css.js +20 -0
  37. package/dist/components/slider/slider.css.js.map +1 -1
  38. package/dist/components/slider/slider.d.ts +8 -0
  39. package/dist/components/slider/slider.d.ts.map +1 -1
  40. package/dist/components/slider/slider.js +44 -18
  41. package/dist/components/slider/slider.js.map +1 -1
  42. package/dist/components/top-bar/top-bar.css.js +5 -1
  43. package/dist/components/top-bar/top-bar.css.js.map +1 -1
  44. package/dist/components/top-bar/top-bar.d.ts.map +1 -1
  45. package/dist/components/top-bar/top-bar.js +8 -8
  46. package/dist/components/top-bar/top-bar.js.map +1 -1
  47. package/package.json +18 -25
  48. package/src/automation/corner-line/corner-line.stories.ts +31 -0
  49. package/src/automation/corner-line/corner-line.ts +167 -0
  50. package/src/automation/horizontal-line/horizontal-line.stories.ts +28 -0
  51. package/src/automation/horizontal-line/horizontal-line.ts +100 -0
  52. package/src/automation/index.ts +41 -0
  53. package/src/automation/line.stories.ts +142 -0
  54. package/src/automation/vertical-line/vertical-line.stories.ts +71 -0
  55. package/src/automation/vertical-line/vertical-line.ts +104 -0
  56. package/src/components/brilliance-menu/brilliance-menu.ts +2 -0
  57. package/src/components/slider/slider.css +20 -0
  58. package/src/components/slider/slider.stories.ts +20 -1
  59. package/src/components/slider/slider.ts +43 -19
  60. package/src/components/top-bar/top-bar.css +4 -0
  61. package/src/components/top-bar/top-bar.ts +10 -8
  62. package/src/palettes/variables.css +64 -43
  63. package/script/svg-instruments/convert-svg.ts +0 -246
  64. package/script/svg-instruments/environment.d.ts +0 -7
  65. package/script/svg-instruments/exports.ts +0 -82
  66. package/script/svg-instruments/figma-types.ts +0 -804
  67. package/script/svg-instruments/figmaImport.ts +0 -79
  68. package/script/svg-instruments/main.ts +0 -109
@@ -103,6 +103,64 @@
103
103
  "declarations": [],
104
104
  "exports": []
105
105
  },
106
+ {
107
+ "kind": "javascript-module",
108
+ "path": "src/automation/index.ts",
109
+ "declarations": [
110
+ {
111
+ "kind": "function",
112
+ "name": "lineColor",
113
+ "return": {
114
+ "type": {
115
+ "text": "{\n inner: string;\n outer: string;\n}"
116
+ }
117
+ },
118
+ "parameters": [
119
+ {
120
+ "name": "medium",
121
+ "type": {
122
+ "text": "LineMediumType"
123
+ }
124
+ }
125
+ ]
126
+ },
127
+ {
128
+ "kind": "function",
129
+ "name": "lineWidth",
130
+ "return": {
131
+ "type": {
132
+ "text": "number"
133
+ }
134
+ },
135
+ "parameters": [
136
+ {
137
+ "name": "lineType",
138
+ "type": {
139
+ "text": "LineTypeType"
140
+ }
141
+ }
142
+ ]
143
+ }
144
+ ],
145
+ "exports": [
146
+ {
147
+ "kind": "js",
148
+ "name": "lineColor",
149
+ "declaration": {
150
+ "name": "lineColor",
151
+ "module": "src/automation/index.ts"
152
+ }
153
+ },
154
+ {
155
+ "kind": "js",
156
+ "name": "lineWidth",
157
+ "declaration": {
158
+ "name": "lineWidth",
159
+ "module": "src/automation/index.ts"
160
+ }
161
+ }
162
+ ]
163
+ },
106
164
  {
107
165
  "kind": "javascript-module",
108
166
  "path": "src/icons/icon-01-add.ts",
@@ -37998,157 +38056,256 @@
37998
38056
  },
37999
38057
  {
38000
38058
  "kind": "javascript-module",
38001
- "path": "src/components/alert-button/alert-button.ts",
38059
+ "path": "src/automation/corner-line/corner-line.ts",
38002
38060
  "declarations": [
38003
38061
  {
38004
38062
  "kind": "class",
38005
- "description": "Button used for alerts and notification",
38006
- "name": "ObcAlertButton",
38063
+ "description": "",
38064
+ "name": "ObcCornerLine",
38007
38065
  "members": [
38008
38066
  {
38009
38067
  "kind": "field",
38010
- "name": "nAlerts",
38068
+ "name": "medium",
38011
38069
  "type": {
38012
- "text": "number"
38070
+ "text": "LineMediumType"
38013
38071
  },
38014
- "default": "0",
38015
- "description": "Number of alerts.",
38016
- "attribute": "n-alerts"
38072
+ "attribute": "medium"
38017
38073
  },
38018
38074
  {
38019
38075
  "kind": "field",
38020
- "name": "alertType",
38076
+ "name": "direction",
38021
38077
  "type": {
38022
- "text": "AlertType"
38078
+ "text": "CornerLineDirectionType"
38023
38079
  },
38024
- "description": "Type of alert.",
38025
- "attribute": "alert-type"
38080
+ "attribute": "direction"
38026
38081
  },
38027
38082
  {
38028
38083
  "kind": "field",
38029
- "name": "standalone",
38084
+ "name": "lineType",
38030
38085
  "type": {
38031
- "text": "boolean"
38086
+ "text": "LineTypeType"
38032
38087
  },
38033
- "default": "false",
38034
- "description": "If the button is standalone and not used together with an notification-message.",
38035
- "attribute": "standalone"
38088
+ "attribute": "line-type"
38089
+ }
38090
+ ],
38091
+ "attributes": [
38092
+ {
38093
+ "name": "medium",
38094
+ "type": {
38095
+ "text": "LineMediumType"
38096
+ },
38097
+ "fieldName": "medium"
38098
+ },
38099
+ {
38100
+ "name": "direction",
38101
+ "type": {
38102
+ "text": "CornerLineDirectionType"
38103
+ },
38104
+ "fieldName": "direction"
38036
38105
  },
38106
+ {
38107
+ "name": "line-type",
38108
+ "type": {
38109
+ "text": "LineTypeType"
38110
+ },
38111
+ "fieldName": "lineType"
38112
+ }
38113
+ ],
38114
+ "superclass": {
38115
+ "name": "LitElement",
38116
+ "package": "lit"
38117
+ },
38118
+ "tagName": "obc-corner-line",
38119
+ "customElement": true
38120
+ }
38121
+ ],
38122
+ "exports": [
38123
+ {
38124
+ "kind": "js",
38125
+ "name": "ObcCornerLine",
38126
+ "declaration": {
38127
+ "name": "ObcCornerLine",
38128
+ "module": "src/automation/corner-line/corner-line.ts"
38129
+ }
38130
+ },
38131
+ {
38132
+ "kind": "custom-element-definition",
38133
+ "name": "obc-corner-line",
38134
+ "declaration": {
38135
+ "name": "ObcCornerLine",
38136
+ "module": "src/automation/corner-line/corner-line.ts"
38137
+ }
38138
+ }
38139
+ ]
38140
+ },
38141
+ {
38142
+ "kind": "javascript-module",
38143
+ "path": "src/automation/horizontal-line/horizontal-line.ts",
38144
+ "declarations": [
38145
+ {
38146
+ "kind": "class",
38147
+ "description": "",
38148
+ "name": "ObcHorizontalLine",
38149
+ "members": [
38037
38150
  {
38038
38151
  "kind": "field",
38039
- "name": "counter",
38152
+ "name": "medium",
38040
38153
  "type": {
38041
- "text": "boolean"
38154
+ "text": "LineMediumType"
38042
38155
  },
38043
- "default": "false",
38044
- "description": "If the button should display a counter.",
38045
- "attribute": "counter"
38156
+ "attribute": "medium"
38046
38157
  },
38047
38158
  {
38048
38159
  "kind": "field",
38049
- "name": "blinkAlarmValue",
38160
+ "name": "lineType",
38050
38161
  "type": {
38051
- "text": "boolean"
38162
+ "text": "LineTypeType"
38052
38163
  },
38053
- "default": "false",
38054
- "description": "This value should alternate between true and false to make the icon blink. It should be synchronized with the blinkValue of other alarms.",
38055
- "attribute": "blink-alarm-value"
38164
+ "attribute": "line-type"
38056
38165
  },
38057
38166
  {
38058
38167
  "kind": "field",
38059
- "name": "blinkWarningValue",
38168
+ "name": "length",
38060
38169
  "type": {
38061
- "text": "boolean"
38170
+ "text": "number"
38062
38171
  },
38063
- "default": "false",
38064
- "description": "This value should alternate between true and false to make the icon blink.",
38065
- "attribute": "blink-warning-value"
38172
+ "default": "1",
38173
+ "attribute": "length"
38066
38174
  }
38067
38175
  ],
38068
- "events": [
38176
+ "attributes": [
38069
38177
  {
38070
- "description": "Fires when the button is clicked.",
38071
- "name": "click"
38178
+ "name": "medium",
38179
+ "type": {
38180
+ "text": "LineMediumType"
38181
+ },
38182
+ "fieldName": "medium"
38183
+ },
38184
+ {
38185
+ "name": "line-type",
38186
+ "type": {
38187
+ "text": "LineTypeType"
38188
+ },
38189
+ "fieldName": "lineType"
38190
+ },
38191
+ {
38192
+ "name": "length",
38193
+ "type": {
38194
+ "text": "number"
38195
+ },
38196
+ "default": "1",
38197
+ "fieldName": "length"
38072
38198
  }
38073
38199
  ],
38074
- "attributes": [
38200
+ "superclass": {
38201
+ "name": "LitElement",
38202
+ "package": "lit"
38203
+ },
38204
+ "tagName": "obc-horizontal-line",
38205
+ "customElement": true
38206
+ }
38207
+ ],
38208
+ "exports": [
38209
+ {
38210
+ "kind": "js",
38211
+ "name": "ObcHorizontalLine",
38212
+ "declaration": {
38213
+ "name": "ObcHorizontalLine",
38214
+ "module": "src/automation/horizontal-line/horizontal-line.ts"
38215
+ }
38216
+ },
38217
+ {
38218
+ "kind": "custom-element-definition",
38219
+ "name": "obc-horizontal-line",
38220
+ "declaration": {
38221
+ "name": "ObcHorizontalLine",
38222
+ "module": "src/automation/horizontal-line/horizontal-line.ts"
38223
+ }
38224
+ }
38225
+ ]
38226
+ },
38227
+ {
38228
+ "kind": "javascript-module",
38229
+ "path": "src/automation/vertical-line/vertical-line.ts",
38230
+ "declarations": [
38231
+ {
38232
+ "kind": "class",
38233
+ "description": "",
38234
+ "name": "ObcVerticalLine",
38235
+ "members": [
38075
38236
  {
38076
- "name": "n-alerts",
38237
+ "kind": "field",
38238
+ "name": "medium",
38077
38239
  "type": {
38078
- "text": "number"
38240
+ "text": "LineMediumType"
38079
38241
  },
38080
- "default": "0",
38081
- "description": "Number of alerts.",
38082
- "fieldName": "nAlerts"
38242
+ "attribute": "medium"
38083
38243
  },
38084
38244
  {
38085
- "name": "alert-type",
38245
+ "kind": "field",
38246
+ "name": "lineType",
38086
38247
  "type": {
38087
- "text": "AlertType"
38248
+ "text": "LineTypeType"
38088
38249
  },
38089
- "description": "Type of alert.",
38090
- "fieldName": "alertType"
38250
+ "attribute": "line-type"
38091
38251
  },
38092
38252
  {
38093
- "name": "standalone",
38253
+ "kind": "field",
38254
+ "name": "length",
38094
38255
  "type": {
38095
- "text": "boolean"
38256
+ "text": "number"
38096
38257
  },
38097
- "default": "false",
38098
- "description": "If the button is standalone and not used together with an notification-message.",
38099
- "fieldName": "standalone"
38100
- },
38258
+ "default": "1",
38259
+ "attribute": "length"
38260
+ }
38261
+ ],
38262
+ "attributes": [
38101
38263
  {
38102
- "name": "counter",
38264
+ "name": "medium",
38103
38265
  "type": {
38104
- "text": "boolean"
38266
+ "text": "LineMediumType"
38105
38267
  },
38106
- "default": "false",
38107
- "description": "If the button should display a counter.",
38108
- "fieldName": "counter"
38268
+ "fieldName": "medium"
38109
38269
  },
38110
38270
  {
38111
- "name": "blink-alarm-value",
38271
+ "name": "line-type",
38112
38272
  "type": {
38113
- "text": "boolean"
38273
+ "text": "LineTypeType"
38114
38274
  },
38115
- "default": "false",
38116
- "description": "This value should alternate between true and false to make the icon blink. It should be synchronized with the blinkValue of other alarms.",
38117
- "fieldName": "blinkAlarmValue"
38275
+ "fieldName": "lineType"
38118
38276
  },
38119
38277
  {
38120
- "name": "blink-warning-value",
38278
+ "name": "length",
38121
38279
  "type": {
38122
- "text": "boolean"
38280
+ "text": "number"
38123
38281
  },
38124
- "default": "false",
38125
- "description": "This value should alternate between true and false to make the icon blink.",
38126
- "fieldName": "blinkWarningValue"
38282
+ "default": "1",
38283
+ "fieldName": "length"
38127
38284
  }
38128
38285
  ],
38129
38286
  "superclass": {
38130
38287
  "name": "LitElement",
38131
38288
  "package": "lit"
38132
38289
  },
38133
- "tagName": "obc-alert-button",
38290
+ "tagName": "obc-vertical-line",
38134
38291
  "customElement": true
38135
38292
  }
38136
38293
  ],
38137
38294
  "exports": [
38138
38295
  {
38139
38296
  "kind": "js",
38140
- "name": "ObcAlertButton",
38297
+ "name": "ObcVerticalLine",
38141
38298
  "declaration": {
38142
- "name": "ObcAlertButton",
38143
- "module": "src/components/alert-button/alert-button.ts"
38299
+ "name": "ObcVerticalLine",
38300
+ "module": "src/automation/vertical-line/vertical-line.ts"
38144
38301
  }
38145
38302
  },
38146
38303
  {
38147
38304
  "kind": "custom-element-definition",
38148
- "name": "obc-alert-button",
38305
+ "name": "obc-vertical-line",
38149
38306
  "declaration": {
38150
- "name": "ObcAlertButton",
38151
- "module": "src/components/alert-button/alert-button.ts"
38307
+ "name": "ObcVerticalLine",
38308
+ "module": "src/automation/vertical-line/vertical-line.ts"
38152
38309
  }
38153
38310
  }
38154
38311
  ]
@@ -38243,6 +38400,163 @@
38243
38400
  }
38244
38401
  ]
38245
38402
  },
38403
+ {
38404
+ "kind": "javascript-module",
38405
+ "path": "src/components/alert-button/alert-button.ts",
38406
+ "declarations": [
38407
+ {
38408
+ "kind": "class",
38409
+ "description": "Button used for alerts and notification",
38410
+ "name": "ObcAlertButton",
38411
+ "members": [
38412
+ {
38413
+ "kind": "field",
38414
+ "name": "nAlerts",
38415
+ "type": {
38416
+ "text": "number"
38417
+ },
38418
+ "default": "0",
38419
+ "description": "Number of alerts.",
38420
+ "attribute": "n-alerts"
38421
+ },
38422
+ {
38423
+ "kind": "field",
38424
+ "name": "alertType",
38425
+ "type": {
38426
+ "text": "AlertType"
38427
+ },
38428
+ "description": "Type of alert.",
38429
+ "attribute": "alert-type"
38430
+ },
38431
+ {
38432
+ "kind": "field",
38433
+ "name": "standalone",
38434
+ "type": {
38435
+ "text": "boolean"
38436
+ },
38437
+ "default": "false",
38438
+ "description": "If the button is standalone and not used together with an notification-message.",
38439
+ "attribute": "standalone"
38440
+ },
38441
+ {
38442
+ "kind": "field",
38443
+ "name": "counter",
38444
+ "type": {
38445
+ "text": "boolean"
38446
+ },
38447
+ "default": "false",
38448
+ "description": "If the button should display a counter.",
38449
+ "attribute": "counter"
38450
+ },
38451
+ {
38452
+ "kind": "field",
38453
+ "name": "blinkAlarmValue",
38454
+ "type": {
38455
+ "text": "boolean"
38456
+ },
38457
+ "default": "false",
38458
+ "description": "This value should alternate between true and false to make the icon blink. It should be synchronized with the blinkValue of other alarms.",
38459
+ "attribute": "blink-alarm-value"
38460
+ },
38461
+ {
38462
+ "kind": "field",
38463
+ "name": "blinkWarningValue",
38464
+ "type": {
38465
+ "text": "boolean"
38466
+ },
38467
+ "default": "false",
38468
+ "description": "This value should alternate between true and false to make the icon blink.",
38469
+ "attribute": "blink-warning-value"
38470
+ }
38471
+ ],
38472
+ "events": [
38473
+ {
38474
+ "description": "Fires when the button is clicked.",
38475
+ "name": "click"
38476
+ }
38477
+ ],
38478
+ "attributes": [
38479
+ {
38480
+ "name": "n-alerts",
38481
+ "type": {
38482
+ "text": "number"
38483
+ },
38484
+ "default": "0",
38485
+ "description": "Number of alerts.",
38486
+ "fieldName": "nAlerts"
38487
+ },
38488
+ {
38489
+ "name": "alert-type",
38490
+ "type": {
38491
+ "text": "AlertType"
38492
+ },
38493
+ "description": "Type of alert.",
38494
+ "fieldName": "alertType"
38495
+ },
38496
+ {
38497
+ "name": "standalone",
38498
+ "type": {
38499
+ "text": "boolean"
38500
+ },
38501
+ "default": "false",
38502
+ "description": "If the button is standalone and not used together with an notification-message.",
38503
+ "fieldName": "standalone"
38504
+ },
38505
+ {
38506
+ "name": "counter",
38507
+ "type": {
38508
+ "text": "boolean"
38509
+ },
38510
+ "default": "false",
38511
+ "description": "If the button should display a counter.",
38512
+ "fieldName": "counter"
38513
+ },
38514
+ {
38515
+ "name": "blink-alarm-value",
38516
+ "type": {
38517
+ "text": "boolean"
38518
+ },
38519
+ "default": "false",
38520
+ "description": "This value should alternate between true and false to make the icon blink. It should be synchronized with the blinkValue of other alarms.",
38521
+ "fieldName": "blinkAlarmValue"
38522
+ },
38523
+ {
38524
+ "name": "blink-warning-value",
38525
+ "type": {
38526
+ "text": "boolean"
38527
+ },
38528
+ "default": "false",
38529
+ "description": "This value should alternate between true and false to make the icon blink.",
38530
+ "fieldName": "blinkWarningValue"
38531
+ }
38532
+ ],
38533
+ "superclass": {
38534
+ "name": "LitElement",
38535
+ "package": "lit"
38536
+ },
38537
+ "tagName": "obc-alert-button",
38538
+ "customElement": true
38539
+ }
38540
+ ],
38541
+ "exports": [
38542
+ {
38543
+ "kind": "js",
38544
+ "name": "ObcAlertButton",
38545
+ "declaration": {
38546
+ "name": "ObcAlertButton",
38547
+ "module": "src/components/alert-button/alert-button.ts"
38548
+ }
38549
+ },
38550
+ {
38551
+ "kind": "custom-element-definition",
38552
+ "name": "obc-alert-button",
38553
+ "declaration": {
38554
+ "name": "ObcAlertButton",
38555
+ "module": "src/components/alert-button/alert-button.ts"
38556
+ }
38557
+ }
38558
+ ]
38559
+ },
38246
38560
  {
38247
38561
  "kind": "javascript-module",
38248
38562
  "path": "src/components/alert-menu/alert-menu.ts",
@@ -38786,57 +39100,42 @@
38786
39100
  },
38787
39101
  {
38788
39102
  "kind": "javascript-module",
38789
- "path": "src/components/app-menu/app-menu.ts",
39103
+ "path": "src/components/breadcrumb/breadcrumb.ts",
38790
39104
  "declarations": [
38791
39105
  {
38792
39106
  "kind": "class",
38793
39107
  "description": "",
38794
- "name": "ObcAppMenu",
39108
+ "name": "ObcBreadcrumb",
38795
39109
  "members": [
38796
39110
  {
38797
- "kind": "method",
38798
- "name": "onSearchInput",
38799
- "parameters": [
38800
- {
38801
- "name": "e",
38802
- "type": {
38803
- "text": "Event"
38804
- }
38805
- }
38806
- ]
38807
- }
38808
- ],
38809
- "events": [
38810
- {
38811
- "name": "search",
38812
- "type": {
38813
- "text": "CustomEvent"
38814
- }
39111
+ "kind": "field",
39112
+ "name": "items",
39113
+ "default": "[]"
38815
39114
  }
38816
39115
  ],
38817
39116
  "superclass": {
38818
39117
  "name": "LitElement",
38819
39118
  "package": "lit"
38820
39119
  },
38821
- "tagName": "obc-app-menu",
39120
+ "tagName": "obc-breadcrumb",
38822
39121
  "customElement": true
38823
39122
  }
38824
39123
  ],
38825
39124
  "exports": [
38826
39125
  {
38827
39126
  "kind": "js",
38828
- "name": "ObcAppMenu",
39127
+ "name": "ObcBreadcrumb",
38829
39128
  "declaration": {
38830
- "name": "ObcAppMenu",
38831
- "module": "src/components/app-menu/app-menu.ts"
39129
+ "name": "ObcBreadcrumb",
39130
+ "module": "src/components/breadcrumb/breadcrumb.ts"
38832
39131
  }
38833
39132
  },
38834
39133
  {
38835
39134
  "kind": "custom-element-definition",
38836
- "name": "obc-app-menu",
39135
+ "name": "obc-breadcrumb",
38837
39136
  "declaration": {
38838
- "name": "ObcAppMenu",
38839
- "module": "src/components/app-menu/app-menu.ts"
39137
+ "name": "ObcBreadcrumb",
39138
+ "module": "src/components/breadcrumb/breadcrumb.ts"
38840
39139
  }
38841
39140
  }
38842
39141
  ]
@@ -38998,132 +39297,57 @@
38998
39297
  },
38999
39298
  {
39000
39299
  "kind": "javascript-module",
39001
- "path": "src/components/clock/clock.ts",
39300
+ "path": "src/components/app-menu/app-menu.ts",
39002
39301
  "declarations": [
39003
39302
  {
39004
39303
  "kind": "class",
39005
39304
  "description": "",
39006
- "name": "ObcClock",
39305
+ "name": "ObcAppMenu",
39007
39306
  "members": [
39008
39307
  {
39009
- "kind": "field",
39010
- "name": "date",
39011
- "type": {
39012
- "text": "string"
39013
- },
39014
- "default": "'2021-01-01T11:11:11.111Z'",
39015
- "attribute": "date"
39016
- },
39017
- {
39018
- "kind": "field",
39019
- "name": "showDate",
39020
- "type": {
39021
- "text": "boolean"
39022
- },
39023
- "default": "false",
39024
- "attribute": "show-date"
39025
- },
39026
- {
39027
- "kind": "field",
39028
- "name": "blinkOnlyBreakpointPx",
39029
- "type": {
39030
- "text": "number"
39031
- },
39032
- "default": "0",
39033
- "attribute": "blink-only-breakpoint-px"
39308
+ "kind": "method",
39309
+ "name": "onSearchInput",
39310
+ "parameters": [
39311
+ {
39312
+ "name": "e",
39313
+ "type": {
39314
+ "text": "Event"
39315
+ }
39316
+ }
39317
+ ]
39034
39318
  }
39035
39319
  ],
39036
- "attributes": [
39037
- {
39038
- "name": "date",
39039
- "type": {
39040
- "text": "string"
39041
- },
39042
- "default": "'2021-01-01T11:11:11.111Z'",
39043
- "fieldName": "date"
39044
- },
39045
- {
39046
- "name": "show-date",
39047
- "type": {
39048
- "text": "boolean"
39049
- },
39050
- "default": "false",
39051
- "fieldName": "showDate"
39052
- },
39320
+ "events": [
39053
39321
  {
39054
- "name": "blink-only-breakpoint-px",
39322
+ "name": "search",
39055
39323
  "type": {
39056
- "text": "number"
39057
- },
39058
- "default": "0",
39059
- "fieldName": "blinkOnlyBreakpointPx"
39060
- }
39061
- ],
39062
- "superclass": {
39063
- "name": "LitElement",
39064
- "package": "lit"
39065
- },
39066
- "tagName": "obc-clock",
39067
- "customElement": true
39068
- }
39069
- ],
39070
- "exports": [
39071
- {
39072
- "kind": "js",
39073
- "name": "ObcClock",
39074
- "declaration": {
39075
- "name": "ObcClock",
39076
- "module": "src/components/clock/clock.ts"
39077
- }
39078
- },
39079
- {
39080
- "kind": "custom-element-definition",
39081
- "name": "obc-clock",
39082
- "declaration": {
39083
- "name": "ObcClock",
39084
- "module": "src/components/clock/clock.ts"
39085
- }
39086
- }
39087
- ]
39088
- },
39089
- {
39090
- "kind": "javascript-module",
39091
- "path": "src/components/breadcrumb/breadcrumb.ts",
39092
- "declarations": [
39093
- {
39094
- "kind": "class",
39095
- "description": "",
39096
- "name": "ObcBreadcrumb",
39097
- "members": [
39098
- {
39099
- "kind": "field",
39100
- "name": "items",
39101
- "default": "[]"
39324
+ "text": "CustomEvent"
39325
+ }
39102
39326
  }
39103
39327
  ],
39104
39328
  "superclass": {
39105
39329
  "name": "LitElement",
39106
39330
  "package": "lit"
39107
39331
  },
39108
- "tagName": "obc-breadcrumb",
39332
+ "tagName": "obc-app-menu",
39109
39333
  "customElement": true
39110
39334
  }
39111
39335
  ],
39112
39336
  "exports": [
39113
39337
  {
39114
39338
  "kind": "js",
39115
- "name": "ObcBreadcrumb",
39339
+ "name": "ObcAppMenu",
39116
39340
  "declaration": {
39117
- "name": "ObcBreadcrumb",
39118
- "module": "src/components/breadcrumb/breadcrumb.ts"
39341
+ "name": "ObcAppMenu",
39342
+ "module": "src/components/app-menu/app-menu.ts"
39119
39343
  }
39120
39344
  },
39121
39345
  {
39122
39346
  "kind": "custom-element-definition",
39123
- "name": "obc-breadcrumb",
39347
+ "name": "obc-app-menu",
39124
39348
  "declaration": {
39125
- "name": "ObcBreadcrumb",
39126
- "module": "src/components/breadcrumb/breadcrumb.ts"
39349
+ "name": "ObcAppMenu",
39350
+ "module": "src/components/app-menu/app-menu.ts"
39127
39351
  }
39128
39352
  }
39129
39353
  ]
@@ -39423,6 +39647,96 @@
39423
39647
  }
39424
39648
  ]
39425
39649
  },
39650
+ {
39651
+ "kind": "javascript-module",
39652
+ "path": "src/components/clock/clock.ts",
39653
+ "declarations": [
39654
+ {
39655
+ "kind": "class",
39656
+ "description": "",
39657
+ "name": "ObcClock",
39658
+ "members": [
39659
+ {
39660
+ "kind": "field",
39661
+ "name": "date",
39662
+ "type": {
39663
+ "text": "string"
39664
+ },
39665
+ "default": "'2021-01-01T11:11:11.111Z'",
39666
+ "attribute": "date"
39667
+ },
39668
+ {
39669
+ "kind": "field",
39670
+ "name": "showDate",
39671
+ "type": {
39672
+ "text": "boolean"
39673
+ },
39674
+ "default": "false",
39675
+ "attribute": "show-date"
39676
+ },
39677
+ {
39678
+ "kind": "field",
39679
+ "name": "blinkOnlyBreakpointPx",
39680
+ "type": {
39681
+ "text": "number"
39682
+ },
39683
+ "default": "0",
39684
+ "attribute": "blink-only-breakpoint-px"
39685
+ }
39686
+ ],
39687
+ "attributes": [
39688
+ {
39689
+ "name": "date",
39690
+ "type": {
39691
+ "text": "string"
39692
+ },
39693
+ "default": "'2021-01-01T11:11:11.111Z'",
39694
+ "fieldName": "date"
39695
+ },
39696
+ {
39697
+ "name": "show-date",
39698
+ "type": {
39699
+ "text": "boolean"
39700
+ },
39701
+ "default": "false",
39702
+ "fieldName": "showDate"
39703
+ },
39704
+ {
39705
+ "name": "blink-only-breakpoint-px",
39706
+ "type": {
39707
+ "text": "number"
39708
+ },
39709
+ "default": "0",
39710
+ "fieldName": "blinkOnlyBreakpointPx"
39711
+ }
39712
+ ],
39713
+ "superclass": {
39714
+ "name": "LitElement",
39715
+ "package": "lit"
39716
+ },
39717
+ "tagName": "obc-clock",
39718
+ "customElement": true
39719
+ }
39720
+ ],
39721
+ "exports": [
39722
+ {
39723
+ "kind": "js",
39724
+ "name": "ObcClock",
39725
+ "declaration": {
39726
+ "name": "ObcClock",
39727
+ "module": "src/components/clock/clock.ts"
39728
+ }
39729
+ },
39730
+ {
39731
+ "kind": "custom-element-definition",
39732
+ "name": "obc-clock",
39733
+ "declaration": {
39734
+ "name": "ObcClock",
39735
+ "module": "src/components/clock/clock.ts"
39736
+ }
39737
+ }
39738
+ ]
39739
+ },
39426
39740
  {
39427
39741
  "kind": "javascript-module",
39428
39742
  "path": "src/components/context-menu/context-menu.ts",
@@ -40474,6 +40788,33 @@
40474
40788
  "description": "The step value when clicking the increase or decrease buttons",
40475
40789
  "attribute": "step-click"
40476
40790
  },
40791
+ {
40792
+ "kind": "field",
40793
+ "name": "variant",
40794
+ "type": {
40795
+ "text": "ObcSliderVariantType"
40796
+ },
40797
+ "default": "'no-value'",
40798
+ "attribute": "variant"
40799
+ },
40800
+ {
40801
+ "kind": "field",
40802
+ "name": "hasLeftIcon",
40803
+ "type": {
40804
+ "text": "boolean"
40805
+ },
40806
+ "default": "false",
40807
+ "attribute": "has-left-icon"
40808
+ },
40809
+ {
40810
+ "kind": "field",
40811
+ "name": "hasRightIcon",
40812
+ "type": {
40813
+ "text": "boolean"
40814
+ },
40815
+ "default": "false",
40816
+ "attribute": "has-right-icon"
40817
+ },
40477
40818
  {
40478
40819
  "kind": "method",
40479
40820
  "name": "onInput",
@@ -40552,6 +40893,30 @@
40552
40893
  "default": "10",
40553
40894
  "description": "The step value when clicking the increase or decrease buttons",
40554
40895
  "fieldName": "stepClick"
40896
+ },
40897
+ {
40898
+ "name": "variant",
40899
+ "type": {
40900
+ "text": "ObcSliderVariantType"
40901
+ },
40902
+ "default": "'no-value'",
40903
+ "fieldName": "variant"
40904
+ },
40905
+ {
40906
+ "name": "has-left-icon",
40907
+ "type": {
40908
+ "text": "boolean"
40909
+ },
40910
+ "default": "false",
40911
+ "fieldName": "hasLeftIcon"
40912
+ },
40913
+ {
40914
+ "name": "has-right-icon",
40915
+ "type": {
40916
+ "text": "boolean"
40917
+ },
40918
+ "default": "false",
40919
+ "fieldName": "hasRightIcon"
40555
40920
  }
40556
40921
  ],
40557
40922
  "superclass": {
@@ -40759,39 +41124,54 @@
40759
41124
  },
40760
41125
  {
40761
41126
  "kind": "javascript-module",
40762
- "path": "src/components/toggle-button-option/toggle-button-option.ts",
41127
+ "path": "src/components/toggle-button-group/toggle-button-group.ts",
40763
41128
  "declarations": [
40764
41129
  {
40765
41130
  "kind": "class",
40766
41131
  "description": "",
40767
- "name": "ObcToggleButtonOption",
41132
+ "name": "ObcToggleButtonGroup",
40768
41133
  "members": [
41134
+ {
41135
+ "kind": "field",
41136
+ "name": "hasLabels",
41137
+ "type": {
41138
+ "text": "boolean"
41139
+ },
41140
+ "default": "false",
41141
+ "attribute": "has-labels"
41142
+ },
40769
41143
  {
40770
41144
  "kind": "field",
40771
41145
  "name": "value",
40772
41146
  "type": {
40773
41147
  "text": "string"
40774
41148
  },
40775
- "default": "'value'",
41149
+ "default": "''",
40776
41150
  "attribute": "value"
40777
41151
  },
40778
41152
  {
40779
41153
  "kind": "field",
40780
- "name": "selected",
41154
+ "name": "options",
40781
41155
  "type": {
40782
- "text": "boolean"
40783
- },
40784
- "default": "false",
40785
- "attribute": "selected"
41156
+ "text": "NodeListOf<ObcToggleButtonOption>"
41157
+ }
40786
41158
  },
40787
41159
  {
40788
41160
  "kind": "method",
40789
- "name": "onClick"
41161
+ "name": "handleOptionClick",
41162
+ "parameters": [
41163
+ {
41164
+ "name": "event",
41165
+ "type": {
41166
+ "text": "Event"
41167
+ }
41168
+ }
41169
+ ]
40790
41170
  }
40791
41171
  ],
40792
41172
  "events": [
40793
41173
  {
40794
- "name": "selected",
41174
+ "name": "value",
40795
41175
  "type": {
40796
41176
  "text": "CustomEvent"
40797
41177
  }
@@ -40799,99 +41179,84 @@
40799
41179
  ],
40800
41180
  "attributes": [
40801
41181
  {
40802
- "name": "value",
41182
+ "name": "has-labels",
40803
41183
  "type": {
40804
- "text": "string"
41184
+ "text": "boolean"
40805
41185
  },
40806
- "default": "'value'",
40807
- "fieldName": "value"
41186
+ "default": "false",
41187
+ "fieldName": "hasLabels"
40808
41188
  },
40809
41189
  {
40810
- "name": "selected",
41190
+ "name": "value",
40811
41191
  "type": {
40812
- "text": "boolean"
41192
+ "text": "string"
40813
41193
  },
40814
- "default": "false",
40815
- "fieldName": "selected"
41194
+ "default": "''",
41195
+ "fieldName": "value"
40816
41196
  }
40817
41197
  ],
40818
41198
  "superclass": {
40819
41199
  "name": "LitElement",
40820
41200
  "package": "lit"
40821
41201
  },
40822
- "tagName": "obc-toggle-button-option",
41202
+ "tagName": "obc-toggle-button-group",
40823
41203
  "customElement": true
40824
41204
  }
40825
41205
  ],
40826
41206
  "exports": [
40827
41207
  {
40828
41208
  "kind": "js",
40829
- "name": "ObcToggleButtonOption",
41209
+ "name": "ObcToggleButtonGroup",
40830
41210
  "declaration": {
40831
- "name": "ObcToggleButtonOption",
40832
- "module": "src/components/toggle-button-option/toggle-button-option.ts"
41211
+ "name": "ObcToggleButtonGroup",
41212
+ "module": "src/components/toggle-button-group/toggle-button-group.ts"
40833
41213
  }
40834
41214
  },
40835
41215
  {
40836
41216
  "kind": "custom-element-definition",
40837
- "name": "obc-toggle-button-option",
41217
+ "name": "obc-toggle-button-group",
40838
41218
  "declaration": {
40839
- "name": "ObcToggleButtonOption",
40840
- "module": "src/components/toggle-button-option/toggle-button-option.ts"
41219
+ "name": "ObcToggleButtonGroup",
41220
+ "module": "src/components/toggle-button-group/toggle-button-group.ts"
40841
41221
  }
40842
41222
  }
40843
41223
  ]
40844
41224
  },
40845
41225
  {
40846
41226
  "kind": "javascript-module",
40847
- "path": "src/components/toggle-button-group/toggle-button-group.ts",
41227
+ "path": "src/components/toggle-button-option/toggle-button-option.ts",
40848
41228
  "declarations": [
40849
41229
  {
40850
41230
  "kind": "class",
40851
41231
  "description": "",
40852
- "name": "ObcToggleButtonGroup",
41232
+ "name": "ObcToggleButtonOption",
40853
41233
  "members": [
40854
- {
40855
- "kind": "field",
40856
- "name": "hasLabels",
40857
- "type": {
40858
- "text": "boolean"
40859
- },
40860
- "default": "false",
40861
- "attribute": "has-labels"
40862
- },
40863
41234
  {
40864
41235
  "kind": "field",
40865
41236
  "name": "value",
40866
41237
  "type": {
40867
41238
  "text": "string"
40868
41239
  },
40869
- "default": "''",
41240
+ "default": "'value'",
40870
41241
  "attribute": "value"
40871
41242
  },
40872
41243
  {
40873
41244
  "kind": "field",
40874
- "name": "options",
41245
+ "name": "selected",
40875
41246
  "type": {
40876
- "text": "NodeListOf<ObcToggleButtonOption>"
40877
- }
41247
+ "text": "boolean"
41248
+ },
41249
+ "default": "false",
41250
+ "attribute": "selected"
40878
41251
  },
40879
41252
  {
40880
41253
  "kind": "method",
40881
- "name": "handleOptionClick",
40882
- "parameters": [
40883
- {
40884
- "name": "event",
40885
- "type": {
40886
- "text": "Event"
40887
- }
40888
- }
40889
- ]
41254
+ "name": "onClick"
40890
41255
  }
40891
41256
  ],
40892
41257
  "events": [
40893
41258
  {
40894
- "name": "value",
41259
+ "name": "selected",
40895
41260
  "type": {
40896
41261
  "text": "CustomEvent"
40897
41262
  }
@@ -40899,45 +41264,45 @@
40899
41264
  ],
40900
41265
  "attributes": [
40901
41266
  {
40902
- "name": "has-labels",
41267
+ "name": "value",
40903
41268
  "type": {
40904
- "text": "boolean"
41269
+ "text": "string"
40905
41270
  },
40906
- "default": "false",
40907
- "fieldName": "hasLabels"
41271
+ "default": "'value'",
41272
+ "fieldName": "value"
40908
41273
  },
40909
41274
  {
40910
- "name": "value",
41275
+ "name": "selected",
40911
41276
  "type": {
40912
- "text": "string"
41277
+ "text": "boolean"
40913
41278
  },
40914
- "default": "''",
40915
- "fieldName": "value"
41279
+ "default": "false",
41280
+ "fieldName": "selected"
40916
41281
  }
40917
41282
  ],
40918
41283
  "superclass": {
40919
41284
  "name": "LitElement",
40920
41285
  "package": "lit"
40921
41286
  },
40922
- "tagName": "obc-toggle-button-group",
41287
+ "tagName": "obc-toggle-button-option",
40923
41288
  "customElement": true
40924
41289
  }
40925
41290
  ],
40926
41291
  "exports": [
40927
41292
  {
40928
41293
  "kind": "js",
40929
- "name": "ObcToggleButtonGroup",
41294
+ "name": "ObcToggleButtonOption",
40930
41295
  "declaration": {
40931
- "name": "ObcToggleButtonGroup",
40932
- "module": "src/components/toggle-button-group/toggle-button-group.ts"
41296
+ "name": "ObcToggleButtonOption",
41297
+ "module": "src/components/toggle-button-option/toggle-button-option.ts"
40933
41298
  }
40934
41299
  },
40935
41300
  {
40936
41301
  "kind": "custom-element-definition",
40937
- "name": "obc-toggle-button-group",
41302
+ "name": "obc-toggle-button-option",
40938
41303
  "declaration": {
40939
- "name": "ObcToggleButtonGroup",
40940
- "module": "src/components/toggle-button-group/toggle-button-group.ts"
41304
+ "name": "ObcToggleButtonOption",
41305
+ "module": "src/components/toggle-button-option/toggle-button-option.ts"
40941
41306
  }
40942
41307
  }
40943
41308
  ]