@oicl/openbridge-webcomponents 0.0.15-dev-20241122185953 → 0.0.15-dev-20241124190908

package/dist/navigation-instruments/poi-target/arrow.d.ts

@@ -1,3 +1,4 @@
 import { Pointer } from './poi-target';
-export declare function pointerArrow(pointerType: Pointer, value: string): import("lit-html").TemplateResult<1>;
+
+export declare function pointerArrow(pointerType: Pointer, value: string): import('lit-html').TemplateResult<1>;
 //# sourceMappingURL=arrow.d.ts.map

package/dist/navigation-instruments/poi-target/poi-target.d.ts

@@ -1,4 +1,5 @@
 import { LitElement } from 'lit';
+
 import '../poi-line/poi-line';
 import '../../components/poi-target-button/poi-target-button';
 export declare enum TargetValue {
@@ -16,8 +17,8 @@ export declare class ObcPoiTarget extends LitElement {
     value: TargetValue;
     pointerType: Pointer;
     relativeDirection: number;
-    render(): import("lit-html").TemplateResult<1>;
-    static styles: import("lit").CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+    static styles: import('lit').CSSResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/navigation-instruments/rudder/rudder.d.ts

@@ -1,4 +1,5 @@
 import { LitElement } from 'lit';
+
 import '../watch/watch';
 export declare class ObcRudder extends LitElement {
     angle: number;
@@ -9,8 +10,8 @@ export declare class ObcRudder extends LitElement {
     autoAtSetpointDeadband: number;
     maxAngle: number;
     atSetpointCalc(): boolean;
-    render(): import("lit-html").TemplateResult<1>;
-    static styles: import("lit").CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+    static styles: import('lit').CSSResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/navigation-instruments/thruster/advice.d.ts

@@ -1,5 +1,6 @@
 import { SVGTemplateResult } from 'lit';
 import { AdviceState, AdviceType } from '../watch/advice';
+
 export interface LinearAdviceRaw {
     min: number;
     max: number;

package/dist/navigation-instruments/thruster/propeller.d.ts

@@ -1,4 +1,5 @@
 import { SVGTemplateResult } from 'lit';
+
 export declare enum PropellerType {
     none = "none",
     cap = "cap",

package/dist/navigation-instruments/thruster/thruster.d.ts

@@ -2,6 +2,7 @@ import { LitElement } from 'lit';
 import { InstrumentState } from '../types';
 import { LinearAdvice, LinearAdviceRaw } from './advice';
 import { PropellerType } from './propeller';
+
 /**
  * @element obc-thruster
  *
@@ -24,8 +25,8 @@ export declare class ObcThruster extends LitElement {
     advices: LinearAdvice[];
     topPropeller: PropellerType;
     bottomPropeller: PropellerType;
-    render(): import("lit-html").TemplateResult<1>;
-    static styles: import("lit").CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+    static styles: import('lit').CSSResult;
 }
 export declare function thrusterTop(height: number, value: number, colors: {
     box: string;
@@ -33,7 +34,7 @@ export declare function thrusterTop(height: number, value: number, colors: {
 }, options: {
     hideTicks: boolean;
     hideContainer: boolean;
-}): (import("lit-html").TemplateResult<2> | import("lit-html").TemplateResult<2>[])[];
+}): (import('lit-html').TemplateResult<2> | import('lit-html').TemplateResult<2>[])[];
 export declare function thrusterTopSingleSided(height: number, value: number, colors: {
     box: string;
     container: string;
@@ -42,14 +43,14 @@ export declare function thrusterTopSingleSided(height: number, value: number, co
     flipAdicePattern: boolean;
     hideContainer: boolean;
     narrow: boolean;
-}, advice: LinearAdviceRaw[]): import("lit-html").TemplateResult<2> | (import("lit-html").TemplateResult<2> | (import("lit-html").TemplateResult<2> | null)[])[];
+}, advice: LinearAdviceRaw[]): import('lit-html').TemplateResult<2> | (import('lit-html').TemplateResult<2> | (import('lit-html').TemplateResult<2> | null)[])[];
 export declare function thrusterBottom(height: number, value: number, colors: {
     box: string;
     container: string;
 }, options: {
     hideTicks: boolean;
     hideContainer: boolean;
-}): import("lit-html").TemplateResult<2>;
+}): import('lit-html').TemplateResult<2>;
 export declare function setpointSvg(height: number, value: number, setpointAtZero: boolean, colors: {
     fill: string;
     stroke: string;
@@ -57,7 +58,7 @@ export declare function setpointSvg(height: number, value: number, setpointAtZer
     inCommand: boolean;
     singleSided: boolean;
     narrow: boolean;
-}): import("lit-html").TemplateResult<2>;
+}): import('lit-html').TemplateResult<2>;
 export declare function atSetpoint(thrust: number, setpoint: number | undefined, options: {
     autoAtSetpoint: boolean;
     autoSetpointDeadband: number;
@@ -78,7 +79,7 @@ export declare function thruster(thrust: number, setpoint: number | undefined, s
     topPropeller: PropellerType;
     bottomPropeller: PropellerType;
     narrow: boolean;
-}): import("lit-html").TemplateResult<2>;
+}): import('lit-html').TemplateResult<2>;
 declare global {
     interface HTMLElementTagNameMap {
         'obc-thruster': ObcThruster;

package/dist/navigation-instruments/thruster/tickmark.d.ts

@@ -1,3 +1,4 @@
 import { TickmarkStyle } from '../watch/tickmark';
-export declare function singleSidedTickmark(height: number, value: number, style: TickmarkStyle): import("lit-html").TemplateResult<2> | null;
+
+export declare function singleSidedTickmark(height: number, value: number, style: TickmarkStyle): import('lit-html').TemplateResult<2> | null;
 //# sourceMappingURL=tickmark.d.ts.map

package/dist/navigation-instruments/watch/advice.d.ts

@@ -1,4 +1,5 @@
 import { SVGTemplateResult } from 'lit';
+
 export declare enum AdviceType {
     advice = "advice",
     caution = "caution"

package/dist/navigation-instruments/watch/label.d.ts

@@ -1,3 +1,4 @@
 import { SVGTemplateResult } from 'lit-html';
+
 export declare function renderLabels(scale: number): SVGTemplateResult;
 //# sourceMappingURL=label.d.ts.map

package/dist/navigation-instruments/watch/tickmark.d.ts

@@ -1,4 +1,5 @@
 import { SVGTemplateResult } from 'lit';
+
 export interface Tickmark {
     angle: number;
     type: TickmarkType;

package/dist/navigation-instruments/watch/watch.d.ts

@@ -2,6 +2,7 @@ import { LitElement } from 'lit';
 import { InstrumentState } from '../types';
 import { AngleAdviceRaw } from './advice';
 import { Tickmark } from './tickmark';
+
 export declare class ObcWatch extends LitElement {
     state: InstrumentState;
     angleSetpoint: number | undefined;
@@ -18,9 +19,9 @@ export declare class ObcWatch extends LitElement {
     private _resizeController;
     private watchCircle;
     private renderCrosshair;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
     private renderSetpoint;
-    static styles: import("lit").CSSResult;
+    static styles: import('lit').CSSResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/navigation-instruments/watch-flat/tickmark-flat.d.ts

@@ -1,4 +1,5 @@
 import { SVGTemplateResult } from 'lit';
+
 export interface Tickmark {
     angle: number;
     type: TickmarkType;

package/dist/navigation-instruments/watch-flat/watch-flat.d.ts

@@ -1,6 +1,7 @@
 import { LitElement, SVGTemplateResult } from 'lit';
 import { Tickmark } from './tickmark-flat';
 import { Label } from '../compass-flat/compass-flat';
+
 export declare class ObcWatchFlat extends LitElement {
     width: number;
     height: number;
@@ -18,8 +19,8 @@ export declare class ObcWatchFlat extends LitElement {
     private renderLabelMask;
     private renderLabels;
     private watchFace;
-    render(): import("lit-html").TemplateResult<1>;
-    static styles: import("lit").CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+    static styles: import('lit').CSSResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/storybook-util.d.ts

@@ -1,3 +1,4 @@
+import { HTMLTemplateResult, TemplateResult } from 'lit';
 import './icons/icon-01-placeholder';
 import './icons/icon-01-search';
 import './icons/icon-06-radar';
@@ -5,7 +6,6 @@ import './icons/icon-04-day';
 import './icons/icon-04-brilliance-low';
 import './icons/icon-04-brilliance-high';
 import './icons/icon-06-ship';
-import { HTMLTemplateResult, TemplateResult } from 'lit';
 export declare const iconIds: string[];
 export declare function iconIdToIconHtml(id: string, attributes?: Record<string, string>): TemplateResult;
 export declare function crossDecorator(story: () => unknown): HTMLTemplateResult;

package/dist/svghelpers/circle.d.ts

@@ -4,10 +4,10 @@ export declare function circle(id: string, data: {
     strokeColor: string;
     strokePosition: 'inside' | 'outside' | 'center';
     fillColor: string;
-}): import("lit-html").TemplateResult<2>;
+}): import('lit-html').TemplateResult<2>;
 export declare function ringOutside(id: string, data: {
     radius: number;
     strokeWidth: number;
     strokeColor: string;
-}): import("lit-html").TemplateResult<2>;
+}): import('lit-html').TemplateResult<2>;
 //# sourceMappingURL=circle.d.ts.map

package/dist/svghelpers/rectangular.d.ts

@@ -7,5 +7,5 @@ export declare function rect(id: string, data: {
     borderRadius: number;
     strokePosition: 'inside' | 'outside';
     y?: number;
-}): import("lit-html").TemplateResult<2> | null;
+}): import('lit-html').TemplateResult<2> | null;
 //# sourceMappingURL=rectangular.d.ts.map

package/dist/time.d.ts

@@ -1,2 +1,2 @@
-export declare function renderTime(date: Date): import("lit-html").TemplateResult<1>;
+export declare function renderTime(date: Date): import('lit-html').TemplateResult<1>;
 //# sourceMappingURL=time.d.ts.map

package/eslint.config.mjs

@@ -0,0 +1,69 @@
+import typescriptEslint from "@typescript-eslint/eslint-plugin";
+import globals from "globals";
+import tsParser from "@typescript-eslint/parser";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import js from "@eslint/js";
+import { FlatCompat } from "@eslint/eslintrc";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const compat = new FlatCompat({
+    baseDirectory: __dirname,
+    recommendedConfig: js.configs.recommended,
+    allConfig: js.configs.all
+});
+
+export default [...compat.extends(
+    "eslint:recommended",
+    "plugin:@typescript-eslint/eslint-recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:storybook/recommended",
+), {
+    plugins: {
+        "@typescript-eslint": typescriptEslint,
+    },
+
+    languageOptions: {
+        globals: {
+            ...globals.browser,
+        },
+
+        parser: tsParser,
+        ecmaVersion: 2020,
+        sourceType: "module",
+    },
+
+    rules: {
+        "no-prototype-builtins": "off",
+        "@typescript-eslint/ban-types": "off",
+        "@typescript-eslint/explicit-function-return-type": "off",
+        "@typescript-eslint/explicit-module-boundary-types": "off",
+        "@typescript-eslint/no-explicit-any": "error",
+        "@typescript-eslint/no-empty-function": "off",
+        "@typescript-eslint/no-non-null-assertion": "off",
+
+        "@typescript-eslint/no-unused-vars": ["warn", {
+            argsIgnorePattern: "^_",
+        }],
+    },
+}, {
+    files: ["**/rollup.config.js", "**/web-test-runner.config.js"],
+
+    languageOptions: {
+        globals: {
+            ...globals.node,
+        },
+    },
+}, {
+    files: [
+        "**/*_test.ts",
+        "**/custom_typings/*.ts",
+        "packages/labs/ssr/src/test/integration/tests/**",
+        "packages/labs/ssr/src/lib/util/parse5-utils.ts",
+    ],
+
+    rules: {
+        "@typescript-eslint/no-explicit-any": "off",
+    },
+}];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oicl/openbridge-webcomponents",
-  "version": "0.0.15-dev-20241122185953",
+  "version": "0.0.15-dev-20241124190908",
   "type": "module",
   "repository": {
     "type": "git",
@@ -32,16 +32,19 @@
   },
   "dependencies": {
     "@lit-labs/observers": "^2.0.4",
-    "lit": "^3.2.1"
+    "lit": "^3.2.1",
+    "typescript-eslint": "^8.15.0"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^1.7.0",
     "@custom-elements-manifest/analyzer": "^0.10.3",
+    "@eslint/eslintrc": "^3.2.0",
+    "@eslint/js": "^9.15.0",
     "@lit-labs/cli": "^0.6.5",
     "@lit-labs/gen-wrapper-react": "^0.3.3",
     "@lit-labs/gen-wrapper-vue": "^0.4.0",
     "@open-wc/lit-helpers": "^0.7.0",
-    "@playwright/test": "^1.46.1",
+    "@playwright/test": "^1.49.0",
     "@storybook/addon-essentials": "^8.4.4",
     "@storybook/addon-interactions": "^8.4.4",
     "@storybook/addon-links": "^8.4.4",
@@ -50,7 +53,7 @@
     "@storybook/blocks": "^8.4.4",
     "@storybook/manager-api": "^8.4.4",
     "@storybook/test": "^8.4.4",
-    "@storybook/test-runner": "^0.17.0",
+    "@storybook/test-runner": "^0.19.1",
     "@storybook/theming": "^8.4.4",
     "@storybook/web-components": "^8.4.4",
     "@storybook/web-components-vite": "^8.4.4",
@@ -59,13 +62,14 @@
     "@types/node": "^22.4.1",
     "concurrently": "^8.2.2",
     "dotenv": "^16.3.1",
-    "eslint": "^8.56.0",
-    "eslint-plugin-storybook": "^0.8.0",
-    "figma-api": "^1.11.0",
+    "eslint": "^9.15.0",
+    "eslint-plugin-storybook": "^0.11.1",
+    "figma-api": "^1.12.0",
+    "globals": "^15.12.0",
     "jest-image-snapshot": "^6.2.0",
     "lit-analyzer": "^2.0.3",
     "nodemon": "^3.0.2",
-    "playwright": "^1.40.0",
+    "playwright": "^1.49.0",
     "postcss": "^8.4.36",
     "postcss-mixins": "^10.0.0",
     "postcss-nesting": "^12.0.1",

package/src/components/top-bar/top-bar.stories.ts

@@ -58,6 +58,7 @@ const meta: Meta<typeof ObcTopBar> = {
       ?inactive=${args.inactive}
       ?settings=${args.settings}
       ?showdate=${args.showDate}
+      ?menuButtonActivated=${args.menuButtonActivated}
       .appButtonBreakpointPx=${args.appButtonBreakpointPx}
       .appTitleBreakpointPx=${args.appTitleBreakpointPx}
       .dimmingButtonBreakpointPx=${args.dimmingButtonBreakpointPx}