extend config

beforesemicolon · Dec 15, 2024 · 93fe447 · 93fe447
1 parent f3891f6
commit 93fe447
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@beforesemicolon/web-component",
-    "version": "1.15.3",
+    "version": "1.16.0",
     "description": "Enhanced Markup with ability to create native Web Components",
     "engines": {
         "node": ">=18.16.0"

diff --git a/src/web-component.ts b/src/web-component.ts
@@ -41,14 +41,21 @@ const stringToSheet = (css: string) => {
 
 interface WebComponentConfig {
     shadow?: boolean
+    // https://developer.mozilla.org/en-US/docs/Web/API/Element/attachShadow#options
     mode?: 'closed' | 'open'
     delegatesFocus?: boolean
+    clonable?: boolean
+    serializable?: boolean
+    slotAssignment?: 'named' | 'manual'
 }
 
 const defaultConfig: WebComponentConfig = {
     shadow: true,
     mode: 'open',
     delegatesFocus: false,
+    clonable: false,
+    serializable: false,
+    slotAssignment: 'named',
 }
 
 const reservedPropNames =
@@ -269,10 +276,7 @@ export abstract class WebComponent<
                 this.#renderContent()
             } else {
                 if (config.shadow && !(this.#el instanceof ShadowRoot)) {
-                    this.#el = this.attachShadow({
-                        mode: config.mode ?? 'open',
-                        delegatesFocus: config.delegatesFocus,
-                    })
+                    this.#el = this.attachShadow(config as ShadowRootInit)
                 }
 
                 this.#propNames.forEach((propName) => {