@neovici/cosmoz-tabs 5.4.2 → 6.0.0-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@neovici/cosmoz-tabs",
-	"version": "5.4.2",
+	"version": "6.0.0-beta.1",
 	"description": "A multi views container element that allow navigation between the views using tabs or an accordion.",
 	"keywords": [
 		"web-components"
@@ -60,19 +60,19 @@
 		"./next/*": "./src/next/*"
 	},
 	"dependencies": {
-		"@neovici/cosmoz-page-router": "^8.0.0",
-		"@neovici/cosmoz-utils": "^3.25.0",
+		"@neovici/cosmoz-page-router": "^9.0.0-beta.3",
+		"@neovici/cosmoz-utils": "^4.0.0-beta.2",
 		"@polymer/iron-icon": "^3.0.0",
 		"@polymer/iron-icons": "^3.0.0",
 		"compute-scroll-into-view": "^1.0.17",
-		"haunted": "^4.8.0",
-		"lit-html": "^1.4.0"
+		"haunted": "^5.0.0",
+		"lit-html": "^2.0.0"
 	},
 	"devDependencies": {
 		"@commitlint/cli": "^17.0.0",
 		"@commitlint/config-conventional": "^17.0.0",
 		"@neovici/cfg": "^1.11.0",
-		"@open-wc/testing": "^2.5.0",
+		"@open-wc/testing": "^3.0.0",
 		"@polymer/iron-list": "^3.1.0",
 		"@semantic-release/changelog": "^6.0.0",
 		"@semantic-release/git": "^10.0.0",

package/src/next/cosmoz-tab.js

@@ -1,6 +1,6 @@
 import { component, useEffect, useLayoutEffect } from 'haunted';
 import { html, nothing } from 'lit-html';
-import { ifDefined } from 'lit-html/directives/if-defined';
+import { ifDefined } from 'lit-html/directives/if-defined.js';
 import computeScroll from 'compute-scroll-into-view';
 
 import style from './cosmoz-tab.css';

package/src/next/use-tabs.js

@@ -1,9 +1,10 @@
 /* eslint-disable import/group-exports */
 import { html, useMemo, useCallback, useRef } from 'haunted';
-import { ifDefined } from 'lit-html/directives/if-defined';
-import { useHashParam } from '@neovici/cosmoz-page-router/lib/use-hash-param';
+import { ifDefined } from 'lit-html/directives/if-defined.js';
+/* eslint-disable-next-line import/no-unresolved */
+import { useHashParam } from '@neovici/cosmoz-page-router/use-hash-param';
 
-const isValid = (tab) => !tab.hidden && !tab.disabled,
+const isValid = (tab) => !tab.hidden && !tab.disaebled,
 	valid = (tabs) => tabs.find(isValid),
 	choose = (tabs, name) => {
 		const tab = name && tabs.find((tab) => tab.name === name);

package/src/render.js

@@ -1,5 +1,5 @@
 import { html } from 'haunted';
-import { ifDefined } from 'lit-html/directives/if-defined';
+import { ifDefined } from 'lit-html/directives/if-defined.js';
 import { getIcon, getIconStyle } from './utils';
 
 const style = `

package/src/use-tabs.js

@@ -1,6 +1,7 @@
 import { useState, useEffect, useMemo, useCallback } from 'haunted';
 import { notifyProperty } from '@neovici/cosmoz-utils/lib/hooks/use-notify-property';
-import { useHashParam, link } from '@neovici/cosmoz-page-router/lib/use-hash-param';
+/* eslint-disable-next-line import/no-unresolved */
+import { useHashParam, link } from '@neovici/cosmoz-page-router/use-hash-param';
 import { choose, collect, getName, isValid } from './utils';
 import computeScroll from 'compute-scroll-into-view';