@oicl/openbridge-webcomponents 2.0.0-next.119 → 2.0.0-next.120

package/dist/openbridge.css

@@ -14739,36 +14739,6 @@
   inherits: true;
   initial-value: 0;
 }
-@keyframes warning-blink {
-  0% {
-    --warning-blink-on: 1;
-    --warning-blink-off: 0;
-    --alarm-blink-on: 1;
-    --alarm-blink-off: 0;
-  }
-
-  25% {
-    --alarm-blink-on: 0;
-    --alarm-blink-off: 1;
-  }
-
-  50% {
-    --warning-blink-on: 0;
-    --warning-blink-off: 1;
-    --alarm-blink-on: 1;
-    --alarm-blink-off: 0;
-  }
-
-  75% {
-    --alarm-blink-on: 0;
-    --alarm-blink-off: 1;
-  }
-
-  100% {
-    --warning-blink-on: 1;
-    --warning-blink-off: 0;
-  }
-}
 @property --warning-blink-on {
   syntax: "<number>";
   inherits: true;
@@ -14779,10 +14749,6 @@
   inherits: true;
   initial-value: 0;
 }
-:root {
-  animation: warning-blink 4s infinite;
-  animation-timing-function: steps(1);
-}
 :root[data-obc-theme="day"] {
   --critical-enabled-background-color: rgb(196, 36, 183);
   --critical-enabled-border-color: rgb(153, 0, 143);
@@ -14899,45 +14865,6 @@
   inherits: true;
   initial-value: 0;
 }
-@keyframes critical-blink {
-  0% {
-    --critical-blink-on: 1;
-    --critical-blink-off: 0;
-  }
-
-  50% {
-    --critical-blink-on: 0;
-    --critical-blink-off: 1;
-  }
-
-  100% {
-    --critical-blink-on: 1;
-    --critical-blink-off: 0;
-  }
-}
-@keyframes low-blink {
-  0% {
-    --low-blink-on: 1;
-    --low-blink-off: 0;
-  }
-
-  50% {
-    --low-blink-on: 0;
-    --low-blink-off: 1;
-  }
-
-  100% {
-    --low-blink-on: 1;
-    --low-blink-off: 0;
-  }
-}
-:root {
-  animation:
-    warning-blink 4s infinite,
-    critical-blink 1s infinite,
-    low-blink 8s infinite;
-  animation-timing-function: steps(1);
-}
 .obc-radio-button {
   user-select: none;
 

package/dist/palettes/blinking.d.ts

@@ -0,0 +1,6 @@
+export declare function blinkingCritical(el: HTMLElement): () => void;
+export declare function blinkingAlarm(el: HTMLElement): () => void;
+export declare function blinkingWarning(el: HTMLElement): () => void;
+export declare function blinkingLow(el: HTMLElement): () => void;
+export declare function blinkingAll(el: HTMLElement): () => void;
+//# sourceMappingURL=blinking.d.ts.map

package/dist/palettes/blinking.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blinking.d.ts","sourceRoot":"","sources":["../../src/palettes/blinking.ts"],"names":[],"mappings":"AAqBA,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,WAAW,GAAG,MAAM,IAAI,CAE5D;AAED,wBAAgB,aAAa,CAAC,EAAE,EAAE,WAAW,GAAG,MAAM,IAAI,CAEzD;AAED,wBAAgB,eAAe,CAAC,EAAE,EAAE,WAAW,GAAG,MAAM,IAAI,CAE3D;AAED,wBAAgB,WAAW,CAAC,EAAE,EAAE,WAAW,GAAG,MAAM,IAAI,CAEvD;AAED,wBAAgB,WAAW,CAAC,EAAE,EAAE,WAAW,GAAG,MAAM,IAAI,CAQvD"}

package/dist/palettes/blinking.js

@@ -0,0 +1,44 @@
+const CRITICAL_PERIOD = 1e3;
+const ALARM_PERIOD = 2e3;
+const WARNING_PERIOD = 4e3;
+const LOW_PERIOD = 8e3;
+function blinkingInstall(el, period, label) {
+  const anim = el.animate(
+    [
+      { [label + "-on"]: 1, [label + "-off"]: 0 },
+      { [label + "-on"]: 0, [label + "-off"]: 1 }
+    ],
+    { duration: period, iterations: Infinity, easing: "steps(2, jump-none)" }
+  );
+  anim.startTime = 0;
+  return () => anim.cancel();
+}
+function blinkingCritical(el) {
+  return blinkingInstall(el, CRITICAL_PERIOD, "--critical-blink");
+}
+function blinkingAlarm(el) {
+  return blinkingInstall(el, ALARM_PERIOD, "--alarm-blink");
+}
+function blinkingWarning(el) {
+  return blinkingInstall(el, WARNING_PERIOD, "--warning-blink");
+}
+function blinkingLow(el) {
+  return blinkingInstall(el, LOW_PERIOD, "--low-blink");
+}
+function blinkingAll(el) {
+  const animes = [
+    blinkingCritical(el),
+    blinkingAlarm(el),
+    blinkingWarning(el),
+    blinkingLow(el)
+  ];
+  return () => animes.forEach((anim) => anim());
+}
+export {
+  blinkingAlarm,
+  blinkingAll,
+  blinkingCritical,
+  blinkingLow,
+  blinkingWarning
+};
+//# sourceMappingURL=blinking.js.map

package/dist/palettes/blinking.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"blinking.js","sources":["../../src/palettes/blinking.ts"],"sourcesContent":["const CRITICAL_PERIOD = 1000; // ms\nconst ALARM_PERIOD = 2000; // ms\nconst WARNING_PERIOD = 4000; // ms\nconst LOW_PERIOD = 8000; // ms\n\nfunction blinkingInstall(\n  el: HTMLElement,\n  period: number,\n  label: string\n): () => void {\n  const anim = el.animate(\n    [\n      {[label + '-on']: 1, [label + '-off']: 0},\n      {[label + '-on']: 0, [label + '-off']: 1},\n    ],\n    {duration: period, iterations: Infinity, easing: 'steps(2, jump-none)'}\n  );\n  anim.startTime = 0; // Common time origin for all animations, so they blink in sync.\n  return () => anim.cancel();\n}\n\nexport function blinkingCritical(el: HTMLElement): () => void {\n  return blinkingInstall(el, CRITICAL_PERIOD, '--critical-blink');\n}\n\nexport function blinkingAlarm(el: HTMLElement): () => void {\n  return blinkingInstall(el, ALARM_PERIOD, '--alarm-blink');\n}\n\nexport function blinkingWarning(el: HTMLElement): () => void {\n  return blinkingInstall(el, WARNING_PERIOD, '--warning-blink');\n}\n\nexport function blinkingLow(el: HTMLElement): () => void {\n  return blinkingInstall(el, LOW_PERIOD, '--low-blink');\n}\n\nexport function blinkingAll(el: HTMLElement): () => void {\n  const animes = [\n    blinkingCritical(el),\n    blinkingAlarm(el),\n    blinkingWarning(el),\n    blinkingLow(el),\n  ];\n  return () => animes.forEach((anim) => anim());\n}\n"],"names":[],"mappings":"AAAA,MAAM,kBAAkB;AACxB,MAAM,eAAe;AACrB,MAAM,iBAAiB;AACvB,MAAM,aAAa;AAEnB,SAAS,gBACP,IACA,QACA,OACY;AACZ,QAAM,OAAO,GAAG;AAAA,IACd;AAAA,MACE,EAAC,CAAC,QAAQ,KAAK,GAAG,GAAG,CAAC,QAAQ,MAAM,GAAG,EAAA;AAAA,MACvC,EAAC,CAAC,QAAQ,KAAK,GAAG,GAAG,CAAC,QAAQ,MAAM,GAAG,EAAA;AAAA,IAAC;AAAA,IAE1C,EAAC,UAAU,QAAQ,YAAY,UAAU,QAAQ,sBAAA;AAAA,EAAqB;AAExE,OAAK,YAAY;AACjB,SAAO,MAAM,KAAK,OAAA;AACpB;AAEO,SAAS,iBAAiB,IAA6B;AAC5D,SAAO,gBAAgB,IAAI,iBAAiB,kBAAkB;AAChE;AAEO,SAAS,cAAc,IAA6B;AACzD,SAAO,gBAAgB,IAAI,cAAc,eAAe;AAC1D;AAEO,SAAS,gBAAgB,IAA6B;AAC3D,SAAO,gBAAgB,IAAI,gBAAgB,iBAAiB;AAC9D;AAEO,SAAS,YAAY,IAA6B;AACvD,SAAO,gBAAgB,IAAI,YAAY,aAAa;AACtD;AAEO,SAAS,YAAY,IAA6B;AACvD,QAAM,SAAS;AAAA,IACb,iBAAiB,EAAE;AAAA,IACnB,cAAc,EAAE;AAAA,IAChB,gBAAgB,EAAE;AAAA,IAClB,YAAY,EAAE;AAAA,EAAA;AAEhB,SAAO,MAAM,OAAO,QAAQ,CAAC,SAAS,MAAM;AAC9C;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oicl/openbridge-webcomponents",
-  "version": "2.0.0-next.119",
+  "version": "2.0.0-next.120",
   "type": "module",
   "repository": {
     "type": "git",