@oicl/openbridge-webcomponents 2.0.0-next.94 → 2.0.0-next.96

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 (88) hide show
  1. package/bundle/openbridge-webcomponents.bundle.js +15137 -14794
  2. package/bundle/openbridge-webcomponents.bundle.js.map +1 -1
  3. package/custom-elements.json +110 -70
  4. package/dist/alert-severity.d.ts +1 -1
  5. package/dist/alert-severity.d.ts.map +1 -1
  6. package/dist/alert-severity.js +4 -1
  7. package/dist/alert-severity.js.map +1 -1
  8. package/dist/building-blocks/chart-line/chart-line-base.d.ts +95 -33
  9. package/dist/building-blocks/chart-line/chart-line-base.d.ts.map +1 -1
  10. package/dist/building-blocks/chart-line/chart-line-base.js +88 -23
  11. package/dist/building-blocks/chart-line/chart-line-base.js.map +1 -1
  12. package/dist/charthelpers/index.d.ts +1 -0
  13. package/dist/charthelpers/index.d.ts.map +1 -1
  14. package/dist/charthelpers/index.js +4 -0
  15. package/dist/charthelpers/index.js.map +1 -1
  16. package/dist/charthelpers/x-value.d.ts +72 -0
  17. package/dist/charthelpers/x-value.d.ts.map +1 -0
  18. package/dist/charthelpers/x-value.js +60 -0
  19. package/dist/charthelpers/x-value.js.map +1 -0
  20. package/dist/components/alert-button/alert-button.js +1 -1
  21. package/dist/components/alert-button/alert-button.js.map +1 -1
  22. package/dist/components/alert-icon/alert-icon.d.ts +30 -7
  23. package/dist/components/alert-icon/alert-icon.d.ts.map +1 -1
  24. package/dist/components/alert-icon/alert-icon.js +234 -67
  25. package/dist/components/alert-icon/alert-icon.js.map +1 -1
  26. package/dist/components/alert-icon/icons/icon-critical-acknowledged.d.ts +2 -0
  27. package/dist/components/alert-icon/icons/icon-critical-acknowledged.d.ts.map +1 -0
  28. package/dist/components/alert-icon/icons/icon-critical-acknowledged.js +17 -0
  29. package/dist/components/alert-icon/icons/icon-critical-acknowledged.js.map +1 -0
  30. package/dist/components/alert-icon/icons/icon-critical-rectified.d.ts +3 -0
  31. package/dist/components/alert-icon/icons/icon-critical-rectified.d.ts.map +1 -0
  32. package/dist/components/alert-icon/icons/icon-critical-rectified.js +28 -0
  33. package/dist/components/alert-icon/icons/icon-critical-rectified.js.map +1 -0
  34. package/dist/components/alert-icon/icons/icon-critical-silenced.d.ts +3 -0
  35. package/dist/components/alert-icon/icons/icon-critical-silenced.d.ts.map +1 -0
  36. package/dist/components/alert-icon/icons/{icon-warning-silenced.js → icon-critical-silenced.js} +26 -13
  37. package/dist/components/alert-icon/icons/icon-critical-silenced.js.map +1 -0
  38. package/dist/components/alert-icon/icons/icon-critical-unacknowledged.d.ts +3 -0
  39. package/dist/components/alert-icon/icons/icon-critical-unacknowledged.d.ts.map +1 -0
  40. package/dist/components/alert-icon/icons/icon-critical-unacknowledged.js +28 -0
  41. package/dist/components/alert-icon/icons/icon-critical-unacknowledged.js.map +1 -0
  42. package/dist/components/alert-icon/icons/icon-low-acknowledged.d.ts +2 -0
  43. package/dist/components/alert-icon/icons/icon-low-acknowledged.d.ts.map +1 -0
  44. package/dist/components/alert-icon/icons/icon-low-acknowledged.js +11 -0
  45. package/dist/components/alert-icon/icons/icon-low-acknowledged.js.map +1 -0
  46. package/dist/components/alert-icon/icons/icon-low-rectified.d.ts +3 -0
  47. package/dist/components/alert-icon/icons/icon-low-rectified.d.ts.map +1 -0
  48. package/dist/components/alert-icon/icons/icon-low-rectified.js +16 -0
  49. package/dist/components/alert-icon/icons/icon-low-rectified.js.map +1 -0
  50. package/dist/components/alert-icon/icons/icon-low-silenced.d.ts +3 -0
  51. package/dist/components/alert-icon/icons/icon-low-silenced.d.ts.map +1 -0
  52. package/dist/components/alert-icon/icons/icon-low-silenced.js +18 -0
  53. package/dist/components/alert-icon/icons/icon-low-silenced.js.map +1 -0
  54. package/dist/components/alert-icon/icons/icon-low-unacknowledged.d.ts +3 -0
  55. package/dist/components/alert-icon/icons/icon-low-unacknowledged.d.ts.map +1 -0
  56. package/dist/components/alert-icon/icons/icon-low-unacknowledged.js +16 -0
  57. package/dist/components/alert-icon/icons/icon-low-unacknowledged.js.map +1 -0
  58. package/dist/navigation-instruments/gauge-trend/gauge-trend.d.ts +16 -1
  59. package/dist/navigation-instruments/gauge-trend/gauge-trend.d.ts.map +1 -1
  60. package/dist/navigation-instruments/gauge-trend/gauge-trend.js +12 -0
  61. package/dist/navigation-instruments/gauge-trend/gauge-trend.js.map +1 -1
  62. package/dist/pages/alert-detail-page/alert-detail-page.d.ts.map +1 -1
  63. package/dist/pages/alert-detail-page/alert-detail-page.js +1 -2
  64. package/dist/pages/alert-detail-page/alert-detail-page.js.map +1 -1
  65. package/package.json +1 -1
  66. package/dist/components/alert-icon/icons/icon-alarm-rectified.d.ts +0 -3
  67. package/dist/components/alert-icon/icons/icon-alarm-rectified.d.ts.map +0 -1
  68. package/dist/components/alert-icon/icons/icon-alarm-rectified.js +0 -15
  69. package/dist/components/alert-icon/icons/icon-alarm-rectified.js.map +0 -1
  70. package/dist/components/alert-icon/icons/icon-alarm-silenced.d.ts +0 -3
  71. package/dist/components/alert-icon/icons/icon-alarm-silenced.d.ts.map +0 -1
  72. package/dist/components/alert-icon/icons/icon-alarm-silenced.js +0 -17
  73. package/dist/components/alert-icon/icons/icon-alarm-silenced.js.map +0 -1
  74. package/dist/components/alert-icon/icons/icon-alarm-unack.d.ts +0 -3
  75. package/dist/components/alert-icon/icons/icon-alarm-unack.d.ts.map +0 -1
  76. package/dist/components/alert-icon/icons/icon-alarm-unack.js +0 -15
  77. package/dist/components/alert-icon/icons/icon-alarm-unack.js.map +0 -1
  78. package/dist/components/alert-icon/icons/icon-warning-rectified.d.ts +0 -3
  79. package/dist/components/alert-icon/icons/icon-warning-rectified.d.ts.map +0 -1
  80. package/dist/components/alert-icon/icons/icon-warning-rectified.js +0 -15
  81. package/dist/components/alert-icon/icons/icon-warning-rectified.js.map +0 -1
  82. package/dist/components/alert-icon/icons/icon-warning-silenced.d.ts +0 -3
  83. package/dist/components/alert-icon/icons/icon-warning-silenced.d.ts.map +0 -1
  84. package/dist/components/alert-icon/icons/icon-warning-silenced.js.map +0 -1
  85. package/dist/components/alert-icon/icons/icon-warning-unack.d.ts +0 -3
  86. package/dist/components/alert-icon/icons/icon-warning-unack.d.ts.map +0 -1
  87. package/dist/components/alert-icon/icons/icon-warning-unack.js +0 -15
  88. package/dist/components/alert-icon/icons/icon-warning-unack.js.map +0 -1
@@ -0,0 +1,28 @@
1
+ import { svg } from "lit";
2
+ const criticalUnacknowledgedA = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
3
+ <path d="M 22,12
4
+ L 17,20.66
5
+ L 7,20.66
6
+ L 2,12
7
+ L 7,3.34
8
+ L 17,3.34
9
+ Z"
10
+ fill="var(--alert-critical-color)" stroke="var(--alert-critical-outline-color)" />
11
+ <path d="M7.5 13.1999V10.7999C7.5 10.5199 7.5 10.3799 7.5545 10.2729C7.60243 10.1789 7.67892 10.1024 7.773 10.0544C7.87996 9.99993 8.01997 9.99993 8.3 9.99993H10.6686C10.7909 9.99993 10.8521 9.99993 10.9096 9.98611C10.9606 9.97386 11.0094 9.95366 11.0541 9.92625C11.1046 9.89533 11.1478 9.85209 11.2343 9.76561L13.6343 7.36561C14.0627 6.93724 14.2769 6.72305 14.4608 6.70858C14.6203 6.69602 14.7763 6.76061 14.8802 6.88231C15 7.02257 15 7.32548 15 7.9313V16.0686C15 16.6744 15 16.9773 14.8802 17.1175C14.7763 17.2392 14.6203 17.3038 14.4608 17.2913C14.2769 17.2768 14.0627 17.0626 13.6343 16.6342L11.2343 14.2342C11.1478 14.1478 11.1046 14.1045 11.0541 14.0736C11.0094 14.0462 10.9606 14.026 10.9096 14.0137C10.8521 13.9999 10.7909 13.9999 10.6686 13.9999H8.3C8.01997 13.9999 7.87996 13.9999 7.773 13.9454C7.67892 13.8975 7.60243 13.821 7.5545 13.7269C7.5 13.62 7.5 13.48 7.5 13.1999Z" fill="var(--on-critical-active-color)"/>
12
+ </svg>`;
13
+ const criticalUnacknowledgedB = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
14
+ <path d="M 22,12
15
+ L 17,20.66
16
+ L 7,20.66
17
+ L 2,12
18
+ L 7,3.34
19
+ L 17,3.34
20
+ Z"
21
+ fill="none" stroke="var(--element-active-color)" />
22
+ <path d="M7.5 13.1999V10.7999C7.5 10.5199 7.5 10.3799 7.5545 10.2729C7.60243 10.1789 7.67892 10.1024 7.773 10.0544C7.87996 9.99993 8.01997 9.99993 8.3 9.99993H10.6686C10.7909 9.99993 10.8521 9.99993 10.9096 9.98611C10.9606 9.97386 11.0094 9.95366 11.0541 9.92625C11.1046 9.89533 11.1478 9.85209 11.2343 9.76561L13.6343 7.36561C14.0627 6.93724 14.2769 6.72305 14.4608 6.70858C14.6203 6.69602 14.7763 6.76061 14.8802 6.88231C15 7.02257 15 7.32548 15 7.9313V16.0686C15 16.6744 15 16.9773 14.8802 17.1175C14.7763 17.2392 14.6203 17.3038 14.4608 17.2913C14.2769 17.2768 14.0627 17.0626 13.6343 16.6342L11.2343 14.2342C11.1478 14.1478 11.1046 14.1045 11.0541 14.0736C11.0094 14.0462 10.9606 14.026 10.9096 14.0137C10.8521 13.9999 10.7909 13.9999 10.6686 13.9999H8.3C8.01997 13.9999 7.87996 13.9999 7.773 13.9454C7.67892 13.8975 7.60243 13.821 7.5545 13.7269C7.5 13.62 7.5 13.48 7.5 13.1999Z" fill="var(--element-active-color)"/>
23
+ </svg>`;
24
+ export {
25
+ criticalUnacknowledgedA,
26
+ criticalUnacknowledgedB
27
+ };
28
+ //# sourceMappingURL=icon-critical-unacknowledged.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icon-critical-unacknowledged.js","sources":["../../../../src/components/alert-icon/icons/icon-critical-unacknowledged.ts"],"sourcesContent":["import {svg} from 'lit';\n\nexport const criticalUnacknowledgedA = svg`<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M 22,12\n L 17,20.66\n L 7,20.66\n L 2,12\n L 7,3.34\n L 17,3.34\n Z\"\n fill=\"var(--alert-critical-color)\" stroke=\"var(--alert-critical-outline-color)\" />\n<path d=\"M7.5 13.1999V10.7999C7.5 10.5199 7.5 10.3799 7.5545 10.2729C7.60243 10.1789 7.67892 10.1024 7.773 10.0544C7.87996 9.99993 8.01997 9.99993 8.3 9.99993H10.6686C10.7909 9.99993 10.8521 9.99993 10.9096 9.98611C10.9606 9.97386 11.0094 9.95366 11.0541 9.92625C11.1046 9.89533 11.1478 9.85209 11.2343 9.76561L13.6343 7.36561C14.0627 6.93724 14.2769 6.72305 14.4608 6.70858C14.6203 6.69602 14.7763 6.76061 14.8802 6.88231C15 7.02257 15 7.32548 15 7.9313V16.0686C15 16.6744 15 16.9773 14.8802 17.1175C14.7763 17.2392 14.6203 17.3038 14.4608 17.2913C14.2769 17.2768 14.0627 17.0626 13.6343 16.6342L11.2343 14.2342C11.1478 14.1478 11.1046 14.1045 11.0541 14.0736C11.0094 14.0462 10.9606 14.026 10.9096 14.0137C10.8521 13.9999 10.7909 13.9999 10.6686 13.9999H8.3C8.01997 13.9999 7.87996 13.9999 7.773 13.9454C7.67892 13.8975 7.60243 13.821 7.5545 13.7269C7.5 13.62 7.5 13.48 7.5 13.1999Z\" fill=\"var(--on-critical-active-color)\"/>\n</svg>`;\n\nexport const criticalUnacknowledgedB = svg`<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M 22,12\n L 17,20.66\n L 7,20.66\n L 2,12\n L 7,3.34\n L 17,3.34\n Z\"\n fill=\"none\" stroke=\"var(--element-active-color)\" />\n<path d=\"M7.5 13.1999V10.7999C7.5 10.5199 7.5 10.3799 7.5545 10.2729C7.60243 10.1789 7.67892 10.1024 7.773 10.0544C7.87996 9.99993 8.01997 9.99993 8.3 9.99993H10.6686C10.7909 9.99993 10.8521 9.99993 10.9096 9.98611C10.9606 9.97386 11.0094 9.95366 11.0541 9.92625C11.1046 9.89533 11.1478 9.85209 11.2343 9.76561L13.6343 7.36561C14.0627 6.93724 14.2769 6.72305 14.4608 6.70858C14.6203 6.69602 14.7763 6.76061 14.8802 6.88231C15 7.02257 15 7.32548 15 7.9313V16.0686C15 16.6744 15 16.9773 14.8802 17.1175C14.7763 17.2392 14.6203 17.3038 14.4608 17.2913C14.2769 17.2768 14.0627 17.0626 13.6343 16.6342L11.2343 14.2342C11.1478 14.1478 11.1046 14.1045 11.0541 14.0736C11.0094 14.0462 10.9606 14.026 10.9096 14.0137C10.8521 13.9999 10.7909 13.9999 10.6686 13.9999H8.3C8.01997 13.9999 7.87996 13.9999 7.773 13.9454C7.67892 13.8975 7.60243 13.821 7.5545 13.7269C7.5 13.62 7.5 13.48 7.5 13.1999Z\" fill=\"var(--element-active-color)\"/>\n</svg>`;\n"],"names":[],"mappings":";AAEO,MAAM,0BAA0B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYhC,MAAM,0BAA0B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
@@ -0,0 +1,2 @@
1
+ export declare const lowAcknowledged: import('lit-html').TemplateResult<2>;
2
+ //# sourceMappingURL=icon-low-acknowledged.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icon-low-acknowledged.d.ts","sourceRoot":"","sources":["../../../../src/components/alert-icon/icons/icon-low-acknowledged.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,sCAKrB,CAAC"}
@@ -0,0 +1,11 @@
1
+ import { svg } from "lit";
2
+ const lowAcknowledged = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M4 2C2.89543 2 2 2.89543 2 4V20C2 21.1046 2.89543 22 4 22H20C21.1046 22 22 21.1046 22 20V4C22 2.89543 21.1046 2 20 2H4Z" fill="var(--alert-caution-color)"/>
4
+ <path d="M4 2.5H20C20.8284 2.5 21.5 3.17157 21.5 4V20C21.5 20.8284 20.8284 21.5 20 21.5H4C3.17157 21.5 2.5 20.8284 2.5 20V4C2.5 3.17157 3.17157 2.5 4 2.5Z" stroke="var(--alert-caution-outline-color)"/>
5
+ <path d="M13 13V7H11V13H13Z" fill="var(--on-caution-active-color)"/>
6
+ <path d="M13 17V15H11V17H13Z" fill="var(--on-caution-active-color)"/>
7
+ </svg>`;
8
+ export {
9
+ lowAcknowledged
10
+ };
11
+ //# sourceMappingURL=icon-low-acknowledged.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icon-low-acknowledged.js","sources":["../../../../src/components/alert-icon/icons/icon-low-acknowledged.ts"],"sourcesContent":["import {svg} from 'lit';\n\nexport const lowAcknowledged = svg`<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4 2C2.89543 2 2 2.89543 2 4V20C2 21.1046 2.89543 22 4 22H20C21.1046 22 22 21.1046 22 20V4C22 2.89543 21.1046 2 20 2H4Z\" fill=\"var(--alert-caution-color)\"/>\n<path d=\"M4 2.5H20C20.8284 2.5 21.5 3.17157 21.5 4V20C21.5 20.8284 20.8284 21.5 20 21.5H4C3.17157 21.5 2.5 20.8284 2.5 20V4C2.5 3.17157 3.17157 2.5 4 2.5Z\" stroke=\"var(--alert-caution-outline-color)\"/>\n<path d=\"M13 13V7H11V13H13Z\" fill=\"var(--on-caution-active-color)\"/>\n<path d=\"M13 17V15H11V17H13Z\" fill=\"var(--on-caution-active-color)\"/>\n</svg>`;\n"],"names":[],"mappings":";AAEO,MAAM,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;"}
@@ -0,0 +1,3 @@
1
+ export declare const lowRectifiedA: import('lit-html').TemplateResult<2>;
2
+ export declare const lowRectifiedB: import('lit-html').TemplateResult<2>;
3
+ //# sourceMappingURL=icon-low-rectified.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icon-low-rectified.d.ts","sourceRoot":"","sources":["../../../../src/components/alert-icon/icons/icon-low-rectified.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,sCAInB,CAAC;AAER,eAAO,MAAM,aAAa,sCAInB,CAAC"}
@@ -0,0 +1,16 @@
1
+ import { svg } from "lit";
2
+ const lowRectifiedA = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M4 2C2.89543 2 2 2.89543 2 4V20C2 21.1046 2.89543 22 4 22H20C21.1046 22 22 21.1046 22 20V4C22 2.89543 21.1046 2 20 2H4Z" fill="var(--alert-caution-color)"/>
4
+ <path d="M4 2.5H20C20.8284 2.5 21.5 3.17157 21.5 4V20C21.5 20.8284 20.8284 21.5 20 21.5H4C3.17157 21.5 2.5 20.8284 2.5 20V4C2.5 3.17157 3.17157 2.5 4 2.5Z" stroke="var(--alert-caution-outline-color)"/>
5
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M18.2071 9.20706L10.5 16.9142L5.79291 12.2071L7.20712 10.7928L10.5 14.0857L16.7929 7.79285L18.2071 9.20706Z" fill="var(--on-caution-active-color)"/>
6
+ </svg>`;
7
+ const lowRectifiedB = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
8
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M4 2C2.89543 2 2 2.89543 2 4V20C2 21.1046 2.89543 22 4 22H20C21.1046 22 22 21.1046 22 20V4C22 2.89543 21.1046 2 20 2H4Z" fill="none"/>
9
+ <path d="M4 2.5H20C20.8284 2.5 21.5 3.17157 21.5 4V20C21.5 20.8284 20.8284 21.5 20 21.5H4C3.17157 21.5 2.5 20.8284 2.5 20V4C2.5 3.17157 3.17157 2.5 4 2.5Z" stroke="var(--element-active-color)"/>
10
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M18.2071 9.20706L10.5 16.9142L5.79291 12.2071L7.20712 10.7928L10.5 14.0857L16.7929 7.79285L18.2071 9.20706Z" fill="var(--element-active-color)"/>
11
+ </svg>`;
12
+ export {
13
+ lowRectifiedA,
14
+ lowRectifiedB
15
+ };
16
+ //# sourceMappingURL=icon-low-rectified.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icon-low-rectified.js","sources":["../../../../src/components/alert-icon/icons/icon-low-rectified.ts"],"sourcesContent":["import {svg} from 'lit';\n\nexport const lowRectifiedA = svg`<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4 2C2.89543 2 2 2.89543 2 4V20C2 21.1046 2.89543 22 4 22H20C21.1046 22 22 21.1046 22 20V4C22 2.89543 21.1046 2 20 2H4Z\" fill=\"var(--alert-caution-color)\"/>\n<path d=\"M4 2.5H20C20.8284 2.5 21.5 3.17157 21.5 4V20C21.5 20.8284 20.8284 21.5 20 21.5H4C3.17157 21.5 2.5 20.8284 2.5 20V4C2.5 3.17157 3.17157 2.5 4 2.5Z\" stroke=\"var(--alert-caution-outline-color)\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M18.2071 9.20706L10.5 16.9142L5.79291 12.2071L7.20712 10.7928L10.5 14.0857L16.7929 7.79285L18.2071 9.20706Z\" fill=\"var(--on-caution-active-color)\"/>\n</svg>`;\n\nexport const lowRectifiedB = svg`<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4 2C2.89543 2 2 2.89543 2 4V20C2 21.1046 2.89543 22 4 22H20C21.1046 22 22 21.1046 22 20V4C22 2.89543 21.1046 2 20 2H4Z\" fill=\"none\"/>\n<path d=\"M4 2.5H20C20.8284 2.5 21.5 3.17157 21.5 4V20C21.5 20.8284 20.8284 21.5 20 21.5H4C3.17157 21.5 2.5 20.8284 2.5 20V4C2.5 3.17157 3.17157 2.5 4 2.5Z\" stroke=\"var(--element-active-color)\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M18.2071 9.20706L10.5 16.9142L5.79291 12.2071L7.20712 10.7928L10.5 14.0857L16.7929 7.79285L18.2071 9.20706Z\" fill=\"var(--element-active-color)\"/>\n</svg>`;\n"],"names":[],"mappings":";AAEO,MAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAMtB,MAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;"}
@@ -0,0 +1,3 @@
1
+ export declare const lowSilencedA: import('lit-html').TemplateResult<2>;
2
+ export declare const lowSilencedB: import('lit-html').TemplateResult<2>;
3
+ //# sourceMappingURL=icon-low-silenced.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icon-low-silenced.d.ts","sourceRoot":"","sources":["../../../../src/components/alert-icon/icons/icon-low-silenced.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,sCAKlB,CAAC;AAER,eAAO,MAAM,YAAY,sCAKlB,CAAC"}
@@ -0,0 +1,18 @@
1
+ import { svg } from "lit";
2
+ const lowSilencedA = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M4 2C2.89543 2 2 2.89543 2 4V20C2 21.1046 2.89543 22 4 22H20C21.1046 22 22 21.1046 22 20V4C22 2.89543 21.1046 2 20 2H4Z" fill="var(--alert-caution-color)"/>
4
+ <path d="M4 2.5H20C20.8284 2.5 21.5 3.17157 21.5 4V20C21.5 20.8284 20.8284 21.5 20 21.5H4C3.17157 21.5 2.5 20.8284 2.5 20V4C2.5 3.17157 3.17157 2.5 4 2.5Z" stroke="var(--alert-caution-outline-color)"/>
5
+ <path d="M8.876 6.68796L7.81255 5.62451L6.75189 6.68517L10.0666 9.99993H8.29999C8.01997 9.99993 7.87995 9.99993 7.773 10.0544C7.67892 10.1024 7.60243 10.1789 7.55449 10.2729C7.49999 10.3799 7.49999 10.5199 7.49999 10.7999V13.1999C7.49999 13.48 7.49999 13.62 7.55449 13.7269C7.60243 13.821 7.67892 13.8975 7.773 13.9454C7.87995 13.9999 8.01997 13.9999 8.29999 13.9999H10.6686C10.7909 13.9999 10.8521 13.9999 10.9096 14.0137C10.9606 14.026 11.0094 14.0462 11.0541 14.0736C11.1046 14.1045 11.1478 14.1478 11.2343 14.2342L13.6343 16.6342C14.0627 17.0626 14.2769 17.2768 14.4608 17.2913C14.6203 17.3038 14.7762 17.2393 14.8802 17.1175C15 16.9773 15 16.6744 15 16.0686V14.9333L17.3585 17.2918L18.4192 16.2311L18.0684 15.8803L18.067 15.8817L8.87464 6.68932L8.876 6.68796Z" fill="var(--on-caution-active-color)"/>
6
+ <path d="M15 10.6933V7.9313C15 7.32548 15 7.02257 14.8802 6.88231C14.7762 6.7606 14.6203 6.69602 14.4608 6.70858C14.2769 6.72305 14.0627 6.93724 13.6343 7.36561L12.6533 8.34664L15 10.6933Z" fill="var(--on-caution-active-color)"/>
7
+ </svg>`;
8
+ const lowSilencedB = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
9
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M4 2C2.89543 2 2 2.89543 2 4V20C2 21.1046 2.89543 22 4 22H20C21.1046 22 22 21.1046 22 20V4C22 2.89543 21.1046 2 20 2H4Z" fill="none"/>
10
+ <path d="M4 2.5H20C20.8284 2.5 21.5 3.17157 21.5 4V20C21.5 20.8284 20.8284 21.5 20 21.5H4C3.17157 21.5 2.5 20.8284 2.5 20V4C2.5 3.17157 3.17157 2.5 4 2.5Z" stroke="var(--element-active-color)"/>
11
+ <path d="M8.876 6.68796L7.81255 5.62451L6.75189 6.68517L10.0666 9.99993H8.29999C8.01997 9.99993 7.87995 9.99993 7.773 10.0544C7.67892 10.1024 7.60243 10.1789 7.55449 10.2729C7.49999 10.3799 7.49999 10.5199 7.49999 10.7999V13.1999C7.49999 13.48 7.49999 13.62 7.55449 13.7269C7.60243 13.821 7.67892 13.8975 7.773 13.9454C7.87995 13.9999 8.01997 13.9999 8.29999 13.9999H10.6686C10.7909 13.9999 10.8521 13.9999 10.9096 14.0137C10.9606 14.026 11.0094 14.0462 11.0541 14.0736C11.1046 14.1045 11.1478 14.1478 11.2343 14.2342L13.6343 16.6342C14.0627 17.0626 14.2769 17.2768 14.4608 17.2913C14.6203 17.3038 14.7762 17.2393 14.8802 17.1175C15 16.9773 15 16.6744 15 16.0686V14.9333L17.3585 17.2918L18.4192 16.2311L18.0684 15.8803L18.067 15.8817L8.87464 6.68932L8.876 6.68796Z" fill="var(--element-active-color)"/>
12
+ <path d="M15 10.6933V7.9313C15 7.32548 15 7.02257 14.8802 6.88231C14.7762 6.7606 14.6203 6.69602 14.4608 6.70858C14.2769 6.72305 14.0627 6.93724 13.6343 7.36561L12.6533 8.34664L15 10.6933Z" fill="var(--element-active-color)"/>
13
+ </svg>`;
14
+ export {
15
+ lowSilencedA,
16
+ lowSilencedB
17
+ };
18
+ //# sourceMappingURL=icon-low-silenced.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icon-low-silenced.js","sources":["../../../../src/components/alert-icon/icons/icon-low-silenced.ts"],"sourcesContent":["import {svg} from 'lit';\n\nexport const lowSilencedA = svg`<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4 2C2.89543 2 2 2.89543 2 4V20C2 21.1046 2.89543 22 4 22H20C21.1046 22 22 21.1046 22 20V4C22 2.89543 21.1046 2 20 2H4Z\" fill=\"var(--alert-caution-color)\"/>\n<path d=\"M4 2.5H20C20.8284 2.5 21.5 3.17157 21.5 4V20C21.5 20.8284 20.8284 21.5 20 21.5H4C3.17157 21.5 2.5 20.8284 2.5 20V4C2.5 3.17157 3.17157 2.5 4 2.5Z\" stroke=\"var(--alert-caution-outline-color)\"/>\n<path d=\"M8.876 6.68796L7.81255 5.62451L6.75189 6.68517L10.0666 9.99993H8.29999C8.01997 9.99993 7.87995 9.99993 7.773 10.0544C7.67892 10.1024 7.60243 10.1789 7.55449 10.2729C7.49999 10.3799 7.49999 10.5199 7.49999 10.7999V13.1999C7.49999 13.48 7.49999 13.62 7.55449 13.7269C7.60243 13.821 7.67892 13.8975 7.773 13.9454C7.87995 13.9999 8.01997 13.9999 8.29999 13.9999H10.6686C10.7909 13.9999 10.8521 13.9999 10.9096 14.0137C10.9606 14.026 11.0094 14.0462 11.0541 14.0736C11.1046 14.1045 11.1478 14.1478 11.2343 14.2342L13.6343 16.6342C14.0627 17.0626 14.2769 17.2768 14.4608 17.2913C14.6203 17.3038 14.7762 17.2393 14.8802 17.1175C15 16.9773 15 16.6744 15 16.0686V14.9333L17.3585 17.2918L18.4192 16.2311L18.0684 15.8803L18.067 15.8817L8.87464 6.68932L8.876 6.68796Z\" fill=\"var(--on-caution-active-color)\"/>\n<path d=\"M15 10.6933V7.9313C15 7.32548 15 7.02257 14.8802 6.88231C14.7762 6.7606 14.6203 6.69602 14.4608 6.70858C14.2769 6.72305 14.0627 6.93724 13.6343 7.36561L12.6533 8.34664L15 10.6933Z\" fill=\"var(--on-caution-active-color)\"/>\n</svg>`;\n\nexport const lowSilencedB = svg`<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4 2C2.89543 2 2 2.89543 2 4V20C2 21.1046 2.89543 22 4 22H20C21.1046 22 22 21.1046 22 20V4C22 2.89543 21.1046 2 20 2H4Z\" fill=\"none\"/>\n<path d=\"M4 2.5H20C20.8284 2.5 21.5 3.17157 21.5 4V20C21.5 20.8284 20.8284 21.5 20 21.5H4C3.17157 21.5 2.5 20.8284 2.5 20V4C2.5 3.17157 3.17157 2.5 4 2.5Z\" stroke=\"var(--element-active-color)\"/>\n<path d=\"M8.876 6.68796L7.81255 5.62451L6.75189 6.68517L10.0666 9.99993H8.29999C8.01997 9.99993 7.87995 9.99993 7.773 10.0544C7.67892 10.1024 7.60243 10.1789 7.55449 10.2729C7.49999 10.3799 7.49999 10.5199 7.49999 10.7999V13.1999C7.49999 13.48 7.49999 13.62 7.55449 13.7269C7.60243 13.821 7.67892 13.8975 7.773 13.9454C7.87995 13.9999 8.01997 13.9999 8.29999 13.9999H10.6686C10.7909 13.9999 10.8521 13.9999 10.9096 14.0137C10.9606 14.026 11.0094 14.0462 11.0541 14.0736C11.1046 14.1045 11.1478 14.1478 11.2343 14.2342L13.6343 16.6342C14.0627 17.0626 14.2769 17.2768 14.4608 17.2913C14.6203 17.3038 14.7762 17.2393 14.8802 17.1175C15 16.9773 15 16.6744 15 16.0686V14.9333L17.3585 17.2918L18.4192 16.2311L18.0684 15.8803L18.067 15.8817L8.87464 6.68932L8.876 6.68796Z\" fill=\"var(--element-active-color)\"/>\n<path d=\"M15 10.6933V7.9313C15 7.32548 15 7.02257 14.8802 6.88231C14.7762 6.7606 14.6203 6.69602 14.4608 6.70858C14.2769 6.72305 14.0627 6.93724 13.6343 7.36561L12.6533 8.34664L15 10.6933Z\" fill=\"var(--element-active-color)\"/>\n</svg>`;\n"],"names":[],"mappings":";AAEO,MAAM,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAOrB,MAAM,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;"}
@@ -0,0 +1,3 @@
1
+ export declare const lowUnacknowledgedA: import('lit-html').TemplateResult<2>;
2
+ export declare const lowUnacknowledgedB: import('lit-html').TemplateResult<2>;
3
+ //# sourceMappingURL=icon-low-unacknowledged.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icon-low-unacknowledged.d.ts","sourceRoot":"","sources":["../../../../src/components/alert-icon/icons/icon-low-unacknowledged.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,sCAIxB,CAAC;AAER,eAAO,MAAM,kBAAkB,sCAIxB,CAAC"}
@@ -0,0 +1,16 @@
1
+ import { svg } from "lit";
2
+ const lowUnacknowledgedA = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M4 2C2.89543 2 2 2.89543 2 4V20C2 21.1046 2.89543 22 4 22H20C21.1046 22 22 21.1046 22 20V4C22 2.89543 21.1046 2 20 2H4Z" fill="var(--alert-caution-color)"/>
4
+ <path d="M4 2.5H20C20.8284 2.5 21.5 3.17157 21.5 4V20C21.5 20.8284 20.8284 21.5 20 21.5H4C3.17157 21.5 2.5 20.8284 2.5 20V4C2.5 3.17157 3.17157 2.5 4 2.5Z" stroke="var(--alert-caution-outline-color)"/>
5
+ <path d="M7.5 13.1999V10.7999C7.5 10.5199 7.5 10.3799 7.5545 10.2729C7.60243 10.1789 7.67892 10.1024 7.773 10.0544C7.87996 9.99993 8.01997 9.99993 8.3 9.99993H10.6686C10.7909 9.99993 10.8521 9.99993 10.9096 9.98611C10.9606 9.97386 11.0094 9.95366 11.0541 9.92625C11.1046 9.89533 11.1478 9.85209 11.2343 9.76561L13.6343 7.36561C14.0627 6.93724 14.2769 6.72305 14.4608 6.70858C14.6203 6.69602 14.7763 6.76061 14.8802 6.88231C15 7.02257 15 7.32548 15 7.9313V16.0686C15 16.6744 15 16.9773 14.8802 17.1175C14.7763 17.2392 14.6203 17.3038 14.4608 17.2913C14.2769 17.2768 14.0627 17.0626 13.6343 16.6342L11.2343 14.2342C11.1478 14.1478 11.1046 14.1045 11.0541 14.0736C11.0094 14.0462 10.9606 14.026 10.9096 14.0137C10.8521 13.9999 10.7909 13.9999 10.6686 13.9999H8.3C8.01997 13.9999 7.87996 13.9999 7.773 13.9454C7.67892 13.8975 7.60243 13.821 7.5545 13.7269C7.5 13.62 7.5 13.48 7.5 13.1999Z" fill="var(--on-caution-active-color)"/>
6
+ </svg>`;
7
+ const lowUnacknowledgedB = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
8
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M4 2C2.89543 2 2 2.89543 2 4V20C2 21.1046 2.89543 22 4 22H20C21.1046 22 22 21.1046 22 20V4C22 2.89543 21.1046 2 20 2H4Z" fill="none"/>
9
+ <path d="M4 2.5H20C20.8284 2.5 21.5 3.17157 21.5 4V20C21.5 20.8284 20.8284 21.5 20 21.5H4C3.17157 21.5 2.5 20.8284 2.5 20V4C2.5 3.17157 3.17157 2.5 4 2.5Z" stroke="var(--element-active-color)"/>
10
+ <path d="M7.5 13.1999V10.7999C7.5 10.5199 7.5 10.3799 7.5545 10.2729C7.60243 10.1789 7.67892 10.1024 7.773 10.0544C7.87996 9.99993 8.01997 9.99993 8.3 9.99993H10.6686C10.7909 9.99993 10.8521 9.99993 10.9096 9.98611C10.9606 9.97386 11.0094 9.95366 11.0541 9.92625C11.1046 9.89533 11.1478 9.85209 11.2343 9.76561L13.6343 7.36561C14.0627 6.93724 14.2769 6.72305 14.4608 6.70858C14.6203 6.69602 14.7763 6.76061 14.8802 6.88231C15 7.02257 15 7.32548 15 7.9313V16.0686C15 16.6744 15 16.9773 14.8802 17.1175C14.7763 17.2392 14.6203 17.3038 14.4608 17.2913C14.2769 17.2768 14.0627 17.0626 13.6343 16.6342L11.2343 14.2342C11.1478 14.1478 11.1046 14.1045 11.0541 14.0736C11.0094 14.0462 10.9606 14.026 10.9096 14.0137C10.8521 13.9999 10.7909 13.9999 10.6686 13.9999H8.3C8.01997 13.9999 7.87996 13.9999 7.773 13.9454C7.67892 13.8975 7.60243 13.821 7.5545 13.7269C7.5 13.62 7.5 13.48 7.5 13.1999Z" fill="var(--element-active-color)"/>
11
+ </svg>`;
12
+ export {
13
+ lowUnacknowledgedA,
14
+ lowUnacknowledgedB
15
+ };
16
+ //# sourceMappingURL=icon-low-unacknowledged.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icon-low-unacknowledged.js","sources":["../../../../src/components/alert-icon/icons/icon-low-unacknowledged.ts"],"sourcesContent":["import {svg} from 'lit';\n\nexport const lowUnacknowledgedA = svg`<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4 2C2.89543 2 2 2.89543 2 4V20C2 21.1046 2.89543 22 4 22H20C21.1046 22 22 21.1046 22 20V4C22 2.89543 21.1046 2 20 2H4Z\" fill=\"var(--alert-caution-color)\"/>\n<path d=\"M4 2.5H20C20.8284 2.5 21.5 3.17157 21.5 4V20C21.5 20.8284 20.8284 21.5 20 21.5H4C3.17157 21.5 2.5 20.8284 2.5 20V4C2.5 3.17157 3.17157 2.5 4 2.5Z\" stroke=\"var(--alert-caution-outline-color)\"/>\n<path d=\"M7.5 13.1999V10.7999C7.5 10.5199 7.5 10.3799 7.5545 10.2729C7.60243 10.1789 7.67892 10.1024 7.773 10.0544C7.87996 9.99993 8.01997 9.99993 8.3 9.99993H10.6686C10.7909 9.99993 10.8521 9.99993 10.9096 9.98611C10.9606 9.97386 11.0094 9.95366 11.0541 9.92625C11.1046 9.89533 11.1478 9.85209 11.2343 9.76561L13.6343 7.36561C14.0627 6.93724 14.2769 6.72305 14.4608 6.70858C14.6203 6.69602 14.7763 6.76061 14.8802 6.88231C15 7.02257 15 7.32548 15 7.9313V16.0686C15 16.6744 15 16.9773 14.8802 17.1175C14.7763 17.2392 14.6203 17.3038 14.4608 17.2913C14.2769 17.2768 14.0627 17.0626 13.6343 16.6342L11.2343 14.2342C11.1478 14.1478 11.1046 14.1045 11.0541 14.0736C11.0094 14.0462 10.9606 14.026 10.9096 14.0137C10.8521 13.9999 10.7909 13.9999 10.6686 13.9999H8.3C8.01997 13.9999 7.87996 13.9999 7.773 13.9454C7.67892 13.8975 7.60243 13.821 7.5545 13.7269C7.5 13.62 7.5 13.48 7.5 13.1999Z\" fill=\"var(--on-caution-active-color)\"/>\n</svg>`;\n\nexport const lowUnacknowledgedB = svg`<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4 2C2.89543 2 2 2.89543 2 4V20C2 21.1046 2.89543 22 4 22H20C21.1046 22 22 21.1046 22 20V4C22 2.89543 21.1046 2 20 2H4Z\" fill=\"none\"/>\n<path d=\"M4 2.5H20C20.8284 2.5 21.5 3.17157 21.5 4V20C21.5 20.8284 20.8284 21.5 20 21.5H4C3.17157 21.5 2.5 20.8284 2.5 20V4C2.5 3.17157 3.17157 2.5 4 2.5Z\" stroke=\"var(--element-active-color)\"/>\n<path d=\"M7.5 13.1999V10.7999C7.5 10.5199 7.5 10.3799 7.5545 10.2729C7.60243 10.1789 7.67892 10.1024 7.773 10.0544C7.87996 9.99993 8.01997 9.99993 8.3 9.99993H10.6686C10.7909 9.99993 10.8521 9.99993 10.9096 9.98611C10.9606 9.97386 11.0094 9.95366 11.0541 9.92625C11.1046 9.89533 11.1478 9.85209 11.2343 9.76561L13.6343 7.36561C14.0627 6.93724 14.2769 6.72305 14.4608 6.70858C14.6203 6.69602 14.7763 6.76061 14.8802 6.88231C15 7.02257 15 7.32548 15 7.9313V16.0686C15 16.6744 15 16.9773 14.8802 17.1175C14.7763 17.2392 14.6203 17.3038 14.4608 17.2913C14.2769 17.2768 14.0627 17.0626 13.6343 16.6342L11.2343 14.2342C11.1478 14.1478 11.1046 14.1045 11.0541 14.0736C11.0094 14.0462 10.9606 14.026 10.9096 14.0137C10.8521 13.9999 10.7909 13.9999 10.6686 13.9999H8.3C8.01997 13.9999 7.87996 13.9999 7.773 13.9454C7.67892 13.8975 7.60243 13.821 7.5545 13.7269C7.5 13.62 7.5 13.48 7.5 13.1999Z\" fill=\"var(--element-active-color)\"/>\n</svg>`;\n"],"names":[],"mappings":";AAEO,MAAM,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAM3B,MAAM,qBAAqB;AAAA;AAAA;AAAA;AAAA;"}
@@ -23,7 +23,9 @@ declare const ObcGaugeTrend_base: (new (...args: any[]) => import('../../svghelp
23
23
  * ## Locked Configuration (not user-configurable)
24
24
  * - Fixed aspect ratio scaling: always enabled
25
25
  * - Instrument mode: always enabled (8px border radius)
26
- * - X-axis type: always 'category'
26
+ * - X-axis type: auto-detected 'category' for `{label, value}` data,
27
+ * 'time' for `{x, value}` data (uneven intervals position proportionally).
28
+ * Assigning `xAxisType` explicitly disables auto-detection.
27
29
  * - Line mode: always 'smooth'
28
30
  * - Grid, tick marks, points, legend: always hidden
29
31
  * - Scale advice position: always 'inner'
@@ -85,6 +87,17 @@ declare const ObcGaugeTrend_base: (new (...args: any[]) => import('../../svghelp
85
87
  * ></obc-gauge-trend>
86
88
  * ```
87
89
  *
90
+ * ### Time-based data with uneven intervals
91
+ * ```html
92
+ * <obc-gauge-trend
93
+ * .data=${[
94
+ * {x: '2026-07-06T10:00:00Z', value: 3.5},
95
+ * {x: '2026-07-06T10:03:00Z', value: 4.2},
96
+ * {x: '2026-07-06T10:15:00Z', value: 5.0}
97
+ * ]}
98
+ * ></obc-gauge-trend>
99
+ * ```
100
+ *
88
101
  * @property {number} width - Chart width in pixels (defines aspect ratio)
89
102
  * @property {number} height - Chart height in pixels (defines aspect ratio)
90
103
  * @property {boolean} enhanced - Use enhanced color palette for chart and scales
@@ -101,6 +114,8 @@ declare const ObcGaugeTrend_base: (new (...args: any[]) => import('../../svghelp
101
114
  export declare class ObcGaugeTrend extends ObcGaugeTrend_base {
102
115
  private _barVerticalElement?;
103
116
  private _isFirstUpdate;
117
+ private _explicitXAxisType;
118
+ private _autoAppliedXAxisType?;
104
119
  constructor();
105
120
  firstUpdated(): Promise<void>;
106
121
  disconnectedCallback(): void;
@@ -1 +1 @@
1
- {"version":3,"file":"gauge-trend.d.ts","sourceRoot":"","sources":["../../../src/navigation-instruments/gauge-trend/gauge-trend.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,gBAAgB,EAKjB,MAAM,qDAAqD,CAAC;AAE7D,OAAO,EACL,QAAQ,EAGR,SAAS,EACV,MAAM,oDAAoD,CAAC;AAC5D,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,mDAAmD,CAAC;AAEpF,OAAO,oDAAoD,CAAC;AAG5D,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAC,CAAC;;AAE7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6FG;AACH,qBACa,aAAc,SAAQ,kBAA+B;IAChE,OAAO,CAAC,mBAAmB,CAAC,CAAc;IAC1C,OAAO,CAAC,cAAc,CAAS;;IA6ChB,YAAY;IAWlB,oBAAoB;IAQ7B,OAAO,CAAC,yBAAyB;IAWjC,OAAO,CAAC,2BAA2B;IAUnC,OAAO,CAAC,4BAA4B;IAkFpC;;;;;;;OAOG;IAEH,SAAS,EAAE,SAAS,CAAqB;IAEzC;;;OAGG;IAEH,QAAQ,SAAK;IAEb;;;OAGG;IAEH,QAAQ,SAAO;IAEf;;;OAGG;IAEH,aAAa,CAAC,EAAE,MAAM,CAAa;IAEnC;;;OAGG;IAEH,aAAa,CAAC,EAAE,MAAM,CAAa;IAEnC;;;;;;;;;;OAUG;IAEH,KAAK,CAAC,EAAE,MAAM,CAAa;IAE3B;;;;;OAKG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,SAAS,UAAS;IAElB;;;;;;;;;OASG;IAEH,QAAQ,EAAE,QAAQ,CAAiB;IAEnC;;;;;OAKG;IAEH,OAAO,SAAK;IAEZ;;;;;;;;OAQG;IAEH,OAAO,CAAC,EAAE,MAAM,CAAa;IAE7B;;;OAGG;IAEH,MAAM,EAAE,YAAY,EAAE,CAAM;IAE5B;;OAEG;IAEH,uBAAuB,CAAC,EAAE,MAAM,CAAa;IAO7C;;;OAGG;IAEH,yBAAyB,SAAO;IAEhC;;;OAGG;IAEH,wBAAwB,CAAC,EAAE,MAAM,CAAa;IAE9C;;;;OAIG;IAEH,SAAS,UAAS;IAElB;;OAEG;cACgB,eAAe,IAAI,OAAO;IAI7C;;;OAGG;cACgB,WAAW,IAAI,MAAM,GAAG,SAAS;IAIpD;;OAEG;cACgB,WAAW,IAAI,OAAO;IAIhC,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAiC7C,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;CAkDpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}
1
+ {"version":3,"file":"gauge-trend.d.ts","sourceRoot":"","sources":["../../../src/navigation-instruments/gauge-trend/gauge-trend.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,gBAAgB,EAKjB,MAAM,qDAAqD,CAAC;AAE7D,OAAO,EACL,QAAQ,EAGR,SAAS,EACV,MAAM,oDAAoD,CAAC;AAC5D,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,mDAAmD,CAAC;AAEpF,OAAO,oDAAoD,CAAC;AAG5D,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAC,CAAC;;AAE7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0GG;AACH,qBACa,aAAc,SAAQ,kBAA+B;IAChE,OAAO,CAAC,mBAAmB,CAAC,CAAc;IAC1C,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,kBAAkB,CAAS;IACnC,OAAO,CAAC,qBAAqB,CAAC,CAAY;;IA6C3B,YAAY;IAWlB,oBAAoB;IAQ7B,OAAO,CAAC,yBAAyB;IAWjC,OAAO,CAAC,2BAA2B;IAUnC,OAAO,CAAC,4BAA4B;IAkFpC;;;;;;;OAOG;IAEH,SAAS,EAAE,SAAS,CAAqB;IAEzC;;;OAGG;IAEH,QAAQ,SAAK;IAEb;;;OAGG;IAEH,QAAQ,SAAO;IAEf;;;OAGG;IAEH,aAAa,CAAC,EAAE,MAAM,CAAa;IAEnC;;;OAGG;IAEH,aAAa,CAAC,EAAE,MAAM,CAAa;IAEnC;;;;;;;;;;OAUG;IAEH,KAAK,CAAC,EAAE,MAAM,CAAa;IAE3B;;;;;OAKG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,SAAS,UAAS;IAElB;;;;;;;;;OASG;IAEH,QAAQ,EAAE,QAAQ,CAAiB;IAEnC;;;;;OAKG;IAEH,OAAO,SAAK;IAEZ;;;;;;;;OAQG;IAEH,OAAO,CAAC,EAAE,MAAM,CAAa;IAE7B;;;OAGG;IAEH,MAAM,EAAE,YAAY,EAAE,CAAM;IAE5B;;OAEG;IAEH,uBAAuB,CAAC,EAAE,MAAM,CAAa;IAO7C;;;OAGG;IAEH,yBAAyB,SAAO;IAEhC;;;OAGG;IAEH,wBAAwB,CAAC,EAAE,MAAM,CAAa;IAE9C;;;;OAIG;IAEH,SAAS,UAAS;IAElB;;OAEG;cACgB,eAAe,IAAI,OAAO;IAI7C;;;OAGG;cACgB,WAAW,IAAI,MAAM,GAAG,SAAS;IAIpD;;OAEG;cACgB,WAAW,IAAI,OAAO;IAIhC,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAuD7C,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;CAkDpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}
@@ -19,6 +19,7 @@ let ObcGaugeTrend = class extends SetpointMixin(ObcChartLineBase) {
19
19
  constructor() {
20
20
  super();
21
21
  this._isFirstUpdate = false;
22
+ this._explicitXAxisType = false;
22
23
  this.scaleType = ScaleType.regular;
23
24
  this.minValue = 0;
24
25
  this.maxValue = 100;
@@ -150,6 +151,17 @@ let ObcGaugeTrend = class extends SetpointMixin(ObcChartLineBase) {
150
151
  return false;
151
152
  }
152
153
  willUpdate(changed) {
154
+ if (changed.has("xAxisType") && this.xAxisType !== this._autoAppliedXAxisType && (this.hasUpdated || this.xAxisType !== XAxisType.category)) {
155
+ this._explicitXAxisType = true;
156
+ }
157
+ if (!this._explicitXAxisType && changed.has("data")) {
158
+ const allHaveX = (this.data?.length ?? 0) > 0 && this.data.every((d) => d.x != null);
159
+ const target = allHaveX ? XAxisType.time : XAxisType.category;
160
+ if (this.xAxisType !== target) {
161
+ this._autoAppliedXAxisType = target;
162
+ this.xAxisType = target;
163
+ }
164
+ }
153
165
  super.willUpdate(changed);
154
166
  if (changed.has("chartMinValue") || changed.has("chartMaxValue") || changed.has("minValue") || changed.has("maxValue")) {
155
167
  const chartMin = this.chartMinValue ?? this.minValue;
@@ -1 +1 @@
1
- {"version":3,"file":"gauge-trend.js","sources":["../../../src/navigation-instruments/gauge-trend/gauge-trend.ts"],"sourcesContent":["import {property} from 'lit/decorators.js';\nimport {customElement} from '../../decorator.js';\nimport {\n ObcChartLineBase,\n XAxisType,\n YAxisPosition,\n LineMode,\n TimeDisplay,\n} from '../../building-blocks/chart-line/chart-line-base.js';\nimport {BorderRadiusPosition} from '../types.js';\nimport {\n FillMode,\n AdvicePosition,\n BarContainerStyle,\n ScaleType,\n} from '../../building-blocks/bar-vertical/bar-vertical.js';\nimport type {LinearAdvice} from '../../building-blocks/instrument-linear/advice.js';\nimport {SetpointMixin} from '../../svghelpers/setpoint-mixin.js';\nimport '../../building-blocks/bar-vertical/bar-vertical.js';\n\n// Re-export FillMode and ScaleType for user convenience\nexport {FillMode, ScaleType};\n\n/**\n * Gauge Trend - A navigation instrument combining a line/area chart with an integrated vertical scale.\n *\n * This is a high-level, self-contained component that combines:\n * - A line/area chart (based on `ObcChartLineBase`) with configurable fill mode\n * - An integrated vertical scale (`obc-bar-vertical`) on the right side\n *\n * The component is designed for displaying time-series or categorical trend data alongside a calibrated\n * vertical measurement scale, commonly used in maritime navigation instruments.\n *\n * ## Architecture\n *\n * Internally composed of:\n * - **Base**: `ObcChartLineBase` (line/area graph functionality)\n * - **Right scale**: `obc-bar-vertical` (external scale component)\n *\n * ## Locked Configuration (not user-configurable)\n * - Fixed aspect ratio scaling: always enabled\n * - Instrument mode: always enabled (8px border radius)\n * - X-axis type: always 'category'\n * - Line mode: always 'smooth'\n * - Grid, tick marks, points, legend: always hidden\n * - Scale advice position: always 'inner'\n * - Scale state: automatically inherits from `state` property\n *\n * ## Usage Examples\n *\n * ### Basic gauge trend with default area fill\n * ```html\n * <obc-gauge-trend\n * .data=${[\n * {label: 'Jan', value: 3.5},\n * {label: 'Feb', value: 4.2},\n * {label: 'Mar', value: 5.0}\n * ]}\n * .minValue=${3}\n * .maxValue=${7}\n * .value=${5}\n * .width=${480}\n * .height=${480}\n * ></obc-gauge-trend>\n * ```\n *\n * ### Line-only (no fill) - default\n * ```html\n * <obc-gauge-trend\n * .data=${chartData}\n * ></obc-gauge-trend>\n * ```\n *\n * ### With area fill\n * ```html\n * <obc-gauge-trend\n * .chartFill=${true}\n * .data=${chartData}\n * ></obc-gauge-trend>\n * ```\n *\n * ### With enhanced colors and setpoint\n * ```html\n * <obc-gauge-trend\n * .enhanced=${true}\n * .state=${'in-command'}\n * .setpoint=${5.5}\n * .value=${5.2}\n * .hasBar=${true}\n * .hasScale=${true}\n * ></obc-gauge-trend>\n * ```\n *\n * ### With advice overlays\n * ```html\n * <obc-gauge-trend\n * .hasAdvice=${true}\n * .advice=${[\n * {min: 3, max: 5, type: 'caution', hinted: true},\n * {min: 6, max: 7, type: 'advice', hinted: false}\n * ]}\n * ></obc-gauge-trend>\n * ```\n *\n * @property {number} width - Chart width in pixels (defines aspect ratio)\n * @property {number} height - Chart height in pixels (defines aspect ratio)\n * @property {boolean} enhanced - Use enhanced color palette for chart and scales\n * @property {InstrumentState} state - Instrument state (automatically applied to scale)\n * @property {boolean} chartFill - Enable chart area fill (default: false for line-only)\n *\n * Setpoint properties are inherited from {@link SetpointMixin}.\n * These are forwarded to the internal `obc-bar-vertical` scale:\n * `setpoint`, `newSetpoint`, `touching`, `atSetpoint`, `autoAtSetpoint`,\n * `autoAtSetpointDeadband`, `setpointAtZeroDeadband`, `setpointOverride`.\n * See {@link SetpointMixinInterface} for full documentation.\n * @stable\n */\n@customElement('obc-gauge-trend')\nexport class ObcGaugeTrend extends SetpointMixin(ObcChartLineBase) {\n private _barVerticalElement?: HTMLElement;\n private _isFirstUpdate = false;\n\n constructor() {\n super();\n\n // Chart display options - locked for gauge-trend\n this.legend = false;\n this.showDebugOverlay = false;\n this.showGrid = false;\n this.showTickMarks = false;\n this.showPoints = false;\n\n // Axis configuration - locked for gauge-trend\n this.xAxisType = XAxisType.category;\n this.yAxisPosition = YAxisPosition.left;\n\n // Line rendering - locked for gauge-trend\n this.lineMode = LineMode.smooth;\n\n // Tooltip/unit - locked for gauge-trend (scale shows values)\n this.unit = '';\n this.timeDisplay = TimeDisplay.date;\n\n // Scaling and sizing - locked for gauge-trend\n this.fixedAspectRatioScaling = true;\n this.instrumentMode = true;\n this.borderRadius = 8;\n\n // Border radius positions for chart + scale composition\n this.borderRadiusPosition = BorderRadiusPosition.innerFirstChild;\n this.borderRadiusPositionExternalScales = BorderRadiusPosition.middleChild;\n\n // Y-axis configuration (managed internally, single axis only)\n // Note: yAxes will be properly set in willUpdate once properties are initialized\n // Using minValue/maxValue as defaults when chartMinValue/chartMaxValue are undefined\n this.yAxes = [\n {\n id: 'y',\n position: 'left',\n min: this.chartMinValue ?? this.minValue,\n max: this.chartMaxValue ?? this.maxValue,\n },\n ];\n }\n\n override async firstUpdated() {\n // IMPORTANT: create the external scale *before* base firstUpdated runs.\n // The base waits for external scale dimensions to integrate chart padding.\n this._createBarVerticalElement();\n this._updateBorderRadiusPosition();\n\n await super.firstUpdated();\n\n this._isFirstUpdate = false;\n }\n\n override disconnectedCallback() {\n super.disconnectedCallback();\n // Note: We intentionally don't remove _barVerticalElement here.\n // It's a light DOM child that naturally travels with the parent when\n // the component is moved in the DOM. Removing it would cause the scale\n // to be lost on reconnect since firstUpdated() only runs once.\n }\n\n private _createBarVerticalElement() {\n // Create bar-vertical element in light DOM so it can be slotted\n if (!this._barVerticalElement) {\n const barVertical = document.createElement('obc-bar-vertical');\n barVertical.setAttribute('slot', 'right-scale');\n this._barVerticalElement = barVertical;\n this.appendChild(barVertical);\n this._updateBarVerticalProperties();\n }\n }\n\n private _updateBorderRadiusPosition() {\n // When there's no bar and no scale (labels only), round all corners\n if (!this.hasBar && !this.hasScale) {\n this.borderRadiusPosition = BorderRadiusPosition.middleRoundedChild;\n } else {\n // Otherwise, use innerFirstChild (rounds left side when scale is on right)\n this.borderRadiusPosition = BorderRadiusPosition.innerFirstChild;\n }\n }\n\n private _updateBarVerticalProperties() {\n if (!this._barVerticalElement) {\n return;\n }\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const barVertical = this._barVerticalElement as any;\n\n // Use getEffectiveHeight() which returns computed height in fixedAspectRatioScaling mode\n // This ensures the bar-vertical gets the correct height that matches the chart's actual size\n const effectiveHeight = this.getEffectiveHeight();\n\n barVertical.minValue = this.minValue;\n barVertical.maxValue = this.maxValue;\n barVertical.height = effectiveHeight;\n barVertical.side = 'right';\n barVertical.hasScale = this.hasScale;\n barVertical.hasBar = this.hasBar;\n // Bar thickness: 48 for scale mode, 24 for bar-only mode (internal, not user-configurable)\n barVertical.barThickness = this.hasScale ? 48 : 24;\n barVertical.scaleType = this.scaleType;\n barVertical.fillMode = this.fillMode;\n barVertical.fillMin = this.fillMin;\n // In 'fill' mode: fillMax always tracks value (bar shows current value)\n // In 'tint' mode: fillMax uses explicit value or defaults to value\n barVertical.fillMax =\n this.fillMode === FillMode.fill\n ? this.value\n : (this.fillMax ?? this.value);\n barVertical.value = this.value;\n barVertical.setpoint = this.setpoint;\n barVertical.newSetpoint = this.newSetpoint;\n barVertical.touching = this.touching;\n barVertical.atSetpoint = this.atSetpoint;\n barVertical.autoAtSetpoint = this.autoAtSetpoint;\n barVertical.autoAtSetpointDeadband = this.autoAtSetpointDeadband;\n barVertical.setpointAtZeroDeadband = this.setpointAtZeroDeadband;\n barVertical.animateSetpoint = this.animateSetpoint;\n barVertical.setpointOverride = this.setpointOverride;\n // Advice position is always 'inner' for gauge-trend\n barVertical.advicePosition = AdvicePosition.inner;\n // obc-bar-vertical uses 'advices' (plural), not 'advice' or 'hasAdvice'\n barVertical.advices = this.hasAdvice ? this.advice : [];\n barVertical.primaryTickmarkInterval = this.primaryTickmarkInterval;\n barVertical.secondaryTickmarkInterval = this.secondaryTickmarkInterval;\n barVertical.tertiaryTickmarkInterval = this.tertiaryTickmarkInterval;\n barVertical.scaleBackground = this.hasScale;\n // When hasScale=false, use gray (secondary) background for the bar container\n barVertical.barContainerStyle = this.hasScale\n ? undefined\n : BarContainerStyle.secondary;\n // Pass fixedAspectRatio to match parent's fixedAspectRatioScaling\n barVertical.fixedAspectRatio = this.fixedAspectRatioScaling;\n // Pass scaleReferenceSize from parent (inherited from ObcChartLineBase)\n barVertical.scaleReferenceSize = this.scaleReferenceSize;\n // Derive tickmark visibility from whether intervals are defined\n barVertical.hasPrimaryTickmarks =\n this.primaryTickmarkInterval !== undefined;\n barVertical.hasTertiaryTickmarks =\n this.tertiaryTickmarkInterval !== undefined;\n barVertical.priority = this.priority;\n // Scale state inherits from parent 'state' property automatically\n barVertical.state = this.state;\n\n // Enable instrument mode: only label font size responds to .obc-component-size-* CSS classes\n // Border radius and bar thickness are controlled by explicit values, not CSS variables\n barVertical.instrumentMode = true;\n // Use fixed border radius of 8px (same as medium component size) for consistent instrument appearance\n // This matches the chart's border radius for visual consistency\n barVertical.borderRadius = 8;\n\n // Automatically adjust border radius position based on hasScale\n // When hasScale=false, the bar-vertical should have outerLastChild border radius\n // When hasScale=true, it should be middleChild (has scale background as neighbor)\n barVertical.borderRadiusPosition = this.hasScale\n ? BorderRadiusPosition.middleChild\n : BorderRadiusPosition.outerLastChild;\n\n // Auto-derive: show dot indicator when no bar is shown\n barVertical.highlightCurrentValue = !this.hasBar;\n }\n\n /**\n * Scale type for the vertical scale.\n * - `'regular'`: Standard tick lengths (default)\n * - `'condensed'`: Shorter tick lengths for compact display\n *\n * Hidden from Storybook controls via argTypes configuration.\n * @availableWhen hasScale==true\n */\n @property({type: String})\n scaleType: ScaleType = ScaleType.regular;\n\n /**\n * Minimum value for the scale range.\n * Also used as chart y-axis minimum when `chartMinValue` is undefined.\n */\n @property({type: Number})\n minValue = 0;\n\n /**\n * Maximum value for the scale range.\n * Also used as chart y-axis maximum when `chartMaxValue` is undefined.\n */\n @property({type: Number})\n maxValue = 100;\n\n /**\n * Minimum value for the chart y-axis.\n * When undefined, defaults to `minValue` to keep chart and scale aligned.\n */\n @property({type: Number})\n chartMinValue?: number = undefined;\n\n /**\n * Maximum value for the chart y-axis.\n * When undefined, defaults to `maxValue` to keep chart and scale aligned.\n */\n @property({type: Number})\n chartMaxValue?: number = undefined;\n\n /**\n * Current value displayed on the vertical scale.\n *\n * This is the primary value property that drives:\n * - The bar fill level (when `hasBar=true`)\n * - The dot indicator position (when `hasBar=false`)\n * - The `fillMax` value (when `fillMax` is not explicitly set)\n *\n * In typical usage, you only need to set this property to update the gauge.\n * @availableWhen hasBar==true || hasScale==true\n */\n @property({type: Number})\n value?: number = undefined;\n\n /**\n * Show bar on the vertical scale.\n *\n * When `true`, displays a filled bar indicating the current value.\n * When `false`, a dot indicator is automatically shown at the value position instead.\n */\n @property({type: Boolean})\n hasBar = false;\n\n /**\n * Show scale tick marks and labels.\n */\n @property({type: Boolean})\n hasScale = false;\n\n /**\n * Show advice overlays on the vertical scale.\n */\n @property({type: Boolean})\n hasAdvice = false;\n\n /**\n * Fill mode for the bar.\n * - `'fill'`: Bar fills from `fillMin` to `value` — the bar visually tracks the current value.\n * The `fillMax` property is **ignored** in this mode.\n * - `'tint'`: Bar fills from `fillMin` to `fillMax` — an explicit highlighted range.\n * Use this when you want to show a fixed range independent of the current value.\n *\n * In both modes, `fillMin` is the origin point (e.g., 0 in a -100..100 scale).\n * @availableWhen hasBar==true && value!=undefined\n */\n @property({type: String})\n fillMode: FillMode = FillMode.fill;\n\n /**\n * Fill origin value - the starting point for the bar fill.\n * In both fill modes, the bar fills from this value toward the current value.\n * For scales like -100..100, set this to 0 to have the bar fill up or down from zero.\n * @availableWhen hasBar==true && value!=undefined\n */\n @property({type: Number})\n fillMin = 0;\n\n /**\n * Maximum fill value for the bar (only used in `'tint'` mode).\n *\n * In `'fill'` mode, this property is **ignored** — the bar always fills to `value`.\n *\n * In `'tint'` mode, this defines the upper bound of the highlighted range.\n * When `undefined`, defaults to `value`.\n * @availableWhen hasBar==true && value!=undefined && fillMode==tint\n */\n @property({type: Number})\n fillMax?: number = undefined;\n\n /**\n * Advice/alert overlays for the vertical scale.\n * @availableWhen hasAdvice==true\n */\n @property({type: Array, attribute: false})\n advice: LinearAdvice[] = [];\n\n /**\n * Primary tick interval for the vertical scale (longest ticks with labels).\n */\n @property({type: Number})\n primaryTickmarkInterval?: number = undefined;\n\n // Setpoint properties (setpoint, newSetpoint, touching, atSetpoint,\n // autoAtSetpoint, autoAtSetpointDeadband, setpointAtZeroDeadband,\n // setpointOverride, computeAtSetpoint()) are provided by SetpointMixin.\n // See setpoint-mixin.ts for full docs.\n\n /**\n * Secondary tick interval for the vertical scale (medium ticks).\n * @availableWhen hasScale==true\n */\n @property({type: Number})\n secondaryTickmarkInterval = 0.5;\n\n /**\n * Tertiary tick interval for the vertical scale (shortest ticks).\n * @availableWhen hasScale==true\n */\n @property({type: Number})\n tertiaryTickmarkInterval?: number = undefined;\n\n /**\n * Enable chart area fill.\n * When true, fills the area under the line with semitransparent color.\n * When false (default), renders as line-only chart.\n */\n @property({type: Boolean})\n chartFill = false;\n\n /**\n * Apply fill when chartFill is true.\n */\n protected override shouldApplyFill(): boolean {\n return this.chartFill;\n }\n\n /**\n * Return the fill mode for area rendering.\n * Maps chartFill boolean to base class fillMode.\n */\n protected override getFillMode(): string | undefined {\n return this.chartFill ? 'semitransparent' : undefined;\n }\n\n /**\n * Stacking is not used in gauge-trend (always false).\n */\n protected override shouldStack(): boolean {\n return false;\n }\n\n override willUpdate(changed: Map<PropertyKey, unknown>) {\n super.willUpdate(changed);\n\n // Update y-axis range when chart or scale min/max changes\n // Note: yAxes is managed internally - users cannot set multiple axes\n // When chartMinValue/chartMaxValue are undefined, fall back to minValue/maxValue\n if (\n changed.has('chartMinValue') ||\n changed.has('chartMaxValue') ||\n changed.has('minValue') ||\n changed.has('maxValue')\n ) {\n const chartMin = this.chartMinValue ?? this.minValue;\n const chartMax = this.chartMaxValue ?? this.maxValue;\n this.yAxes = [\n {\n id: 'y',\n position: 'left',\n min: chartMin,\n max: chartMax,\n },\n ];\n }\n\n // Adjust chart's border radius position for external scales based on hasScale\n // This needs to be set before render, so we do it in willUpdate\n if (changed.has('hasScale')) {\n this.borderRadiusPositionExternalScales = this.hasScale\n ? BorderRadiusPosition.middleChild\n : BorderRadiusPosition.outerLastChild;\n }\n }\n\n override updated(changed: Map<PropertyKey, unknown>) {\n // Handle chartFill changes by forcing a data refresh\n // This triggers the base class to update the chart with new fill settings\n if (changed.has('chartFill') && this.data) {\n // Create a shallow copy to trigger the base class's watched property detection\n this.data = [...this.data];\n }\n\n super.updated(changed);\n // Update border radius position when bar/scale visibility changes\n if (changed.has('hasBar') || changed.has('hasScale')) {\n this._updateBorderRadiusPosition();\n }\n // Keep the internal right-scale in sync with public API changes.\n // (Mirrors the storybook “chart integration” examples, but encapsulated.)\n if (!this._barVerticalElement || this._isFirstUpdate) return;\n\n const shouldUpdateScale =\n changed.has('minValue') ||\n changed.has('maxValue') ||\n changed.has('value') ||\n changed.has('setpoint') ||\n changed.has('newSetpoint') ||\n changed.has('touching') ||\n changed.has('atSetpoint') ||\n changed.has('autoAtSetpoint') ||\n changed.has('autoAtSetpointDeadband') ||\n changed.has('setpointAtZeroDeadband') ||\n changed.has('setpointOverride') ||\n changed.has('hasBar') ||\n changed.has('hasScale') ||\n changed.has('hasAdvice') ||\n changed.has('fillMode') ||\n changed.has('fillMin') ||\n changed.has('fillMax') ||\n changed.has('advice') ||\n changed.has('primaryTickmarkInterval') ||\n changed.has('secondaryTickmarkInterval') ||\n changed.has('tertiaryTickmarkInterval') ||\n changed.has('scaleType') ||\n changed.has('state') || // Scale state inherits from parent 'state'\n changed.has('priority') ||\n changed.has('height') ||\n changed.has('width') ||\n changed.has('scaleReferenceSize') ||\n changed.has('chartMinValue') ||\n changed.has('chartMaxValue');\n\n if (shouldUpdateScale) this._updateBarVerticalProperties();\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'obc-gauge-trend': ObcGaugeTrend;\n }\n}\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"gauge-trend.js","sources":["../../../src/navigation-instruments/gauge-trend/gauge-trend.ts"],"sourcesContent":["import {property} from 'lit/decorators.js';\nimport {customElement} from '../../decorator.js';\nimport {\n ObcChartLineBase,\n XAxisType,\n YAxisPosition,\n LineMode,\n TimeDisplay,\n} from '../../building-blocks/chart-line/chart-line-base.js';\nimport {BorderRadiusPosition} from '../types.js';\nimport {\n FillMode,\n AdvicePosition,\n BarContainerStyle,\n ScaleType,\n} from '../../building-blocks/bar-vertical/bar-vertical.js';\nimport type {LinearAdvice} from '../../building-blocks/instrument-linear/advice.js';\nimport {SetpointMixin} from '../../svghelpers/setpoint-mixin.js';\nimport '../../building-blocks/bar-vertical/bar-vertical.js';\n\n// Re-export FillMode and ScaleType for user convenience\nexport {FillMode, ScaleType};\n\n/**\n * Gauge Trend - A navigation instrument combining a line/area chart with an integrated vertical scale.\n *\n * This is a high-level, self-contained component that combines:\n * - A line/area chart (based on `ObcChartLineBase`) with configurable fill mode\n * - An integrated vertical scale (`obc-bar-vertical`) on the right side\n *\n * The component is designed for displaying time-series or categorical trend data alongside a calibrated\n * vertical measurement scale, commonly used in maritime navigation instruments.\n *\n * ## Architecture\n *\n * Internally composed of:\n * - **Base**: `ObcChartLineBase` (line/area graph functionality)\n * - **Right scale**: `obc-bar-vertical` (external scale component)\n *\n * ## Locked Configuration (not user-configurable)\n * - Fixed aspect ratio scaling: always enabled\n * - Instrument mode: always enabled (8px border radius)\n * - X-axis type: auto-detected — 'category' for `{label, value}` data,\n * 'time' for `{x, value}` data (uneven intervals position proportionally).\n * Assigning `xAxisType` explicitly disables auto-detection.\n * - Line mode: always 'smooth'\n * - Grid, tick marks, points, legend: always hidden\n * - Scale advice position: always 'inner'\n * - Scale state: automatically inherits from `state` property\n *\n * ## Usage Examples\n *\n * ### Basic gauge trend with default area fill\n * ```html\n * <obc-gauge-trend\n * .data=${[\n * {label: 'Jan', value: 3.5},\n * {label: 'Feb', value: 4.2},\n * {label: 'Mar', value: 5.0}\n * ]}\n * .minValue=${3}\n * .maxValue=${7}\n * .value=${5}\n * .width=${480}\n * .height=${480}\n * ></obc-gauge-trend>\n * ```\n *\n * ### Line-only (no fill) - default\n * ```html\n * <obc-gauge-trend\n * .data=${chartData}\n * ></obc-gauge-trend>\n * ```\n *\n * ### With area fill\n * ```html\n * <obc-gauge-trend\n * .chartFill=${true}\n * .data=${chartData}\n * ></obc-gauge-trend>\n * ```\n *\n * ### With enhanced colors and setpoint\n * ```html\n * <obc-gauge-trend\n * .enhanced=${true}\n * .state=${'in-command'}\n * .setpoint=${5.5}\n * .value=${5.2}\n * .hasBar=${true}\n * .hasScale=${true}\n * ></obc-gauge-trend>\n * ```\n *\n * ### With advice overlays\n * ```html\n * <obc-gauge-trend\n * .hasAdvice=${true}\n * .advice=${[\n * {min: 3, max: 5, type: 'caution', hinted: true},\n * {min: 6, max: 7, type: 'advice', hinted: false}\n * ]}\n * ></obc-gauge-trend>\n * ```\n *\n * ### Time-based data with uneven intervals\n * ```html\n * <obc-gauge-trend\n * .data=${[\n * {x: '2026-07-06T10:00:00Z', value: 3.5},\n * {x: '2026-07-06T10:03:00Z', value: 4.2},\n * {x: '2026-07-06T10:15:00Z', value: 5.0}\n * ]}\n * ></obc-gauge-trend>\n * ```\n *\n * @property {number} width - Chart width in pixels (defines aspect ratio)\n * @property {number} height - Chart height in pixels (defines aspect ratio)\n * @property {boolean} enhanced - Use enhanced color palette for chart and scales\n * @property {InstrumentState} state - Instrument state (automatically applied to scale)\n * @property {boolean} chartFill - Enable chart area fill (default: false for line-only)\n *\n * Setpoint properties are inherited from {@link SetpointMixin}.\n * These are forwarded to the internal `obc-bar-vertical` scale:\n * `setpoint`, `newSetpoint`, `touching`, `atSetpoint`, `autoAtSetpoint`,\n * `autoAtSetpointDeadband`, `setpointAtZeroDeadband`, `setpointOverride`.\n * See {@link SetpointMixinInterface} for full documentation.\n * @stable\n */\n@customElement('obc-gauge-trend')\nexport class ObcGaugeTrend extends SetpointMixin(ObcChartLineBase) {\n private _barVerticalElement?: HTMLElement;\n private _isFirstUpdate = false;\n private _explicitXAxisType = false;\n private _autoAppliedXAxisType?: XAxisType;\n\n constructor() {\n super();\n\n // Chart display options - locked for gauge-trend\n this.legend = false;\n this.showDebugOverlay = false;\n this.showGrid = false;\n this.showTickMarks = false;\n this.showPoints = false;\n\n // Axis configuration - locked for gauge-trend\n this.xAxisType = XAxisType.category;\n this.yAxisPosition = YAxisPosition.left;\n\n // Line rendering - locked for gauge-trend\n this.lineMode = LineMode.smooth;\n\n // Tooltip/unit - locked for gauge-trend (scale shows values)\n this.unit = '';\n this.timeDisplay = TimeDisplay.date;\n\n // Scaling and sizing - locked for gauge-trend\n this.fixedAspectRatioScaling = true;\n this.instrumentMode = true;\n this.borderRadius = 8;\n\n // Border radius positions for chart + scale composition\n this.borderRadiusPosition = BorderRadiusPosition.innerFirstChild;\n this.borderRadiusPositionExternalScales = BorderRadiusPosition.middleChild;\n\n // Y-axis configuration (managed internally, single axis only)\n // Note: yAxes will be properly set in willUpdate once properties are initialized\n // Using minValue/maxValue as defaults when chartMinValue/chartMaxValue are undefined\n this.yAxes = [\n {\n id: 'y',\n position: 'left',\n min: this.chartMinValue ?? this.minValue,\n max: this.chartMaxValue ?? this.maxValue,\n },\n ];\n }\n\n override async firstUpdated() {\n // IMPORTANT: create the external scale *before* base firstUpdated runs.\n // The base waits for external scale dimensions to integrate chart padding.\n this._createBarVerticalElement();\n this._updateBorderRadiusPosition();\n\n await super.firstUpdated();\n\n this._isFirstUpdate = false;\n }\n\n override disconnectedCallback() {\n super.disconnectedCallback();\n // Note: We intentionally don't remove _barVerticalElement here.\n // It's a light DOM child that naturally travels with the parent when\n // the component is moved in the DOM. Removing it would cause the scale\n // to be lost on reconnect since firstUpdated() only runs once.\n }\n\n private _createBarVerticalElement() {\n // Create bar-vertical element in light DOM so it can be slotted\n if (!this._barVerticalElement) {\n const barVertical = document.createElement('obc-bar-vertical');\n barVertical.setAttribute('slot', 'right-scale');\n this._barVerticalElement = barVertical;\n this.appendChild(barVertical);\n this._updateBarVerticalProperties();\n }\n }\n\n private _updateBorderRadiusPosition() {\n // When there's no bar and no scale (labels only), round all corners\n if (!this.hasBar && !this.hasScale) {\n this.borderRadiusPosition = BorderRadiusPosition.middleRoundedChild;\n } else {\n // Otherwise, use innerFirstChild (rounds left side when scale is on right)\n this.borderRadiusPosition = BorderRadiusPosition.innerFirstChild;\n }\n }\n\n private _updateBarVerticalProperties() {\n if (!this._barVerticalElement) {\n return;\n }\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const barVertical = this._barVerticalElement as any;\n\n // Use getEffectiveHeight() which returns computed height in fixedAspectRatioScaling mode\n // This ensures the bar-vertical gets the correct height that matches the chart's actual size\n const effectiveHeight = this.getEffectiveHeight();\n\n barVertical.minValue = this.minValue;\n barVertical.maxValue = this.maxValue;\n barVertical.height = effectiveHeight;\n barVertical.side = 'right';\n barVertical.hasScale = this.hasScale;\n barVertical.hasBar = this.hasBar;\n // Bar thickness: 48 for scale mode, 24 for bar-only mode (internal, not user-configurable)\n barVertical.barThickness = this.hasScale ? 48 : 24;\n barVertical.scaleType = this.scaleType;\n barVertical.fillMode = this.fillMode;\n barVertical.fillMin = this.fillMin;\n // In 'fill' mode: fillMax always tracks value (bar shows current value)\n // In 'tint' mode: fillMax uses explicit value or defaults to value\n barVertical.fillMax =\n this.fillMode === FillMode.fill\n ? this.value\n : (this.fillMax ?? this.value);\n barVertical.value = this.value;\n barVertical.setpoint = this.setpoint;\n barVertical.newSetpoint = this.newSetpoint;\n barVertical.touching = this.touching;\n barVertical.atSetpoint = this.atSetpoint;\n barVertical.autoAtSetpoint = this.autoAtSetpoint;\n barVertical.autoAtSetpointDeadband = this.autoAtSetpointDeadband;\n barVertical.setpointAtZeroDeadband = this.setpointAtZeroDeadband;\n barVertical.animateSetpoint = this.animateSetpoint;\n barVertical.setpointOverride = this.setpointOverride;\n // Advice position is always 'inner' for gauge-trend\n barVertical.advicePosition = AdvicePosition.inner;\n // obc-bar-vertical uses 'advices' (plural), not 'advice' or 'hasAdvice'\n barVertical.advices = this.hasAdvice ? this.advice : [];\n barVertical.primaryTickmarkInterval = this.primaryTickmarkInterval;\n barVertical.secondaryTickmarkInterval = this.secondaryTickmarkInterval;\n barVertical.tertiaryTickmarkInterval = this.tertiaryTickmarkInterval;\n barVertical.scaleBackground = this.hasScale;\n // When hasScale=false, use gray (secondary) background for the bar container\n barVertical.barContainerStyle = this.hasScale\n ? undefined\n : BarContainerStyle.secondary;\n // Pass fixedAspectRatio to match parent's fixedAspectRatioScaling\n barVertical.fixedAspectRatio = this.fixedAspectRatioScaling;\n // Pass scaleReferenceSize from parent (inherited from ObcChartLineBase)\n barVertical.scaleReferenceSize = this.scaleReferenceSize;\n // Derive tickmark visibility from whether intervals are defined\n barVertical.hasPrimaryTickmarks =\n this.primaryTickmarkInterval !== undefined;\n barVertical.hasTertiaryTickmarks =\n this.tertiaryTickmarkInterval !== undefined;\n barVertical.priority = this.priority;\n // Scale state inherits from parent 'state' property automatically\n barVertical.state = this.state;\n\n // Enable instrument mode: only label font size responds to .obc-component-size-* CSS classes\n // Border radius and bar thickness are controlled by explicit values, not CSS variables\n barVertical.instrumentMode = true;\n // Use fixed border radius of 8px (same as medium component size) for consistent instrument appearance\n // This matches the chart's border radius for visual consistency\n barVertical.borderRadius = 8;\n\n // Automatically adjust border radius position based on hasScale\n // When hasScale=false, the bar-vertical should have outerLastChild border radius\n // When hasScale=true, it should be middleChild (has scale background as neighbor)\n barVertical.borderRadiusPosition = this.hasScale\n ? BorderRadiusPosition.middleChild\n : BorderRadiusPosition.outerLastChild;\n\n // Auto-derive: show dot indicator when no bar is shown\n barVertical.highlightCurrentValue = !this.hasBar;\n }\n\n /**\n * Scale type for the vertical scale.\n * - `'regular'`: Standard tick lengths (default)\n * - `'condensed'`: Shorter tick lengths for compact display\n *\n * Hidden from Storybook controls via argTypes configuration.\n * @availableWhen hasScale==true\n */\n @property({type: String})\n scaleType: ScaleType = ScaleType.regular;\n\n /**\n * Minimum value for the scale range.\n * Also used as chart y-axis minimum when `chartMinValue` is undefined.\n */\n @property({type: Number})\n minValue = 0;\n\n /**\n * Maximum value for the scale range.\n * Also used as chart y-axis maximum when `chartMaxValue` is undefined.\n */\n @property({type: Number})\n maxValue = 100;\n\n /**\n * Minimum value for the chart y-axis.\n * When undefined, defaults to `minValue` to keep chart and scale aligned.\n */\n @property({type: Number})\n chartMinValue?: number = undefined;\n\n /**\n * Maximum value for the chart y-axis.\n * When undefined, defaults to `maxValue` to keep chart and scale aligned.\n */\n @property({type: Number})\n chartMaxValue?: number = undefined;\n\n /**\n * Current value displayed on the vertical scale.\n *\n * This is the primary value property that drives:\n * - The bar fill level (when `hasBar=true`)\n * - The dot indicator position (when `hasBar=false`)\n * - The `fillMax` value (when `fillMax` is not explicitly set)\n *\n * In typical usage, you only need to set this property to update the gauge.\n * @availableWhen hasBar==true || hasScale==true\n */\n @property({type: Number})\n value?: number = undefined;\n\n /**\n * Show bar on the vertical scale.\n *\n * When `true`, displays a filled bar indicating the current value.\n * When `false`, a dot indicator is automatically shown at the value position instead.\n */\n @property({type: Boolean})\n hasBar = false;\n\n /**\n * Show scale tick marks and labels.\n */\n @property({type: Boolean})\n hasScale = false;\n\n /**\n * Show advice overlays on the vertical scale.\n */\n @property({type: Boolean})\n hasAdvice = false;\n\n /**\n * Fill mode for the bar.\n * - `'fill'`: Bar fills from `fillMin` to `value` — the bar visually tracks the current value.\n * The `fillMax` property is **ignored** in this mode.\n * - `'tint'`: Bar fills from `fillMin` to `fillMax` — an explicit highlighted range.\n * Use this when you want to show a fixed range independent of the current value.\n *\n * In both modes, `fillMin` is the origin point (e.g., 0 in a -100..100 scale).\n * @availableWhen hasBar==true && value!=undefined\n */\n @property({type: String})\n fillMode: FillMode = FillMode.fill;\n\n /**\n * Fill origin value - the starting point for the bar fill.\n * In both fill modes, the bar fills from this value toward the current value.\n * For scales like -100..100, set this to 0 to have the bar fill up or down from zero.\n * @availableWhen hasBar==true && value!=undefined\n */\n @property({type: Number})\n fillMin = 0;\n\n /**\n * Maximum fill value for the bar (only used in `'tint'` mode).\n *\n * In `'fill'` mode, this property is **ignored** — the bar always fills to `value`.\n *\n * In `'tint'` mode, this defines the upper bound of the highlighted range.\n * When `undefined`, defaults to `value`.\n * @availableWhen hasBar==true && value!=undefined && fillMode==tint\n */\n @property({type: Number})\n fillMax?: number = undefined;\n\n /**\n * Advice/alert overlays for the vertical scale.\n * @availableWhen hasAdvice==true\n */\n @property({type: Array, attribute: false})\n advice: LinearAdvice[] = [];\n\n /**\n * Primary tick interval for the vertical scale (longest ticks with labels).\n */\n @property({type: Number})\n primaryTickmarkInterval?: number = undefined;\n\n // Setpoint properties (setpoint, newSetpoint, touching, atSetpoint,\n // autoAtSetpoint, autoAtSetpointDeadband, setpointAtZeroDeadband,\n // setpointOverride, computeAtSetpoint()) are provided by SetpointMixin.\n // See setpoint-mixin.ts for full docs.\n\n /**\n * Secondary tick interval for the vertical scale (medium ticks).\n * @availableWhen hasScale==true\n */\n @property({type: Number})\n secondaryTickmarkInterval = 0.5;\n\n /**\n * Tertiary tick interval for the vertical scale (shortest ticks).\n * @availableWhen hasScale==true\n */\n @property({type: Number})\n tertiaryTickmarkInterval?: number = undefined;\n\n /**\n * Enable chart area fill.\n * When true, fills the area under the line with semitransparent color.\n * When false (default), renders as line-only chart.\n */\n @property({type: Boolean})\n chartFill = false;\n\n /**\n * Apply fill when chartFill is true.\n */\n protected override shouldApplyFill(): boolean {\n return this.chartFill;\n }\n\n /**\n * Return the fill mode for area rendering.\n * Maps chartFill boolean to base class fillMode.\n */\n protected override getFillMode(): string | undefined {\n return this.chartFill ? 'semitransparent' : undefined;\n }\n\n /**\n * Stacking is not used in gauge-trend (always false).\n */\n protected override shouldStack(): boolean {\n return false;\n }\n\n override willUpdate(changed: Map<PropertyKey, unknown>) {\n // Auto axis detection: {x, value} data switches to time spacing, {label,\n // value} stays category. An explicit xAxisType assignment (anything we\n // did not auto-apply) permanently disables auto-detection. The\n // constructor's 'category' default lands in the first changed-map but is\n // not treated as explicit (hasUpdated is false and it equals the default).\n if (\n changed.has('xAxisType') &&\n this.xAxisType !== this._autoAppliedXAxisType &&\n (this.hasUpdated || this.xAxisType !== XAxisType.category)\n ) {\n this._explicitXAxisType = true;\n }\n if (!this._explicitXAxisType && changed.has('data')) {\n const allHaveX =\n (this.data?.length ?? 0) > 0 && this.data.every((d) => d.x != null);\n const target = allHaveX ? XAxisType.time : XAxisType.category;\n if (this.xAxisType !== target) {\n this._autoAppliedXAxisType = target;\n this.xAxisType = target;\n }\n }\n\n super.willUpdate(changed);\n\n // Update y-axis range when chart or scale min/max changes\n // Note: yAxes is managed internally - users cannot set multiple axes\n // When chartMinValue/chartMaxValue are undefined, fall back to minValue/maxValue\n if (\n changed.has('chartMinValue') ||\n changed.has('chartMaxValue') ||\n changed.has('minValue') ||\n changed.has('maxValue')\n ) {\n const chartMin = this.chartMinValue ?? this.minValue;\n const chartMax = this.chartMaxValue ?? this.maxValue;\n this.yAxes = [\n {\n id: 'y',\n position: 'left',\n min: chartMin,\n max: chartMax,\n },\n ];\n }\n\n // Adjust chart's border radius position for external scales based on hasScale\n // This needs to be set before render, so we do it in willUpdate\n if (changed.has('hasScale')) {\n this.borderRadiusPositionExternalScales = this.hasScale\n ? BorderRadiusPosition.middleChild\n : BorderRadiusPosition.outerLastChild;\n }\n }\n\n override updated(changed: Map<PropertyKey, unknown>) {\n // Handle chartFill changes by forcing a data refresh\n // This triggers the base class to update the chart with new fill settings\n if (changed.has('chartFill') && this.data) {\n // Create a shallow copy to trigger the base class's watched property detection\n this.data = [...this.data];\n }\n\n super.updated(changed);\n // Update border radius position when bar/scale visibility changes\n if (changed.has('hasBar') || changed.has('hasScale')) {\n this._updateBorderRadiusPosition();\n }\n // Keep the internal right-scale in sync with public API changes.\n // (Mirrors the storybook “chart integration” examples, but encapsulated.)\n if (!this._barVerticalElement || this._isFirstUpdate) return;\n\n const shouldUpdateScale =\n changed.has('minValue') ||\n changed.has('maxValue') ||\n changed.has('value') ||\n changed.has('setpoint') ||\n changed.has('newSetpoint') ||\n changed.has('touching') ||\n changed.has('atSetpoint') ||\n changed.has('autoAtSetpoint') ||\n changed.has('autoAtSetpointDeadband') ||\n changed.has('setpointAtZeroDeadband') ||\n changed.has('setpointOverride') ||\n changed.has('hasBar') ||\n changed.has('hasScale') ||\n changed.has('hasAdvice') ||\n changed.has('fillMode') ||\n changed.has('fillMin') ||\n changed.has('fillMax') ||\n changed.has('advice') ||\n changed.has('primaryTickmarkInterval') ||\n changed.has('secondaryTickmarkInterval') ||\n changed.has('tertiaryTickmarkInterval') ||\n changed.has('scaleType') ||\n changed.has('state') || // Scale state inherits from parent 'state'\n changed.has('priority') ||\n changed.has('height') ||\n changed.has('width') ||\n changed.has('scaleReferenceSize') ||\n changed.has('chartMinValue') ||\n changed.has('chartMaxValue');\n\n if (shouldUpdateScale) this._updateBarVerticalProperties();\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'obc-gauge-trend': ObcGaugeTrend;\n }\n}\n"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"alert-detail-page.d.ts","sourceRoot":"","sources":["../../../src/pages/alert-detail-page/alert-detail-page.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAE,cAAc,EAAQ,OAAO,EAAY,MAAM,KAAK,CAAC;AAIzE,OAAO,mCAAmC,CAAC;AAC3C,OAAO,6CAA6C,CAAC;AACrD,OAAO,2CAA2C,CAAC;AACnD,OAAO,kCAAkC,CAAC;AAC1C,OAAO,kCAAkC,CAAC;AAC1C,OAAO,sCAAsC,CAAC;AAC9C,OAAO,sCAAsC,CAAC;AAC9C,OAAO,sCAAsC,CAAC;AAC9C,OAAO,sCAAsC,CAAC;AAC9C,OAAO,EACL,KAAK,EAML,WAAW,EACZ,MAAM,gBAAgB,CAAC;AAIxB,oBAAY,mBAAmB;IAC7B,IAAI,SAAS;IACb,KAAK,UAAU;IACf,IAAI,SAAS;CACd;AAED,qBAKa,kBAAmB,SAAQ,UAAU;IACtB,IAAI,EAAE,mBAAmB,CACxB;IAEG,KAAK,EAAG,KAAK,CAAC;IACjB,OAAO,UAAS;IAChB,UAAU,UAAS;IACnB,QAAQ,UAAS;IACjB,WAAW,UAAS;IACpB,YAAY,UAAS;IACrB,QAAQ,UAAS;IACjB,eAAe,UAAS;IACxB,iBAAiB,UAAS;IAC1B,YAAY,UAAS;IACrB,gBAAgB,UAAS;IACzB,YAAY,UAAS;IACrB,eAAe,UAAS;IACrB,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAEV;IAE3B,kBAAkB,EAAE,WAAW,CAC3C;IAElB,OAAO,CAAC,SAAS,CAAuB;IAE/B,iBAAiB;IAOjB,oBAAoB;IAO7B,IAAI,eAAe,uCAUlB;IAED,OAAO,CAAC,YAAY;IA8CX,MAAM;IAmIf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,kBAAkB,CAAC;KAC7C;CACF"}
1
+ {"version":3,"file":"alert-detail-page.d.ts","sourceRoot":"","sources":["../../../src/pages/alert-detail-page/alert-detail-page.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAE,cAAc,EAAQ,OAAO,EAAY,MAAM,KAAK,CAAC;AAIzE,OAAO,mCAAmC,CAAC;AAC3C,OAAO,6CAA6C,CAAC;AACrD,OAAO,2CAA2C,CAAC;AACnD,OAAO,kCAAkC,CAAC;AAC1C,OAAO,kCAAkC,CAAC;AAC1C,OAAO,sCAAsC,CAAC;AAC9C,OAAO,sCAAsC,CAAC;AAC9C,OAAO,sCAAsC,CAAC;AAC9C,OAAO,sCAAsC,CAAC;AAC9C,OAAO,EACL,KAAK,EAKL,WAAW,EACZ,MAAM,gBAAgB,CAAC;AAIxB,oBAAY,mBAAmB;IAC7B,IAAI,SAAS;IACb,KAAK,UAAU;IACf,IAAI,SAAS;CACd;AAED,qBAKa,kBAAmB,SAAQ,UAAU;IACtB,IAAI,EAAE,mBAAmB,CACxB;IAEG,KAAK,EAAG,KAAK,CAAC;IACjB,OAAO,UAAS;IAChB,UAAU,UAAS;IACnB,QAAQ,UAAS;IACjB,WAAW,UAAS;IACpB,YAAY,UAAS;IACrB,QAAQ,UAAS;IACjB,eAAe,UAAS;IACxB,iBAAiB,UAAS;IAC1B,YAAY,UAAS;IACrB,gBAAgB,UAAS;IACzB,YAAY,UAAS;IACrB,eAAe,UAAS;IACrB,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAEV;IAE3B,kBAAkB,EAAE,WAAW,CAC3C;IAElB,OAAO,CAAC,SAAS,CAAuB;IAE/B,iBAAiB;IAOjB,oBAAoB;IAO7B,IAAI,eAAe,uCAUlB;IAED,OAAO,CAAC,YAAY;IA8CX,MAAM;IAkIf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,kBAAkB,CAAC;KAC7C;CACF"}
@@ -11,7 +11,7 @@ import "../../icons/icon-command-locked-f.js";
11
11
  import "../../icons/icon-alert-category-a.js";
12
12
  import "../../icons/icon-alert-category-b.js";
13
13
  import "../../icons/icon-alert-category-c.js";
14
- import { formatTimeSince, AlertCategory, isActive, isAcknowledged, isBlocked } from "../../types.js";
14
+ import { formatTimeSince, AlertCategory, isActive, isAcknowledged } from "../../types.js";
15
15
  import { classMap } from "lit/directives/class-map.js";
16
16
  import { localized, msg } from "@lit/localize";
17
17
  var __defProp = Object.defineProperty;
@@ -135,7 +135,6 @@ let ObcAlertDetailPage = class extends LitElement {
135
135
  .type=${this.alert.type}
136
136
  .acknowledged=${isAcknowledged(this.alert)}
137
137
  .active=${isActive(this.alert)}
138
- .outline=${isBlocked(this.alert)}
139
138
  ></obc-alert-icon>
140
139
  </div>
141
140
  <div class="title">
@@ -1 +1 @@
1
- {"version":3,"file":"alert-detail-page.js","sources":["../../../src/pages/alert-detail-page/alert-detail-page.ts"],"sourcesContent":["import {LitElement, TemplateResult, html, nothing, unsafeCSS} from 'lit';\nimport {customElement} from '../../decorator.js';\nimport compentStyle from './alert-detail-page.css?inline';\nimport {property} from 'lit/decorators.js';\nimport '../../components/button/button.js';\nimport '../../components/icon-button/icon-button.js';\nimport '../../components/alert-icon/alert-icon.js';\nimport '../../icons/icon-close-google.js';\nimport '../../icons/icon-alerts-shelf.js';\nimport '../../icons/icon-command-locked-f.js';\nimport '../../icons/icon-alert-category-a.js';\nimport '../../icons/icon-alert-category-b.js';\nimport '../../icons/icon-alert-category-c.js';\nimport {\n Alert,\n AlertCategory,\n formatTimeSince,\n isAcknowledged,\n isActive,\n isBlocked,\n TimeSinceFn,\n} from '../../types.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {localized, msg} from '@lit/localize';\n\nexport enum AlertDetailPageType {\n page = 'page',\n modal = 'modal',\n card = 'card',\n}\n\n@localized()\n/**\n * @beta\n */\n@customElement('obc-alert-detail-page')\nexport class ObcAlertDetailPage extends LitElement {\n @property({type: String}) type: AlertDetailPageType =\n AlertDetailPageType.page;\n\n @property({attribute: false}) alert!: Alert;\n @property({type: Boolean}) hasNote = false;\n @property({type: Boolean}) hasActions = false;\n @property({type: Boolean}) hasTagId = false;\n @property({type: Boolean}) hasCategory = false;\n @property({type: Boolean}) hasActivated = false;\n @property({type: Boolean}) hasTimer = false;\n @property({type: Boolean}) hasAcknowledged = false;\n @property({type: Boolean}) hasAcknowledgedBy = false;\n @property({type: Boolean}) hasRectified = false;\n @property({type: Boolean}) hasShelvingTimer = false;\n @property({type: Boolean}) hasShelvedBy = false;\n @property({type: Boolean}) hasReadoutGraph = false;\n @property({attribute: false}) timeFormatter: (time: Date) => string = (\n time: Date\n ) => time.toLocaleTimeString(undefined, {hour12: false});\n\n @property({attribute: false}) timeSinceFormatter: TimeSinceFn =\n formatTimeSince;\n\n private _interval: number | null = null;\n\n override connectedCallback() {\n super.connectedCallback();\n this._interval = window.setInterval(() => {\n this.requestUpdate();\n }, 1000) as unknown as number;\n }\n\n override disconnectedCallback() {\n super.disconnectedCallback();\n if (this._interval) {\n window.clearInterval(this._interval);\n }\n }\n\n get alertStatusIcon() {\n if (this.alert.shelved) {\n return html`<obi-alerts-shelf class=\"icon status\"></obi-alerts-shelf>`;\n }\n if (this.alert.blocked) {\n return html`<obi-command-locked-f\n class=\"icon status\"\n ></obi-command-locked-f>`;\n }\n return nothing;\n }\n\n private renderDetail(\n has: boolean,\n slotName: string,\n defaultTitle: string,\n getValue: (\n alert: Alert\n ) => string | Date | AlertCategory | undefined | boolean,\n options: {timer?: boolean} = {}\n ) {\n if (has) {\n const rawValue = getValue(this.alert);\n let value: string | TemplateResult | undefined | boolean;\n let isIcon = false;\n\n if (rawValue instanceof Date) {\n if (options.timer) {\n value = this.timeSinceFormatter(rawValue as Date);\n } else {\n value = this.timeFormatter(rawValue as Date);\n }\n } else if (slotName === 'category') {\n isIcon = true;\n if (rawValue === AlertCategory.a) {\n value = html`<obi-alert-category-a></obi-alert-category-a>`;\n } else if (rawValue === AlertCategory.b) {\n value = html`<obi-alert-category-b></obi-alert-category-b>`;\n } else if (rawValue === AlertCategory.c) {\n value = html`<obi-alert-category-c></obi-alert-category-c>`;\n }\n } else {\n value = rawValue as string | boolean | undefined;\n }\n return html`\n <div class=\"detail\">\n <div class=\"detail-title\">\n <slot name=\"${slotName}-label\">${defaultTitle}</slot>\n </div>\n <div class=\"detail-value ${isIcon ? 'icon' : ''}\">\n <slot name=\"${slotName}-value\"> ${value} </slot>\n </div>\n </div>\n `;\n }\n return nothing;\n }\n\n override render() {\n if (!this.alert) {\n console.error('Alert is not set in alert-detail-page');\n return nothing;\n }\n const showCloseButton = [AlertDetailPageType.modal].includes(this.type);\n\n return html`\n <div\n class=${classMap({\n wrapper: true,\n [`type-${this.type}`]: true,\n 'status-acknowledged':\n isAcknowledged(this.alert) && isActive(this.alert),\n 'status-unacknowledged':\n !isAcknowledged(this.alert) && isActive(this.alert),\n 'status-resolved': isActive(this.alert),\n })}\n >\n <div class=\"header\">\n ${this.alertStatusIcon}\n <div class=\"icon alert\">\n <obc-alert-icon\n .type=${this.alert.type}\n .acknowledged=${isAcknowledged(this.alert)}\n .active=${isActive(this.alert)}\n .outline=${isBlocked(this.alert)}\n ></obc-alert-icon>\n </div>\n <div class=\"title\">\n <span>${this.alert.source}</span>\n </div>\n ${showCloseButton\n ? html`<div class=\"close-button\">\n <obc-icon-button variant=\"flat\">\n <obi-close-google></obi-close-google>\n </obc-icon-button>\n </div>`\n : nothing}\n </div>\n <div class=\"divider\"></div>\n <div class=\"body\">\n <div class=\"description\">\n <span>${this.alert.text}</span>\n </div>\n ${this.hasNote\n ? html`<div class=\"description sub-description\">\n <div class=\"label\">\n <slot name=\"note-label\">${msg('Note')}</slot>\n </div>\n <slot name=\"note\">${this.alert.note}</slot>\n </div>`\n : nothing}\n ${this.renderDetail(\n this.hasTagId,\n 'tagId',\n msg('Tag ID'),\n (alert) => alert.tagId\n )}\n ${this.renderDetail(\n this.hasCategory,\n 'category',\n msg('Category'),\n (alert) => alert.category\n )}\n ${this.renderDetail(\n this.hasActivated,\n 'time',\n msg('Activated'),\n (alert) => alert.time\n )}\n ${this.renderDetail(\n this.hasTimer,\n 'activated-timer',\n msg('Alert timer'),\n (alert) => alert.time,\n {timer: true}\n )}\n ${this.renderDetail(\n this.hasAcknowledged,\n 'acknowledgedAt',\n msg('Acknowledged'),\n (alert) => alert.acknowledged && alert.acknowledged.acknowledgedAt\n )}\n ${this.renderDetail(\n this.hasRectified,\n 'rectified',\n msg('Rectified'),\n (alert) => alert.active !== true && alert.active.rectifiedTime\n )}\n ${this.renderDetail(\n this.hasAcknowledgedBy,\n 'acknowledged-by',\n msg('Acknowledged by'),\n (alert) => alert.acknowledged && alert.acknowledged.acknowledgedBy\n )}\n ${this.renderDetail(\n this.hasShelvingTimer,\n 'shelving-timer',\n msg('Shelfing timer'),\n (alert) => alert.shelved && alert.shelved.shelvedStartTime,\n {timer: true}\n )}\n ${this.renderDetail(\n this.hasShelvedBy,\n 'shelved-by',\n msg('Shelved by'),\n (alert) => alert.shelved && alert.shelved.shelvedBy\n )}\n ${this.hasReadoutGraph\n ? html`\n <div class=\"readout-graph\">\n <div class=\"readout-graph-title\">\n <slot name=\"readout-graph-title\">${msg('Readout')}</slot>\n </div>\n <div class=\"readout-graph-container\">\n <slot name=\"readout-graph\"></slot>\n </div>\n </div>\n `\n : nothing}\n </div>\n ${this.hasActions\n ? html`<div class=\"actions\">\n <slot name=\"action\"></slot>\n </div>`\n : nothing}\n </div>\n `;\n }\n\n static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'obc-alert-detail-page': ObcAlertDetailPage;\n }\n}\n"],"names":["AlertDetailPageType"],"mappings":"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"}
1
+ {"version":3,"file":"alert-detail-page.js","sources":["../../../src/pages/alert-detail-page/alert-detail-page.ts"],"sourcesContent":["import {LitElement, TemplateResult, html, nothing, unsafeCSS} from 'lit';\nimport {customElement} from '../../decorator.js';\nimport compentStyle from './alert-detail-page.css?inline';\nimport {property} from 'lit/decorators.js';\nimport '../../components/button/button.js';\nimport '../../components/icon-button/icon-button.js';\nimport '../../components/alert-icon/alert-icon.js';\nimport '../../icons/icon-close-google.js';\nimport '../../icons/icon-alerts-shelf.js';\nimport '../../icons/icon-command-locked-f.js';\nimport '../../icons/icon-alert-category-a.js';\nimport '../../icons/icon-alert-category-b.js';\nimport '../../icons/icon-alert-category-c.js';\nimport {\n Alert,\n AlertCategory,\n formatTimeSince,\n isAcknowledged,\n isActive,\n TimeSinceFn,\n} from '../../types.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {localized, msg} from '@lit/localize';\n\nexport enum AlertDetailPageType {\n page = 'page',\n modal = 'modal',\n card = 'card',\n}\n\n@localized()\n/**\n * @beta\n */\n@customElement('obc-alert-detail-page')\nexport class ObcAlertDetailPage extends LitElement {\n @property({type: String}) type: AlertDetailPageType =\n AlertDetailPageType.page;\n\n @property({attribute: false}) alert!: Alert;\n @property({type: Boolean}) hasNote = false;\n @property({type: Boolean}) hasActions = false;\n @property({type: Boolean}) hasTagId = false;\n @property({type: Boolean}) hasCategory = false;\n @property({type: Boolean}) hasActivated = false;\n @property({type: Boolean}) hasTimer = false;\n @property({type: Boolean}) hasAcknowledged = false;\n @property({type: Boolean}) hasAcknowledgedBy = false;\n @property({type: Boolean}) hasRectified = false;\n @property({type: Boolean}) hasShelvingTimer = false;\n @property({type: Boolean}) hasShelvedBy = false;\n @property({type: Boolean}) hasReadoutGraph = false;\n @property({attribute: false}) timeFormatter: (time: Date) => string = (\n time: Date\n ) => time.toLocaleTimeString(undefined, {hour12: false});\n\n @property({attribute: false}) timeSinceFormatter: TimeSinceFn =\n formatTimeSince;\n\n private _interval: number | null = null;\n\n override connectedCallback() {\n super.connectedCallback();\n this._interval = window.setInterval(() => {\n this.requestUpdate();\n }, 1000) as unknown as number;\n }\n\n override disconnectedCallback() {\n super.disconnectedCallback();\n if (this._interval) {\n window.clearInterval(this._interval);\n }\n }\n\n get alertStatusIcon() {\n if (this.alert.shelved) {\n return html`<obi-alerts-shelf class=\"icon status\"></obi-alerts-shelf>`;\n }\n if (this.alert.blocked) {\n return html`<obi-command-locked-f\n class=\"icon status\"\n ></obi-command-locked-f>`;\n }\n return nothing;\n }\n\n private renderDetail(\n has: boolean,\n slotName: string,\n defaultTitle: string,\n getValue: (\n alert: Alert\n ) => string | Date | AlertCategory | undefined | boolean,\n options: {timer?: boolean} = {}\n ) {\n if (has) {\n const rawValue = getValue(this.alert);\n let value: string | TemplateResult | undefined | boolean;\n let isIcon = false;\n\n if (rawValue instanceof Date) {\n if (options.timer) {\n value = this.timeSinceFormatter(rawValue as Date);\n } else {\n value = this.timeFormatter(rawValue as Date);\n }\n } else if (slotName === 'category') {\n isIcon = true;\n if (rawValue === AlertCategory.a) {\n value = html`<obi-alert-category-a></obi-alert-category-a>`;\n } else if (rawValue === AlertCategory.b) {\n value = html`<obi-alert-category-b></obi-alert-category-b>`;\n } else if (rawValue === AlertCategory.c) {\n value = html`<obi-alert-category-c></obi-alert-category-c>`;\n }\n } else {\n value = rawValue as string | boolean | undefined;\n }\n return html`\n <div class=\"detail\">\n <div class=\"detail-title\">\n <slot name=\"${slotName}-label\">${defaultTitle}</slot>\n </div>\n <div class=\"detail-value ${isIcon ? 'icon' : ''}\">\n <slot name=\"${slotName}-value\"> ${value} </slot>\n </div>\n </div>\n `;\n }\n return nothing;\n }\n\n override render() {\n if (!this.alert) {\n console.error('Alert is not set in alert-detail-page');\n return nothing;\n }\n const showCloseButton = [AlertDetailPageType.modal].includes(this.type);\n\n return html`\n <div\n class=${classMap({\n wrapper: true,\n [`type-${this.type}`]: true,\n 'status-acknowledged':\n isAcknowledged(this.alert) && isActive(this.alert),\n 'status-unacknowledged':\n !isAcknowledged(this.alert) && isActive(this.alert),\n 'status-resolved': isActive(this.alert),\n })}\n >\n <div class=\"header\">\n ${this.alertStatusIcon}\n <div class=\"icon alert\">\n <obc-alert-icon\n .type=${this.alert.type}\n .acknowledged=${isAcknowledged(this.alert)}\n .active=${isActive(this.alert)}\n ></obc-alert-icon>\n </div>\n <div class=\"title\">\n <span>${this.alert.source}</span>\n </div>\n ${showCloseButton\n ? html`<div class=\"close-button\">\n <obc-icon-button variant=\"flat\">\n <obi-close-google></obi-close-google>\n </obc-icon-button>\n </div>`\n : nothing}\n </div>\n <div class=\"divider\"></div>\n <div class=\"body\">\n <div class=\"description\">\n <span>${this.alert.text}</span>\n </div>\n ${this.hasNote\n ? html`<div class=\"description sub-description\">\n <div class=\"label\">\n <slot name=\"note-label\">${msg('Note')}</slot>\n </div>\n <slot name=\"note\">${this.alert.note}</slot>\n </div>`\n : nothing}\n ${this.renderDetail(\n this.hasTagId,\n 'tagId',\n msg('Tag ID'),\n (alert) => alert.tagId\n )}\n ${this.renderDetail(\n this.hasCategory,\n 'category',\n msg('Category'),\n (alert) => alert.category\n )}\n ${this.renderDetail(\n this.hasActivated,\n 'time',\n msg('Activated'),\n (alert) => alert.time\n )}\n ${this.renderDetail(\n this.hasTimer,\n 'activated-timer',\n msg('Alert timer'),\n (alert) => alert.time,\n {timer: true}\n )}\n ${this.renderDetail(\n this.hasAcknowledged,\n 'acknowledgedAt',\n msg('Acknowledged'),\n (alert) => alert.acknowledged && alert.acknowledged.acknowledgedAt\n )}\n ${this.renderDetail(\n this.hasRectified,\n 'rectified',\n msg('Rectified'),\n (alert) => alert.active !== true && alert.active.rectifiedTime\n )}\n ${this.renderDetail(\n this.hasAcknowledgedBy,\n 'acknowledged-by',\n msg('Acknowledged by'),\n (alert) => alert.acknowledged && alert.acknowledged.acknowledgedBy\n )}\n ${this.renderDetail(\n this.hasShelvingTimer,\n 'shelving-timer',\n msg('Shelfing timer'),\n (alert) => alert.shelved && alert.shelved.shelvedStartTime,\n {timer: true}\n )}\n ${this.renderDetail(\n this.hasShelvedBy,\n 'shelved-by',\n msg('Shelved by'),\n (alert) => alert.shelved && alert.shelved.shelvedBy\n )}\n ${this.hasReadoutGraph\n ? html`\n <div class=\"readout-graph\">\n <div class=\"readout-graph-title\">\n <slot name=\"readout-graph-title\">${msg('Readout')}</slot>\n </div>\n <div class=\"readout-graph-container\">\n <slot name=\"readout-graph\"></slot>\n </div>\n </div>\n `\n : nothing}\n </div>\n ${this.hasActions\n ? html`<div class=\"actions\">\n <slot name=\"action\"></slot>\n </div>`\n : nothing}\n </div>\n `;\n }\n\n static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'obc-alert-detail-page': ObcAlertDetailPage;\n }\n}\n"],"names":["AlertDetailPageType"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oicl/openbridge-webcomponents",
3
- "version": "2.0.0-next.94",
3
+ "version": "2.0.0-next.96",
4
4
  "type": "module",
5
5
  "repository": {
6
6
  "type": "git",
@@ -1,3 +0,0 @@
1
- export declare const alarmRectifiedA: import('lit-html').TemplateResult<2>;
2
- export declare const alarmRectifiedB: import('lit-html').TemplateResult<2>;
3
- //# sourceMappingURL=icon-alarm-rectified.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"icon-alarm-rectified.d.ts","sourceRoot":"","sources":["../../../../src/components/alert-icon/icons/icon-alarm-rectified.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,sCAI3B,CAAC;AAEF,eAAO,MAAM,eAAe,sCAGrB,CAAC"}
@@ -1,15 +0,0 @@
1
- import { svg } from "lit";
2
- const alarmRectifiedA = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3
- <path d="M1.11648 20.5339L11.1158 1.53427C11.4907 0.821889 12.5105 0.821913 12.8854 1.53432L22.8835 20.5339C23.234 21.1999 22.7512 22 21.9987 22L2.00128 22C1.24879 22 0.765943 21.1999 1.11648 20.5339Z" style="fill: var(--alert-alarm-color)"/>
4
- <path fill-rule="evenodd" clip-rule="evenodd" d="M17.2071 12.7071L10 19.9142L5.79291 15.7071L7.20712 14.2928L10 17.0857L15.7929 11.2928L17.2071 12.7071Z" style="fill: var(--on-alarm-color)"/>
5
- </svg>
6
- `;
7
- const alarmRectifiedB = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
8
- <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0006 2.00026L2.00141 20.9996L21.9987 21L12.0006 2.00026ZM11.1158 1.53427L1.11648 20.5338C0.765943 21.1999 1.24879 22 2.00128 22L21.9987 22C22.7512 22 23.234 21.1999 22.8835 20.5339L12.8854 1.53432C12.5105 0.821913 11.4907 0.821889 11.1158 1.53427Z" style="fill: var(--element-active-color)"/>
9
- <path fill-rule="evenodd" clip-rule="evenodd" d="M17.2071 12.7071L10 19.9142L5.79291 15.7071L7.20712 14.2928L10 17.0857L15.7929 11.2928L17.2071 12.7071Z" style="fill: var(--element-active-color)"/>
10
- </svg>`;
11
- export {
12
- alarmRectifiedA,
13
- alarmRectifiedB
14
- };
15
- //# sourceMappingURL=icon-alarm-rectified.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"icon-alarm-rectified.js","sources":["../../../../src/components/alert-icon/icons/icon-alarm-rectified.ts"],"sourcesContent":["import {svg} from 'lit';\n\nexport const alarmRectifiedA = svg`<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M1.11648 20.5339L11.1158 1.53427C11.4907 0.821889 12.5105 0.821913 12.8854 1.53432L22.8835 20.5339C23.234 21.1999 22.7512 22 21.9987 22L2.00128 22C1.24879 22 0.765943 21.1999 1.11648 20.5339Z\" style=\"fill: var(--alert-alarm-color)\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17.2071 12.7071L10 19.9142L5.79291 15.7071L7.20712 14.2928L10 17.0857L15.7929 11.2928L17.2071 12.7071Z\" style=\"fill: var(--on-alarm-color)\"/>\n</svg>\n`;\n\nexport const alarmRectifiedB = svg`<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.0006 2.00026L2.00141 20.9996L21.9987 21L12.0006 2.00026ZM11.1158 1.53427L1.11648 20.5338C0.765943 21.1999 1.24879 22 2.00128 22L21.9987 22C22.7512 22 23.234 21.1999 22.8835 20.5339L12.8854 1.53432C12.5105 0.821913 11.4907 0.821889 11.1158 1.53427Z\" style=\"fill: var(--element-active-color)\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17.2071 12.7071L10 19.9142L5.79291 15.7071L7.20712 14.2928L10 17.0857L15.7929 11.2928L17.2071 12.7071Z\" style=\"fill: var(--element-active-color)\"/>\n</svg>`;\n"],"names":[],"mappings":";AAEO,MAAM,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAMxB,MAAM,kBAAkB;AAAA;AAAA;AAAA;"}
@@ -1,3 +0,0 @@
1
- export declare const alarmSilencedA: import('lit-html').TemplateResult<2>;
2
- export declare const alarmSilencedB: import('lit-html').TemplateResult<2>;
3
- //# sourceMappingURL=icon-alarm-silenced.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"icon-alarm-silenced.d.ts","sourceRoot":"","sources":["../../../../src/components/alert-icon/icons/icon-alarm-silenced.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,sCAK1B,CAAC;AAEF,eAAO,MAAM,cAAc,sCAIpB,CAAC"}
@@ -1,17 +0,0 @@
1
- import { svg } from "lit";
2
- const alarmSilencedA = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3
- <path d="M1.11648 20.5339L11.1158 1.53427C11.4907 0.821889 12.5105 0.821913 12.8854 1.53432L22.8835 20.5339C23.234 21.1999 22.7512 22 21.9987 22L2.00128 22C1.24879 22 0.765943 21.1999 1.11648 20.5339Z" style="fill: var(--alert-alarm-color)"/>
4
- <path d="M9.40418 9.40624L8.34559 10.4648L10.3807 12.4999H8.3C8.01997 12.4999 7.87996 12.4999 7.773 12.5544C7.67892 12.6024 7.60243 12.6789 7.5545 12.7729C7.5 12.8799 7.5 13.0199 7.5 13.2999V15.6999C7.5 15.98 7.5 16.12 7.5545 16.2269C7.60243 16.321 7.67892 16.3975 7.773 16.4454C7.87996 16.4999 8.01997 16.4999 8.3 16.4999H10.6686C10.7909 16.4999 10.8521 16.4999 10.9096 16.5137C10.9606 16.526 11.0094 16.5462 11.0541 16.5736C11.1046 16.6045 11.1478 16.6478 11.2343 16.7342L13.6343 19.1342C14.0627 19.5626 14.2769 19.7768 14.4608 19.7913C14.6203 19.8038 14.7763 19.7393 14.8802 19.6175C15 19.4773 15 19.1744 15 18.5686V17.1192L17.538 19.6572L18.5966 18.5986L9.40418 9.40624Z" style="fill: var(--on-alarm-active-color)"/>
5
- <path d="M15 12.8807V10.4313C15 9.82548 15 9.52257 14.8802 9.38231C14.7763 9.26061 14.6203 9.19602 14.4608 9.20858C14.2769 9.22305 14.0627 9.43724 13.6343 9.86561L12.8096 10.6903L15 12.8807Z" style="fill: var(--on-alarm-active-color)"/>
6
- </svg>
7
- `;
8
- const alarmSilencedB = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
9
- <path fill-rule="evenodd" clip-rule="evenodd" d="M21.9986 20.9996L12.0006 2.00026L2.00141 20.9996L21.9986 20.9996ZM11.1158 1.53427L1.11648 20.5339C0.765943 21.1999 1.24879 22 2.00128 22L21.9987 22C22.7512 22 23.234 21.1999 22.8835 20.5339L12.8854 1.53432C12.5105 0.821913 11.4907 0.821889 11.1158 1.53427Z" style="fill: var(--element-active-color)"/>
10
- <path d="M9.40418 9.40624L8.34559 10.4648L10.3807 12.4999H8.3C8.01997 12.4999 7.87996 12.4999 7.773 12.5544C7.67892 12.6024 7.60243 12.6789 7.5545 12.7729C7.5 12.8799 7.5 13.0199 7.5 13.2999V15.6999C7.5 15.98 7.5 16.12 7.5545 16.2269C7.60243 16.321 7.67892 16.3975 7.773 16.4454C7.87996 16.4999 8.01997 16.4999 8.3 16.4999H10.6686C10.7909 16.4999 10.8521 16.4999 10.9096 16.5137C10.9606 16.526 11.0094 16.5462 11.0541 16.5736C11.1046 16.6045 11.1478 16.6478 11.2343 16.7342L13.6343 19.1342C14.0627 19.5626 14.2769 19.7768 14.4608 19.7913C14.6203 19.8038 14.7763 19.7393 14.8802 19.6175C15 19.4773 15 19.1744 15 18.5686V17.1192L17.538 19.6572L18.5966 18.5986L9.40418 9.40624Z" style="fill: var(--element-active-color)"/>
11
- <path d="M15 12.8807V10.4313C15 9.82548 15 9.52257 14.8802 9.38231C14.7763 9.2606 14.6203 9.19602 14.4608 9.20858C14.2769 9.22305 14.0627 9.43724 13.6343 9.86561L12.8096 10.6903L15 12.8807Z" style="fill: var(--element-active-color)"/>
12
- </svg>`;
13
- export {
14
- alarmSilencedA,
15
- alarmSilencedB
16
- };
17
- //# sourceMappingURL=icon-alarm-silenced.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"icon-alarm-silenced.js","sources":["../../../../src/components/alert-icon/icons/icon-alarm-silenced.ts"],"sourcesContent":["import {svg} from 'lit';\n\nexport const alarmSilencedA = svg`<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M1.11648 20.5339L11.1158 1.53427C11.4907 0.821889 12.5105 0.821913 12.8854 1.53432L22.8835 20.5339C23.234 21.1999 22.7512 22 21.9987 22L2.00128 22C1.24879 22 0.765943 21.1999 1.11648 20.5339Z\" style=\"fill: var(--alert-alarm-color)\"/>\n<path d=\"M9.40418 9.40624L8.34559 10.4648L10.3807 12.4999H8.3C8.01997 12.4999 7.87996 12.4999 7.773 12.5544C7.67892 12.6024 7.60243 12.6789 7.5545 12.7729C7.5 12.8799 7.5 13.0199 7.5 13.2999V15.6999C7.5 15.98 7.5 16.12 7.5545 16.2269C7.60243 16.321 7.67892 16.3975 7.773 16.4454C7.87996 16.4999 8.01997 16.4999 8.3 16.4999H10.6686C10.7909 16.4999 10.8521 16.4999 10.9096 16.5137C10.9606 16.526 11.0094 16.5462 11.0541 16.5736C11.1046 16.6045 11.1478 16.6478 11.2343 16.7342L13.6343 19.1342C14.0627 19.5626 14.2769 19.7768 14.4608 19.7913C14.6203 19.8038 14.7763 19.7393 14.8802 19.6175C15 19.4773 15 19.1744 15 18.5686V17.1192L17.538 19.6572L18.5966 18.5986L9.40418 9.40624Z\" style=\"fill: var(--on-alarm-active-color)\"/>\n<path d=\"M15 12.8807V10.4313C15 9.82548 15 9.52257 14.8802 9.38231C14.7763 9.26061 14.6203 9.19602 14.4608 9.20858C14.2769 9.22305 14.0627 9.43724 13.6343 9.86561L12.8096 10.6903L15 12.8807Z\" style=\"fill: var(--on-alarm-active-color)\"/>\n</svg>\n`;\n\nexport const alarmSilencedB = svg`<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M21.9986 20.9996L12.0006 2.00026L2.00141 20.9996L21.9986 20.9996ZM11.1158 1.53427L1.11648 20.5339C0.765943 21.1999 1.24879 22 2.00128 22L21.9987 22C22.7512 22 23.234 21.1999 22.8835 20.5339L12.8854 1.53432C12.5105 0.821913 11.4907 0.821889 11.1158 1.53427Z\" style=\"fill: var(--element-active-color)\"/>\n<path d=\"M9.40418 9.40624L8.34559 10.4648L10.3807 12.4999H8.3C8.01997 12.4999 7.87996 12.4999 7.773 12.5544C7.67892 12.6024 7.60243 12.6789 7.5545 12.7729C7.5 12.8799 7.5 13.0199 7.5 13.2999V15.6999C7.5 15.98 7.5 16.12 7.5545 16.2269C7.60243 16.321 7.67892 16.3975 7.773 16.4454C7.87996 16.4999 8.01997 16.4999 8.3 16.4999H10.6686C10.7909 16.4999 10.8521 16.4999 10.9096 16.5137C10.9606 16.526 11.0094 16.5462 11.0541 16.5736C11.1046 16.6045 11.1478 16.6478 11.2343 16.7342L13.6343 19.1342C14.0627 19.5626 14.2769 19.7768 14.4608 19.7913C14.6203 19.8038 14.7763 19.7393 14.8802 19.6175C15 19.4773 15 19.1744 15 18.5686V17.1192L17.538 19.6572L18.5966 18.5986L9.40418 9.40624Z\" style=\"fill: var(--element-active-color)\"/>\n<path d=\"M15 12.8807V10.4313C15 9.82548 15 9.52257 14.8802 9.38231C14.7763 9.2606 14.6203 9.19602 14.4608 9.20858C14.2769 9.22305 14.0627 9.43724 13.6343 9.86561L12.8096 10.6903L15 12.8807Z\" style=\"fill: var(--element-active-color)\"/>\n</svg>`;\n"],"names":[],"mappings":";AAEO,MAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAOvB,MAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;"}