@3mo/split-page-host - npm Package Compare versions

Comparing version 0.0.2 to 0.0.3

dist/SplitPageHost.d.ts

@@ -1,2 +0,2 @@
-import { PageComponent, PageParameters, RouterController } from '@a11d/lit-application';
+import { Component } from '@a11d/lit';
 /**
@@ -8,2 +8,3 @@ * @element mo-split-page-host
  *
+ * @slot - The content page
  * @slot sidebar - The sidebar slot
@@ -13,4 +14,3 @@ *
  */
-export declare class SplitPageHost<T extends PageParameters = void> extends PageComponent<T> {
-    readonly router: RouterController;
+export declare class SplitPageHost extends Component {
     isContentOpen: boolean;
@@ -23,2 +23,7 @@ contentPageHeading?: string;
 }
+declare global {
+    interface HTMLElementTagNameMap {
+        'mo-split-page-host': SplitPageHost;
+    }
+}
 //# sourceMappingURL=SplitPageHost.d.ts.map

dist/SplitPageHost.js

 import { __decorate } from "tslib";
-import { html, css, property, style, component } from '@a11d/lit';
-import { PageComponent, RouterController } from '@a11d/lit-application';
+import { html, css, property, style, component, Component } from '@a11d/lit';
 import { Localizer } from '@3mo/localization';
@@ -14,2 +13,3 @@ Localizer.register("de" /* LanguageCode.German */, {
  *
+ * @slot - The content page
  * @slot sidebar - The sidebar slot
@@ -19,14 +19,5 @@ *
  */
-let SplitPageHost = class SplitPageHost extends PageComponent {
+let SplitPageHost = class SplitPageHost extends Component {
     constructor() {
         super(...arguments);
-        this.router = new RouterController(this, [], {
-            fallback: {
-                render: () => html `
-				<mo-empty-state icon='touch_app'>
-					${t('Select a page')}
-				</mo-empty-state>
-			`
-            }
-        });
         this.isContentOpen = false;
@@ -94,3 +85,3 @@ }
 				<lit-page-host ${style({ flex: '1' })} @pageHeadingChange=${(e) => this.contentPageHeading = e.detail}>
-					${this.router.outlet()}
+					<slot></slot>
 				</lit-page-host>
@@ -97,0 +88,0 @@ </mo-flex>

package.json

 {
 	"name": "@3mo/split-page-host",
-	"version": "0.0.2",
+	"version": "0.0.3",
 	"description": "A page host consisting of pane and content.",
@@ -26,3 +26,2 @@ "repository": {
 		"@a11d/lit": "x",
-		"@a11d/lit-application": "x",
 		"@3mo/localization": "x",
@@ -29,0 +28,0 @@ "@3mo/flex": "x",

Fixed alerts

Floating dependency

Quality

Package has a dependency with a floating version range. This can cause issues if the dependency publishes a new major version.

Found 1 instance in 1 package

Improved metrics

Dependency count

8

decreased by-11.11%

Number of medium quality alerts

10

decreased by-9.09%

Worsened metrics

Total package byte prevSize

74010

decreased by-11.18%

Lines of code

142

decreased by-2.74%

Dependency changes

• - Removed@a11d/lit-application@x

• - Removed@a11d/lit-application@0.2.5(transitive)

• - Removed@a11d/non-inertable-component@0.0.1(transitive)

• - Removed@a11d/root-css-injector@0.0.2(transitive)

• - Removed@lit-labs/router@0.1.3(transitive)

• - Removedpath-to-regexp@6.2.2(transitive)

• - Removedts-key-enum@3.0.12(transitive)

• - Removedurlpattern-polyfill@10.0.0(transitive)