@oicl/openbridge-webcomponents-full-bundle 2.0.0-next.118 → 2.0.0-next.120

package/src/navigation-instruments/wind-propulsion/wind-propulsion.stories.ts

@@ -10,7 +10,7 @@ import {WindPropulsionPriorityElement} from './wind-propulsion.js';
 
 const meta: Meta<typeof ObcWindPropulsion> = {
   title: 'Instruments/Wind Propulsion',
-  tags: ['autodocs', '6.0'],
+  tags: ['autodocs', '6.0', 'beta'],
   component: 'obc-wind-propulsion',
   argTypes: {
     forceAngle: {control: {type: 'range', min: -180, max: 180, step: 1}},

package/src/pages/alert-detail-page/alert-detail-page.stories.ts

@@ -21,7 +21,7 @@ const alert: Alert = {
 
 const meta: Meta<typeof ObcAlertDetailPage> = {
   title: 'Pages/Alert Detail Page',
-  tags: ['6.0'],
+  tags: ['6.0', 'beta'],
   component: 'obc-alert-detail-page',
   args: {
     hasActions: true,

package/src/pages/alert-list-page-small/alert-list-page-small.stories.ts

@@ -60,7 +60,7 @@ const handleSilence = (e: CustomEvent) => {
 
 const meta: Meta<typeof ObcAlertListPageSmall> = {
   title: 'Pages/Alert List Small',
-  tags: ['6.0'],
+  tags: ['6.0', 'beta'],
   component: 'obc-alert-list-page-small',
   args: {
     hasShelved: true,

package/src/palettes/blinking.ts

@@ -0,0 +1,46 @@
+const CRITICAL_PERIOD = 1000; // ms
+const ALARM_PERIOD = 2000; // ms
+const WARNING_PERIOD = 4000; // ms
+const LOW_PERIOD = 8000; // ms
+
+function blinkingInstall(
+  el: HTMLElement,
+  period: number,
+  label: string
+): () => void {
+  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; // Common time origin for all animations, so they blink in sync.
+  return () => anim.cancel();
+}
+
+export function blinkingCritical(el: HTMLElement): () => void {
+  return blinkingInstall(el, CRITICAL_PERIOD, '--critical-blink');
+}
+
+export function blinkingAlarm(el: HTMLElement): () => void {
+  return blinkingInstall(el, ALARM_PERIOD, '--alarm-blink');
+}
+
+export function blinkingWarning(el: HTMLElement): () => void {
+  return blinkingInstall(el, WARNING_PERIOD, '--warning-blink');
+}
+
+export function blinkingLow(el: HTMLElement): () => void {
+  return blinkingInstall(el, LOW_PERIOD, '--low-blink');
+}
+
+export function blinkingAll(el: HTMLElement): () => void {
+  const animes = [
+    blinkingCritical(el),
+    blinkingAlarm(el),
+    blinkingWarning(el),
+    blinkingLow(el),
+  ];
+  return () => animes.forEach((anim) => anim());
+}

package/src/palettes/manual.css

@@ -121,45 +121,3 @@
   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);
-}

package/src/palettes/variables.css

@@ -14740,37 +14740,6 @@
   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;
@@ -14782,8 +14751,3 @@
   inherits: true;
   initial-value: 0;
 }
-
-:root {
-  animation: warning-blink 4s infinite;
-  animation-timing-function: steps(1);
-}

package/vitest.browser.config.ts

@@ -3,8 +3,10 @@ import {playwright} from '@vitest/browser-playwright';
 
 export default defineConfig({
   test: {
-    // ignore files in dist folder
-    exclude: ['dist/**', 'node_modules/**'],
+    // Browser tests live in src/. `script/` holds node-only tests for the
+    // repo's own tooling (the custom ESLint rules) — they import node
+    // packages and cannot run in Chromium; `npm run test:rules` runs those.
+    exclude: ['dist/**', 'node_modules/**', 'script/**'],
     browser: {
       enabled: true,
       provider: playwright(),

package/vitest.config.ts

@@ -52,6 +52,16 @@ export default defineConfig({
           },
         },
       },
+      {
+        // Node-side unit tests for the repo's own tooling (the custom ESLint
+        // rules). Kept out of the `storybook` project so it stays browser-only.
+        extends: true,
+        test: {
+          name: 'rules',
+          environment: 'node',
+          include: ['script/**/*.test.ts'],
+        },
+      },
     ],
   },
 });