@oicl/openbridge-webcomponents-full-bundle 2.0.0-next.45 → 2.0.0-next.49

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

@@ -43,8 +43,8 @@ const meta: Meta<typeof ObcWindPropulsion> = {
       options: Object.values(WindPropulsionPriorityElement),
     },
     touching: {control: 'boolean'},
-    currentWindSpeedBeaufort: {
-      control: {type: 'range', min: 0, max: 12, step: 1},
+    currentWindSpeedKnots: {
+      control: {type: 'range', min: 0, max: 75, step: 1},
     },
     currentWindFromDirection: {
       control: {type: 'range', min: 0, max: 360, step: 1},
@@ -138,7 +138,7 @@ export const WithWind: Story = {
     sailAngleSetpoint: 10,
     state: InstrumentState.active,
     priority: Priority.enhanced,
-    currentWindSpeedBeaufort: 5,
+    currentWindSpeedKnots: 25,
     currentWindFromDirection: 270,
     priorityElements: [WindPropulsionPriorityElement.forceBar],
   },

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

@@ -91,7 +91,7 @@ export class ObcWindPropulsion extends LitElement {
   @property({type: String}) tickmarkStyle: TickmarkStyle =
     TickmarkStyle.regular;
 
-  @property({type: Number}) currentWindSpeedBeaufort: number | null = null;
+  @property({type: Number}) currentWindSpeedKnots: number | null = null;
   @property({type: Number}) currentWindFromDirection: number | null = null;
 
   @property({type: Array, attribute: false}) sailAngleAdvices: AngleAdvice[] =
@@ -139,7 +139,7 @@ export class ObcWindPropulsion extends LitElement {
 
   private getPadding(): number {
     if (
-      this.currentWindSpeedBeaufort != null &&
+      this.currentWindSpeedKnots != null &&
       this.currentWindFromDirection != null
     ) {
       return 72;
@@ -259,7 +259,7 @@ export class ObcWindPropulsion extends LitElement {
           .tickmarkStyle=${this.tickmarkStyle}
           .watchCircleType=${WatchCircleType.single}
           .advices=${this.angleAdviceRaw}
-          .wind=${this.currentWindSpeedBeaufort}
+          .windKnots=${this.currentWindSpeedKnots}
           .windFromDirectionDeg=${this.currentWindFromDirection}
           .windColor=${this.colorFor(WindPropulsionPriorityElement.wind)}
         ></obc-watch>

package/tsconfig.json

@@ -0,0 +1,38 @@
+{
+  "compilerOptions": {
+    "target": "es2021",
+    "module": "es2020",
+    "lib": ["es2021", "DOM", "DOM.Iterable"],
+    "declaration": true,
+    "declarationMap": true,
+    "sourceMap": true,
+    "inlineSources": true,
+    "outDir": "./dist",
+    "rootDir": "./src",
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true,
+    "noImplicitAny": true,
+    "noImplicitThis": true,
+    "moduleResolution": "node",
+    "allowSyntheticDefaultImports": true,
+    "experimentalDecorators": true,
+    "forceConsistentCasingInFileNames": true,
+    "noImplicitOverride": true,
+    "skipLibCheck": true,
+    "plugins": [
+      {
+        "name": "@jackolope/ts-lit-plugin",
+        "strict": true,
+        "rules": {
+          "no-invalid-css": "off"
+        },
+        "globalAttributes": ["popover", "closedby"]
+      }
+    ]
+  },
+  "include": ["src/**/*.ts"],
+  "exclude": ["node_modules", "dist", "src/**/*.stories.ts"]
+}

package/vite.config.ts

@@ -0,0 +1,107 @@
+import postcssLit from 'rollup-plugin-postcss-lit';
+import {defineConfig} from 'vite';
+import dts from 'vite-plugin-dts';
+import {globbySync} from 'globby';
+import postcss from 'postcss';
+import postcssConfig from './postcss.config.mjs';
+import fs from 'fs';
+import path from 'path';
+
+const input = globbySync('src/**/*.ts', {
+  ignore: [
+    'src/**/*.stories.ts',
+    'src/**/*.spec.ts',
+    'src/**/*.test.ts',
+    'src/storybook-util.ts',
+    'src/ar/_test-utils.ts',
+  ],
+});
+
+// https://vitejs.dev/config/
+export default defineConfig(({mode}) => {
+  const isBundleMode = mode === 'bundle';
+
+  return {
+    build: {
+      minify: false,
+      lib: {
+        entry: 'src/index.ts',
+        name: 'openbridge-webcomponents',
+        fileName: 'openbridge-webcomponents',
+        formats: ['es'],
+      },
+      rollupOptions: {
+        input: isBundleMode ? 'bundle.ts' : input,
+        external: isBundleMode
+          ? // For bundle mode, bundle everything (no externals)
+            []
+          : // For regular mode, externalize as before
+            (id) =>
+              id.startsWith('lit') ||
+              id.startsWith('@lit') ||
+              id.startsWith('uplot') ||
+              id.startsWith('chart.js') ||
+              id.startsWith('@kurkle/color'),
+        preserveEntrySignatures: 'strict',
+        output: isBundleMode
+          ? // Bundle mode: single file output
+            {
+              format: 'es',
+              entryFileNames: 'openbridge-webcomponents.bundle.js',
+              dir: 'bundle',
+              sourcemap: true,
+              preserveModules: false,
+              inlineDynamicImports: true,
+            }
+          : // Regular mode: preserve modules
+            {
+              format: 'es',
+              entryFileNames: (opt) => {
+                return `${opt.name}.js`;
+              },
+              sourcemap: true,
+              preserveModules: true,
+              preserveModulesRoot: 'src',
+              inlineDynamicImports: false,
+            },
+      },
+    },
+    plugins: [
+      postcssLit(),
+      dts({
+        clearPureImport: false,
+        exclude: [
+          'src/**/*.stories.ts',
+          'src/**/*.spec.ts',
+          'src/**/*.test.ts',
+          'src/storybook-util.ts',
+          'src/ar/_test-utils.ts',
+        ],
+      }),
+      {
+        name: 'custom-postcss',
+        async generateBundle() {
+          const inputCSS = path.resolve(__dirname, 'src/main.css'); // Your source CSS
+          // Make dist folder if it doesn't exist
+          if (!fs.existsSync(path.resolve(__dirname, 'dist'))) {
+            fs.mkdirSync(path.resolve(__dirname, 'dist'));
+          }
+          const outputCSS = path.resolve(__dirname, 'dist/openbridge.css'); // Destination
+
+          if (fs.existsSync(inputCSS)) {
+            const css = fs.readFileSync(inputCSS, 'utf-8');
+            const result = await postcss(postcssConfig({}).plugins).process(
+              css,
+              {
+                from: inputCSS,
+                to: outputCSS,
+              }
+            );
+
+            fs.writeFileSync(outputCSS, result.css);
+          }
+        },
+      },
+    ],
+  };
+});

package/vitest.browser.config.ts

@@ -0,0 +1,14 @@
+import {defineConfig} from 'vitest/config';
+import {playwright} from '@vitest/browser-playwright';
+
+export default defineConfig({
+  test: {
+    // ignore files in dist folder
+    exclude: ['dist/**', 'node_modules/**'],
+    browser: {
+      enabled: true,
+      provider: playwright(),
+      instances: [{browser: 'chromium'}],
+    },
+  },
+});

package/vitest.config.ts

@@ -0,0 +1,51 @@
+import {defineConfig} from 'vitest/config';
+import {playwright} from '@vitest/browser-playwright';
+
+import {storybookTest} from '@storybook/addon-vitest/vitest-plugin';
+import {storybookVis} from 'storybook-addon-vis/vitest-plugin';
+
+import path from 'node:path';
+import {fileURLToPath} from 'node:url';
+
+const dirname = path.dirname(fileURLToPath(import.meta.url));
+
+export default defineConfig({
+  test: {
+    projects: [
+      {
+        extends: true,
+        plugins: [
+          storybookTest({
+            // The location of your Storybook config, main.js|ts
+            configDir: path.join(dirname, '.storybook'),
+            // This should match your package.json script to run Storybook
+            // The --no-open flag will skip the automatic opening of a browser
+            storybookScript: 'npm run storybook --no-open',
+            tags: {
+              exclude: ['skip-test'],
+            },
+          }),
+          storybookVis({
+            comparisonMethod: 'pixel',
+            failureThreshold: 4,
+            failureThresholdType: 'pixel',
+            snapshotRootDir: (config) =>
+              path.join(dirname, '__vis__', config.platform),
+          }),
+        ],
+        test: {
+          name: 'storybook',
+          setupFiles: ['./.storybook/vitest.setup.ts'],
+          // Enable browser mode
+          browser: {
+            enabled: true,
+            // Make sure to install Playwright
+            provider: playwright({}),
+            headless: true,
+            instances: [{browser: 'chromium'}],
+          },
+        },
+      },
+    ],
+  },
+});

package/xliff/es-419.xlf

@@ -0,0 +1,111 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff version="1.2" xmlns="urn:oasis:names:tc:xliff:document:1.2">
+<file target-language="es-419" source-language="en" original="lit-localize-inputs" datatype="plaintext">
+<body>
+<trans-unit id="sa7f8e003ff63ef9f">
+  <source>No active alerts</source>
+  <target>No alertas activas</target>
+</trans-unit>
+<trans-unit id="s3cd891731e99f7e6">
+  <source>Active alerts</source>
+  <target>Alertas activas</target>
+</trans-unit>
+<trans-unit id="s8119af112f965c78">
+  <source>Brilliance</source>
+  <target>Brillantez</target>
+</trans-unit>
+<trans-unit id="se0955919920ee87d">
+  <source>Day</source>
+  <target>Día</target>
+</trans-unit>
+<trans-unit id="s0f3699a7bd401f61">
+  <source>Night</source>
+  <target>Noche</target>
+</trans-unit>
+<trans-unit id="sf993bb199fefbe04">
+  <source>All</source>
+</trans-unit>
+<trans-unit id="s01b603dddbaba7b6">
+  <source>Unacked</source>
+</trans-unit>
+<trans-unit id="se92d11374fcdf768">
+  <source>No unacknowledged alerts</source>
+</trans-unit>
+<trans-unit id="sf268637d594dacb2">
+  <source>Shelved</source>
+</trans-unit>
+<trans-unit id="s2a2488656f97b746">
+  <source>No shelved alerts</source>
+</trans-unit>
+<trans-unit id="sf59d9197d2e50c93">
+  <source>Blocked</source>
+</trans-unit>
+<trans-unit id="s61a9ee872da3a0cd">
+  <source>No blocked alerts</source>
+</trans-unit>
+<trans-unit id="s16fccc311f4779f6">
+  <source>Rectified</source>
+</trans-unit>
+<trans-unit id="seb27af82aef6a03e">
+  <source>No rectified alerts</source>
+</trans-unit>
+<trans-unit id="sfa32c219a0764262">
+  <source>ACK</source>
+</trans-unit>
+<trans-unit id="s5ba9818f6a39054c">
+  <source>Go to the 'Alert list' for more details or to manage existing alerts.</source>
+</trans-unit>
+<trans-unit id="sa6ef04345891fb38">
+  <source>ACK visible</source>
+</trans-unit>
+<trans-unit id="s68395a4c26a9e8ac">
+  <source>Silence</source>
+</trans-unit>
+<trans-unit id="s88d1c1e15ca1aade">
+  <source>Alerts</source>
+</trans-unit>
+<trans-unit id="s3cf89cb47fdde7e9">
+  <source>Link</source>
+</trans-unit>
+<trans-unit id="s47278872f6826da8">
+  <source>Dusk</source>
+</trans-unit>
+<trans-unit id="s9e34794bcfdc6665">
+  <source>Bright</source>
+</trans-unit>
+<trans-unit id="s33e301ba1f4a6864">
+  <source>Screen Control</source>
+</trans-unit>
+<trans-unit id="s6686fcc6d2c8f0bd">
+  <source>Note</source>
+</trans-unit>
+<trans-unit id="sfbc33dd48f23752c">
+  <source>Tag ID</source>
+</trans-unit>
+<trans-unit id="s079a052719914d71">
+  <source>Category</source>
+</trans-unit>
+<trans-unit id="sa2b9faa7ad068cfc">
+  <source>Activated</source>
+</trans-unit>
+<trans-unit id="s35aab6bf5dda3be0">
+  <source>Alert timer</source>
+</trans-unit>
+<trans-unit id="sdc7335a13d9e03f5">
+  <source>Acknowledged</source>
+</trans-unit>
+<trans-unit id="s93c7817bb872836a">
+  <source>Acknowledged by</source>
+</trans-unit>
+<trans-unit id="sf2de3605b3655264">
+  <source>Shelfing timer</source>
+</trans-unit>
+<trans-unit id="s097d821eb8e9069f">
+  <source>Shelved by</source>
+</trans-unit>
+<trans-unit id="sa711a6fcc9552dbf">
+  <source>Readout</source>
+</trans-unit>
+</body>
+</file>
+</xliff>

package/xliff/fi-FI.xlf

@@ -0,0 +1,139 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff version="1.2" xmlns="urn:oasis:names:tc:xliff:document:1.2">
+<file target-language="fi-FI" source-language="en" original="lit-localize-inputs" datatype="plaintext">
+<body>
+<trans-unit id="sf993bb199fefbe04">
+  <source>All</source>
+  <target>Kaikki</target>
+</trans-unit>
+<trans-unit id="sa7f8e003ff63ef9f">
+  <source>No active alerts</source>
+  <target>Ei aktiivisia hälytyksiä</target>
+</trans-unit>
+<trans-unit id="s01b603dddbaba7b6">
+  <source>Unacked</source>
+  <target>Vahvistamaton</target>
+</trans-unit>
+<trans-unit id="se92d11374fcdf768">
+  <source>No unacknowledged alerts</source>
+  <target>Ei vahvistamattomia hälytyksiä</target>
+</trans-unit>
+<trans-unit id="sf268637d594dacb2">
+  <source>Shelved</source>
+  <target>Hyllytetty</target>
+</trans-unit>
+<trans-unit id="s2a2488656f97b746">
+  <source>No shelved alerts</source>
+  <target>Ei hyllytettyjä hälytyksiä</target>
+</trans-unit>
+<trans-unit id="sf59d9197d2e50c93">
+  <source>Blocked</source>
+  <target>Estetty</target>
+</trans-unit>
+<trans-unit id="s61a9ee872da3a0cd">
+  <source>No blocked alerts</source>
+  <target>Ei estettyjä hälytyksiä</target>
+</trans-unit>
+<trans-unit id="s16fccc311f4779f6">
+  <source>Rectified</source>
+  <target>Korjattu</target>
+</trans-unit>
+<trans-unit id="seb27af82aef6a03e">
+  <source>No rectified alerts</source>
+  <target>Ei korjattuja hälytyksiä</target>
+</trans-unit>
+<trans-unit id="sfa32c219a0764262">
+  <source>ACK</source>
+  <target>VAHVISTA</target>
+</trans-unit>
+<trans-unit id="s5ba9818f6a39054c">
+  <source>Go to the 'Alert list' for more details or to manage existing alerts.</source>
+  <target>Siirry 'Hälytyslistaan' saadaksesi lisätietoja tai hallitaksesi olemassa olevia hälytyksiä.</target>
+</trans-unit>
+<trans-unit id="s3cd891731e99f7e6">
+  <source>Active alerts</source>
+  <target>Aktiiviset hälytykset</target>
+</trans-unit>
+<trans-unit id="sa6ef04345891fb38">
+  <source>ACK visible</source>
+  <target>Vahvistus näkyvissä</target>
+</trans-unit>
+<trans-unit id="s68395a4c26a9e8ac">
+  <source>Silence</source>
+  <target>Hiljennä</target>
+</trans-unit>
+<trans-unit id="s88d1c1e15ca1aade">
+  <source>Alerts</source>
+  <target>Hälytykset</target>
+</trans-unit>
+<trans-unit id="s8119af112f965c78">
+  <source>Brilliance</source>
+  <target>Kirkkaus</target>
+</trans-unit>
+<trans-unit id="s3cf89cb47fdde7e9">
+  <source>Link</source>
+  <target>Linkki</target>
+</trans-unit>
+<trans-unit id="s0f3699a7bd401f61">
+  <source>Night</source>
+  <target>Yö</target>
+</trans-unit>
+<trans-unit id="s47278872f6826da8">
+  <source>Dusk</source>
+  <target>Hämärä</target>
+</trans-unit>
+<trans-unit id="se0955919920ee87d">
+  <source>Day</source>
+  <target>Päivä</target>
+</trans-unit>
+<trans-unit id="s9e34794bcfdc6665">
+  <source>Bright</source>
+  <target>Kirkas</target>
+</trans-unit>
+<trans-unit id="s33e301ba1f4a6864">
+  <source>Screen Control</source>
+  <target>Näytön hallinta</target>
+</trans-unit>
+<trans-unit id="s6686fcc6d2c8f0bd">
+  <source>Note</source>
+  <target>Huomautus</target>
+</trans-unit>
+<trans-unit id="sfbc33dd48f23752c">
+  <source>Tag ID</source>
+  <target>Tunnistetunnus</target>
+</trans-unit>
+<trans-unit id="s079a052719914d71">
+  <source>Category</source>
+  <target>Kategoria</target>
+</trans-unit>
+<trans-unit id="sa2b9faa7ad068cfc">
+  <source>Activated</source>
+  <target>Aktivoitu</target>
+</trans-unit>
+<trans-unit id="s35aab6bf5dda3be0">
+  <source>Alert timer</source>
+  <target>Hälytysajastin</target>
+</trans-unit>
+<trans-unit id="sdc7335a13d9e03f5">
+  <source>Acknowledged</source>
+  <target>Vahvistettu</target>
+</trans-unit>
+<trans-unit id="s93c7817bb872836a">
+  <source>Acknowledged by</source>
+  <target>Vahvistanut</target>
+</trans-unit>
+<trans-unit id="sf2de3605b3655264">
+  <source>Shelfing timer</source>
+  <target>Hyllytysajastin</target>
+</trans-unit>
+<trans-unit id="s097d821eb8e9069f">
+  <source>Shelved by</source>
+  <target>Hyllyttänyt</target>
+</trans-unit>
+<trans-unit id="sa711a6fcc9552dbf">
+  <source>Readout</source>
+  <target>Lukeminen</target>
+</trans-unit>
+</body>
+</file>
+</xliff>

package/dist/oicl.svg

@@ -1,4 +0,0 @@
-<svg width="224" height="224" viewBox="0 0 224 224" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M116.701 116.923C98.3078 176.761 155.93 202.404 191.346 183.693C190.913 184.142 190.474 184.588 190.031 185.032C150.197 224.865 85.6145 224.865 45.781 185.032C28.5699 167.819 30.2918 140.07 44.61 121.585C51.682 112.454 61.6691 105.859 73.599 104.095C85.5004 102.336 99.8051 105.317 115.64 116.203C115.994 116.446 116.348 116.686 116.701 116.923Z" fill="rgb(83, 83, 83)" fill-opacity="0.7"/>
-<path d="M45.7814 40.7818C85.6148 0.948366 150.198 0.948374 190.031 40.7819C209.923 60.674 207.905 88.397 193.203 106.026C185.877 114.811 175.448 121.005 163.062 122.417C150.694 123.827 136.018 120.504 120.172 109.611C103.007 97.8095 86.699 94.0715 72.4292 96.1814C58.188 98.287 46.4459 106.15 38.2856 116.686C29.7652 127.686 24.9738 141.908 25.3962 155.936C7.84433 118.193 14.6394 71.9238 45.7814 40.7818Z" fill="rgb(83, 83, 83)"/>
-</svg>