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

package/.storybook/test-runner.ts

@@ -11,6 +11,7 @@ const config: TestRunnerConfig = {
   async postVisit(page, context) {
     // use the test-runner utility to wait for fonts to load, etc.
     await waitForPageReady(page);
+    await page.mouse.move(0, 2000);
 
     // If you want to take screenshot of multiple browsers, use
     // page.context().browser().browserType().name() to get the browser name to prefix the file name

package/custom-elements.json

@@ -217,6 +217,12 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/navigation-instruments/types.ts",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "src/icons/icon-01-add.ts",
@@ -38191,12 +38197,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/navigation-instruments/types.ts",
-      "declarations": [],
-      "exports": []
-    },
     {
       "kind": "javascript-module",
       "path": "src/svghelpers/circle.ts",

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