@brytdesigns/web-component-core 1.0.2 → 1.1.1

package/dist/esm/index.js

@@ -1,5 +1,7 @@
 import { createFocusTrap as createFocusTrap$1 } from 'focus-trap';
-import { createMemo } from 'solid-js';
+import { createMemo, createEffect, on, createRoot, onCleanup, createSignal } from 'solid-js';
+import { compose, register, noShadowDOM } from 'component-register';
+import { insert } from 'solid-js/web';
 
 // src/focusTrap/index.ts
 var trapStack = [];
@@ -124,6 +126,159 @@ function getTransitionConfig(style) {
   };
 }
 
-export { abortablePromise, awaitAllAnimations, controlsToPromise, createFocusTrap, getTransitionConfig };
+// src/utils/toHyphenated.ts
+function toHyphenated(str) {
+  return str.replace(/([A-Z])/g, "-$1").toLowerCase();
+}
+function createProps(raw) {
+  const keys = Object.keys(raw);
+  const props = {};
+  for (let i = 0; i < keys.length; i++) {
+    const key = keys[i];
+    if (typeof key === "undefined") continue;
+    const [get, set] = createSignal(Reflect.get(raw, key));
+    Object.defineProperty(props, key, {
+      get,
+      set(v) {
+        set(() => v);
+      }
+    });
+  }
+  return props;
+}
+function lookupContext(el) {
+  if (el.assignedSlot && el.assignedSlot._$owner)
+    return el.assignedSlot._$owner;
+  let next = el.parentNode;
+  while (next && !next._$owner && !(next.assignedSlot && next.assignedSlot._$owner))
+    next = next.parentNode;
+  return next && next.assignedSlot ? next.assignedSlot._$owner : el._$owner;
+}
+function withSolid(ComponentType) {
+  return (rawProps, options) => {
+    const { element } = options;
+    return createRoot((dispose) => {
+      const props = createProps(rawProps);
+      element.addPropertyChangedCallback(
+        (key, val) => props[key] = val
+      );
+      element.addReleaseCallback(() => {
+        element.renderRoot.textContent = "";
+        dispose();
+      });
+      const comp = ComponentType(props, options);
+      return insert(element.renderRoot, comp);
+    }, lookupContext(element));
+  };
+}
+function withNoShadowDOM(Component = () => {
+}) {
+  return (props, options) => {
+    noShadowDOM();
+    const comp = Component(props, options);
+    return comp;
+  };
+}
+function customElement(tagName, props, Component = () => {
+}, ...rest) {
+  return compose(register(tagName, props), withSolid, ...rest)(Component);
+}
+function customShadowlessElement(tagName, props, Component = () => {
+}, ...rest) {
+  return compose(
+    register(tagName, props),
+    withNoShadowDOM,
+    withSolid,
+    ...rest
+  )(Component);
+}
+var correctElementType = (component) => {
+  return (props, options) => {
+    return component(props, options);
+  };
+};
+
+// src/utils/isCustomElement.ts
+function isCustomElement(element) {
+  return Reflect.has(element, "__initialized");
+}
+
+// src/utils/getContextFromProvider.ts
+function getContextFromProvider(context, element) {
+  const ctxSymbol = Object.getOwnPropertySymbols(element).find(
+    (s) => s.description === "element-context"
+  );
+  if (!ctxSymbol) {
+    throw new Error("No context provider found for the provided element");
+  }
+  const contexts = element[ctxSymbol];
+  return contexts[context.id];
+}
+
+// src/utils/checkLoaded.ts
+function checkLoaded() {
+  return document.readyState === "complete" || //@ts-ignore
+  document.readyState === "loaded" || document.readyState === "interactive";
+}
+
+// src/utils/invokeOnLoaded.ts
+function invokeOnLoaded(fn, { signal }) {
+  if (checkLoaded()) {
+    const id = setTimeout(() => fn());
+    signal?.addEventListener("abort", () => clearTimeout(id), {
+      once: true
+    });
+    return;
+  }
+  window.addEventListener("DOMContentLoaded", fn, { signal, once: true });
+  return;
+}
+function createWithElementContext(context) {
+  return function(selector, dependencies = () => null, cb) {
+    createEffect(
+      on(
+        () => {
+          const s = typeof selector === "string" ? selector : selector();
+          return {
+            selector: s,
+            dependencies: dependencies()
+          };
+        },
+        ({ selector: selector2, dependencies: dependencies2 }) => {
+          const controller = new AbortController();
+          invokeOnLoaded(
+            () => {
+              let target = null;
+              try {
+                target = document.querySelector(selector2);
+              } catch (e) {
+              }
+              if (!target)
+                return console.warn(`Target element not found!`, {
+                  target: selector2
+                });
+              createRoot((dispose) => {
+                const c = getContextFromProvider(context, target);
+                const unsub = cb(c, dependencies2);
+                onCleanup(() => {
+                  if (typeof unsub === "function") unsub();
+                });
+                controller.signal.addEventListener("abort", dispose, {
+                  once: true
+                });
+              });
+            },
+            { signal: controller.signal }
+          );
+          onCleanup(() => {
+            controller.abort();
+          });
+        }
+      )
+    );
+  };
+}
+
+export { abortablePromise, awaitAllAnimations, checkLoaded, controlsToPromise, correctElementType, createFocusTrap, createWithElementContext, customElement, customShadowlessElement, getContextFromProvider, getTransitionConfig, invokeOnLoaded, isCustomElement, toHyphenated };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/focusTrap/index.ts","../../src/promise/abortablePromise.ts","../../src/animation/controlsToPromise.ts","../../src/animation/awaitAllAnimations.ts","../../src/animation/getTransitionConfig.ts"],"names":["_createFocusTrap"],"mappings":"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","file":"index.js","sourcesContent":["import {\n  createFocusTrap as _createFocusTrap,\n  type Options,\n  type FocusTrap,\n} from \"focus-trap\";\nimport { createMemo, type Accessor } from \"solid-js\";\n\nconst trapStack: Array<FocusTrap> = [];\n\nexport const createFocusTrap = (\n  element: HTMLElement,\n  options?: Accessor<Options>,\n) =>\n  createMemo(() => {\n    const o = options?.() || {\n      trapStack,\n    };\n    if (!o.trapStack) {\n      o.trapStack = trapStack;\n    }\n    return _createFocusTrap(element, o);\n  });\n","export function abortablePromise(promise: Promise<any>, signal: AbortSignal) {\n  if (signal.aborted) {\n    return new Promise((_, rej) => rej(signal.reason));\n  }\n\n  return new Promise(async (res, rej) => {\n    signal.addEventListener(\n      \"abort\",\n      () => {\n        rej(signal.reason);\n      },\n      { once: true },\n    );\n    promise.then(res);\n  });\n}\n","import type { AnimationPlaybackControlsWithThen } from \"motion\";\n\nexport async function controlsToPromise(\n  controls: AnimationPlaybackControlsWithThen,\n) {\n  return new Promise((resolve) => {\n    controls.then(() => resolve(null));\n  });\n}\n","import type { AnimationPlaybackControlsWithThen } from \"motion\";\n\nexport function awaitAllAnimations(\n  promises: AnimationPlaybackControlsWithThen[],\n) {\n  return new Promise((resolve, _) => {\n    const results: any[] = [];\n    let remaining = promises.length;\n    if (remaining === 0) {\n      resolve([]); // zero‐length edge case\n      return;\n    }\n\n    function updateResults<T>(value: T, index: number) {\n      results[index] = value;\n      remaining -= 1;\n      if (remaining === 0) {\n        resolve(results);\n      }\n    }\n\n    promises.forEach((p, i) => {\n      try {\n        if (p?.state === \"idle\") {\n          updateResults(null, i);\n        } else {\n          p.then(() => {\n            updateResults(null, i);\n          });\n        }\n      } catch (e) {\n        p.then(() => {\n          updateResults(null, i);\n        });\n      }\n    });\n  });\n}\n","import type {\n  Easing,\n  Transition,\n  AnimationGeneratorType,\n  RepeatType,\n} from \"motion\";\n\nexport function getTransitionConfig(style: CSSStyleDeclaration) {\n  const properties = {\n    bounce: style.getPropertyValue(\"--motion--bounce\"),\n    bounceDamping: style.getPropertyValue(\"--motion--bounce-damping\"),\n    bounceStiffness: style.getPropertyValue(\"--motion--bounce-stiffness\"),\n    duration: style.getPropertyValue(\"--motion--duration\"),\n    damping: style.getPropertyValue(\"--motion--damping\"),\n    delay: style.getPropertyValue(\"--motion--delay\"),\n    ease: style.getPropertyValue(\"--motion--ease\"),\n    elapsed: style.getPropertyValue(\"--motion--elapsed\"),\n    mass: style.getPropertyValue(\"--motion--mass\"),\n    max: style.getPropertyValue(\"--motion--max\"),\n    min: style.getPropertyValue(\"--motion--min\"),\n    power: style.getPropertyValue(\"--motion--power\"),\n    repeat: style.getPropertyValue(\"--motion--repeat\"),\n    repeatDelay: style.getPropertyValue(\"--motion--repeat-delay\"),\n    repeatType: style.getPropertyValue(\"--motion--repeat-type\"),\n    restDelta: style.getPropertyValue(\"--motion--rest-delta\"),\n    restSpeed: style.getPropertyValue(\"--motion--rest-speed\"),\n    startTime: style.getPropertyValue(\"--motion--start-time\"),\n    timeConstant: style.getPropertyValue(\"--motion--time-constant\"),\n    times: style.getPropertyValue(\"--motion--times\"),\n    type: style.getPropertyValue(\"--motion--type\"),\n    velocity: style.getPropertyValue(\"--motion--velocity\"),\n    visualDuration: style.getPropertyValue(\"--motion--visual-duration\"),\n  };\n  return {\n    bounce: properties.bounce ? parseFloat(properties.bounce) : undefined,\n    bounceDamping: properties.bounceDamping\n      ? parseFloat(properties.bounceDamping)\n      : undefined,\n    bounceStiffness: properties.bounceStiffness\n      ? parseFloat(properties.bounceStiffness)\n      : undefined,\n    duration: properties.duration ? parseFloat(properties.duration) : undefined,\n    damping: properties.damping ? parseFloat(properties.damping) : undefined,\n    delay: properties.delay ? parseFloat(properties.delay) : undefined,\n    ease: (properties.ease ? properties.ease : undefined) as Easing,\n    elapsed: properties.elapsed ? parseFloat(properties.elapsed) : undefined,\n    mass: properties.mass ? parseFloat(properties.mass) : undefined,\n    max: properties.max ? parseFloat(properties.max) : undefined,\n    min: properties.min ? parseFloat(properties.min) : undefined,\n    power: properties.power ? parseFloat(properties.power) : undefined,\n    repeat: properties.repeat ? parseInt(properties.repeat) : undefined,\n    repeatDelay: properties.repeatDelay\n      ? parseFloat(properties.repeatDelay)\n      : undefined,\n    repeatType: (properties.repeatType\n      ? properties.repeatType\n      : undefined) as RepeatType,\n    restDelta: properties.restDelta\n      ? parseFloat(properties.restDelta)\n      : undefined,\n    restSpeed: properties.restSpeed\n      ? parseFloat(properties.restSpeed)\n      : undefined,\n    startTime: properties.startTime\n      ? parseFloat(properties.startTime)\n      : undefined,\n    timeConstant: properties.timeConstant\n      ? parseFloat(properties.timeConstant)\n      : undefined,\n    type: (properties.type\n      ? properties.type\n      : undefined) as AnimationGeneratorType,\n    velocity: properties.velocity ? parseFloat(properties.velocity) : undefined,\n    visualDuration: properties.visualDuration\n      ? parseFloat(properties.visualDuration)\n      : undefined,\n  } satisfies Transition;\n}\n"]}
+{"version":3,"sources":["../../src/focusTrap/index.ts","../../src/promise/abortablePromise.ts","../../src/animation/controlsToPromise.ts","../../src/animation/awaitAllAnimations.ts","../../src/animation/getTransitionConfig.ts","../../src/utils/toHyphenated.ts","../../src/utils/solid-element.ts","../../src/utils/isCustomElement.ts","../../src/utils/getContextFromProvider.ts","../../src/utils/checkLoaded.ts","../../src/utils/invokeOnLoaded.ts","../../src/utils/createWithElementContext.ts"],"names":["_createFocusTrap","selector","dependencies","createRoot"],"mappings":"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","file":"index.js","sourcesContent":["import {\n  createFocusTrap as _createFocusTrap,\n  type Options,\n  type FocusTrap,\n} from \"focus-trap\";\nimport { createMemo, type Accessor } from \"solid-js\";\n\nconst trapStack: Array<FocusTrap> = [];\n\nexport const createFocusTrap = (\n  element: HTMLElement,\n  options?: Accessor<Options>,\n) =>\n  createMemo(() => {\n    const o = options?.() || {\n      trapStack,\n    };\n    if (!o.trapStack) {\n      o.trapStack = trapStack;\n    }\n    return _createFocusTrap(element, o);\n  });\n","export function abortablePromise(promise: Promise<any>, signal: AbortSignal) {\n  if (signal.aborted) {\n    return new Promise((_, rej) => rej(signal.reason));\n  }\n\n  return new Promise(async (res, rej) => {\n    signal.addEventListener(\n      \"abort\",\n      () => {\n        rej(signal.reason);\n      },\n      { once: true },\n    );\n    promise.then(res);\n  });\n}\n","import type { AnimationPlaybackControlsWithThen } from \"motion\";\n\nexport async function controlsToPromise(\n  controls: AnimationPlaybackControlsWithThen,\n) {\n  return new Promise((resolve) => {\n    controls.then(() => resolve(null));\n  });\n}\n","import type { AnimationPlaybackControlsWithThen } from \"motion\";\n\nexport function awaitAllAnimations(\n  promises: AnimationPlaybackControlsWithThen[],\n) {\n  return new Promise((resolve, _) => {\n    const results: any[] = [];\n    let remaining = promises.length;\n    if (remaining === 0) {\n      resolve([]); // zero‐length edge case\n      return;\n    }\n\n    function updateResults<T>(value: T, index: number) {\n      results[index] = value;\n      remaining -= 1;\n      if (remaining === 0) {\n        resolve(results);\n      }\n    }\n\n    promises.forEach((p, i) => {\n      try {\n        if (p?.state === \"idle\") {\n          updateResults(null, i);\n        } else {\n          p.then(() => {\n            updateResults(null, i);\n          });\n        }\n      } catch (e) {\n        p.then(() => {\n          updateResults(null, i);\n        });\n      }\n    });\n  });\n}\n","import type {\n  Easing,\n  Transition,\n  AnimationGeneratorType,\n  RepeatType,\n} from \"motion\";\n\nexport function getTransitionConfig(style: CSSStyleDeclaration) {\n  const properties = {\n    bounce: style.getPropertyValue(\"--motion--bounce\"),\n    bounceDamping: style.getPropertyValue(\"--motion--bounce-damping\"),\n    bounceStiffness: style.getPropertyValue(\"--motion--bounce-stiffness\"),\n    duration: style.getPropertyValue(\"--motion--duration\"),\n    damping: style.getPropertyValue(\"--motion--damping\"),\n    delay: style.getPropertyValue(\"--motion--delay\"),\n    ease: style.getPropertyValue(\"--motion--ease\"),\n    elapsed: style.getPropertyValue(\"--motion--elapsed\"),\n    mass: style.getPropertyValue(\"--motion--mass\"),\n    max: style.getPropertyValue(\"--motion--max\"),\n    min: style.getPropertyValue(\"--motion--min\"),\n    power: style.getPropertyValue(\"--motion--power\"),\n    repeat: style.getPropertyValue(\"--motion--repeat\"),\n    repeatDelay: style.getPropertyValue(\"--motion--repeat-delay\"),\n    repeatType: style.getPropertyValue(\"--motion--repeat-type\"),\n    restDelta: style.getPropertyValue(\"--motion--rest-delta\"),\n    restSpeed: style.getPropertyValue(\"--motion--rest-speed\"),\n    startTime: style.getPropertyValue(\"--motion--start-time\"),\n    timeConstant: style.getPropertyValue(\"--motion--time-constant\"),\n    times: style.getPropertyValue(\"--motion--times\"),\n    type: style.getPropertyValue(\"--motion--type\"),\n    velocity: style.getPropertyValue(\"--motion--velocity\"),\n    visualDuration: style.getPropertyValue(\"--motion--visual-duration\"),\n  };\n  return {\n    bounce: properties.bounce ? parseFloat(properties.bounce) : undefined,\n    bounceDamping: properties.bounceDamping\n      ? parseFloat(properties.bounceDamping)\n      : undefined,\n    bounceStiffness: properties.bounceStiffness\n      ? parseFloat(properties.bounceStiffness)\n      : undefined,\n    duration: properties.duration ? parseFloat(properties.duration) : undefined,\n    damping: properties.damping ? parseFloat(properties.damping) : undefined,\n    delay: properties.delay ? parseFloat(properties.delay) : undefined,\n    ease: (properties.ease ? properties.ease : undefined) as Easing,\n    elapsed: properties.elapsed ? parseFloat(properties.elapsed) : undefined,\n    mass: properties.mass ? parseFloat(properties.mass) : undefined,\n    max: properties.max ? parseFloat(properties.max) : undefined,\n    min: properties.min ? parseFloat(properties.min) : undefined,\n    power: properties.power ? parseFloat(properties.power) : undefined,\n    repeat: properties.repeat ? parseInt(properties.repeat) : undefined,\n    repeatDelay: properties.repeatDelay\n      ? parseFloat(properties.repeatDelay)\n      : undefined,\n    repeatType: (properties.repeatType\n      ? properties.repeatType\n      : undefined) as RepeatType,\n    restDelta: properties.restDelta\n      ? parseFloat(properties.restDelta)\n      : undefined,\n    restSpeed: properties.restSpeed\n      ? parseFloat(properties.restSpeed)\n      : undefined,\n    startTime: properties.startTime\n      ? parseFloat(properties.startTime)\n      : undefined,\n    timeConstant: properties.timeConstant\n      ? parseFloat(properties.timeConstant)\n      : undefined,\n    type: (properties.type\n      ? properties.type\n      : undefined) as AnimationGeneratorType,\n    velocity: properties.velocity ? parseFloat(properties.velocity) : undefined,\n    visualDuration: properties.visualDuration\n      ? parseFloat(properties.visualDuration)\n      : undefined,\n  } satisfies Transition;\n}\n","export function toHyphenated(str: string): string {\n  return str\n    .replace(/([A-Z])/g, \"-$1\") // Insert hyphen before uppercase letters\n    .toLowerCase(); // Convert the entire string to lowercase\n}\n","import {\n  register,\n  type ComponentType as mComponentType,\n  type ICustomElement,\n  type FunctionComponent,\n  type ComponentOptions,\n  noShadowDOM,\n  compose,\n} from \"component-register\";\nimport { createRoot, createSignal } from \"solid-js\";\nimport { insert } from \"solid-js/web\";\n\nexport type ComponentType<T> = mComponentType<T>;\n\ntype CorrectComponentOptions = { element: HTMLElement & ICustomElement };\n\nexport type CorrectComponentType<T> = (\n  props: T,\n  options: CorrectComponentOptions,\n) => unknown;\n\nfunction createProps<T extends object>(raw: T) {\n  const keys = Object.keys(raw) as (keyof T)[];\n  const props = {};\n  for (let i = 0; i < keys.length; i++) {\n    const key = keys[i];\n    if (typeof key === \"undefined\") continue;\n    const [get, set] = createSignal(Reflect.get(raw, key));\n    Object.defineProperty(props, key, {\n      get,\n      set(v) {\n        set(() => v);\n      },\n    });\n  }\n  return props as T;\n}\n\nfunction lookupContext(el: ICustomElement & { _$owner?: any }) {\n  if (el.assignedSlot && el.assignedSlot._$owner)\n    return el.assignedSlot._$owner;\n  let next: Element & { _$owner?: any } = el.parentNode;\n  while (\n    next &&\n    !next._$owner &&\n    !(\n      next.assignedSlot &&\n      (next.assignedSlot as Element & { _$owner?: any })._$owner\n    )\n  )\n    next = next.parentNode as Element;\n  return next && next.assignedSlot\n    ? (next.assignedSlot as Element & { _$owner?: any })._$owner\n    : el._$owner;\n}\n\nfunction withSolid<T extends object>(\n  ComponentType: ComponentType<T>,\n): ComponentType<T> {\n  return (rawProps: T, options: ComponentOptions) => {\n    const { element } = options as {\n      element: ICustomElement & { _$owner?: any };\n    };\n    return createRoot((dispose: Function) => {\n      const props = createProps<T>(rawProps);\n\n      element.addPropertyChangedCallback(\n        (key: string, val: any) => (props[key as keyof T] = val),\n      );\n      element.addReleaseCallback(() => {\n        element.renderRoot.textContent = \"\";\n        dispose();\n      });\n\n      const comp = (ComponentType as FunctionComponent<T>)(props as T, options);\n      return insert(element.renderRoot, comp);\n    }, lookupContext(element));\n  };\n}\n\nfunction withNoShadowDOM<T extends object>(\n  Component: ComponentType<T> = () => {},\n) {\n  return (props: T, options: ComponentOptions) => {\n    noShadowDOM();\n    const comp = (Component as FunctionComponent<T>)(props, options);\n    return comp;\n  };\n}\n\nexport function customElement<T extends object>(\n  tagName: string,\n  props: T,\n  Component: ComponentType<T> = () => {},\n  ...rest: ((C: ComponentType<T>) => ComponentType<T>)[]\n) {\n  return compose(register(tagName, props), withSolid, ...rest)(Component);\n}\n\nexport function customShadowlessElement<T extends object>(\n  tagName: string,\n  props: T,\n  Component: ComponentType<T> = () => {},\n  ...rest: ((C: ComponentType<T>) => ComponentType<T>)[]\n) {\n  return compose(\n    register(tagName, props),\n    withNoShadowDOM,\n    withSolid,\n    ...rest,\n  )(Component);\n}\n\nexport const correctElementType = <T>(\n  component: CorrectComponentType<T>,\n): ComponentType<T> => {\n  return (props: T, options) => {\n    return component(props, options as CorrectComponentOptions);\n  };\n};\n","import type { ICustomElement } from \"component-register\";\nexport function isCustomElement(\n  element: any,\n): element is ICustomElement & HTMLElement {\n  return Reflect.has(element, \"__initialized\");\n}\n","import type { createContext } from \"component-register\";\n\nexport function getContextFromProvider<T>(\n  context: ReturnType<typeof createContext>,\n  element: Element,\n) {\n  const ctxSymbol = Object.getOwnPropertySymbols(element).find(\n    (s) => s.description === \"element-context\",\n  );\n  if (!ctxSymbol) {\n    throw new Error(\"No context provider found for the provided element\");\n  }\n  // @ts-ignore\n  const contexts = element[ctxSymbol];\n  return contexts[context.id] as T;\n}\n","export function checkLoaded() {\n  return (\n    document.readyState === \"complete\" ||\n    //@ts-ignore\n    document.readyState === \"loaded\" ||\n    document.readyState === \"interactive\"\n  );\n}\n","import { checkLoaded } from \"./checkLoaded.js\";\n\nexport function invokeOnLoaded(\n  fn: () => void,\n  { signal }: { signal?: AbortSignal },\n) {\n  if (checkLoaded()) {\n    const id = setTimeout(() => fn());\n    signal?.addEventListener(\"abort\", () => clearTimeout(id), {\n      once: true,\n    });\n    return;\n  }\n  window.addEventListener(\"DOMContentLoaded\", fn, { signal, once: true });\n  return;\n}\n","import type { createContext } from \"component-register\";\nimport { getContextFromProvider } from \"./getContextFromProvider.js\";\nimport { invokeOnLoaded } from \"./invokeOnLoaded.js\";\nimport {\n  type Accessor,\n  createEffect,\n  createRoot,\n  on,\n  onCleanup,\n} from \"solid-js\";\n\n/**\n * Creates a HOF to ensure that a given callback is invoked only after the context for the element is ready.\n * */\n\nexport function createWithElementContext<\n  Context extends ReturnType<typeof createContext>,\n  ContextState = null,\n>(context: Context) {\n  return function <D extends any>(\n    selector: string | Accessor<string>,\n    dependencies: Accessor<D> = () => null as D,\n    cb: (context: ContextState, dependencies: D) => void | (() => void),\n  ) {\n    createEffect(\n      on(\n        () => {\n          const s: string =\n            typeof selector === \"string\" ? selector : selector();\n          return {\n            selector: s,\n            dependencies: dependencies(),\n          };\n        },\n        ({ selector, dependencies }) => {\n          const controller = new AbortController();\n          invokeOnLoaded(\n            () => {\n              let target: Element | null = null;\n              try {\n                target = document.querySelector(selector);\n              } catch (e) {\n                e;\n              }\n              if (!target)\n                return console.warn(`Target element not found!`, {\n                  target: selector,\n                });\n\n              createRoot((dispose) => {\n                const c = getContextFromProvider(context, target);\n\n                const unsub = cb(c as ContextState, dependencies);\n\n                onCleanup(() => {\n                  if (typeof unsub === \"function\") unsub();\n                });\n\n                controller.signal.addEventListener(\"abort\", dispose, {\n                  once: true,\n                });\n              });\n            },\n            { signal: controller.signal },\n          );\n\n          // abort controller when dependencies change\n          onCleanup(() => {\n            controller.abort();\n          });\n        },\n      ),\n    );\n  };\n}\n"]}

package/dist/esm/utils/index.js

@@ -0,0 +1,160 @@
+import { compose, register, noShadowDOM } from 'component-register';
+import { createEffect, on, createRoot, onCleanup, createSignal } from 'solid-js';
+import { insert } from 'solid-js/web';
+
+// src/utils/toHyphenated.ts
+function toHyphenated(str) {
+  return str.replace(/([A-Z])/g, "-$1").toLowerCase();
+}
+function createProps(raw) {
+  const keys = Object.keys(raw);
+  const props = {};
+  for (let i = 0; i < keys.length; i++) {
+    const key = keys[i];
+    if (typeof key === "undefined") continue;
+    const [get, set] = createSignal(Reflect.get(raw, key));
+    Object.defineProperty(props, key, {
+      get,
+      set(v) {
+        set(() => v);
+      }
+    });
+  }
+  return props;
+}
+function lookupContext(el) {
+  if (el.assignedSlot && el.assignedSlot._$owner)
+    return el.assignedSlot._$owner;
+  let next = el.parentNode;
+  while (next && !next._$owner && !(next.assignedSlot && next.assignedSlot._$owner))
+    next = next.parentNode;
+  return next && next.assignedSlot ? next.assignedSlot._$owner : el._$owner;
+}
+function withSolid(ComponentType) {
+  return (rawProps, options) => {
+    const { element } = options;
+    return createRoot((dispose) => {
+      const props = createProps(rawProps);
+      element.addPropertyChangedCallback(
+        (key, val) => props[key] = val
+      );
+      element.addReleaseCallback(() => {
+        element.renderRoot.textContent = "";
+        dispose();
+      });
+      const comp = ComponentType(props, options);
+      return insert(element.renderRoot, comp);
+    }, lookupContext(element));
+  };
+}
+function withNoShadowDOM(Component = () => {
+}) {
+  return (props, options) => {
+    noShadowDOM();
+    const comp = Component(props, options);
+    return comp;
+  };
+}
+function customElement(tagName, props, Component = () => {
+}, ...rest) {
+  return compose(register(tagName, props), withSolid, ...rest)(Component);
+}
+function customShadowlessElement(tagName, props, Component = () => {
+}, ...rest) {
+  return compose(
+    register(tagName, props),
+    withNoShadowDOM,
+    withSolid,
+    ...rest
+  )(Component);
+}
+var correctElementType = (component) => {
+  return (props, options) => {
+    return component(props, options);
+  };
+};
+
+// src/utils/isCustomElement.ts
+function isCustomElement(element) {
+  return Reflect.has(element, "__initialized");
+}
+
+// src/utils/getContextFromProvider.ts
+function getContextFromProvider(context, element) {
+  const ctxSymbol = Object.getOwnPropertySymbols(element).find(
+    (s) => s.description === "element-context"
+  );
+  if (!ctxSymbol) {
+    throw new Error("No context provider found for the provided element");
+  }
+  const contexts = element[ctxSymbol];
+  return contexts[context.id];
+}
+
+// src/utils/checkLoaded.ts
+function checkLoaded() {
+  return document.readyState === "complete" || //@ts-ignore
+  document.readyState === "loaded" || document.readyState === "interactive";
+}
+
+// src/utils/invokeOnLoaded.ts
+function invokeOnLoaded(fn, { signal }) {
+  if (checkLoaded()) {
+    const id = setTimeout(() => fn());
+    signal?.addEventListener("abort", () => clearTimeout(id), {
+      once: true
+    });
+    return;
+  }
+  window.addEventListener("DOMContentLoaded", fn, { signal, once: true });
+  return;
+}
+function createWithElementContext(context) {
+  return function(selector, dependencies = () => null, cb) {
+    createEffect(
+      on(
+        () => {
+          const s = typeof selector === "string" ? selector : selector();
+          return {
+            selector: s,
+            dependencies: dependencies()
+          };
+        },
+        ({ selector: selector2, dependencies: dependencies2 }) => {
+          const controller = new AbortController();
+          invokeOnLoaded(
+            () => {
+              let target = null;
+              try {
+                target = document.querySelector(selector2);
+              } catch (e) {
+              }
+              if (!target)
+                return console.warn(`Target element not found!`, {
+                  target: selector2
+                });
+              createRoot((dispose) => {
+                const c = getContextFromProvider(context, target);
+                const unsub = cb(c, dependencies2);
+                onCleanup(() => {
+                  if (typeof unsub === "function") unsub();
+                });
+                controller.signal.addEventListener("abort", dispose, {
+                  once: true
+                });
+              });
+            },
+            { signal: controller.signal }
+          );
+          onCleanup(() => {
+            controller.abort();
+          });
+        }
+      )
+    );
+  };
+}
+
+export { checkLoaded, correctElementType, createWithElementContext, customElement, customShadowlessElement, getContextFromProvider, invokeOnLoaded, isCustomElement, toHyphenated };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/esm/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/toHyphenated.ts","../../../src/utils/solid-element.ts","../../../src/utils/isCustomElement.ts","../../../src/utils/getContextFromProvider.ts","../../../src/utils/checkLoaded.ts","../../../src/utils/invokeOnLoaded.ts","../../../src/utils/createWithElementContext.ts"],"names":["selector","dependencies","createRoot"],"mappings":"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","file":"index.js","sourcesContent":["export function toHyphenated(str: string): string {\n  return str\n    .replace(/([A-Z])/g, \"-$1\") // Insert hyphen before uppercase letters\n    .toLowerCase(); // Convert the entire string to lowercase\n}\n","import {\n  register,\n  type ComponentType as mComponentType,\n  type ICustomElement,\n  type FunctionComponent,\n  type ComponentOptions,\n  noShadowDOM,\n  compose,\n} from \"component-register\";\nimport { createRoot, createSignal } from \"solid-js\";\nimport { insert } from \"solid-js/web\";\n\nexport type ComponentType<T> = mComponentType<T>;\n\ntype CorrectComponentOptions = { element: HTMLElement & ICustomElement };\n\nexport type CorrectComponentType<T> = (\n  props: T,\n  options: CorrectComponentOptions,\n) => unknown;\n\nfunction createProps<T extends object>(raw: T) {\n  const keys = Object.keys(raw) as (keyof T)[];\n  const props = {};\n  for (let i = 0; i < keys.length; i++) {\n    const key = keys[i];\n    if (typeof key === \"undefined\") continue;\n    const [get, set] = createSignal(Reflect.get(raw, key));\n    Object.defineProperty(props, key, {\n      get,\n      set(v) {\n        set(() => v);\n      },\n    });\n  }\n  return props as T;\n}\n\nfunction lookupContext(el: ICustomElement & { _$owner?: any }) {\n  if (el.assignedSlot && el.assignedSlot._$owner)\n    return el.assignedSlot._$owner;\n  let next: Element & { _$owner?: any } = el.parentNode;\n  while (\n    next &&\n    !next._$owner &&\n    !(\n      next.assignedSlot &&\n      (next.assignedSlot as Element & { _$owner?: any })._$owner\n    )\n  )\n    next = next.parentNode as Element;\n  return next && next.assignedSlot\n    ? (next.assignedSlot as Element & { _$owner?: any })._$owner\n    : el._$owner;\n}\n\nfunction withSolid<T extends object>(\n  ComponentType: ComponentType<T>,\n): ComponentType<T> {\n  return (rawProps: T, options: ComponentOptions) => {\n    const { element } = options as {\n      element: ICustomElement & { _$owner?: any };\n    };\n    return createRoot((dispose: Function) => {\n      const props = createProps<T>(rawProps);\n\n      element.addPropertyChangedCallback(\n        (key: string, val: any) => (props[key as keyof T] = val),\n      );\n      element.addReleaseCallback(() => {\n        element.renderRoot.textContent = \"\";\n        dispose();\n      });\n\n      const comp = (ComponentType as FunctionComponent<T>)(props as T, options);\n      return insert(element.renderRoot, comp);\n    }, lookupContext(element));\n  };\n}\n\nfunction withNoShadowDOM<T extends object>(\n  Component: ComponentType<T> = () => {},\n) {\n  return (props: T, options: ComponentOptions) => {\n    noShadowDOM();\n    const comp = (Component as FunctionComponent<T>)(props, options);\n    return comp;\n  };\n}\n\nexport function customElement<T extends object>(\n  tagName: string,\n  props: T,\n  Component: ComponentType<T> = () => {},\n  ...rest: ((C: ComponentType<T>) => ComponentType<T>)[]\n) {\n  return compose(register(tagName, props), withSolid, ...rest)(Component);\n}\n\nexport function customShadowlessElement<T extends object>(\n  tagName: string,\n  props: T,\n  Component: ComponentType<T> = () => {},\n  ...rest: ((C: ComponentType<T>) => ComponentType<T>)[]\n) {\n  return compose(\n    register(tagName, props),\n    withNoShadowDOM,\n    withSolid,\n    ...rest,\n  )(Component);\n}\n\nexport const correctElementType = <T>(\n  component: CorrectComponentType<T>,\n): ComponentType<T> => {\n  return (props: T, options) => {\n    return component(props, options as CorrectComponentOptions);\n  };\n};\n","import type { ICustomElement } from \"component-register\";\nexport function isCustomElement(\n  element: any,\n): element is ICustomElement & HTMLElement {\n  return Reflect.has(element, \"__initialized\");\n}\n","import type { createContext } from \"component-register\";\n\nexport function getContextFromProvider<T>(\n  context: ReturnType<typeof createContext>,\n  element: Element,\n) {\n  const ctxSymbol = Object.getOwnPropertySymbols(element).find(\n    (s) => s.description === \"element-context\",\n  );\n  if (!ctxSymbol) {\n    throw new Error(\"No context provider found for the provided element\");\n  }\n  // @ts-ignore\n  const contexts = element[ctxSymbol];\n  return contexts[context.id] as T;\n}\n","export function checkLoaded() {\n  return (\n    document.readyState === \"complete\" ||\n    //@ts-ignore\n    document.readyState === \"loaded\" ||\n    document.readyState === \"interactive\"\n  );\n}\n","import { checkLoaded } from \"./checkLoaded.js\";\n\nexport function invokeOnLoaded(\n  fn: () => void,\n  { signal }: { signal?: AbortSignal },\n) {\n  if (checkLoaded()) {\n    const id = setTimeout(() => fn());\n    signal?.addEventListener(\"abort\", () => clearTimeout(id), {\n      once: true,\n    });\n    return;\n  }\n  window.addEventListener(\"DOMContentLoaded\", fn, { signal, once: true });\n  return;\n}\n","import type { createContext } from \"component-register\";\nimport { getContextFromProvider } from \"./getContextFromProvider.js\";\nimport { invokeOnLoaded } from \"./invokeOnLoaded.js\";\nimport {\n  type Accessor,\n  createEffect,\n  createRoot,\n  on,\n  onCleanup,\n} from \"solid-js\";\n\n/**\n * Creates a HOF to ensure that a given callback is invoked only after the context for the element is ready.\n * */\n\nexport function createWithElementContext<\n  Context extends ReturnType<typeof createContext>,\n  ContextState = null,\n>(context: Context) {\n  return function <D extends any>(\n    selector: string | Accessor<string>,\n    dependencies: Accessor<D> = () => null as D,\n    cb: (context: ContextState, dependencies: D) => void | (() => void),\n  ) {\n    createEffect(\n      on(\n        () => {\n          const s: string =\n            typeof selector === \"string\" ? selector : selector();\n          return {\n            selector: s,\n            dependencies: dependencies(),\n          };\n        },\n        ({ selector, dependencies }) => {\n          const controller = new AbortController();\n          invokeOnLoaded(\n            () => {\n              let target: Element | null = null;\n              try {\n                target = document.querySelector(selector);\n              } catch (e) {\n                e;\n              }\n              if (!target)\n                return console.warn(`Target element not found!`, {\n                  target: selector,\n                });\n\n              createRoot((dispose) => {\n                const c = getContextFromProvider(context, target);\n\n                const unsub = cb(c as ContextState, dependencies);\n\n                onCleanup(() => {\n                  if (typeof unsub === \"function\") unsub();\n                });\n\n                controller.signal.addEventListener(\"abort\", dispose, {\n                  once: true,\n                });\n              });\n            },\n            { signal: controller.signal },\n          );\n\n          // abort controller when dependencies change\n          onCleanup(() => {\n            controller.abort();\n          });\n        },\n      ),\n    );\n  };\n}\n"]}

package/dist/main/index.d.ts

@@ -1,5 +1,6 @@
 // Generated by dts-bundle-generator v9.5.1
 
+import { ComponentType as mComponentType, ICustomElement, createContext } from 'component-register';
 import { FocusTrap, Options } from 'focus-trap';
 import { AnimationGeneratorType, AnimationPlaybackControlsWithThen, Easing, RepeatType } from 'motion';
 import { Accessor } from 'solid-js';
@@ -32,5 +33,24 @@ export declare function getTransitionConfig(style: CSSStyleDeclaration): {
 	velocity: number | undefined;
 	visualDuration: number | undefined;
 };
+export declare function toHyphenated(str: string): string;
+export type ComponentType<T> = mComponentType<T>;
+export type CorrectComponentOptions = {
+	element: HTMLElement & ICustomElement;
+};
+export type CorrectComponentType<T> = (props: T, options: CorrectComponentOptions) => unknown;
+export declare function customElement<T extends object>(tagName: string, props: T, Component?: ComponentType<T>, ...rest: ((C: ComponentType<T>) => ComponentType<T>)[]): import("component-register/types/utils").ComponentType<any>;
+export declare function customShadowlessElement<T extends object>(tagName: string, props: T, Component?: ComponentType<T>, ...rest: ((C: ComponentType<T>) => ComponentType<T>)[]): import("component-register/types/utils").ComponentType<any>;
+export declare const correctElementType: <T>(component: CorrectComponentType<T>) => ComponentType<T>;
+export declare function isCustomElement(element: any): element is ICustomElement & HTMLElement;
+export declare function getContextFromProvider<T>(context: ReturnType<typeof createContext>, element: Element): T;
+export declare function checkLoaded(): boolean;
+export declare function invokeOnLoaded(fn: () => void, { signal }: {
+	signal?: AbortSignal;
+}): void;
+/**
+ * Creates a HOF to ensure that a given callback is invoked only after the context for the element is ready.
+ * */
+export declare function createWithElementContext<Context extends ReturnType<typeof createContext>, ContextState = null>(context: Context): <D extends any>(selector: string | Accessor<string>, dependencies: Accessor<D> | undefined, cb: (context: ContextState, dependencies: D) => void | (() => void)) => void;
 
 export {};

package/dist/main/index.js

@@ -1,5 +1,6 @@
 export * from './focusTrap/index.js';
 export * from './promise/index.js';
 export * from './animation/index.js';
+export * from './utils/index.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/main/utils/checkLoaded.js

@@ -0,0 +1,8 @@
+function checkLoaded() {
+  return document.readyState === "complete" || //@ts-ignore
+  document.readyState === "loaded" || document.readyState === "interactive";
+}
+
+export { checkLoaded };
+//# sourceMappingURL=checkLoaded.js.map
+//# sourceMappingURL=checkLoaded.js.map

package/dist/main/utils/checkLoaded.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/checkLoaded.ts"],"names":[],"mappings":"AAAO,SAAS,WAAc,GAAA;AAC5B,EAAA,OACE,SAAS,UAAe,KAAA,UAAA;AAAA,EAExB,QAAS,CAAA,UAAA,KAAe,QACxB,IAAA,QAAA,CAAS,UAAe,KAAA,aAAA;AAE5B","file":"checkLoaded.js","sourcesContent":["export function checkLoaded() {\n  return (\n    document.readyState === \"complete\" ||\n    //@ts-ignore\n    document.readyState === \"loaded\" ||\n    document.readyState === \"interactive\"\n  );\n}\n"]}

package/dist/main/utils/createWithElementContext.js

@@ -0,0 +1,53 @@
+import { getContextFromProvider } from './getContextFromProvider.js';
+import { invokeOnLoaded } from './invokeOnLoaded.js';
+import { createEffect, on, createRoot, onCleanup } from 'solid-js';
+
+function createWithElementContext(context) {
+  return function(selector, dependencies = () => null, cb) {
+    createEffect(
+      on(
+        () => {
+          const s = typeof selector === "string" ? selector : selector();
+          return {
+            selector: s,
+            dependencies: dependencies()
+          };
+        },
+        ({ selector: selector2, dependencies: dependencies2 }) => {
+          const controller = new AbortController();
+          invokeOnLoaded(
+            () => {
+              let target = null;
+              try {
+                target = document.querySelector(selector2);
+              } catch (e) {
+              }
+              if (!target)
+                return console.warn(`Target element not found!`, {
+                  target: selector2
+                });
+              createRoot((dispose) => {
+                const c = getContextFromProvider(context, target);
+                const unsub = cb(c, dependencies2);
+                onCleanup(() => {
+                  if (typeof unsub === "function") unsub();
+                });
+                controller.signal.addEventListener("abort", dispose, {
+                  once: true
+                });
+              });
+            },
+            { signal: controller.signal }
+          );
+          onCleanup(() => {
+            controller.abort();
+          });
+        }
+      )
+    );
+  };
+}
+
+export { createWithElementContext };
+//# sourceMappingURL=createWithElementContext.js.map
+//# sourceMappingURL=createWithElementContext.js.map

package/dist/main/utils/createWithElementContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/createWithElementContext.ts"],"names":["selector","dependencies"],"mappings":";;;;AAeO,SAAS,yBAGd,OAAkB,EAAA;AAClB,EAAA,OAAO,SACL,QAAA,EACA,YAA4B,GAAA,MAAM,MAClC,EACA,EAAA;AACA,IAAA,YAAA;AAAA,MACE,EAAA;AAAA,QACE,MAAM;AACJ,UAAA,MAAM,CACJ,GAAA,OAAO,QAAa,KAAA,QAAA,GAAW,WAAW,QAAS,EAAA;AACrD,UAAO,OAAA;AAAA,YACL,QAAU,EAAA,CAAA;AAAA,YACV,cAAc,YAAa;AAAA,WAC7B;AAAA,SACF;AAAA,QACA,CAAC,EAAE,QAAA,EAAAA,SAAU,EAAA,YAAA,EAAAC,eAAmB,KAAA;AAC9B,UAAM,MAAA,UAAA,GAAa,IAAI,eAAgB,EAAA;AACvC,UAAA,cAAA;AAAA,YACE,MAAM;AACJ,cAAA,IAAI,MAAyB,GAAA,IAAA;AAC7B,cAAI,IAAA;AACF,gBAAS,MAAA,GAAA,QAAA,CAAS,cAAcD,SAAQ,CAAA;AAAA,uBACjC,CAAG,EAAA;AACV;AAEF,cAAA,IAAI,CAAC,MAAA;AACH,gBAAO,OAAA,OAAA,CAAQ,KAAK,CAA6B,yBAAA,CAAA,EAAA;AAAA,kBAC/C,MAAQA,EAAAA;AAAA,iBACT,CAAA;AAEH,cAAA,UAAA,CAAW,CAAC,OAAY,KAAA;AACtB,gBAAM,MAAA,CAAA,GAAI,sBAAuB,CAAA,OAAA,EAAS,MAAM,CAAA;AAEhD,gBAAM,MAAA,KAAA,GAAQ,EAAG,CAAA,CAAA,EAAmBC,aAAY,CAAA;AAEhD,gBAAA,SAAA,CAAU,MAAM;AACd,kBAAI,IAAA,OAAO,KAAU,KAAA,UAAA,EAAkB,KAAA,EAAA;AAAA,iBACxC,CAAA;AAED,gBAAW,UAAA,CAAA,MAAA,CAAO,gBAAiB,CAAA,OAAA,EAAS,OAAS,EAAA;AAAA,kBACnD,IAAM,EAAA;AAAA,iBACP,CAAA;AAAA,eACF,CAAA;AAAA,aACH;AAAA,YACA,EAAE,MAAQ,EAAA,UAAA,CAAW,MAAO;AAAA,WAC9B;AAGA,UAAA,SAAA,CAAU,MAAM;AACd,YAAA,UAAA,CAAW,KAAM,EAAA;AAAA,WAClB,CAAA;AAAA;AACH;AACF,KACF;AAAA,GACF;AACF","file":"createWithElementContext.js","sourcesContent":["import type { createContext } from \"component-register\";\nimport { getContextFromProvider } from \"./getContextFromProvider.js\";\nimport { invokeOnLoaded } from \"./invokeOnLoaded.js\";\nimport {\n  type Accessor,\n  createEffect,\n  createRoot,\n  on,\n  onCleanup,\n} from \"solid-js\";\n\n/**\n * Creates a HOF to ensure that a given callback is invoked only after the context for the element is ready.\n * */\n\nexport function createWithElementContext<\n  Context extends ReturnType<typeof createContext>,\n  ContextState = null,\n>(context: Context) {\n  return function <D extends any>(\n    selector: string | Accessor<string>,\n    dependencies: Accessor<D> = () => null as D,\n    cb: (context: ContextState, dependencies: D) => void | (() => void),\n  ) {\n    createEffect(\n      on(\n        () => {\n          const s: string =\n            typeof selector === \"string\" ? selector : selector();\n          return {\n            selector: s,\n            dependencies: dependencies(),\n          };\n        },\n        ({ selector, dependencies }) => {\n          const controller = new AbortController();\n          invokeOnLoaded(\n            () => {\n              let target: Element | null = null;\n              try {\n                target = document.querySelector(selector);\n              } catch (e) {\n                e;\n              }\n              if (!target)\n                return console.warn(`Target element not found!`, {\n                  target: selector,\n                });\n\n              createRoot((dispose) => {\n                const c = getContextFromProvider(context, target);\n\n                const unsub = cb(c as ContextState, dependencies);\n\n                onCleanup(() => {\n                  if (typeof unsub === \"function\") unsub();\n                });\n\n                controller.signal.addEventListener(\"abort\", dispose, {\n                  once: true,\n                });\n              });\n            },\n            { signal: controller.signal },\n          );\n\n          // abort controller when dependencies change\n          onCleanup(() => {\n            controller.abort();\n          });\n        },\n      ),\n    );\n  };\n}\n"]}

package/dist/main/utils/getContextFromProvider.js

@@ -0,0 +1,14 @@
+function getContextFromProvider(context, element) {
+  const ctxSymbol = Object.getOwnPropertySymbols(element).find(
+    (s) => s.description === "element-context"
+  );
+  if (!ctxSymbol) {
+    throw new Error("No context provider found for the provided element");
+  }
+  const contexts = element[ctxSymbol];
+  return contexts[context.id];
+}
+
+export { getContextFromProvider };
+//# sourceMappingURL=getContextFromProvider.js.map
+//# sourceMappingURL=getContextFromProvider.js.map

package/dist/main/utils/getContextFromProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/getContextFromProvider.ts"],"names":[],"mappings":"AAEO,SAAS,sBAAA,CACd,SACA,OACA,EAAA;AACA,EAAA,MAAM,SAAY,GAAA,MAAA,CAAO,qBAAsB,CAAA,OAAO,CAAE,CAAA,IAAA;AAAA,IACtD,CAAC,CAAM,KAAA,CAAA,CAAE,WAAgB,KAAA;AAAA,GAC3B;AACA,EAAA,IAAI,CAAC,SAAW,EAAA;AACd,IAAM,MAAA,IAAI,MAAM,oDAAoD,CAAA;AAAA;AAGtE,EAAM,MAAA,QAAA,GAAW,QAAQ,SAAS,CAAA;AAClC,EAAO,OAAA,QAAA,CAAS,QAAQ,EAAE,CAAA;AAC5B","file":"getContextFromProvider.js","sourcesContent":["import type { createContext } from \"component-register\";\n\nexport function getContextFromProvider<T>(\n  context: ReturnType<typeof createContext>,\n  element: Element,\n) {\n  const ctxSymbol = Object.getOwnPropertySymbols(element).find(\n    (s) => s.description === \"element-context\",\n  );\n  if (!ctxSymbol) {\n    throw new Error(\"No context provider found for the provided element\");\n  }\n  // @ts-ignore\n  const contexts = element[ctxSymbol];\n  return contexts[context.id] as T;\n}\n"]}

package/dist/main/utils/index.d.ts

@@ -0,0 +1,26 @@
+// Generated by dts-bundle-generator v9.5.1
+
+import { ComponentType as mComponentType, ICustomElement, createContext } from 'component-register';
+import { Accessor } from 'solid-js';
+
+export declare function toHyphenated(str: string): string;
+export type ComponentType<T> = mComponentType<T>;
+export type CorrectComponentOptions = {
+	element: HTMLElement & ICustomElement;
+};
+export type CorrectComponentType<T> = (props: T, options: CorrectComponentOptions) => unknown;
+export declare function customElement<T extends object>(tagName: string, props: T, Component?: ComponentType<T>, ...rest: ((C: ComponentType<T>) => ComponentType<T>)[]): import("component-register/types/utils").ComponentType<any>;
+export declare function customShadowlessElement<T extends object>(tagName: string, props: T, Component?: ComponentType<T>, ...rest: ((C: ComponentType<T>) => ComponentType<T>)[]): import("component-register/types/utils").ComponentType<any>;
+export declare const correctElementType: <T>(component: CorrectComponentType<T>) => ComponentType<T>;
+export declare function isCustomElement(element: any): element is ICustomElement & HTMLElement;
+export declare function getContextFromProvider<T>(context: ReturnType<typeof createContext>, element: Element): T;
+export declare function checkLoaded(): boolean;
+export declare function invokeOnLoaded(fn: () => void, { signal }: {
+	signal?: AbortSignal;
+}): void;
+/**
+ * Creates a HOF to ensure that a given callback is invoked only after the context for the element is ready.
+ * */
+export declare function createWithElementContext<Context extends ReturnType<typeof createContext>, ContextState = null>(context: Context): <D extends any>(selector: string | Accessor<string>, dependencies: Accessor<D> | undefined, cb: (context: ContextState, dependencies: D) => void | (() => void)) => void;
+
+export {};

package/dist/main/utils/index.js

@@ -0,0 +1,9 @@
+export * from './toHyphenated.js';
+export * from './solid-element.js';
+export * from './isCustomElement.js';
+export * from './getContextFromProvider.js';
+export * from './checkLoaded.js';
+export * from './invokeOnLoaded.js';
+export * from './createWithElementContext.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/main/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js","sourcesContent":[]}

package/dist/main/utils/invokeOnLoaded.js

@@ -0,0 +1,17 @@
+import { checkLoaded } from './checkLoaded.js';
+
+function invokeOnLoaded(fn, { signal }) {
+  if (checkLoaded()) {
+    const id = setTimeout(() => fn());
+    signal?.addEventListener("abort", () => clearTimeout(id), {
+      once: true
+    });
+    return;
+  }
+  window.addEventListener("DOMContentLoaded", fn, { signal, once: true });
+  return;
+}
+
+export { invokeOnLoaded };
+//# sourceMappingURL=invokeOnLoaded.js.map
+//# sourceMappingURL=invokeOnLoaded.js.map

package/dist/main/utils/invokeOnLoaded.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/invokeOnLoaded.ts"],"names":[],"mappings":";;AAEO,SAAS,cACd,CAAA,EAAA,EACA,EAAE,MAAA,EACF,EAAA;AACA,EAAA,IAAI,aAAe,EAAA;AACjB,IAAA,MAAM,EAAK,GAAA,UAAA,CAAW,MAAM,EAAA,EAAI,CAAA;AAChC,IAAA,MAAA,EAAQ,gBAAiB,CAAA,OAAA,EAAS,MAAM,YAAA,CAAa,EAAE,CAAG,EAAA;AAAA,MACxD,IAAM,EAAA;AAAA,KACP,CAAA;AACD,IAAA;AAAA;AAEF,EAAA,MAAA,CAAO,iBAAiB,kBAAoB,EAAA,EAAA,EAAI,EAAE,MAAQ,EAAA,IAAA,EAAM,MAAM,CAAA;AACtE,EAAA;AACF","file":"invokeOnLoaded.js","sourcesContent":["import { checkLoaded } from \"./checkLoaded.js\";\n\nexport function invokeOnLoaded(\n  fn: () => void,\n  { signal }: { signal?: AbortSignal },\n) {\n  if (checkLoaded()) {\n    const id = setTimeout(() => fn());\n    signal?.addEventListener(\"abort\", () => clearTimeout(id), {\n      once: true,\n    });\n    return;\n  }\n  window.addEventListener(\"DOMContentLoaded\", fn, { signal, once: true });\n  return;\n}\n"]}

package/dist/main/utils/isCustomElement.js

@@ -0,0 +1,7 @@
+function isCustomElement(element) {
+  return Reflect.has(element, "__initialized");
+}
+
+export { isCustomElement };
+//# sourceMappingURL=isCustomElement.js.map
+//# sourceMappingURL=isCustomElement.js.map

package/dist/main/utils/isCustomElement.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/isCustomElement.ts"],"names":[],"mappings":"AACO,SAAS,gBACd,OACyC,EAAA;AACzC,EAAO,OAAA,OAAA,CAAQ,GAAI,CAAA,OAAA,EAAS,eAAe,CAAA;AAC7C","file":"isCustomElement.js","sourcesContent":["import type { ICustomElement } from \"component-register\";\nexport function isCustomElement(\n  element: any,\n): element is ICustomElement & HTMLElement {\n  return Reflect.has(element, \"__initialized\");\n}\n"]}

package/dist/main/utils/solid-element.js

@@ -0,0 +1,75 @@
+import { compose, register, noShadowDOM } from 'component-register';
+import { createRoot, createSignal } from 'solid-js';
+import { insert } from 'solid-js/web';
+
+function createProps(raw) {
+  const keys = Object.keys(raw);
+  const props = {};
+  for (let i = 0; i < keys.length; i++) {
+    const key = keys[i];
+    if (typeof key === "undefined") continue;
+    const [get, set] = createSignal(Reflect.get(raw, key));
+    Object.defineProperty(props, key, {
+      get,
+      set(v) {
+        set(() => v);
+      }
+    });
+  }
+  return props;
+}
+function lookupContext(el) {
+  if (el.assignedSlot && el.assignedSlot._$owner)
+    return el.assignedSlot._$owner;
+  let next = el.parentNode;
+  while (next && !next._$owner && !(next.assignedSlot && next.assignedSlot._$owner))
+    next = next.parentNode;
+  return next && next.assignedSlot ? next.assignedSlot._$owner : el._$owner;
+}
+function withSolid(ComponentType) {
+  return (rawProps, options) => {
+    const { element } = options;
+    return createRoot((dispose) => {
+      const props = createProps(rawProps);
+      element.addPropertyChangedCallback(
+        (key, val) => props[key] = val
+      );
+      element.addReleaseCallback(() => {
+        element.renderRoot.textContent = "";
+        dispose();
+      });
+      const comp = ComponentType(props, options);
+      return insert(element.renderRoot, comp);
+    }, lookupContext(element));
+  };
+}
+function withNoShadowDOM(Component = () => {
+}) {
+  return (props, options) => {
+    noShadowDOM();
+    const comp = Component(props, options);
+    return comp;
+  };
+}
+function customElement(tagName, props, Component = () => {
+}, ...rest) {
+  return compose(register(tagName, props), withSolid, ...rest)(Component);
+}
+function customShadowlessElement(tagName, props, Component = () => {
+}, ...rest) {
+  return compose(
+    register(tagName, props),
+    withNoShadowDOM,
+    withSolid,
+    ...rest
+  )(Component);
+}
+const correctElementType = (component) => {
+  return (props, options) => {
+    return component(props, options);
+  };
+};
+
+export { correctElementType, customElement, customShadowlessElement };
+//# sourceMappingURL=solid-element.js.map
+//# sourceMappingURL=solid-element.js.map

package/dist/main/utils/solid-element.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/solid-element.ts"],"names":[],"mappings":"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","file":"solid-element.js","sourcesContent":["import {\n  register,\n  type ComponentType as mComponentType,\n  type ICustomElement,\n  type FunctionComponent,\n  type ComponentOptions,\n  noShadowDOM,\n  compose,\n} from \"component-register\";\nimport { createRoot, createSignal } from \"solid-js\";\nimport { insert } from \"solid-js/web\";\n\nexport type ComponentType<T> = mComponentType<T>;\n\ntype CorrectComponentOptions = { element: HTMLElement & ICustomElement };\n\nexport type CorrectComponentType<T> = (\n  props: T,\n  options: CorrectComponentOptions,\n) => unknown;\n\nfunction createProps<T extends object>(raw: T) {\n  const keys = Object.keys(raw) as (keyof T)[];\n  const props = {};\n  for (let i = 0; i < keys.length; i++) {\n    const key = keys[i];\n    if (typeof key === \"undefined\") continue;\n    const [get, set] = createSignal(Reflect.get(raw, key));\n    Object.defineProperty(props, key, {\n      get,\n      set(v) {\n        set(() => v);\n      },\n    });\n  }\n  return props as T;\n}\n\nfunction lookupContext(el: ICustomElement & { _$owner?: any }) {\n  if (el.assignedSlot && el.assignedSlot._$owner)\n    return el.assignedSlot._$owner;\n  let next: Element & { _$owner?: any } = el.parentNode;\n  while (\n    next &&\n    !next._$owner &&\n    !(\n      next.assignedSlot &&\n      (next.assignedSlot as Element & { _$owner?: any })._$owner\n    )\n  )\n    next = next.parentNode as Element;\n  return next && next.assignedSlot\n    ? (next.assignedSlot as Element & { _$owner?: any })._$owner\n    : el._$owner;\n}\n\nfunction withSolid<T extends object>(\n  ComponentType: ComponentType<T>,\n): ComponentType<T> {\n  return (rawProps: T, options: ComponentOptions) => {\n    const { element } = options as {\n      element: ICustomElement & { _$owner?: any };\n    };\n    return createRoot((dispose: Function) => {\n      const props = createProps<T>(rawProps);\n\n      element.addPropertyChangedCallback(\n        (key: string, val: any) => (props[key as keyof T] = val),\n      );\n      element.addReleaseCallback(() => {\n        element.renderRoot.textContent = \"\";\n        dispose();\n      });\n\n      const comp = (ComponentType as FunctionComponent<T>)(props as T, options);\n      return insert(element.renderRoot, comp);\n    }, lookupContext(element));\n  };\n}\n\nfunction withNoShadowDOM<T extends object>(\n  Component: ComponentType<T> = () => {},\n) {\n  return (props: T, options: ComponentOptions) => {\n    noShadowDOM();\n    const comp = (Component as FunctionComponent<T>)(props, options);\n    return comp;\n  };\n}\n\nexport function customElement<T extends object>(\n  tagName: string,\n  props: T,\n  Component: ComponentType<T> = () => {},\n  ...rest: ((C: ComponentType<T>) => ComponentType<T>)[]\n) {\n  return compose(register(tagName, props), withSolid, ...rest)(Component);\n}\n\nexport function customShadowlessElement<T extends object>(\n  tagName: string,\n  props: T,\n  Component: ComponentType<T> = () => {},\n  ...rest: ((C: ComponentType<T>) => ComponentType<T>)[]\n) {\n  return compose(\n    register(tagName, props),\n    withNoShadowDOM,\n    withSolid,\n    ...rest,\n  )(Component);\n}\n\nexport const correctElementType = <T>(\n  component: CorrectComponentType<T>,\n): ComponentType<T> => {\n  return (props: T, options) => {\n    return component(props, options as CorrectComponentOptions);\n  };\n};\n"]}

package/dist/main/utils/toHyphenated.js

@@ -0,0 +1,7 @@
+function toHyphenated(str) {
+  return str.replace(/([A-Z])/g, "-$1").toLowerCase();
+}
+
+export { toHyphenated };
+//# sourceMappingURL=toHyphenated.js.map
+//# sourceMappingURL=toHyphenated.js.map

package/dist/main/utils/toHyphenated.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/toHyphenated.ts"],"names":[],"mappings":"AAAO,SAAS,aAAa,GAAqB,EAAA;AAChD,EAAA,OAAO,GACJ,CAAA,OAAA,CAAQ,UAAY,EAAA,KAAK,EACzB,WAAY,EAAA;AACjB","file":"toHyphenated.js","sourcesContent":["export function toHyphenated(str: string): string {\n  return str\n    .replace(/([A-Z])/g, \"-$1\") // Insert hyphen before uppercase letters\n    .toLowerCase(); // Convert the entire string to lowercase\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brytdesigns/web-component-core",
-  "version": "1.0.2",
+  "version": "1.1.1",
   "description": "Web component core utilities for building solid based web components",
   "main": "./dist/main/index.js",
   "module": "./dist/main/index.js",
@@ -22,6 +22,10 @@
     "./animation": {
       "types": "./dist/main/animation/index.d.ts",
       "module": "./dist/main/animation/index.js"
+    },
+    "./utils": {
+      "types": "./dist/main/utils/index.d.ts",
+      "module": "./dist/main/utils/index.js"
     }
   },
   "files": [
@@ -31,6 +35,7 @@
   "author": "Bryt Designs",
   "license": "ISC",
   "dependencies": {
+    "component-register": "^0.8.7",
     "focus-trap": "^7.6.4",
     "motion": "^12.18.1",
     "solid-js": "^1.9.7"