@oicl/openbridge-webcomponents 0.0.9 → 0.0.12

Sign up to get free protection for your applications and to get access to all the features.
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
  ]