haunted - npm Package Compare versions

Comparing version 4.3.0 to 4.4.0

haunted.js

@@ -139,3 +139,3 @@ import { render, directive } from 'https://unpkg.com/lit-html@^1.0.0/lit-html.js';
 
-function component(renderer, BaseElement = HTMLElement, options = {useShadowDOM: true}) {
+function component(renderer, BaseElement = HTMLElement, {useShadowDOM = true, shadowRootInit = {}} = {}) {
   class Element extends BaseElement {
@@ -148,6 +148,6 @@ static get observedAttributes() {
       super();
-      if (options.useShadowDOM === false) {
+      if (useShadowDOM === false) {
         this._container = new Container(renderer, this);
       } else {
-        this.attachShadow({ mode: 'open' });
+        this.attachShadow({ mode: "open", ...shadowRootInit});
         this._container = new Container(renderer, this.shadowRoot, this);        
@@ -154,0 +154,0 @@ }

index.d.ts

@@ -5,3 +5,7 @@ import { html, render, TemplateResult } from 'lit-html';
 export function component(renderer: (el: HTMLElement) => TemplateResult, BaseElement?: Function, options?: {
-    useShadowDOM: boolean
+    useShadowDOM: boolean,
+    shadowRootInit?: {
+        mode?: string
+        delegatesFocus?: boolean,
+    }
 }): Function;
@@ -8,0 +12,0 @@

index.js

@@ -139,3 +139,3 @@ import { render, directive } from 'lit-html';
 
-function component(renderer, BaseElement = HTMLElement, options = {useShadowDOM: true}) {
+function component(renderer, BaseElement = HTMLElement, {useShadowDOM = true, shadowRootInit = {}} = {}) {
   class Element extends BaseElement {
@@ -148,6 +148,6 @@ static get observedAttributes() {
       super();
-      if (options.useShadowDOM === false) {
+      if (useShadowDOM === false) {
         this._container = new Container(renderer, this);
       } else {
-        this.attachShadow({ mode: 'open' });
+        this.attachShadow({ mode: "open", ...shadowRootInit});
         this._container = new Container(renderer, this.shadowRoot, this);        
@@ -154,0 +154,0 @@ }

package.json

 {
   "name": "haunted",
-  "version": "4.3.0",
+  "version": "4.4.0",
   "description": "",
@@ -5,0 +5,0 @@ "main": "index.js",

web.js

@@ -139,3 +139,3 @@ import { render, directive } from '../lit-html/lit-html.js';
 
-function component(renderer, BaseElement = HTMLElement, options = {useShadowDOM: true}) {
+function component(renderer, BaseElement = HTMLElement, {useShadowDOM = true, shadowRootInit = {}} = {}) {
   class Element extends BaseElement {
@@ -148,6 +148,6 @@ static get observedAttributes() {
       super();
-      if (options.useShadowDOM === false) {
+      if (useShadowDOM === false) {
         this._container = new Container(renderer, this);
       } else {
-        this.attachShadow({ mode: 'open' });
+        this.attachShadow({ mode: "open", ...shadowRootInit});
         this._container = new Container(renderer, this.shadowRoot, this);        
@@ -154,0 +154,0 @@ }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

48627

increased by0.34%

Lines of code

1327

increased by0.3%

No dependency changes