@oicl/openbridge-webcomponents-full-bundle 2.0.0-next.95 → 2.0.0-next.96

package/dist/components/alert-icon/icons/icon-critical-unacknowledged.js

@@ -0,0 +1,28 @@
+import { svg } from "lit";
+const criticalUnacknowledgedA = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path d="M 22,12
+           L 17,20.66
+           L 7,20.66
+           L 2,12
+           L 7,3.34
+           L 17,3.34
+           Z"
+        fill="var(--alert-critical-color)" stroke="var(--alert-critical-outline-color)" />
+<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)"/>
+</svg>`;
+const criticalUnacknowledgedB = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path d="M 22,12
+           L 17,20.66
+           L 7,20.66
+           L 2,12
+           L 7,3.34
+           L 17,3.34
+           Z"
+        fill="none" stroke="var(--element-active-color)" />
+<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)"/>
+</svg>`;
+export {
+  criticalUnacknowledgedA,
+  criticalUnacknowledgedB
+};
+//# sourceMappingURL=icon-critical-unacknowledged.js.map

package/dist/components/alert-icon/icons/icon-critical-unacknowledged.js.map

@@ -0,0 +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;"}

package/dist/components/alert-icon/icons/icon-low-acknowledged.d.ts

@@ -0,0 +1,2 @@
+export declare const lowAcknowledged: import('lit-html').TemplateResult<2>;
+//# sourceMappingURL=icon-low-acknowledged.d.ts.map

package/dist/components/alert-icon/icons/icon-low-acknowledged.d.ts.map

@@ -0,0 +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"}

package/dist/components/alert-icon/icons/icon-low-acknowledged.js

@@ -0,0 +1,11 @@
+import { svg } from "lit";
+const lowAcknowledged = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<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)"/>
+<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)"/>
+<path d="M13 13V7H11V13H13Z" fill="var(--on-caution-active-color)"/>
+<path d="M13 17V15H11V17H13Z" fill="var(--on-caution-active-color)"/>
+</svg>`;
+export {
+  lowAcknowledged
+};
+//# sourceMappingURL=icon-low-acknowledged.js.map

package/dist/components/alert-icon/icons/icon-low-acknowledged.js.map

@@ -0,0 +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;"}

package/dist/components/alert-icon/icons/icon-low-rectified.d.ts

@@ -0,0 +1,3 @@
+export declare const lowRectifiedA: import('lit-html').TemplateResult<2>;
+export declare const lowRectifiedB: import('lit-html').TemplateResult<2>;
+//# sourceMappingURL=icon-low-rectified.d.ts.map

package/dist/components/alert-icon/icons/icon-low-rectified.d.ts.map

@@ -0,0 +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"}

package/dist/components/alert-icon/icons/icon-low-rectified.js

@@ -0,0 +1,16 @@
+import { svg } from "lit";
+const lowRectifiedA = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<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)"/>
+<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)"/>
+<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)"/>
+</svg>`;
+const lowRectifiedB = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<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"/>
+<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)"/>
+<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)"/>
+</svg>`;
+export {
+  lowRectifiedA,
+  lowRectifiedB
+};
+//# sourceMappingURL=icon-low-rectified.js.map

package/dist/components/alert-icon/icons/icon-low-rectified.js.map

@@ -0,0 +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;"}

package/dist/components/alert-icon/icons/icon-low-silenced.d.ts

@@ -0,0 +1,3 @@
+export declare const lowSilencedA: import('lit-html').TemplateResult<2>;
+export declare const lowSilencedB: import('lit-html').TemplateResult<2>;
+//# sourceMappingURL=icon-low-silenced.d.ts.map

package/dist/components/alert-icon/icons/icon-low-silenced.d.ts.map

@@ -0,0 +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"}

package/dist/components/alert-icon/icons/icon-low-silenced.js

@@ -0,0 +1,18 @@
+import { svg } from "lit";
+const lowSilencedA = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<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)"/>
+<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)"/>
+<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)"/>
+<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)"/>
+</svg>`;
+const lowSilencedB = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<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"/>
+<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)"/>
+<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)"/>
+<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)"/>
+</svg>`;
+export {
+  lowSilencedA,
+  lowSilencedB
+};
+//# sourceMappingURL=icon-low-silenced.js.map

package/dist/components/alert-icon/icons/icon-low-silenced.js.map

@@ -0,0 +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;"}

package/dist/components/alert-icon/icons/icon-low-unacknowledged.d.ts

@@ -0,0 +1,3 @@
+export declare const lowUnacknowledgedA: import('lit-html').TemplateResult<2>;
+export declare const lowUnacknowledgedB: import('lit-html').TemplateResult<2>;
+//# sourceMappingURL=icon-low-unacknowledged.d.ts.map

package/dist/components/alert-icon/icons/icon-low-unacknowledged.d.ts.map

@@ -0,0 +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"}

package/dist/components/alert-icon/icons/icon-low-unacknowledged.js

@@ -0,0 +1,16 @@
+import { svg } from "lit";
+const lowUnacknowledgedA = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<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)"/>
+<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)"/>
+<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)"/>
+</svg>`;
+const lowUnacknowledgedB = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<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"/>
+<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)"/>
+<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)"/>
+</svg>`;
+export {
+  lowUnacknowledgedA,
+  lowUnacknowledgedB
+};
+//# sourceMappingURL=icon-low-unacknowledged.js.map

package/dist/components/alert-icon/icons/icon-low-unacknowledged.js.map

@@ -0,0 +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;"}

package/dist/pages/alert-detail-page/alert-detail-page.d.ts.map

@@ -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"}
+{"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"}

package/dist/pages/alert-detail-page/alert-detail-page.js

@@ -11,7 +11,7 @@ import "../../icons/icon-command-locked-f.js";
 import "../../icons/icon-alert-category-a.js";
 import "../../icons/icon-alert-category-b.js";
 import "../../icons/icon-alert-category-c.js";
-import { formatTimeSince, AlertCategory, isActive, isAcknowledged, isBlocked } from "../../types.js";
+import { formatTimeSince, AlertCategory, isActive, isAcknowledged } from "../../types.js";
 import { classMap } from "lit/directives/class-map.js";
 import { localized, msg } from "@lit/localize";
 var __defProp = Object.defineProperty;
@@ -135,7 +135,6 @@ let ObcAlertDetailPage = class extends LitElement {
               .type=${this.alert.type}
               .acknowledged=${isAcknowledged(this.alert)}
               .active=${isActive(this.alert)}
-              .outline=${isBlocked(this.alert)}
             ></obc-alert-icon>
           </div>
           <div class="title">

package/dist/pages/alert-detail-page/alert-detail-page.js.map

@@ -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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"}
+{"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

@@ -1,6 +1,6 @@
 {
   "name": "@oicl/openbridge-webcomponents-full-bundle",
-  "version": "2.0.0-next.95",
+  "version": "2.0.0-next.96",
   "type": "module",
   "repository": {
     "type": "git",

package/src/alert-severity.ts

@@ -74,7 +74,14 @@ export function requiresAcknowledgement(type: AlertType): boolean {
   ].includes(type);
 }
 
-export function supportsBlinking(type: AlertType): boolean {
+export function supportsBlinking(
+  type: AlertType,
+  acknowledged: boolean
+): boolean {
+  if (acknowledged) {
+    return false;
+  }
+
   return [
     AlertType.Alarm,
     AlertType.Warning,

package/src/components/alert-button/alert-button.ts

@@ -288,7 +288,7 @@ export class ObcAlertButton extends LitElement {
       this.blinking &&
       hasAlerts &&
       this.alertType !== undefined &&
-      supportsBlinking(this.alertType);
+      supportsBlinking(this.alertType, false);
     return html`
       <div
         class=${classMap({

package/src/components/alert-icon/alert-icon.stories.ts

@@ -31,7 +31,6 @@ const meta: Meta<typeof ObcAlertIcon> = {
         .type=${args.type}
         .acknowledged=${args.acknowledged}
         .active=${args.active}
-        .outline=${args.outline}
       ></obc-alert-icon>
     </div>`,
 } satisfies Meta<ObcAlertIcon>;
@@ -89,21 +88,11 @@ export const Caution: Story = {
   },
 };
 
-export const AlarmOutline: Story = {
-  args: {
-    type: AlertType.Alarm,
-    acknowledged: false,
-    active: true,
-    outline: true,
-  },
-};
-
 export const LevelCritical: Story = {
   args: {
     type: AlertType.LevelCritical,
     acknowledged: false,
     active: true,
-    outline: true,
   },
 };
 
@@ -138,3 +127,72 @@ export const LevelDiagnostic: Story = {
     active: true,
   },
 };
+
+export const AlarmRectifiedNoAck: Story = {
+  args: {
+    type: AlertType.Alarm,
+    acknowledged: false,
+    active: false,
+  },
+};
+
+export const ApiMatrix: Story = {
+  render: (args) =>
+    html` <div
+      style="display:grid;grid-template-columns: auto repeat(8,32px);gap:16px"
+    >
+      <div></div>
+      ${Object.values(AlertType).map(
+        (type) =>
+          html`<div
+            style="display:flex;flex-direction:column;align-items:center"
+          >
+            ${type}
+          </div>`
+      )}
+      ${renderRow('Active', {
+        acknowledged: false,
+        active: true,
+        silenced: false,
+      })}
+      ${renderRow('Acknowledged', {
+        acknowledged: true,
+        active: true,
+        silenced: false,
+      })}
+      ${renderRow('Silenced', {
+        acknowledged: false,
+        active: true,
+        silenced: true,
+      })}
+      ${renderRow('Rectified', {
+        acknowledged: true,
+        active: false,
+        silenced: false,
+      })}
+      ${renderRow('Rectified unacknowledged', {
+        acknowledged: false,
+        active: false,
+        silenced: false,
+      })}
+    </div>`,
+};
+
+function renderRow(
+  label: string,
+  options: {acknowledged: boolean; active: boolean; silenced: boolean}
+) {
+  return html`
+    <div style="display:flex;flex-direction:column;align-items:center">${label}</div>
+    ${Object.values(AlertType).map(
+      (type) => html`
+        <obc-alert-icon
+          .type=${type}
+          .acknowledged=${options.acknowledged}
+          .active=${options.active}
+          .silenced=${options.silenced}
+        ></obc-alert-icon>
+      `
+    )}
+  </div>`;
+}