@oicl/openbridge-webcomponents 0.0.6 → 0.0.8

Sign up to get free protection for your applications and to get access to all the features.
Files changed (273) hide show
  1. package/.storybook/main.ts +2 -0
  2. package/.storybook/preview.ts +11 -0
  3. package/.vscode/launch.json +16 -0
  4. package/README.md +8 -0
  5. package/__snapshots__/alert-icon--primary.png +0 -0
  6. package/__snapshots__/application-alert-button--notification.png +0 -0
  7. package/__snapshots__/application-alert-button--running.png +0 -0
  8. package/__snapshots__/application-notification-message--large-single-message.png +0 -0
  9. package/__snapshots__/application-notification-message--large.png +0 -0
  10. package/__snapshots__/application-notification-message--primary.png +0 -0
  11. package/__snapshots__/button-rich-button--bottom-with-boarder.png +0 -0
  12. package/__snapshots__/button-rich-button--bottom.png +0 -0
  13. package/__snapshots__/button-rich-button--center.png +0 -0
  14. package/__snapshots__/button-rich-button--double-line.png +0 -0
  15. package/__snapshots__/button-rich-button--multi-line.png +0 -0
  16. package/__snapshots__/button-rich-button--regular-no-icons.png +0 -0
  17. package/__snapshots__/button-rich-button--regular.png +0 -0
  18. package/__snapshots__/button-rich-button--single-line.png +0 -0
  19. package/__snapshots__/button-rich-button--top-with-boarder.png +0 -0
  20. package/__snapshots__/button-rich-button--top.png +0 -0
  21. package/__snapshots__/button-rich-button--with-graphic-border.png +0 -0
  22. package/__snapshots__/button-rich-button--with-graphic.png +0 -0
  23. package/__snapshots__/button-rich-button--with-status.png +0 -0
  24. package/__snapshots__/button-vendor-button--primary.png +0 -0
  25. package/__snapshots__/icons-icon--list.png +0 -0
  26. package/__snapshots__/icons-icon--use-font-color.png +0 -0
  27. package/custom-elements.json +2177 -591
  28. package/dist/components/alert-button/alert-button.css.js +4 -12
  29. package/dist/components/alert-button/alert-button.css.js.map +1 -1
  30. package/dist/components/alert-button/alert-button.d.ts +11 -1
  31. package/dist/components/alert-button/alert-button.d.ts.map +1 -1
  32. package/dist/components/alert-button/alert-button.js +21 -1
  33. package/dist/components/alert-button/alert-button.js.map +1 -1
  34. package/dist/components/alert-icon/alert-icon.d.ts +36 -0
  35. package/dist/components/alert-icon/alert-icon.d.ts.map +1 -0
  36. package/dist/components/alert-icon/alert-icon.js +84 -0
  37. package/dist/components/alert-icon/alert-icon.js.map +1 -0
  38. package/dist/components/alert-icon/icons/icon-14-alarm-silenced-a.d.ts +2 -0
  39. package/dist/components/alert-icon/icons/icon-14-alarm-silenced-a.d.ts.map +1 -0
  40. package/dist/components/alert-icon/icons/icon-14-alarm-silenced-a.js +13 -0
  41. package/dist/components/alert-icon/icons/icon-14-alarm-silenced-a.js.map +1 -0
  42. package/dist/components/alert-icon/icons/icon-14-alarm-silenced-b.d.ts +2 -0
  43. package/dist/components/alert-icon/icons/icon-14-alarm-silenced-b.d.ts.map +1 -0
  44. package/dist/components/alert-icon/icons/icon-14-alarm-silenced-b.js +20 -0
  45. package/dist/components/alert-icon/icons/icon-14-alarm-silenced-b.js.map +1 -0
  46. package/dist/components/alert-icon/icons/icon-14-alarm-unack-a.d.ts +2 -0
  47. package/dist/components/alert-icon/icons/icon-14-alarm-unack-a.d.ts.map +1 -0
  48. package/dist/components/alert-icon/icons/icon-14-alarm-unack-a.js +12 -0
  49. package/dist/components/alert-icon/icons/icon-14-alarm-unack-a.js.map +1 -0
  50. package/dist/components/alert-icon/icons/icon-14-alarm-unack-b.d.ts +2 -0
  51. package/dist/components/alert-icon/icons/icon-14-alarm-unack-b.d.ts.map +1 -0
  52. package/dist/components/alert-icon/icons/icon-14-alarm-unack-b.js +19 -0
  53. package/dist/components/alert-icon/icons/icon-14-alarm-unack-b.js.map +1 -0
  54. package/dist/components/alert-icon/icons/icon-14-warning-unack-a.d.ts +2 -0
  55. package/dist/components/alert-icon/icons/icon-14-warning-unack-a.d.ts.map +1 -0
  56. package/dist/components/alert-icon/icons/icon-14-warning-unack-a.js +12 -0
  57. package/dist/components/alert-icon/icons/icon-14-warning-unack-a.js.map +1 -0
  58. package/dist/components/alert-icon/icons/icon-14-warning-unack-b.d.ts +2 -0
  59. package/dist/components/alert-icon/icons/icon-14-warning-unack-b.d.ts.map +1 -0
  60. package/dist/components/alert-icon/icons/icon-14-warning-unack-b.js +12 -0
  61. package/dist/components/alert-icon/icons/icon-14-warning-unack-b.js.map +1 -0
  62. package/dist/components/alert-topbar-element/alert-topbar-element.d.ts +13 -0
  63. package/dist/components/alert-topbar-element/alert-topbar-element.d.ts.map +1 -1
  64. package/dist/components/alert-topbar-element/alert-topbar-element.js +10 -0
  65. package/dist/components/alert-topbar-element/alert-topbar-element.js.map +1 -1
  66. package/dist/components/rich-button/rich-button.css.js +182 -0
  67. package/dist/components/rich-button/rich-button.css.js.map +1 -0
  68. package/dist/components/rich-button/rich-button.d.ts +32 -0
  69. package/dist/components/rich-button/rich-button.d.ts.map +1 -0
  70. package/dist/components/rich-button/rich-button.js +113 -0
  71. package/dist/components/rich-button/rich-button.js.map +1 -0
  72. package/dist/components/vendor-button/vendor-button.css.js +48 -0
  73. package/dist/components/vendor-button/vendor-button.css.js.map +1 -0
  74. package/dist/components/vendor-button/vendor-button.d.ts +13 -0
  75. package/dist/components/vendor-button/vendor-button.d.ts.map +1 -0
  76. package/dist/components/vendor-button/vendor-button.js +42 -0
  77. package/dist/components/vendor-button/vendor-button.js.map +1 -0
  78. package/dist/icons/{icon-07-target-radar.d.ts → icon-01-content-copy.d.ts} +3 -3
  79. package/dist/icons/{icon-07-target-radar.d.ts.map → icon-01-content-copy.d.ts.map} +1 -1
  80. package/dist/icons/{icon-07-target-radar.js → icon-01-content-copy.js} +10 -10
  81. package/dist/icons/icon-01-content-copy.js.map +1 -0
  82. package/dist/icons/{icon-07-target-ias-selected.d.ts → icon-01-content-cut.d.ts} +3 -3
  83. package/dist/icons/icon-01-content-cut.d.ts.map +1 -0
  84. package/dist/icons/icon-01-content-cut.js +52 -0
  85. package/dist/icons/icon-01-content-cut.js.map +1 -0
  86. package/dist/icons/{icon-07-target-radar-selected.d.ts → icon-01-content-paste.d.ts} +3 -3
  87. package/dist/icons/icon-01-content-paste.d.ts.map +1 -0
  88. package/dist/icons/icon-01-content-paste.js +52 -0
  89. package/dist/icons/icon-01-content-paste.js.map +1 -0
  90. package/dist/icons/icon-02-dock-bottom.d.ts +14 -0
  91. package/dist/icons/icon-02-dock-bottom.d.ts.map +1 -0
  92. package/dist/icons/icon-02-dock-bottom.js +52 -0
  93. package/dist/icons/icon-02-dock-bottom.js.map +1 -0
  94. package/dist/icons/{icon-07-target-ias.d.ts → icon-02-dock-left.d.ts} +3 -3
  95. package/dist/icons/icon-02-dock-left.d.ts.map +1 -0
  96. package/dist/icons/{icon-07-target-ias.js → icon-02-dock-left.js} +10 -24
  97. package/dist/icons/icon-02-dock-left.js.map +1 -0
  98. package/dist/icons/icon-02-dock-right.d.ts +14 -0
  99. package/dist/icons/icon-02-dock-right.d.ts.map +1 -0
  100. package/dist/icons/icon-02-dock-right.js +52 -0
  101. package/dist/icons/icon-02-dock-right.js.map +1 -0
  102. package/dist/icons/icon-03-license.d.ts +14 -0
  103. package/dist/icons/icon-03-license.d.ts.map +1 -0
  104. package/dist/icons/icon-03-license.js +52 -0
  105. package/dist/icons/icon-03-license.js.map +1 -0
  106. package/dist/icons/icon-03-star-unchecked.js +1 -1
  107. package/dist/icons/icon-03-star-unchecked.js.map +1 -1
  108. package/dist/icons/icon-04-colorcalibrated.d.ts.map +1 -1
  109. package/dist/icons/icon-04-colorcalibrated.js +2 -14
  110. package/dist/icons/icon-04-colorcalibrated.js.map +1 -1
  111. package/dist/icons/icon-07-target-associated-ais-camera.d.ts +14 -0
  112. package/dist/icons/icon-07-target-associated-ais-camera.d.ts.map +1 -0
  113. package/dist/icons/icon-07-target-associated-ais-camera.js +54 -0
  114. package/dist/icons/icon-07-target-associated-ais-camera.js.map +1 -0
  115. package/dist/icons/icon-07-target-associated-camera-radar.d.ts +14 -0
  116. package/dist/icons/icon-07-target-associated-camera-radar.d.ts.map +1 -0
  117. package/dist/icons/icon-07-target-associated-camera-radar.js +52 -0
  118. package/dist/icons/icon-07-target-associated-camera-radar.js.map +1 -0
  119. package/dist/icons/icon-07-target-associated-radar-camera.d.ts +14 -0
  120. package/dist/icons/icon-07-target-associated-radar-camera.d.ts.map +1 -0
  121. package/dist/icons/icon-07-target-associated-radar-camera.js +54 -0
  122. package/dist/icons/icon-07-target-associated-radar-camera.js.map +1 -0
  123. package/dist/icons/icon-07-target-camera.d.ts +14 -0
  124. package/dist/icons/icon-07-target-camera.d.ts.map +1 -0
  125. package/dist/icons/icon-07-target-camera.js +52 -0
  126. package/dist/icons/icon-07-target-camera.js.map +1 -0
  127. package/dist/icons/icon-08-backward-fast.js +1 -1
  128. package/dist/icons/icon-08-backward-fast.js.map +1 -1
  129. package/dist/icons/icon-08-backward-stopped.js +1 -1
  130. package/dist/icons/icon-08-backward-stopped.js.map +1 -1
  131. package/dist/icons/icon-08-forward-fast.js +1 -1
  132. package/dist/icons/icon-08-forward-fast.js.map +1 -1
  133. package/dist/icons/icon-08-forward-stopped.js +1 -1
  134. package/dist/icons/icon-08-forward-stopped.js.map +1 -1
  135. package/dist/icons/icon-08-motor-off-horisontal.js +1 -1
  136. package/dist/icons/icon-08-motor-off-horisontal.js.map +1 -1
  137. package/dist/icons/icon-09-switch-horizontal-off-large.js +1 -1
  138. package/dist/icons/icon-09-switch-horizontal-off-large.js.map +1 -1
  139. package/dist/icons/icon-09-switch-horizontal-off.js +1 -1
  140. package/dist/icons/icon-09-switch-horizontal-off.js.map +1 -1
  141. package/dist/icons/icon-10-autonomous.js +3 -3
  142. package/dist/icons/icon-10-autonomous.js.map +1 -1
  143. package/dist/icons/icon-14-alert-rectified.js +1 -1
  144. package/dist/icons/icon-14-alert-rectified.js.map +1 -1
  145. package/dist/icons/icon-14-alertheader-aggregated-large.d.ts +14 -0
  146. package/dist/icons/icon-14-alertheader-aggregated-large.d.ts.map +1 -0
  147. package/dist/icons/icon-14-alertheader-aggregated-large.js +52 -0
  148. package/dist/icons/icon-14-alertheader-aggregated-large.js.map +1 -0
  149. package/dist/icons/icon-14-alertheader-group-large.d.ts +14 -0
  150. package/dist/icons/icon-14-alertheader-group-large.d.ts.map +1 -0
  151. package/dist/icons/icon-14-alertheader-group-large.js +54 -0
  152. package/dist/icons/icon-14-alertheader-group-large.js.map +1 -0
  153. package/dist/icons/icon-14-exclamationmark.js +4 -4
  154. package/dist/icons/icon-14-exclamationmark.js.map +1 -1
  155. package/dist/icons/icon-14-rectified.js +1 -1
  156. package/dist/icons/icon-14-rectified.js.map +1 -1
  157. package/dist/icons/icon-18-ais-anchored.js +4 -4
  158. package/dist/icons/icon-18-ais-anchored.js.map +1 -1
  159. package/dist/icons/icon-18-ais-notunderway.js +1 -1
  160. package/dist/icons/icon-18-ais-notunderway.js.map +1 -1
  161. package/dist/icons/icon-iec-02-ais-target-activated-selected.d.ts +14 -0
  162. package/dist/icons/icon-iec-02-ais-target-activated-selected.d.ts.map +1 -0
  163. package/dist/icons/icon-iec-02-ais-target-activated-selected.js +52 -0
  164. package/dist/icons/icon-iec-02-ais-target-activated-selected.js.map +1 -0
  165. package/dist/icons/icon-iec-02-ais-target-activated.d.ts +14 -0
  166. package/dist/icons/icon-iec-02-ais-target-activated.d.ts.map +1 -0
  167. package/dist/icons/icon-iec-02-ais-target-activated.js +52 -0
  168. package/dist/icons/icon-iec-02-ais-target-activated.js.map +1 -0
  169. package/dist/icons/icon-iec-02-associated-target-ais.d.ts +14 -0
  170. package/dist/icons/icon-iec-02-associated-target-ais.d.ts.map +1 -0
  171. package/dist/icons/icon-iec-02-associated-target-ais.js +52 -0
  172. package/dist/icons/icon-iec-02-associated-target-ais.js.map +1 -0
  173. package/dist/icons/icon-iec-02-associated-target-radar.d.ts +14 -0
  174. package/dist/icons/icon-iec-02-associated-target-radar.d.ts.map +1 -0
  175. package/dist/icons/icon-iec-02-associated-target-radar.js +52 -0
  176. package/dist/icons/icon-iec-02-associated-target-radar.js.map +1 -0
  177. package/dist/icons/icon-iec-02-radar-target-tracked-selected.d.ts +14 -0
  178. package/dist/icons/icon-iec-02-radar-target-tracked-selected.d.ts.map +1 -0
  179. package/dist/icons/icon-iec-02-radar-target-tracked-selected.js +60 -0
  180. package/dist/icons/icon-iec-02-radar-target-tracked-selected.js.map +1 -0
  181. package/dist/icons/icon-iec-02-radar-target-tracked.d.ts +14 -0
  182. package/dist/icons/icon-iec-02-radar-target-tracked.d.ts.map +1 -0
  183. package/dist/icons/icon-iec-02-radar-target-tracked.js +52 -0
  184. package/dist/icons/icon-iec-02-radar-target-tracked.js.map +1 -0
  185. package/dist/icons/index.d.ts +19 -4
  186. package/dist/icons/index.d.ts.map +1 -1
  187. package/dist/icons/index.js +19 -4
  188. package/dist/icons/index.js.map +1 -1
  189. package/dist/icons/names.d.ts.map +1 -1
  190. package/dist/icons/names.js +19 -4
  191. package/dist/icons/names.js.map +1 -1
  192. package/dist/navigation-instruments/thruster/thruster.d.ts +2 -1
  193. package/dist/navigation-instruments/thruster/thruster.d.ts.map +1 -1
  194. package/dist/navigation-instruments/thruster/thruster.js +45 -25
  195. package/dist/navigation-instruments/thruster/thruster.js.map +1 -1
  196. package/fix-generated.cjs +3 -0
  197. package/new-component.ts +7 -8
  198. package/package.json +6 -3
  199. package/script/convert-icons.ts +177 -0
  200. package/script/download-alert-icons.ts +180 -0
  201. package/script/download-icons.ts +7 -141
  202. package/src/components/alert-button/alert-button.css +1 -12
  203. package/src/components/alert-button/alert-button.stories.ts +2 -0
  204. package/src/components/alert-button/alert-button.ts +29 -4
  205. package/src/components/alert-icon/alert-icon.stories.ts +35 -0
  206. package/src/components/alert-icon/alert-icon.ts +75 -0
  207. package/src/components/alert-icon/icons/icon-14-alarm-silenced-a.ts +9 -0
  208. package/src/components/alert-icon/icons/icon-14-alarm-silenced-b.ts +16 -0
  209. package/src/components/alert-icon/icons/icon-14-alarm-unack-a.ts +8 -0
  210. package/src/components/alert-icon/icons/icon-14-alarm-unack-b.ts +15 -0
  211. package/src/components/alert-icon/icons/icon-14-warning-unack-a.ts +8 -0
  212. package/src/components/alert-icon/icons/icon-14-warning-unack-b.ts +8 -0
  213. package/src/components/alert-topbar-element/alert-topbar-element.stories.ts +4 -0
  214. package/src/components/alert-topbar-element/alert-topbar-element.ts +17 -0
  215. package/src/components/notification-message/notification-message.stories.ts +26 -10
  216. package/src/components/rich-button/rich-button.css +118 -0
  217. package/src/components/rich-button/rich-button.stories.ts +196 -0
  218. package/src/components/rich-button/rich-button.ts +95 -0
  219. package/src/components/vendor-button/vendor-button.css +10 -0
  220. package/src/components/vendor-button/vendor-button.stories.ts +19 -0
  221. package/src/components/vendor-button/vendor-button.ts +25 -0
  222. package/src/icons/icon-01-content-copy.ts +40 -0
  223. package/src/icons/icon-01-content-cut.ts +40 -0
  224. package/src/icons/icon-01-content-paste.ts +40 -0
  225. package/src/icons/icon-02-dock-bottom.ts +40 -0
  226. package/src/icons/icon-02-dock-left.ts +40 -0
  227. package/src/icons/icon-02-dock-right.ts +40 -0
  228. package/src/icons/icon-03-license.ts +40 -0
  229. package/src/icons/icon-03-star-unchecked.ts +1 -1
  230. package/src/icons/icon-04-colorcalibrated.ts +2 -14
  231. package/src/icons/icon-07-target-associated-ais-camera.ts +42 -0
  232. package/src/icons/icon-07-target-associated-camera-radar.ts +40 -0
  233. package/src/icons/icon-07-target-associated-radar-camera.ts +42 -0
  234. package/src/icons/icon-07-target-camera.ts +40 -0
  235. package/src/icons/icon-08-backward-fast.ts +1 -1
  236. package/src/icons/icon-08-backward-stopped.ts +1 -1
  237. package/src/icons/icon-08-forward-fast.ts +1 -1
  238. package/src/icons/icon-08-forward-stopped.ts +1 -1
  239. package/src/icons/icon-08-motor-off-horisontal.ts +1 -1
  240. package/src/icons/icon-09-switch-horizontal-off-large.ts +1 -1
  241. package/src/icons/icon-09-switch-horizontal-off.ts +1 -1
  242. package/src/icons/icon-10-autonomous.ts +3 -3
  243. package/src/icons/icon-14-alert-rectified.ts +1 -1
  244. package/src/icons/icon-14-alertheader-aggregated-large.ts +40 -0
  245. package/src/icons/icon-14-alertheader-group-large.ts +42 -0
  246. package/src/icons/icon-14-exclamationmark.ts +4 -4
  247. package/src/icons/icon-14-rectified.ts +1 -1
  248. package/src/icons/icon-18-ais-anchored.ts +4 -4
  249. package/src/icons/icon-18-ais-notunderway.ts +1 -1
  250. package/src/icons/icon-iec-02-ais-target-activated-selected.ts +40 -0
  251. package/src/icons/icon-iec-02-ais-target-activated.ts +40 -0
  252. package/src/icons/icon-iec-02-associated-target-ais.ts +40 -0
  253. package/src/icons/icon-iec-02-associated-target-radar.ts +40 -0
  254. package/src/icons/icon-iec-02-radar-target-tracked-selected.ts +48 -0
  255. package/src/icons/icon-iec-02-radar-target-tracked.ts +40 -0
  256. package/src/icons/index.ts +19 -4
  257. package/src/icons/names.ts +19 -4
  258. package/src/icons.stories.ts +78 -0
  259. package/src/navigation-instruments/thruster/thruster.stories.ts +18 -1
  260. package/src/navigation-instruments/thruster/thruster.ts +43 -27
  261. package/dist/icons/icon-07-target-ias-selected.d.ts.map +0 -1
  262. package/dist/icons/icon-07-target-ias-selected.js +0 -60
  263. package/dist/icons/icon-07-target-ias-selected.js.map +0 -1
  264. package/dist/icons/icon-07-target-ias.d.ts.map +0 -1
  265. package/dist/icons/icon-07-target-ias.js.map +0 -1
  266. package/dist/icons/icon-07-target-radar-selected.d.ts.map +0 -1
  267. package/dist/icons/icon-07-target-radar-selected.js +0 -60
  268. package/dist/icons/icon-07-target-radar-selected.js.map +0 -1
  269. package/dist/icons/icon-07-target-radar.js.map +0 -1
  270. package/src/icons/icon-07-target-ias-selected.ts +0 -48
  271. package/src/icons/icon-07-target-ias.ts +0 -54
  272. package/src/icons/icon-07-target-radar-selected.ts +0 -48
  273. package/src/icons/icon-07-target-radar.ts +0 -40
@@ -7,6 +7,8 @@ const config: StorybookConfig = {
7
7
  getAbsolutePath('@storybook/addon-links'),
8
8
  getAbsolutePath('@storybook/addon-essentials'),
9
9
  getAbsolutePath('@storybook/addon-themes'),
10
+ getAbsolutePath('@storybook/addon-interactions'),
11
+ getAbsolutePath('@storybook/addon-storysource'),
10
12
  ],
11
13
  framework: {
12
14
  name: getAbsolutePath('@storybook/web-components-vite'),
@@ -35,6 +35,17 @@ const preview: Preview = {
35
35
  grid: {
36
36
  cellSize: 8,
37
37
  },
38
+ default: 'container-background-color',
39
+ values: [
40
+ {
41
+ name: 'container-section-color',
42
+ value: 'var(--container-section-color)',
43
+ },
44
+ {
45
+ name: 'container-background-color',
46
+ value: 'var(--container-background-color)',
47
+ },
48
+ ],
38
49
  },
39
50
  },
40
51
  };
@@ -0,0 +1,16 @@
1
+ {
2
+ // Use IntelliSense to learn about possible attributes.
3
+ // Hover to view descriptions of existing attributes.
4
+ // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
5
+ "version": "0.2.0",
6
+ "configurations": [
7
+ {
8
+ "name": "Download alert icons",
9
+ "request": "launch",
10
+ "runtimeArgs": ["tsx", "script/download-alert-icons.ts"],
11
+ "runtimeExecutable": "yarn",
12
+ "skipFiles": ["<node_internals>/**"],
13
+ "type": "node"
14
+ }
15
+ ]
16
+ }
package/README.md CHANGED
@@ -4,6 +4,14 @@ Welcome to the Openbridge Web Components! This readme file provides an overview
4
4
 
5
5
  > **❗Caution❗** This repository is currently in early development and may not be stable. Please use with caution.
6
6
 
7
+ # Introduction video
8
+
9
+ We have made an short introduction to the library. You can watch it [here](https://www.youtube.com/watch?v=5DiEA4voqzI)
10
+
11
+ <a href="http://www.youtube.com/watch?feature=player_embedded&v=5DiEA4voqzI" target="_blank">
12
+ <img src="https://img.youtube.com/vi/5DiEA4voqzI/0.jpg" alt="Watch the video" width="480" height="360" />
13
+ </a>
14
+
7
15
  ## Table of Contents
8
16
 
9
17
  - [Storybook](#storybook)