@ethereal-nexus/core 1.0.1 → 1.2.0

package/dist/decorators/index.d.mts

@@ -1,6 +1,6 @@
 export { webcomponent } from './webcomponent/webcomponent.mjs';
 import 'react';
 import '../schema/dialog/dialog.mjs';
-import '../types-DUGwdG43.mjs';
+import '../types-CUiyZnDu.mjs';
 import '../types/webcomponent.mjs';
 import '../types/utils.mjs';

package/dist/decorators/index.d.ts

@@ -1,6 +1,6 @@
 export { webcomponent } from './webcomponent/webcomponent.js';
 import 'react';
 import '../schema/dialog/dialog.js';
-import '../types-Cvbi87LT.js';
+import '../types-5qjjdXLi.js';
 import '../types/webcomponent.js';
 import '../types/utils.js';

package/dist/decorators/index.js

@@ -54,12 +54,34 @@ function webcomponent(schema, options) {
   } : void 0;
   return (component) => {
     const name = pascalToKebab(component.displayName);
+    class StyledWebComponent extends (0, import_react_to_web_component.default)(component, {
+      shadow: "open",
+      props
+    }) {
+      connectedCallback() {
+        super.connectedCallback();
+        queueMicrotask(() => {
+          const cssUrlsAttr = this.getAttribute("data-css-urls");
+          if (cssUrlsAttr) {
+            const cssUrlsArray = JSON.parse(cssUrlsAttr.replace(/'/g, '"'));
+            const slotTemplate = document.createElement("template");
+            const getImportsFromUrlsArray = (urls) => urls.map((url) => `<link rel="preload" as="style" onload="this.rel='stylesheet'" type="text/css" href="${url}">`).join("\n");
+            slotTemplate.innerHTML = `<style>
+                ::slotted(*) {
+                  display: block !important;
+                }
+              </style>
+                ${getImportsFromUrlsArray(cssUrlsArray)}
+`;
+            this.shadowRoot?.appendChild(slotTemplate.content.cloneNode(true));
+          }
+        });
+      }
+    }
     if (!window.customElements.get(name)) {
       customElements.define(
         name,
-        (0, import_react_to_web_component.default)(component, {
-          props
-        })
+        StyledWebComponent
       );
     }
   };

package/dist/decorators/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/decorators/index.ts","../../src/decorators/webcomponent/webcomponent.ts","../../src/utils/pascalToKebab.ts","../../src/functions/parse/parsePrimitives.ts"],"sourcesContent":["export * from './webcomponent'","import type React from 'react';\nimport r2wc from '@r2wc/react-to-web-component';\nimport { DialogSchema } from '../../schema/dialog';\nimport { pascalToKebab } from '../../utils/pascalToKebab';\nimport { parsePrimitives } from '../../functions';\nimport { WebcomponentPropTypes } from '../../types/webcomponent';\nimport { ObjectEntries } from '../../types/object';\n\ntype BaseOptions = {}\n\nexport function webcomponent<T extends ObjectEntries>(schema?: DialogSchema<T>, options?: BaseOptions) {\n  const props: Record<string, WebcomponentPropTypes> | undefined = schema ? {\n    ...parsePrimitives(schema),\n  } : undefined;\n\n  return <P extends {} = {}>(component: React.ComponentType<P>) => {\n    const name = pascalToKebab(component.displayName!)\n\n    if (!window.customElements.get(name)) {\n      customElements.define(\n        name,\n        r2wc(component, {\n          props,\n        }),\n      );\n    }\n  }\n}","export function pascalToKebab(pascalCaseString: string) {\n  return pascalCaseString\n    .replace(/([a-z])([A-Z])/g, '$1-$2')\n    .toLowerCase();\n}","import { DialogSchema } from '../../schema/dialog';\nimport { WebcomponentPropTypes } from '../../types/webcomponent';\nimport { ObjectEntries } from '../../types/object';\n\nexport function parsePrimitives<T extends ObjectEntries>(schema: DialogSchema<T>) {\n  return schema._primitive() as Record<string, WebcomponentPropTypes>\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,oCAAiB;;;ACDV,SAAS,cAAc,kBAA0B;AACtD,SAAO,iBACJ,QAAQ,mBAAmB,OAAO,EAClC,YAAY;AACjB;;;ACAO,SAAS,gBAAyC,QAAyB;AAChF,SAAO,OAAO,WAAW;AAC3B;;;AFIO,SAAS,aAAsC,QAA0B,SAAuB;AACrG,QAAM,QAA2D,SAAS;AAAA,IACxE,GAAG,gBAAgB,MAAM;AAAA,EAC3B,IAAI;AAEJ,SAAO,CAAoB,cAAsC;AAC/D,UAAM,OAAO,cAAc,UAAU,WAAY;AAEjD,QAAI,CAAC,OAAO,eAAe,IAAI,IAAI,GAAG;AACpC,qBAAe;AAAA,QACb;AAAA,YACA,8BAAAA,SAAK,WAAW;AAAA,UACd;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AACF;","names":["r2wc"]}
+{"version":3,"sources":["../../src/decorators/index.ts","../../src/decorators/webcomponent/webcomponent.ts","../../src/utils/pascalToKebab.ts","../../src/functions/parse/parsePrimitives.ts"],"sourcesContent":["export * from './webcomponent'","import type React from 'react';\nimport r2wc from '@r2wc/react-to-web-component';\nimport { DialogSchema } from '../../schema/dialog';\nimport { pascalToKebab } from '../../utils/pascalToKebab';\nimport { parsePrimitives } from '../../functions';\nimport { WebcomponentPropTypes } from '../../types/webcomponent';\nimport { ObjectEntries } from '../../types/object';\n\ntype BaseOptions = {}\n\nexport function webcomponent<T extends ObjectEntries>(schema?: DialogSchema<T>, options?: BaseOptions) {\n  const props: Record<string, WebcomponentPropTypes> | undefined = schema ? {\n    ...parsePrimitives(schema),\n  } : undefined;\n\n  return <P extends {} = {}>(component: React.ComponentType<P>) => {\n    const name = pascalToKebab(component.displayName!);\n\n    class StyledWebComponent extends r2wc(component, {\n      shadow: 'open',\n      props,\n    }) {\n      connectedCallback() {\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        super.connectedCallback();\n        queueMicrotask(() => {\n\n          const cssUrlsAttr = this.getAttribute('data-css-urls');\n          if (cssUrlsAttr) {\n            const cssUrlsArray: string[] = JSON.parse(cssUrlsAttr.replace(/'/g, '\"'));\n            const slotTemplate = document.createElement('template');\n            const getImportsFromUrlsArray = (urls: string[]) => urls.map((url) => `<link rel=\"preload\" as=\"style\" onload=\"this.rel='stylesheet'\" type=\"text/css\" href=\"${url}\">`).join('\\n');\n            slotTemplate.innerHTML = `<style>\n                ::slotted(*) {\n                  display: block !important;\n                }\n              </style>\n                ${getImportsFromUrlsArray(cssUrlsArray)}\n`;\n            this.shadowRoot?.appendChild(slotTemplate.content.cloneNode(true));\n          }\n        });\n      }\n    }\n\n\n    if (!window.customElements.get(name)) {\n      customElements.define(\n        name, StyledWebComponent,\n      );\n    }\n  };\n}","export function pascalToKebab(pascalCaseString: string) {\n  return pascalCaseString\n    .replace(/([a-z])([A-Z])/g, '$1-$2')\n    .toLowerCase();\n}","import { DialogSchema } from '../../schema/dialog';\nimport { WebcomponentPropTypes } from '../../types/webcomponent';\nimport { ObjectEntries } from '../../types/object';\n\nexport function parsePrimitives<T extends ObjectEntries>(schema: DialogSchema<T>) {\n  return schema._primitive() as Record<string, WebcomponentPropTypes>\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,oCAAiB;;;ACDV,SAAS,cAAc,kBAA0B;AACtD,SAAO,iBACJ,QAAQ,mBAAmB,OAAO,EAClC,YAAY;AACjB;;;ACAO,SAAS,gBAAyC,QAAyB;AAChF,SAAO,OAAO,WAAW;AAC3B;;;AFIO,SAAS,aAAsC,QAA0B,SAAuB;AACrG,QAAM,QAA2D,SAAS;AAAA,IACxE,GAAG,gBAAgB,MAAM;AAAA,EAC3B,IAAI;AAEJ,SAAO,CAAoB,cAAsC;AAC/D,UAAM,OAAO,cAAc,UAAU,WAAY;AAAA,IAEjD,MAAM,+BAA2B,8BAAAA,SAAK,WAAW;AAAA,MAC/C,QAAQ;AAAA,MACR;AAAA,IACF,CAAC,EAAE;AAAA,MACD,oBAAoB;AAGlB,cAAM,kBAAkB;AACxB,uBAAe,MAAM;AAEnB,gBAAM,cAAc,KAAK,aAAa,eAAe;AACrD,cAAI,aAAa;AACf,kBAAM,eAAyB,KAAK,MAAM,YAAY,QAAQ,MAAM,GAAG,CAAC;AACxE,kBAAM,eAAe,SAAS,cAAc,UAAU;AACtD,kBAAM,0BAA0B,CAAC,SAAmB,KAAK,IAAI,CAAC,QAAQ,uFAAuF,GAAG,IAAI,EAAE,KAAK,IAAI;AAC/K,yBAAa,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKnB,wBAAwB,YAAY,CAAC;AAAA;AAE3C,iBAAK,YAAY,YAAY,aAAa,QAAQ,UAAU,IAAI,CAAC;AAAA,UACnE;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAGA,QAAI,CAAC,OAAO,eAAe,IAAI,IAAI,GAAG;AACpC,qBAAe;AAAA,QACb;AAAA,QAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACF;","names":["r2wc"]}

package/dist/decorators/index.mjs

@@ -18,12 +18,34 @@ function webcomponent(schema, options) {
   } : void 0;
   return (component) => {
     const name = pascalToKebab(component.displayName);
+    class StyledWebComponent extends r2wc(component, {
+      shadow: "open",
+      props
+    }) {
+      connectedCallback() {
+        super.connectedCallback();
+        queueMicrotask(() => {
+          const cssUrlsAttr = this.getAttribute("data-css-urls");
+          if (cssUrlsAttr) {
+            const cssUrlsArray = JSON.parse(cssUrlsAttr.replace(/'/g, '"'));
+            const slotTemplate = document.createElement("template");
+            const getImportsFromUrlsArray = (urls) => urls.map((url) => `<link rel="preload" as="style" onload="this.rel='stylesheet'" type="text/css" href="${url}">`).join("\n");
+            slotTemplate.innerHTML = `<style>
+                ::slotted(*) {
+                  display: block !important;
+                }
+              </style>
+                ${getImportsFromUrlsArray(cssUrlsArray)}
+`;
+            this.shadowRoot?.appendChild(slotTemplate.content.cloneNode(true));
+          }
+        });
+      }
+    }
     if (!window.customElements.get(name)) {
       customElements.define(
         name,
-        r2wc(component, {
-          props
-        })
+        StyledWebComponent
       );
     }
   };

package/dist/decorators/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/decorators/webcomponent/webcomponent.ts","../../src/utils/pascalToKebab.ts","../../src/functions/parse/parsePrimitives.ts"],"sourcesContent":["import type React from 'react';\nimport r2wc from '@r2wc/react-to-web-component';\nimport { DialogSchema } from '../../schema/dialog';\nimport { pascalToKebab } from '../../utils/pascalToKebab';\nimport { parsePrimitives } from '../../functions';\nimport { WebcomponentPropTypes } from '../../types/webcomponent';\nimport { ObjectEntries } from '../../types/object';\n\ntype BaseOptions = {}\n\nexport function webcomponent<T extends ObjectEntries>(schema?: DialogSchema<T>, options?: BaseOptions) {\n  const props: Record<string, WebcomponentPropTypes> | undefined = schema ? {\n    ...parsePrimitives(schema),\n  } : undefined;\n\n  return <P extends {} = {}>(component: React.ComponentType<P>) => {\n    const name = pascalToKebab(component.displayName!)\n\n    if (!window.customElements.get(name)) {\n      customElements.define(\n        name,\n        r2wc(component, {\n          props,\n        }),\n      );\n    }\n  }\n}","export function pascalToKebab(pascalCaseString: string) {\n  return pascalCaseString\n    .replace(/([a-z])([A-Z])/g, '$1-$2')\n    .toLowerCase();\n}","import { DialogSchema } from '../../schema/dialog';\nimport { WebcomponentPropTypes } from '../../types/webcomponent';\nimport { ObjectEntries } from '../../types/object';\n\nexport function parsePrimitives<T extends ObjectEntries>(schema: DialogSchema<T>) {\n  return schema._primitive() as Record<string, WebcomponentPropTypes>\n}"],"mappings":";AACA,OAAO,UAAU;;;ACDV,SAAS,cAAc,kBAA0B;AACtD,SAAO,iBACJ,QAAQ,mBAAmB,OAAO,EAClC,YAAY;AACjB;;;ACAO,SAAS,gBAAyC,QAAyB;AAChF,SAAO,OAAO,WAAW;AAC3B;;;AFIO,SAAS,aAAsC,QAA0B,SAAuB;AACrG,QAAM,QAA2D,SAAS;AAAA,IACxE,GAAG,gBAAgB,MAAM;AAAA,EAC3B,IAAI;AAEJ,SAAO,CAAoB,cAAsC;AAC/D,UAAM,OAAO,cAAc,UAAU,WAAY;AAEjD,QAAI,CAAC,OAAO,eAAe,IAAI,IAAI,GAAG;AACpC,qBAAe;AAAA,QACb;AAAA,QACA,KAAK,WAAW;AAAA,UACd;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../src/decorators/webcomponent/webcomponent.ts","../../src/utils/pascalToKebab.ts","../../src/functions/parse/parsePrimitives.ts"],"sourcesContent":["import type React from 'react';\nimport r2wc from '@r2wc/react-to-web-component';\nimport { DialogSchema } from '../../schema/dialog';\nimport { pascalToKebab } from '../../utils/pascalToKebab';\nimport { parsePrimitives } from '../../functions';\nimport { WebcomponentPropTypes } from '../../types/webcomponent';\nimport { ObjectEntries } from '../../types/object';\n\ntype BaseOptions = {}\n\nexport function webcomponent<T extends ObjectEntries>(schema?: DialogSchema<T>, options?: BaseOptions) {\n  const props: Record<string, WebcomponentPropTypes> | undefined = schema ? {\n    ...parsePrimitives(schema),\n  } : undefined;\n\n  return <P extends {} = {}>(component: React.ComponentType<P>) => {\n    const name = pascalToKebab(component.displayName!);\n\n    class StyledWebComponent extends r2wc(component, {\n      shadow: 'open',\n      props,\n    }) {\n      connectedCallback() {\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        super.connectedCallback();\n        queueMicrotask(() => {\n\n          const cssUrlsAttr = this.getAttribute('data-css-urls');\n          if (cssUrlsAttr) {\n            const cssUrlsArray: string[] = JSON.parse(cssUrlsAttr.replace(/'/g, '\"'));\n            const slotTemplate = document.createElement('template');\n            const getImportsFromUrlsArray = (urls: string[]) => urls.map((url) => `<link rel=\"preload\" as=\"style\" onload=\"this.rel='stylesheet'\" type=\"text/css\" href=\"${url}\">`).join('\\n');\n            slotTemplate.innerHTML = `<style>\n                ::slotted(*) {\n                  display: block !important;\n                }\n              </style>\n                ${getImportsFromUrlsArray(cssUrlsArray)}\n`;\n            this.shadowRoot?.appendChild(slotTemplate.content.cloneNode(true));\n          }\n        });\n      }\n    }\n\n\n    if (!window.customElements.get(name)) {\n      customElements.define(\n        name, StyledWebComponent,\n      );\n    }\n  };\n}","export function pascalToKebab(pascalCaseString: string) {\n  return pascalCaseString\n    .replace(/([a-z])([A-Z])/g, '$1-$2')\n    .toLowerCase();\n}","import { DialogSchema } from '../../schema/dialog';\nimport { WebcomponentPropTypes } from '../../types/webcomponent';\nimport { ObjectEntries } from '../../types/object';\n\nexport function parsePrimitives<T extends ObjectEntries>(schema: DialogSchema<T>) {\n  return schema._primitive() as Record<string, WebcomponentPropTypes>\n}"],"mappings":";AACA,OAAO,UAAU;;;ACDV,SAAS,cAAc,kBAA0B;AACtD,SAAO,iBACJ,QAAQ,mBAAmB,OAAO,EAClC,YAAY;AACjB;;;ACAO,SAAS,gBAAyC,QAAyB;AAChF,SAAO,OAAO,WAAW;AAC3B;;;AFIO,SAAS,aAAsC,QAA0B,SAAuB;AACrG,QAAM,QAA2D,SAAS;AAAA,IACxE,GAAG,gBAAgB,MAAM;AAAA,EAC3B,IAAI;AAEJ,SAAO,CAAoB,cAAsC;AAC/D,UAAM,OAAO,cAAc,UAAU,WAAY;AAAA,IAEjD,MAAM,2BAA2B,KAAK,WAAW;AAAA,MAC/C,QAAQ;AAAA,MACR;AAAA,IACF,CAAC,EAAE;AAAA,MACD,oBAAoB;AAGlB,cAAM,kBAAkB;AACxB,uBAAe,MAAM;AAEnB,gBAAM,cAAc,KAAK,aAAa,eAAe;AACrD,cAAI,aAAa;AACf,kBAAM,eAAyB,KAAK,MAAM,YAAY,QAAQ,MAAM,GAAG,CAAC;AACxE,kBAAM,eAAe,SAAS,cAAc,UAAU;AACtD,kBAAM,0BAA0B,CAAC,SAAmB,KAAK,IAAI,CAAC,QAAQ,uFAAuF,GAAG,IAAI,EAAE,KAAK,IAAI;AAC/K,yBAAa,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKnB,wBAAwB,YAAY,CAAC;AAAA;AAE3C,iBAAK,YAAY,YAAY,aAAa,QAAQ,UAAU,IAAI,CAAC;AAAA,UACnE;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAGA,QAAI,CAAC,OAAO,eAAe,IAAI,IAAI,GAAG;AACpC,qBAAe;AAAA,QACb;AAAA,QAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/decorators/webcomponent/index.d.mts

@@ -1,6 +1,6 @@
 export { webcomponent } from './webcomponent.mjs';
 import 'react';
 import '../../schema/dialog/dialog.mjs';
-import '../../types-DUGwdG43.mjs';
+import '../../types-CUiyZnDu.mjs';
 import '../../types/webcomponent.mjs';
 import '../../types/utils.mjs';

package/dist/decorators/webcomponent/index.d.ts

@@ -1,6 +1,6 @@
 export { webcomponent } from './webcomponent.js';
 import 'react';
 import '../../schema/dialog/dialog.js';
-import '../../types-Cvbi87LT.js';
+import '../../types-5qjjdXLi.js';
 import '../../types/webcomponent.js';
 import '../../types/utils.js';

package/dist/decorators/webcomponent/index.js

@@ -54,12 +54,34 @@ function webcomponent(schema, options) {
   } : void 0;
   return (component) => {
     const name = pascalToKebab(component.displayName);
+    class StyledWebComponent extends (0, import_react_to_web_component.default)(component, {
+      shadow: "open",
+      props
+    }) {
+      connectedCallback() {
+        super.connectedCallback();
+        queueMicrotask(() => {
+          const cssUrlsAttr = this.getAttribute("data-css-urls");
+          if (cssUrlsAttr) {
+            const cssUrlsArray = JSON.parse(cssUrlsAttr.replace(/'/g, '"'));
+            const slotTemplate = document.createElement("template");
+            const getImportsFromUrlsArray = (urls) => urls.map((url) => `<link rel="preload" as="style" onload="this.rel='stylesheet'" type="text/css" href="${url}">`).join("\n");
+            slotTemplate.innerHTML = `<style>
+                ::slotted(*) {
+                  display: block !important;
+                }
+              </style>
+                ${getImportsFromUrlsArray(cssUrlsArray)}
+`;
+            this.shadowRoot?.appendChild(slotTemplate.content.cloneNode(true));
+          }
+        });
+      }
+    }
     if (!window.customElements.get(name)) {
       customElements.define(
         name,
-        (0, import_react_to_web_component.default)(component, {
-          props
-        })
+        StyledWebComponent
       );
     }
   };

package/dist/decorators/webcomponent/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/decorators/webcomponent/index.ts","../../../src/decorators/webcomponent/webcomponent.ts","../../../src/utils/pascalToKebab.ts","../../../src/functions/parse/parsePrimitives.ts"],"sourcesContent":["export * from './webcomponent'","import type React from 'react';\nimport r2wc from '@r2wc/react-to-web-component';\nimport { DialogSchema } from '../../schema/dialog';\nimport { pascalToKebab } from '../../utils/pascalToKebab';\nimport { parsePrimitives } from '../../functions';\nimport { WebcomponentPropTypes } from '../../types/webcomponent';\nimport { ObjectEntries } from '../../types/object';\n\ntype BaseOptions = {}\n\nexport function webcomponent<T extends ObjectEntries>(schema?: DialogSchema<T>, options?: BaseOptions) {\n  const props: Record<string, WebcomponentPropTypes> | undefined = schema ? {\n    ...parsePrimitives(schema),\n  } : undefined;\n\n  return <P extends {} = {}>(component: React.ComponentType<P>) => {\n    const name = pascalToKebab(component.displayName!)\n\n    if (!window.customElements.get(name)) {\n      customElements.define(\n        name,\n        r2wc(component, {\n          props,\n        }),\n      );\n    }\n  }\n}","export function pascalToKebab(pascalCaseString: string) {\n  return pascalCaseString\n    .replace(/([a-z])([A-Z])/g, '$1-$2')\n    .toLowerCase();\n}","import { DialogSchema } from '../../schema/dialog';\nimport { WebcomponentPropTypes } from '../../types/webcomponent';\nimport { ObjectEntries } from '../../types/object';\n\nexport function parsePrimitives<T extends ObjectEntries>(schema: DialogSchema<T>) {\n  return schema._primitive() as Record<string, WebcomponentPropTypes>\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,oCAAiB;;;ACDV,SAAS,cAAc,kBAA0B;AACtD,SAAO,iBACJ,QAAQ,mBAAmB,OAAO,EAClC,YAAY;AACjB;;;ACAO,SAAS,gBAAyC,QAAyB;AAChF,SAAO,OAAO,WAAW;AAC3B;;;AFIO,SAAS,aAAsC,QAA0B,SAAuB;AACrG,QAAM,QAA2D,SAAS;AAAA,IACxE,GAAG,gBAAgB,MAAM;AAAA,EAC3B,IAAI;AAEJ,SAAO,CAAoB,cAAsC;AAC/D,UAAM,OAAO,cAAc,UAAU,WAAY;AAEjD,QAAI,CAAC,OAAO,eAAe,IAAI,IAAI,GAAG;AACpC,qBAAe;AAAA,QACb;AAAA,YACA,8BAAAA,SAAK,WAAW;AAAA,UACd;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AACF;","names":["r2wc"]}
+{"version":3,"sources":["../../../src/decorators/webcomponent/index.ts","../../../src/decorators/webcomponent/webcomponent.ts","../../../src/utils/pascalToKebab.ts","../../../src/functions/parse/parsePrimitives.ts"],"sourcesContent":["export * from './webcomponent'","import type React from 'react';\nimport r2wc from '@r2wc/react-to-web-component';\nimport { DialogSchema } from '../../schema/dialog';\nimport { pascalToKebab } from '../../utils/pascalToKebab';\nimport { parsePrimitives } from '../../functions';\nimport { WebcomponentPropTypes } from '../../types/webcomponent';\nimport { ObjectEntries } from '../../types/object';\n\ntype BaseOptions = {}\n\nexport function webcomponent<T extends ObjectEntries>(schema?: DialogSchema<T>, options?: BaseOptions) {\n  const props: Record<string, WebcomponentPropTypes> | undefined = schema ? {\n    ...parsePrimitives(schema),\n  } : undefined;\n\n  return <P extends {} = {}>(component: React.ComponentType<P>) => {\n    const name = pascalToKebab(component.displayName!);\n\n    class StyledWebComponent extends r2wc(component, {\n      shadow: 'open',\n      props,\n    }) {\n      connectedCallback() {\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        super.connectedCallback();\n        queueMicrotask(() => {\n\n          const cssUrlsAttr = this.getAttribute('data-css-urls');\n          if (cssUrlsAttr) {\n            const cssUrlsArray: string[] = JSON.parse(cssUrlsAttr.replace(/'/g, '\"'));\n            const slotTemplate = document.createElement('template');\n            const getImportsFromUrlsArray = (urls: string[]) => urls.map((url) => `<link rel=\"preload\" as=\"style\" onload=\"this.rel='stylesheet'\" type=\"text/css\" href=\"${url}\">`).join('\\n');\n            slotTemplate.innerHTML = `<style>\n                ::slotted(*) {\n                  display: block !important;\n                }\n              </style>\n                ${getImportsFromUrlsArray(cssUrlsArray)}\n`;\n            this.shadowRoot?.appendChild(slotTemplate.content.cloneNode(true));\n          }\n        });\n      }\n    }\n\n\n    if (!window.customElements.get(name)) {\n      customElements.define(\n        name, StyledWebComponent,\n      );\n    }\n  };\n}","export function pascalToKebab(pascalCaseString: string) {\n  return pascalCaseString\n    .replace(/([a-z])([A-Z])/g, '$1-$2')\n    .toLowerCase();\n}","import { DialogSchema } from '../../schema/dialog';\nimport { WebcomponentPropTypes } from '../../types/webcomponent';\nimport { ObjectEntries } from '../../types/object';\n\nexport function parsePrimitives<T extends ObjectEntries>(schema: DialogSchema<T>) {\n  return schema._primitive() as Record<string, WebcomponentPropTypes>\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,oCAAiB;;;ACDV,SAAS,cAAc,kBAA0B;AACtD,SAAO,iBACJ,QAAQ,mBAAmB,OAAO,EAClC,YAAY;AACjB;;;ACAO,SAAS,gBAAyC,QAAyB;AAChF,SAAO,OAAO,WAAW;AAC3B;;;AFIO,SAAS,aAAsC,QAA0B,SAAuB;AACrG,QAAM,QAA2D,SAAS;AAAA,IACxE,GAAG,gBAAgB,MAAM;AAAA,EAC3B,IAAI;AAEJ,SAAO,CAAoB,cAAsC;AAC/D,UAAM,OAAO,cAAc,UAAU,WAAY;AAAA,IAEjD,MAAM,+BAA2B,8BAAAA,SAAK,WAAW;AAAA,MAC/C,QAAQ;AAAA,MACR;AAAA,IACF,CAAC,EAAE;AAAA,MACD,oBAAoB;AAGlB,cAAM,kBAAkB;AACxB,uBAAe,MAAM;AAEnB,gBAAM,cAAc,KAAK,aAAa,eAAe;AACrD,cAAI,aAAa;AACf,kBAAM,eAAyB,KAAK,MAAM,YAAY,QAAQ,MAAM,GAAG,CAAC;AACxE,kBAAM,eAAe,SAAS,cAAc,UAAU;AACtD,kBAAM,0BAA0B,CAAC,SAAmB,KAAK,IAAI,CAAC,QAAQ,uFAAuF,GAAG,IAAI,EAAE,KAAK,IAAI;AAC/K,yBAAa,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKnB,wBAAwB,YAAY,CAAC;AAAA;AAE3C,iBAAK,YAAY,YAAY,aAAa,QAAQ,UAAU,IAAI,CAAC;AAAA,UACnE;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAGA,QAAI,CAAC,OAAO,eAAe,IAAI,IAAI,GAAG;AACpC,qBAAe;AAAA,QACb;AAAA,QAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACF;","names":["r2wc"]}

package/dist/decorators/webcomponent/index.mjs

@@ -18,12 +18,34 @@ function webcomponent(schema, options) {
   } : void 0;
   return (component) => {
     const name = pascalToKebab(component.displayName);
+    class StyledWebComponent extends r2wc(component, {
+      shadow: "open",
+      props
+    }) {
+      connectedCallback() {
+        super.connectedCallback();
+        queueMicrotask(() => {
+          const cssUrlsAttr = this.getAttribute("data-css-urls");
+          if (cssUrlsAttr) {
+            const cssUrlsArray = JSON.parse(cssUrlsAttr.replace(/'/g, '"'));
+            const slotTemplate = document.createElement("template");
+            const getImportsFromUrlsArray = (urls) => urls.map((url) => `<link rel="preload" as="style" onload="this.rel='stylesheet'" type="text/css" href="${url}">`).join("\n");
+            slotTemplate.innerHTML = `<style>
+                ::slotted(*) {
+                  display: block !important;
+                }
+              </style>
+                ${getImportsFromUrlsArray(cssUrlsArray)}
+`;
+            this.shadowRoot?.appendChild(slotTemplate.content.cloneNode(true));
+          }
+        });
+      }
+    }
     if (!window.customElements.get(name)) {
       customElements.define(
         name,
-        r2wc(component, {
-          props
-        })
+        StyledWebComponent
       );
     }
   };

package/dist/decorators/webcomponent/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/decorators/webcomponent/webcomponent.ts","../../../src/utils/pascalToKebab.ts","../../../src/functions/parse/parsePrimitives.ts"],"sourcesContent":["import type React from 'react';\nimport r2wc from '@r2wc/react-to-web-component';\nimport { DialogSchema } from '../../schema/dialog';\nimport { pascalToKebab } from '../../utils/pascalToKebab';\nimport { parsePrimitives } from '../../functions';\nimport { WebcomponentPropTypes } from '../../types/webcomponent';\nimport { ObjectEntries } from '../../types/object';\n\ntype BaseOptions = {}\n\nexport function webcomponent<T extends ObjectEntries>(schema?: DialogSchema<T>, options?: BaseOptions) {\n  const props: Record<string, WebcomponentPropTypes> | undefined = schema ? {\n    ...parsePrimitives(schema),\n  } : undefined;\n\n  return <P extends {} = {}>(component: React.ComponentType<P>) => {\n    const name = pascalToKebab(component.displayName!)\n\n    if (!window.customElements.get(name)) {\n      customElements.define(\n        name,\n        r2wc(component, {\n          props,\n        }),\n      );\n    }\n  }\n}","export function pascalToKebab(pascalCaseString: string) {\n  return pascalCaseString\n    .replace(/([a-z])([A-Z])/g, '$1-$2')\n    .toLowerCase();\n}","import { DialogSchema } from '../../schema/dialog';\nimport { WebcomponentPropTypes } from '../../types/webcomponent';\nimport { ObjectEntries } from '../../types/object';\n\nexport function parsePrimitives<T extends ObjectEntries>(schema: DialogSchema<T>) {\n  return schema._primitive() as Record<string, WebcomponentPropTypes>\n}"],"mappings":";AACA,OAAO,UAAU;;;ACDV,SAAS,cAAc,kBAA0B;AACtD,SAAO,iBACJ,QAAQ,mBAAmB,OAAO,EAClC,YAAY;AACjB;;;ACAO,SAAS,gBAAyC,QAAyB;AAChF,SAAO,OAAO,WAAW;AAC3B;;;AFIO,SAAS,aAAsC,QAA0B,SAAuB;AACrG,QAAM,QAA2D,SAAS;AAAA,IACxE,GAAG,gBAAgB,MAAM;AAAA,EAC3B,IAAI;AAEJ,SAAO,CAAoB,cAAsC;AAC/D,UAAM,OAAO,cAAc,UAAU,WAAY;AAEjD,QAAI,CAAC,OAAO,eAAe,IAAI,IAAI,GAAG;AACpC,qBAAe;AAAA,QACb;AAAA,QACA,KAAK,WAAW;AAAA,UACd;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../src/decorators/webcomponent/webcomponent.ts","../../../src/utils/pascalToKebab.ts","../../../src/functions/parse/parsePrimitives.ts"],"sourcesContent":["import type React from 'react';\nimport r2wc from '@r2wc/react-to-web-component';\nimport { DialogSchema } from '../../schema/dialog';\nimport { pascalToKebab } from '../../utils/pascalToKebab';\nimport { parsePrimitives } from '../../functions';\nimport { WebcomponentPropTypes } from '../../types/webcomponent';\nimport { ObjectEntries } from '../../types/object';\n\ntype BaseOptions = {}\n\nexport function webcomponent<T extends ObjectEntries>(schema?: DialogSchema<T>, options?: BaseOptions) {\n  const props: Record<string, WebcomponentPropTypes> | undefined = schema ? {\n    ...parsePrimitives(schema),\n  } : undefined;\n\n  return <P extends {} = {}>(component: React.ComponentType<P>) => {\n    const name = pascalToKebab(component.displayName!);\n\n    class StyledWebComponent extends r2wc(component, {\n      shadow: 'open',\n      props,\n    }) {\n      connectedCallback() {\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        super.connectedCallback();\n        queueMicrotask(() => {\n\n          const cssUrlsAttr = this.getAttribute('data-css-urls');\n          if (cssUrlsAttr) {\n            const cssUrlsArray: string[] = JSON.parse(cssUrlsAttr.replace(/'/g, '\"'));\n            const slotTemplate = document.createElement('template');\n            const getImportsFromUrlsArray = (urls: string[]) => urls.map((url) => `<link rel=\"preload\" as=\"style\" onload=\"this.rel='stylesheet'\" type=\"text/css\" href=\"${url}\">`).join('\\n');\n            slotTemplate.innerHTML = `<style>\n                ::slotted(*) {\n                  display: block !important;\n                }\n              </style>\n                ${getImportsFromUrlsArray(cssUrlsArray)}\n`;\n            this.shadowRoot?.appendChild(slotTemplate.content.cloneNode(true));\n          }\n        });\n      }\n    }\n\n\n    if (!window.customElements.get(name)) {\n      customElements.define(\n        name, StyledWebComponent,\n      );\n    }\n  };\n}","export function pascalToKebab(pascalCaseString: string) {\n  return pascalCaseString\n    .replace(/([a-z])([A-Z])/g, '$1-$2')\n    .toLowerCase();\n}","import { DialogSchema } from '../../schema/dialog';\nimport { WebcomponentPropTypes } from '../../types/webcomponent';\nimport { ObjectEntries } from '../../types/object';\n\nexport function parsePrimitives<T extends ObjectEntries>(schema: DialogSchema<T>) {\n  return schema._primitive() as Record<string, WebcomponentPropTypes>\n}"],"mappings":";AACA,OAAO,UAAU;;;ACDV,SAAS,cAAc,kBAA0B;AACtD,SAAO,iBACJ,QAAQ,mBAAmB,OAAO,EAClC,YAAY;AACjB;;;ACAO,SAAS,gBAAyC,QAAyB;AAChF,SAAO,OAAO,WAAW;AAC3B;;;AFIO,SAAS,aAAsC,QAA0B,SAAuB;AACrG,QAAM,QAA2D,SAAS;AAAA,IACxE,GAAG,gBAAgB,MAAM;AAAA,EAC3B,IAAI;AAEJ,SAAO,CAAoB,cAAsC;AAC/D,UAAM,OAAO,cAAc,UAAU,WAAY;AAAA,IAEjD,MAAM,2BAA2B,KAAK,WAAW;AAAA,MAC/C,QAAQ;AAAA,MACR;AAAA,IACF,CAAC,EAAE;AAAA,MACD,oBAAoB;AAGlB,cAAM,kBAAkB;AACxB,uBAAe,MAAM;AAEnB,gBAAM,cAAc,KAAK,aAAa,eAAe;AACrD,cAAI,aAAa;AACf,kBAAM,eAAyB,KAAK,MAAM,YAAY,QAAQ,MAAM,GAAG,CAAC;AACxE,kBAAM,eAAe,SAAS,cAAc,UAAU;AACtD,kBAAM,0BAA0B,CAAC,SAAmB,KAAK,IAAI,CAAC,QAAQ,uFAAuF,GAAG,IAAI,EAAE,KAAK,IAAI;AAC/K,yBAAa,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKnB,wBAAwB,YAAY,CAAC;AAAA;AAE3C,iBAAK,YAAY,YAAY,aAAa,QAAQ,UAAU,IAAI,CAAC;AAAA,UACnE;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAGA,QAAI,CAAC,OAAO,eAAe,IAAI,IAAI,GAAG;AACpC,qBAAe;AAAA,QACb;AAAA,QAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/decorators/webcomponent/webcomponent.d.mts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { DialogSchema } from '../../schema/dialog/dialog.mjs';
-import { f as ObjectEntries } from '../../types-DUGwdG43.mjs';
+import { f as ObjectEntries } from '../../types-CUiyZnDu.mjs';
 import '../../types/utils.mjs';
 import '../../types/webcomponent.mjs';
 

package/dist/decorators/webcomponent/webcomponent.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { DialogSchema } from '../../schema/dialog/dialog.js';
-import { f as ObjectEntries } from '../../types-Cvbi87LT.js';
+import { f as ObjectEntries } from '../../types-5qjjdXLi.js';
 import '../../types/utils.js';
 import '../../types/webcomponent.js';
 

package/dist/decorators/webcomponent/webcomponent.js

@@ -52,12 +52,34 @@ function webcomponent(schema, options) {
   } : void 0;
   return (component) => {
     const name = pascalToKebab(component.displayName);
+    class StyledWebComponent extends (0, import_react_to_web_component.default)(component, {
+      shadow: "open",
+      props
+    }) {
+      connectedCallback() {
+        super.connectedCallback();
+        queueMicrotask(() => {
+          const cssUrlsAttr = this.getAttribute("data-css-urls");
+          if (cssUrlsAttr) {
+            const cssUrlsArray = JSON.parse(cssUrlsAttr.replace(/'/g, '"'));
+            const slotTemplate = document.createElement("template");
+            const getImportsFromUrlsArray = (urls) => urls.map((url) => `<link rel="preload" as="style" onload="this.rel='stylesheet'" type="text/css" href="${url}">`).join("\n");
+            slotTemplate.innerHTML = `<style>
+                ::slotted(*) {
+                  display: block !important;
+                }
+              </style>
+                ${getImportsFromUrlsArray(cssUrlsArray)}
+`;
+            this.shadowRoot?.appendChild(slotTemplate.content.cloneNode(true));
+          }
+        });
+      }
+    }
     if (!window.customElements.get(name)) {
       customElements.define(
         name,
-        (0, import_react_to_web_component.default)(component, {
-          props
-        })
+        StyledWebComponent
       );
     }
   };

package/dist/decorators/webcomponent/webcomponent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/decorators/webcomponent/webcomponent.ts","../../../src/utils/pascalToKebab.ts","../../../src/functions/parse/parsePrimitives.ts"],"sourcesContent":["import type React from 'react';\nimport r2wc from '@r2wc/react-to-web-component';\nimport { DialogSchema } from '../../schema/dialog';\nimport { pascalToKebab } from '../../utils/pascalToKebab';\nimport { parsePrimitives } from '../../functions';\nimport { WebcomponentPropTypes } from '../../types/webcomponent';\nimport { ObjectEntries } from '../../types/object';\n\ntype BaseOptions = {}\n\nexport function webcomponent<T extends ObjectEntries>(schema?: DialogSchema<T>, options?: BaseOptions) {\n  const props: Record<string, WebcomponentPropTypes> | undefined = schema ? {\n    ...parsePrimitives(schema),\n  } : undefined;\n\n  return <P extends {} = {}>(component: React.ComponentType<P>) => {\n    const name = pascalToKebab(component.displayName!)\n\n    if (!window.customElements.get(name)) {\n      customElements.define(\n        name,\n        r2wc(component, {\n          props,\n        }),\n      );\n    }\n  }\n}","export function pascalToKebab(pascalCaseString: string) {\n  return pascalCaseString\n    .replace(/([a-z])([A-Z])/g, '$1-$2')\n    .toLowerCase();\n}","import { DialogSchema } from '../../schema/dialog';\nimport { WebcomponentPropTypes } from '../../types/webcomponent';\nimport { ObjectEntries } from '../../types/object';\n\nexport function parsePrimitives<T extends ObjectEntries>(schema: DialogSchema<T>) {\n  return schema._primitive() as Record<string, WebcomponentPropTypes>\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,oCAAiB;;;ACDV,SAAS,cAAc,kBAA0B;AACtD,SAAO,iBACJ,QAAQ,mBAAmB,OAAO,EAClC,YAAY;AACjB;;;ACAO,SAAS,gBAAyC,QAAyB;AAChF,SAAO,OAAO,WAAW;AAC3B;;;AFIO,SAAS,aAAsC,QAA0B,SAAuB;AACrG,QAAM,QAA2D,SAAS;AAAA,IACxE,GAAG,gBAAgB,MAAM;AAAA,EAC3B,IAAI;AAEJ,SAAO,CAAoB,cAAsC;AAC/D,UAAM,OAAO,cAAc,UAAU,WAAY;AAEjD,QAAI,CAAC,OAAO,eAAe,IAAI,IAAI,GAAG;AACpC,qBAAe;AAAA,QACb;AAAA,YACA,8BAAAA,SAAK,WAAW;AAAA,UACd;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AACF;","names":["r2wc"]}
+{"version":3,"sources":["../../../src/decorators/webcomponent/webcomponent.ts","../../../src/utils/pascalToKebab.ts","../../../src/functions/parse/parsePrimitives.ts"],"sourcesContent":["import type React from 'react';\nimport r2wc from '@r2wc/react-to-web-component';\nimport { DialogSchema } from '../../schema/dialog';\nimport { pascalToKebab } from '../../utils/pascalToKebab';\nimport { parsePrimitives } from '../../functions';\nimport { WebcomponentPropTypes } from '../../types/webcomponent';\nimport { ObjectEntries } from '../../types/object';\n\ntype BaseOptions = {}\n\nexport function webcomponent<T extends ObjectEntries>(schema?: DialogSchema<T>, options?: BaseOptions) {\n  const props: Record<string, WebcomponentPropTypes> | undefined = schema ? {\n    ...parsePrimitives(schema),\n  } : undefined;\n\n  return <P extends {} = {}>(component: React.ComponentType<P>) => {\n    const name = pascalToKebab(component.displayName!);\n\n    class StyledWebComponent extends r2wc(component, {\n      shadow: 'open',\n      props,\n    }) {\n      connectedCallback() {\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        super.connectedCallback();\n        queueMicrotask(() => {\n\n          const cssUrlsAttr = this.getAttribute('data-css-urls');\n          if (cssUrlsAttr) {\n            const cssUrlsArray: string[] = JSON.parse(cssUrlsAttr.replace(/'/g, '\"'));\n            const slotTemplate = document.createElement('template');\n            const getImportsFromUrlsArray = (urls: string[]) => urls.map((url) => `<link rel=\"preload\" as=\"style\" onload=\"this.rel='stylesheet'\" type=\"text/css\" href=\"${url}\">`).join('\\n');\n            slotTemplate.innerHTML = `<style>\n                ::slotted(*) {\n                  display: block !important;\n                }\n              </style>\n                ${getImportsFromUrlsArray(cssUrlsArray)}\n`;\n            this.shadowRoot?.appendChild(slotTemplate.content.cloneNode(true));\n          }\n        });\n      }\n    }\n\n\n    if (!window.customElements.get(name)) {\n      customElements.define(\n        name, StyledWebComponent,\n      );\n    }\n  };\n}","export function pascalToKebab(pascalCaseString: string) {\n  return pascalCaseString\n    .replace(/([a-z])([A-Z])/g, '$1-$2')\n    .toLowerCase();\n}","import { DialogSchema } from '../../schema/dialog';\nimport { WebcomponentPropTypes } from '../../types/webcomponent';\nimport { ObjectEntries } from '../../types/object';\n\nexport function parsePrimitives<T extends ObjectEntries>(schema: DialogSchema<T>) {\n  return schema._primitive() as Record<string, WebcomponentPropTypes>\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,oCAAiB;;;ACDV,SAAS,cAAc,kBAA0B;AACtD,SAAO,iBACJ,QAAQ,mBAAmB,OAAO,EAClC,YAAY;AACjB;;;ACAO,SAAS,gBAAyC,QAAyB;AAChF,SAAO,OAAO,WAAW;AAC3B;;;AFIO,SAAS,aAAsC,QAA0B,SAAuB;AACrG,QAAM,QAA2D,SAAS;AAAA,IACxE,GAAG,gBAAgB,MAAM;AAAA,EAC3B,IAAI;AAEJ,SAAO,CAAoB,cAAsC;AAC/D,UAAM,OAAO,cAAc,UAAU,WAAY;AAAA,IAEjD,MAAM,+BAA2B,8BAAAA,SAAK,WAAW;AAAA,MAC/C,QAAQ;AAAA,MACR;AAAA,IACF,CAAC,EAAE;AAAA,MACD,oBAAoB;AAGlB,cAAM,kBAAkB;AACxB,uBAAe,MAAM;AAEnB,gBAAM,cAAc,KAAK,aAAa,eAAe;AACrD,cAAI,aAAa;AACf,kBAAM,eAAyB,KAAK,MAAM,YAAY,QAAQ,MAAM,GAAG,CAAC;AACxE,kBAAM,eAAe,SAAS,cAAc,UAAU;AACtD,kBAAM,0BAA0B,CAAC,SAAmB,KAAK,IAAI,CAAC,QAAQ,uFAAuF,GAAG,IAAI,EAAE,KAAK,IAAI;AAC/K,yBAAa,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKnB,wBAAwB,YAAY,CAAC;AAAA;AAE3C,iBAAK,YAAY,YAAY,aAAa,QAAQ,UAAU,IAAI,CAAC;AAAA,UACnE;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAGA,QAAI,CAAC,OAAO,eAAe,IAAI,IAAI,GAAG;AACpC,qBAAe;AAAA,QACb;AAAA,QAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACF;","names":["r2wc"]}

package/dist/decorators/webcomponent/webcomponent.mjs

@@ -18,12 +18,34 @@ function webcomponent(schema, options) {
   } : void 0;
   return (component) => {
     const name = pascalToKebab(component.displayName);
+    class StyledWebComponent extends r2wc(component, {
+      shadow: "open",
+      props
+    }) {
+      connectedCallback() {
+        super.connectedCallback();
+        queueMicrotask(() => {
+          const cssUrlsAttr = this.getAttribute("data-css-urls");
+          if (cssUrlsAttr) {
+            const cssUrlsArray = JSON.parse(cssUrlsAttr.replace(/'/g, '"'));
+            const slotTemplate = document.createElement("template");
+            const getImportsFromUrlsArray = (urls) => urls.map((url) => `<link rel="preload" as="style" onload="this.rel='stylesheet'" type="text/css" href="${url}">`).join("\n");
+            slotTemplate.innerHTML = `<style>
+                ::slotted(*) {
+                  display: block !important;
+                }
+              </style>
+                ${getImportsFromUrlsArray(cssUrlsArray)}
+`;
+            this.shadowRoot?.appendChild(slotTemplate.content.cloneNode(true));
+          }
+        });
+      }
+    }
     if (!window.customElements.get(name)) {
       customElements.define(
         name,
-        r2wc(component, {
-          props
-        })
+        StyledWebComponent
       );
     }
   };

package/dist/decorators/webcomponent/webcomponent.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/decorators/webcomponent/webcomponent.ts","../../../src/utils/pascalToKebab.ts","../../../src/functions/parse/parsePrimitives.ts"],"sourcesContent":["import type React from 'react';\nimport r2wc from '@r2wc/react-to-web-component';\nimport { DialogSchema } from '../../schema/dialog';\nimport { pascalToKebab } from '../../utils/pascalToKebab';\nimport { parsePrimitives } from '../../functions';\nimport { WebcomponentPropTypes } from '../../types/webcomponent';\nimport { ObjectEntries } from '../../types/object';\n\ntype BaseOptions = {}\n\nexport function webcomponent<T extends ObjectEntries>(schema?: DialogSchema<T>, options?: BaseOptions) {\n  const props: Record<string, WebcomponentPropTypes> | undefined = schema ? {\n    ...parsePrimitives(schema),\n  } : undefined;\n\n  return <P extends {} = {}>(component: React.ComponentType<P>) => {\n    const name = pascalToKebab(component.displayName!)\n\n    if (!window.customElements.get(name)) {\n      customElements.define(\n        name,\n        r2wc(component, {\n          props,\n        }),\n      );\n    }\n  }\n}","export function pascalToKebab(pascalCaseString: string) {\n  return pascalCaseString\n    .replace(/([a-z])([A-Z])/g, '$1-$2')\n    .toLowerCase();\n}","import { DialogSchema } from '../../schema/dialog';\nimport { WebcomponentPropTypes } from '../../types/webcomponent';\nimport { ObjectEntries } from '../../types/object';\n\nexport function parsePrimitives<T extends ObjectEntries>(schema: DialogSchema<T>) {\n  return schema._primitive() as Record<string, WebcomponentPropTypes>\n}"],"mappings":";AACA,OAAO,UAAU;;;ACDV,SAAS,cAAc,kBAA0B;AACtD,SAAO,iBACJ,QAAQ,mBAAmB,OAAO,EAClC,YAAY;AACjB;;;ACAO,SAAS,gBAAyC,QAAyB;AAChF,SAAO,OAAO,WAAW;AAC3B;;;AFIO,SAAS,aAAsC,QAA0B,SAAuB;AACrG,QAAM,QAA2D,SAAS;AAAA,IACxE,GAAG,gBAAgB,MAAM;AAAA,EAC3B,IAAI;AAEJ,SAAO,CAAoB,cAAsC;AAC/D,UAAM,OAAO,cAAc,UAAU,WAAY;AAEjD,QAAI,CAAC,OAAO,eAAe,IAAI,IAAI,GAAG;AACpC,qBAAe;AAAA,QACb;AAAA,QACA,KAAK,WAAW;AAAA,UACd;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../src/decorators/webcomponent/webcomponent.ts","../../../src/utils/pascalToKebab.ts","../../../src/functions/parse/parsePrimitives.ts"],"sourcesContent":["import type React from 'react';\nimport r2wc from '@r2wc/react-to-web-component';\nimport { DialogSchema } from '../../schema/dialog';\nimport { pascalToKebab } from '../../utils/pascalToKebab';\nimport { parsePrimitives } from '../../functions';\nimport { WebcomponentPropTypes } from '../../types/webcomponent';\nimport { ObjectEntries } from '../../types/object';\n\ntype BaseOptions = {}\n\nexport function webcomponent<T extends ObjectEntries>(schema?: DialogSchema<T>, options?: BaseOptions) {\n  const props: Record<string, WebcomponentPropTypes> | undefined = schema ? {\n    ...parsePrimitives(schema),\n  } : undefined;\n\n  return <P extends {} = {}>(component: React.ComponentType<P>) => {\n    const name = pascalToKebab(component.displayName!);\n\n    class StyledWebComponent extends r2wc(component, {\n      shadow: 'open',\n      props,\n    }) {\n      connectedCallback() {\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        super.connectedCallback();\n        queueMicrotask(() => {\n\n          const cssUrlsAttr = this.getAttribute('data-css-urls');\n          if (cssUrlsAttr) {\n            const cssUrlsArray: string[] = JSON.parse(cssUrlsAttr.replace(/'/g, '\"'));\n            const slotTemplate = document.createElement('template');\n            const getImportsFromUrlsArray = (urls: string[]) => urls.map((url) => `<link rel=\"preload\" as=\"style\" onload=\"this.rel='stylesheet'\" type=\"text/css\" href=\"${url}\">`).join('\\n');\n            slotTemplate.innerHTML = `<style>\n                ::slotted(*) {\n                  display: block !important;\n                }\n              </style>\n                ${getImportsFromUrlsArray(cssUrlsArray)}\n`;\n            this.shadowRoot?.appendChild(slotTemplate.content.cloneNode(true));\n          }\n        });\n      }\n    }\n\n\n    if (!window.customElements.get(name)) {\n      customElements.define(\n        name, StyledWebComponent,\n      );\n    }\n  };\n}","export function pascalToKebab(pascalCaseString: string) {\n  return pascalCaseString\n    .replace(/([a-z])([A-Z])/g, '$1-$2')\n    .toLowerCase();\n}","import { DialogSchema } from '../../schema/dialog';\nimport { WebcomponentPropTypes } from '../../types/webcomponent';\nimport { ObjectEntries } from '../../types/object';\n\nexport function parsePrimitives<T extends ObjectEntries>(schema: DialogSchema<T>) {\n  return schema._primitive() as Record<string, WebcomponentPropTypes>\n}"],"mappings":";AACA,OAAO,UAAU;;;ACDV,SAAS,cAAc,kBAA0B;AACtD,SAAO,iBACJ,QAAQ,mBAAmB,OAAO,EAClC,YAAY;AACjB;;;ACAO,SAAS,gBAAyC,QAAyB;AAChF,SAAO,OAAO,WAAW;AAC3B;;;AFIO,SAAS,aAAsC,QAA0B,SAAuB;AACrG,QAAM,QAA2D,SAAS;AAAA,IACxE,GAAG,gBAAgB,MAAM;AAAA,EAC3B,IAAI;AAEJ,SAAO,CAAoB,cAAsC;AAC/D,UAAM,OAAO,cAAc,UAAU,WAAY;AAAA,IAEjD,MAAM,2BAA2B,KAAK,WAAW;AAAA,MAC/C,QAAQ;AAAA,MACR;AAAA,IACF,CAAC,EAAE;AAAA,MACD,oBAAoB;AAGlB,cAAM,kBAAkB;AACxB,uBAAe,MAAM;AAEnB,gBAAM,cAAc,KAAK,aAAa,eAAe;AACrD,cAAI,aAAa;AACf,kBAAM,eAAyB,KAAK,MAAM,YAAY,QAAQ,MAAM,GAAG,CAAC;AACxE,kBAAM,eAAe,SAAS,cAAc,UAAU;AACtD,kBAAM,0BAA0B,CAAC,SAAmB,KAAK,IAAI,CAAC,QAAQ,uFAAuF,GAAG,IAAI,EAAE,KAAK,IAAI;AAC/K,yBAAa,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKnB,wBAAwB,YAAY,CAAC;AAAA;AAE3C,iBAAK,YAAY,YAAY,aAAa,QAAQ,UAAU,IAAI,CAAC;AAAA,UACnE;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAGA,QAAI,CAAC,OAAO,eAAe,IAAI,IAAI,GAAG;AACpC,qBAAe;AAAA,QACb;AAAA,QAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/functions/component/component.d.mts

@@ -1,14 +1,13 @@
-import { f as ObjectEntries, S as SlotEntries, B as BaseSchema, g as ObjectOutput } from '../../types-DUGwdG43.mjs';
+import { f as ObjectEntries, B as BaseSchema, g as ObjectOutput } from '../../types-CUiyZnDu.mjs';
 import { ComponentModel } from '../../types/component.mjs';
 import { DialogSchema } from '../../schema/dialog/dialog.mjs';
 import '../../types/webcomponent.mjs';
 import '../../types/utils.mjs';
 
-interface ComponentSchema<TEntries extends ObjectEntries, TSlots extends SlotEntries | undefined> extends BaseSchema<ObjectOutput<TEntries & TSlots>>, Partial<ComponentModel> {
+interface ComponentSchema<TEntries extends ObjectEntries> extends BaseSchema<ObjectOutput<TEntries>>, Partial<ComponentModel> {
     type: 'component';
     dialog: DialogSchema<TEntries>;
-    slots?: TSlots;
 }
-declare function component<TEntries extends ObjectEntries, TSlots extends SlotEntries | undefined>(config: Partial<ComponentModel>, dialog: DialogSchema<TEntries>, slots?: TSlots): ComponentSchema<TEntries, TSlots>;
+declare function component<TEntries extends ObjectEntries>(config: Partial<ComponentModel>, dialog: DialogSchema<TEntries>): ComponentSchema<TEntries>;
 
 export { type ComponentSchema, component };

package/dist/functions/component/component.d.ts

@@ -1,14 +1,13 @@
-import { f as ObjectEntries, S as SlotEntries, B as BaseSchema, g as ObjectOutput } from '../../types-Cvbi87LT.js';
+import { f as ObjectEntries, B as BaseSchema, g as ObjectOutput } from '../../types-5qjjdXLi.js';
 import { ComponentModel } from '../../types/component.js';
 import { DialogSchema } from '../../schema/dialog/dialog.js';
 import '../../types/webcomponent.js';
 import '../../types/utils.js';
 
-interface ComponentSchema<TEntries extends ObjectEntries, TSlots extends SlotEntries | undefined> extends BaseSchema<ObjectOutput<TEntries & TSlots>>, Partial<ComponentModel> {
+interface ComponentSchema<TEntries extends ObjectEntries> extends BaseSchema<ObjectOutput<TEntries>>, Partial<ComponentModel> {
     type: 'component';
     dialog: DialogSchema<TEntries>;
-    slots?: TSlots;
 }
-declare function component<TEntries extends ObjectEntries, TSlots extends SlotEntries | undefined>(config: Partial<ComponentModel>, dialog: DialogSchema<TEntries>, slots?: TSlots): ComponentSchema<TEntries, TSlots>;
+declare function component<TEntries extends ObjectEntries>(config: Partial<ComponentModel>, dialog: DialogSchema<TEntries>): ComponentSchema<TEntries>;
 
 export { type ComponentSchema, component };

package/dist/functions/component/component.js

@@ -23,32 +23,19 @@ __export(component_exports, {
   component: () => component
 });
 module.exports = __toCommonJS(component_exports);
-function component(config, dialog, slots) {
-  const slotsParse = slots ? Object.entries(slots).map(
-    ([key, slot]) => ({
-      id: key,
-      name: key,
-      ...slot._parse()
-    })
-  ) : [];
-  const slotsPrimitives = slots ? Object.entries(slots).reduce((acc, [key, slot]) => {
-    acc[key] = slot._primitive();
-    return acc;
-  }, {}) : [];
+function component(config, dialog) {
   return {
     type: "component",
     dialog,
     _parse() {
       return {
         ...config,
-        ...dialog._parse(),
-        dynamiczones: slotsParse
+        ...dialog._parse()
       };
     },
     _primitive() {
       return {
-        ...dialog._primitive(),
-        ...slotsPrimitives
+        ...dialog._primitive()
       };
     },
     ...config

package/dist/functions/component/component.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/functions/component/component.ts"],"sourcesContent":["import { BaseSchema, ComponentModel } from '../../types';\nimport { ObjectEntries, ObjectOutput, SlotEntries } from '../../types/object';\nimport { DialogSchema } from '../../schema/dialog';\nimport { WebcomponentPropTypes } from '../../types/webcomponent';\n\nexport interface ComponentSchema<TEntries extends ObjectEntries, TSlots extends SlotEntries | undefined> extends BaseSchema<ObjectOutput<TEntries & TSlots>>, Partial<ComponentModel> {\n  type: 'component';\n  dialog: DialogSchema<TEntries>;\n  slots?: TSlots,\n}\n\nexport function component<TEntries extends ObjectEntries, TSlots extends SlotEntries | undefined>(\n  config: Partial<ComponentModel>,\n  dialog: DialogSchema<TEntries>,\n  slots?: TSlots,\n): ComponentSchema<TEntries, TSlots> {\n\n  const slotsParse = slots ? Object.entries(slots).map(([key, slot]) => (\n    {\n      id: key,\n      name: key,\n      ...slot._parse(),\n    }),\n  ) : [];\n  const slotsPrimitives = slots ? Object.entries(slots).reduce((acc, [key, slot]) => {\n    acc[key] = slot._primitive();\n    return acc\n  }, {} as Record<string, WebcomponentPropTypes | Record<string, WebcomponentPropTypes>>) : [];\n\n  return {\n    type: 'component',\n    dialog,\n    _parse() {\n      return {\n        ...config,\n        ...dialog._parse(),\n        dynamiczones: slotsParse,\n      };\n    },\n    _primitive() {\n      return {\n        ...dialog._primitive() as object,\n        ...slotsPrimitives as object,\n      };\n    },\n    ...config,\n  };\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAWO,SAAS,UACd,QACA,QACA,OACmC;AAEnC,QAAM,aAAa,QAAQ,OAAO,QAAQ,KAAK,EAAE;AAAA,IAAI,CAAC,CAAC,KAAK,IAAI,OAC9D;AAAA,MACE,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,GAAG,KAAK,OAAO;AAAA,IACjB;AAAA,EACF,IAAI,CAAC;AACL,QAAM,kBAAkB,QAAQ,OAAO,QAAQ,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,IAAI,MAAM;AACjF,QAAI,GAAG,IAAI,KAAK,WAAW;AAC3B,WAAO;AAAA,EACT,GAAG,CAAC,CAAkF,IAAI,CAAC;AAE3F,SAAO;AAAA,IACL,MAAM;AAAA,IACN;AAAA,IACA,SAAS;AACP,aAAO;AAAA,QACL,GAAG;AAAA,QACH,GAAG,OAAO,OAAO;AAAA,QACjB,cAAc;AAAA,MAChB;AAAA,IACF;AAAA,IACA,aAAa;AACX,aAAO;AAAA,QACL,GAAG,OAAO,WAAW;AAAA,QACrB,GAAG;AAAA,MACL;AAAA,IACF;AAAA,IACA,GAAG;AAAA,EACL;AACF;","names":[]}
+{"version":3,"sources":["../../../src/functions/component/component.ts"],"sourcesContent":["import { BaseSchema, ComponentModel } from '../../types';\nimport { ObjectEntries, ObjectOutput } from '../../types/object';\nimport { DialogSchema } from '../../schema/dialog';\n\nexport interface ComponentSchema<TEntries extends ObjectEntries> extends BaseSchema<ObjectOutput<TEntries>>, Partial<ComponentModel> {\n  type: 'component';\n  dialog: DialogSchema<TEntries>;\n}\n\nexport function component<TEntries extends ObjectEntries>(\n  config: Partial<ComponentModel>,\n  dialog: DialogSchema<TEntries>,\n): ComponentSchema<TEntries> {\n\n  return {\n    type: 'component',\n    dialog,\n    _parse() {\n      return {\n        ...config,\n        ...dialog._parse(),\n      };\n    },\n    _primitive() {\n      return {\n        ...dialog._primitive() as object,\n      };\n    },\n    ...config,\n  };\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AASO,SAAS,UACd,QACA,QAC2B;AAE3B,SAAO;AAAA,IACL,MAAM;AAAA,IACN;AAAA,IACA,SAAS;AACP,aAAO;AAAA,QACL,GAAG;AAAA,QACH,GAAG,OAAO,OAAO;AAAA,MACnB;AAAA,IACF;AAAA,IACA,aAAa;AACX,aAAO;AAAA,QACL,GAAG,OAAO,WAAW;AAAA,MACvB;AAAA,IACF;AAAA,IACA,GAAG;AAAA,EACL;AACF;","names":[]}

package/dist/functions/component/component.mjs

@@ -1,30 +1,17 @@
 // src/functions/component/component.ts
-function component(config, dialog, slots) {
-  const slotsParse = slots ? Object.entries(slots).map(
-    ([key, slot]) => ({
-      id: key,
-      name: key,
-      ...slot._parse()
-    })
-  ) : [];
-  const slotsPrimitives = slots ? Object.entries(slots).reduce((acc, [key, slot]) => {
-    acc[key] = slot._primitive();
-    return acc;
-  }, {}) : [];
+function component(config, dialog) {
   return {
     type: "component",
     dialog,
     _parse() {
       return {
         ...config,
-        ...dialog._parse(),
-        dynamiczones: slotsParse
+        ...dialog._parse()
       };
     },
     _primitive() {
       return {
-        ...dialog._primitive(),
-        ...slotsPrimitives
+        ...dialog._primitive()
       };
     },
     ...config

package/dist/functions/component/component.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/functions/component/component.ts"],"sourcesContent":["import { BaseSchema, ComponentModel } from '../../types';\nimport { ObjectEntries, ObjectOutput, SlotEntries } from '../../types/object';\nimport { DialogSchema } from '../../schema/dialog';\nimport { WebcomponentPropTypes } from '../../types/webcomponent';\n\nexport interface ComponentSchema<TEntries extends ObjectEntries, TSlots extends SlotEntries | undefined> extends BaseSchema<ObjectOutput<TEntries & TSlots>>, Partial<ComponentModel> {\n  type: 'component';\n  dialog: DialogSchema<TEntries>;\n  slots?: TSlots,\n}\n\nexport function component<TEntries extends ObjectEntries, TSlots extends SlotEntries | undefined>(\n  config: Partial<ComponentModel>,\n  dialog: DialogSchema<TEntries>,\n  slots?: TSlots,\n): ComponentSchema<TEntries, TSlots> {\n\n  const slotsParse = slots ? Object.entries(slots).map(([key, slot]) => (\n    {\n      id: key,\n      name: key,\n      ...slot._parse(),\n    }),\n  ) : [];\n  const slotsPrimitives = slots ? Object.entries(slots).reduce((acc, [key, slot]) => {\n    acc[key] = slot._primitive();\n    return acc\n  }, {} as Record<string, WebcomponentPropTypes | Record<string, WebcomponentPropTypes>>) : [];\n\n  return {\n    type: 'component',\n    dialog,\n    _parse() {\n      return {\n        ...config,\n        ...dialog._parse(),\n        dynamiczones: slotsParse,\n      };\n    },\n    _primitive() {\n      return {\n        ...dialog._primitive() as object,\n        ...slotsPrimitives as object,\n      };\n    },\n    ...config,\n  };\n}"],"mappings":";AAWO,SAAS,UACd,QACA,QACA,OACmC;AAEnC,QAAM,aAAa,QAAQ,OAAO,QAAQ,KAAK,EAAE;AAAA,IAAI,CAAC,CAAC,KAAK,IAAI,OAC9D;AAAA,MACE,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,GAAG,KAAK,OAAO;AAAA,IACjB;AAAA,EACF,IAAI,CAAC;AACL,QAAM,kBAAkB,QAAQ,OAAO,QAAQ,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,IAAI,MAAM;AACjF,QAAI,GAAG,IAAI,KAAK,WAAW;AAC3B,WAAO;AAAA,EACT,GAAG,CAAC,CAAkF,IAAI,CAAC;AAE3F,SAAO;AAAA,IACL,MAAM;AAAA,IACN;AAAA,IACA,SAAS;AACP,aAAO;AAAA,QACL,GAAG;AAAA,QACH,GAAG,OAAO,OAAO;AAAA,QACjB,cAAc;AAAA,MAChB;AAAA,IACF;AAAA,IACA,aAAa;AACX,aAAO;AAAA,QACL,GAAG,OAAO,WAAW;AAAA,QACrB,GAAG;AAAA,MACL;AAAA,IACF;AAAA,IACA,GAAG;AAAA,EACL;AACF;","names":[]}
+{"version":3,"sources":["../../../src/functions/component/component.ts"],"sourcesContent":["import { BaseSchema, ComponentModel } from '../../types';\nimport { ObjectEntries, ObjectOutput } from '../../types/object';\nimport { DialogSchema } from '../../schema/dialog';\n\nexport interface ComponentSchema<TEntries extends ObjectEntries> extends BaseSchema<ObjectOutput<TEntries>>, Partial<ComponentModel> {\n  type: 'component';\n  dialog: DialogSchema<TEntries>;\n}\n\nexport function component<TEntries extends ObjectEntries>(\n  config: Partial<ComponentModel>,\n  dialog: DialogSchema<TEntries>,\n): ComponentSchema<TEntries> {\n\n  return {\n    type: 'component',\n    dialog,\n    _parse() {\n      return {\n        ...config,\n        ...dialog._parse(),\n      };\n    },\n    _primitive() {\n      return {\n        ...dialog._primitive() as object,\n      };\n    },\n    ...config,\n  };\n}"],"mappings":";AASO,SAAS,UACd,QACA,QAC2B;AAE3B,SAAO;AAAA,IACL,MAAM;AAAA,IACN;AAAA,IACA,SAAS;AACP,aAAO;AAAA,QACL,GAAG;AAAA,QACH,GAAG,OAAO,OAAO;AAAA,MACnB;AAAA,IACF;AAAA,IACA,aAAa;AACX,aAAO;AAAA,QACL,GAAG,OAAO,WAAW;AAAA,MACvB;AAAA,IACF;AAAA,IACA,GAAG;AAAA,EACL;AACF;","names":[]}

package/dist/functions/component/index.d.mts

@@ -1,5 +1,5 @@
 export { ComponentSchema, component } from './component.mjs';
-import '../../types-DUGwdG43.mjs';
+import '../../types-CUiyZnDu.mjs';
 import '../../types/webcomponent.mjs';
 import '../../types/utils.mjs';
 import '../../types/component.mjs';

package/dist/functions/component/index.d.ts

@@ -1,5 +1,5 @@
 export { ComponentSchema, component } from './component.js';
-import '../../types-Cvbi87LT.js';
+import '../../types-5qjjdXLi.js';
 import '../../types/webcomponent.js';
 import '../../types/utils.js';
 import '../../types/component.js';

package/dist/functions/component/index.js

@@ -25,32 +25,19 @@ __export(component_exports, {
 module.exports = __toCommonJS(component_exports);
 
 // src/functions/component/component.ts
-function component(config, dialog, slots) {
-  const slotsParse = slots ? Object.entries(slots).map(
-    ([key, slot]) => ({
-      id: key,
-      name: key,
-      ...slot._parse()
-    })
-  ) : [];
-  const slotsPrimitives = slots ? Object.entries(slots).reduce((acc, [key, slot]) => {
-    acc[key] = slot._primitive();
-    return acc;
-  }, {}) : [];
+function component(config, dialog) {
   return {
     type: "component",
     dialog,
     _parse() {
       return {
         ...config,
-        ...dialog._parse(),
-        dynamiczones: slotsParse
+        ...dialog._parse()
       };
     },
     _primitive() {
       return {
-        ...dialog._primitive(),
-        ...slotsPrimitives
+        ...dialog._primitive()
       };
     },
     ...config

package/dist/functions/component/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/functions/component/index.ts","../../../src/functions/component/component.ts"],"sourcesContent":["export * from './component';\n","import { BaseSchema, ComponentModel } from '../../types';\nimport { ObjectEntries, ObjectOutput, SlotEntries } from '../../types/object';\nimport { DialogSchema } from '../../schema/dialog';\nimport { WebcomponentPropTypes } from '../../types/webcomponent';\n\nexport interface ComponentSchema<TEntries extends ObjectEntries, TSlots extends SlotEntries | undefined> extends BaseSchema<ObjectOutput<TEntries & TSlots>>, Partial<ComponentModel> {\n  type: 'component';\n  dialog: DialogSchema<TEntries>;\n  slots?: TSlots,\n}\n\nexport function component<TEntries extends ObjectEntries, TSlots extends SlotEntries | undefined>(\n  config: Partial<ComponentModel>,\n  dialog: DialogSchema<TEntries>,\n  slots?: TSlots,\n): ComponentSchema<TEntries, TSlots> {\n\n  const slotsParse = slots ? Object.entries(slots).map(([key, slot]) => (\n    {\n      id: key,\n      name: key,\n      ...slot._parse(),\n    }),\n  ) : [];\n  const slotsPrimitives = slots ? Object.entries(slots).reduce((acc, [key, slot]) => {\n    acc[key] = slot._primitive();\n    return acc\n  }, {} as Record<string, WebcomponentPropTypes | Record<string, WebcomponentPropTypes>>) : [];\n\n  return {\n    type: 'component',\n    dialog,\n    _parse() {\n      return {\n        ...config,\n        ...dialog._parse(),\n        dynamiczones: slotsParse,\n      };\n    },\n    _primitive() {\n      return {\n        ...dialog._primitive() as object,\n        ...slotsPrimitives as object,\n      };\n    },\n    ...config,\n  };\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACWO,SAAS,UACd,QACA,QACA,OACmC;AAEnC,QAAM,aAAa,QAAQ,OAAO,QAAQ,KAAK,EAAE;AAAA,IAAI,CAAC,CAAC,KAAK,IAAI,OAC9D;AAAA,MACE,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,GAAG,KAAK,OAAO;AAAA,IACjB;AAAA,EACF,IAAI,CAAC;AACL,QAAM,kBAAkB,QAAQ,OAAO,QAAQ,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,IAAI,MAAM;AACjF,QAAI,GAAG,IAAI,KAAK,WAAW;AAC3B,WAAO;AAAA,EACT,GAAG,CAAC,CAAkF,IAAI,CAAC;AAE3F,SAAO;AAAA,IACL,MAAM;AAAA,IACN;AAAA,IACA,SAAS;AACP,aAAO;AAAA,QACL,GAAG;AAAA,QACH,GAAG,OAAO,OAAO;AAAA,QACjB,cAAc;AAAA,MAChB;AAAA,IACF;AAAA,IACA,aAAa;AACX,aAAO;AAAA,QACL,GAAG,OAAO,WAAW;AAAA,QACrB,GAAG;AAAA,MACL;AAAA,IACF;AAAA,IACA,GAAG;AAAA,EACL;AACF;","names":[]}
+{"version":3,"sources":["../../../src/functions/component/index.ts","../../../src/functions/component/component.ts"],"sourcesContent":["export * from './component';\n","import { BaseSchema, ComponentModel } from '../../types';\nimport { ObjectEntries, ObjectOutput } from '../../types/object';\nimport { DialogSchema } from '../../schema/dialog';\n\nexport interface ComponentSchema<TEntries extends ObjectEntries> extends BaseSchema<ObjectOutput<TEntries>>, Partial<ComponentModel> {\n  type: 'component';\n  dialog: DialogSchema<TEntries>;\n}\n\nexport function component<TEntries extends ObjectEntries>(\n  config: Partial<ComponentModel>,\n  dialog: DialogSchema<TEntries>,\n): ComponentSchema<TEntries> {\n\n  return {\n    type: 'component',\n    dialog,\n    _parse() {\n      return {\n        ...config,\n        ...dialog._parse(),\n      };\n    },\n    _primitive() {\n      return {\n        ...dialog._primitive() as object,\n      };\n    },\n    ...config,\n  };\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACSO,SAAS,UACd,QACA,QAC2B;AAE3B,SAAO;AAAA,IACL,MAAM;AAAA,IACN;AAAA,IACA,SAAS;AACP,aAAO;AAAA,QACL,GAAG;AAAA,QACH,GAAG,OAAO,OAAO;AAAA,MACnB;AAAA,IACF;AAAA,IACA,aAAa;AACX,aAAO;AAAA,QACL,GAAG,OAAO,WAAW;AAAA,MACvB;AAAA,IACF;AAAA,IACA,GAAG;AAAA,EACL;AACF;","names":[]}