cradova 1.0.7 → 1.0.8

package/CHANGELOG.md

@@ -36,9 +36,3 @@ and we went along with it.
 - bug fixes
 - big performance gain
 - battle testing green
-
-## 1.0.7
-
-- bug fixes
-- big performance gain
-- battle testing green

package/README.md

@@ -1,5 +1,12 @@
-# cradova PWA sample
+# Cradova
 
+<center>
+<img src="cradova.png" width="100px">
+
+Cradova is a JavaScript framework for building Single Page Applications and PWAs.
+
+</center>
+<br>
 <p>
 	<a href="https://www.npmjs.com/package/cradova">
 		<img src="https://img.shields.io/npm/v/cradova.svg" alt="npm Version" />
@@ -17,68 +24,177 @@
 	<a href="https://opencollective.com/cradova">
 		<img src="https://img.shields.io/opencollective/all/cradova.svg?colorB=brightgreen" alt="Donate at OpenCollective">
 	</a>&nbsp;
+	
 </p>
 
+[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/cradova/cradova.js/blob/next/contributing.md)
+
+  <br>
+  <br>
+  
+## Contents
+
 - [What is cradova.js?](#what-is-cradova?)
+- [Why we built cradova?](#the-?)
 - [Installation](#installation)
+- [Examples](#examples)
 - [Documentation](#documentation)
 - [Getting Help](#getting-help)
-- [Contributing](#building-cradova-parkages)
+- [Contributing](#contributing)
 
 ## What is cradova.js?
 
 cradova is a JavaScript framework for building Single Page Applications and PWAs.
 
-It's small, fast and provides routing and XHR utilities out of the box.
+It's small, fast and provides state management, routing and XHR utilities out of the box.
 
 cradova.js supports various versions of IE11, Firefox ESR, and Firefox,
 Edge, Safari, and Chrome. No polyfills required.
 
-## Installation
+# why cradova?
+
+Javascript is a powerful language.
+our aim is not to limit what you can achieve but rather make your make them limitless.
+
+we made Cradova to give you more power at no cost.
+but extra speed, ease and security.
+
+we don't use visual DOM or diff algorithms to manage the DOM, we rather do it the natural way.
+
+which is fast and simple, with all the benefits and no abstracts whatsoever.
+
+cradova has been used in production and we will update this README to reflect them as ASAP.
+
+Happy coding.
+
+# Installation
 
-### CDN
+### CDN sources
 
 ```html
-<!-- Production: whichever you prefer -->
-<script src="https://unpkg.com/cradova/cradova.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/cradova/cradova.min.js"></script>
+<!-- unpkg -->
+
+<script src="https://unpkg.com/cradova/dist/module.js"></script>
+
+<!--    jsdeliver -->
+
+<script src="https://cdn.jsdelivr.net/npm/cradova/dist/module.js"></script>
 ```
 
 ### npm
 
 ```bash
-npm install cradova --save
+npm i cradova
 ```
 
-<img src="cradova.jpg">
+# Examples
+
+Before you confirm these below, please know that they are many cool parts about cradova not described here but will be on a later time.
+
+You can get deeper insights from the telegram community for the moment.
 
-### `npm start`
+Here's an example of create a basic component in cradova:
 
-Runs the app in the development mode.\
-Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
+```js
+import _, { frag } from "cradova";
 
-The page will reload when you make changes.\
-You may also see any lint errors in the console.
+function HelloMessage({ name }) {
+  return _("div", "Hello " + name);
+}
+// using frag
+const html = frag(HelloMessage("friday"));
+document.body.append(html);
+```
+
+## using screen
+
+```js
+import _, { Screen, Router } from "cradova";
+
+function HelloMessage(name) {
+  // an effect run once after screen renders
+  this.effect(() => {
+    return new Promise((res) => {
+      res("friday");
+    });
+  });
+  // effects can be used to make api calls
+  // which will rerender this screen when done
+  // with the data returned
+  return _("div", "Hello" + name);
+}
+
+const home = new Screen({
+  name: "home page", // page title
+  template: HelloMessage,
+});
+
+Router.route("/", home);
+```
+
+# State management
+
+```js
+import _, { dispatch, Ref } from "cradova";
+
+function HelloMessage(name) {
+  return _("div.foo#bar", {
+    stateID: "bar",
+    text: "hello ____" + (name || ""),
+    onclick() {
+      const name = prompt();
+      dispatch("bar", { text: "hello " + name });
+    },
+  });
+}
+
+const nameRef = new Ref(function (name) {
+  const self = this;
+  return _("div.foo#bar", {
+    text: "hello ____" + (name || ""),
+    onclick() {
+      const name = prompt();
+      self.updateState({ text: "hello " + name });
+    },
+  });
+});
+
+function Home() {
+  return _(
+    "div",
+    { id: "foo", class: "bar" },
+    HelloMessage,
+    nameRef.render(null)
+  );
+}
+
+const home = new Screen({
+  name: "home page", // page title
+  template: Home,
+});
+
+Router.route("/", home);
+```
 
-### `npm test`
+# Documentation
 
-Launches the test runner in the interactive watch mode.\
-See the section about [running tests](https://fridaycandour.github.io/cradova/docs/running-tests) for more information.
+We are currently working building cradova's documentation and we have only a few hands, if you are interested you can join the community and learn first hand and also support cradova's progress.
 
-### `npm run build`
+# getting help
 
-Builds the app for production to the `build` folder.\
-It correctly bundles React in production mode and optimizes the build for the best performance.
+To get help visit our new [telegram community](https://t.me/cradovaframework)
 
-The build is minified and the filenames include the hashes.\
-Your app is ready to be deployed!
+# contributing
 
-See the section about [deployment](https://fridaycandour.github.io/cradova/docs/deployment) for more information.
+we are currently working to set up.
 
-### Analyzing the Bundle Size
+- Cradova Documentation Website
+- UI component libraries for cradova
+- Sample projects
+- maintenance and promotion
 
-This section has moved here: [https://fridaycandour.github.io/cradova/docs/analyzing-the-bundle-size](https://fridaycandour.github.io/cradova/docs/analyzing-the-bundle-size)
+community [telegram](https://t.me/cradovaframework)
 
-### Making a Progressive Web App
+# How to Sponsor
 
-This section has moved here: [https://fridaycandour.github.io/cradova/docs/making-a-progressive-web-app](https://fridaycandour.github.io/cradova/docs/making-a-progressive-web-app)
+Sponsorships can be done via [OpenCollective](https://opencollective.com/cradova). Invoices can be obtained via GitHub's payment system. Both monthly-recurring sponsorships and one-time donations are accepted. Recurring sponsorships will be entitled to logo placements in Tiers.

package/contributing.md

@@ -2,6 +2,6 @@ What does Cradova needs?
 
 - Cradova Documentation Website
 - Sample projects
-- More Tools and UI libraries for cradova
+- UI component libraries for cradova
 
-community [telegram](https://t.me/cradova)
+community [telegram](https://t.me/cradovaframework)

package/dist/{src/types.d.ts → index.d.ts}

@@ -3,10 +3,10 @@
  * ---
  * Now you can detect swipes the best way possible
  *
- * @param callback
+ * @param callabck
  * @param touching?
  */
-export function swipe(callback: (swipe_data: Record<string, number>) => void, touching?: boolean, element?: HTMLElement): {
+export function swipe(callabck: (swipe_data: Record<string, number>) => void, touching?: boolean): {
     start(): void;
     stop(): void;
 };
@@ -215,15 +215,14 @@ export class Screen {
      */
     persist: boolean;
     rendered: boolean;
-    effects: (() => unknown | Promise<unknown>)[];
     constructor(cradova_screen_initials: CradovaScreenType);
-    effect(fn: () => unknown | Promise<unknown>): void;
-    effector(): Promise<void>;
-    package(data?: any): Promise<void>;
+    effect(fn: () => unknown | Promise<unknown>): Promise<void>;
+    package(data: any): Promise<void>;
     onActivate(cb: (data: any) => void): void;
+    onDeactivate(cb: (data: any) => void): void;
     addChild(...addOns: any[]): void;
-    deActivate(): void;
-    Activate(data?: any, force?: boolean): Promise<void>;
+    detach(): void;
+    Activate(data: any, force: boolean): Promise<void>;
 }
 export class Scaffold {
     push(label: string, data?: unknown, force?: boolean): Promise<void>;
@@ -328,7 +327,6 @@ export class RefList {
     stale(datas: any): void;
     render(datas?: any): any;
     updateState(datas: any[]): void;
-    remove(): void;
 }
 /**
  * Cradova Ref
@@ -344,15 +342,9 @@ export class Ref {
      * ---
      * returns html with cradova reference
      * @param data
-     * @returns () => HTMLElement
+     * @returns html
      */
     render(...data: any): () => any;
-    /**
-     * Cradova Ref
-     * ---
-     * runs on every state update
-     *
-     */
     onStateUpdate(cb: any): void;
     /**
      * Cradova Ref
@@ -395,7 +387,6 @@ export function Ajax(url: string | URL, opts?: {
     header?: Record<string, any>;
     callbacks?: Record<string, (arg: any) => void>;
 } | any): Promise<unknown>;
-export function IsElementInView(element: HTMLElement): boolean;
 /**
  * Creates new cradova HTML element
  *  @example
@@ -434,4 +425,4 @@ export function IsElementInView(element: HTMLElement): boolean;
 declare const _: any;
 export default _;
 
-//# sourceMappingURL=types.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["src/src/sacho/swipe.ts","src/src/scripts/createSignal.ts","src/src/types.ts","src/src/scripts/Router.ts","src/src/scripts/Screen.ts","src/src/scripts/Scaffold.ts","src/src/scripts/fns.ts","src/src/scripts/track.ts","src/src/scripts/ajax.ts","src/src/scripts/init.ts","src/src/index.ts","src/index.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,null,"/*\n\n\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\n\"\n\"   ██████╗  ██████╗    █████      ██████╗    ███████╗  ██╗   ██╗   █████  \n\"  ██╔════╝  ██╔══██╗  ██╔═╗██    █      ██  ██╔═════╝  ██║   ██║  ██╔═╗██ \n\"  ██║        ██████╔╝  ██████╗    █      ██  ██║     ██  ██║   ██║  ██████╗    \n\"  ██║        ██╔══██   ██║  ██║   █      ██  ██║     ██  ╚██╗ ██╔╝  ██║  ██    \n\"  ╚██████╗  ██║  ██║  ██║  ██║   ███████╔╝   ██████     ╚████╔╝   ██║  ██║\n\"   ╚═════╝  ╚═╝  ╚═╝  ╚═╝  ╚═╝   ╚══════╝     ╚════╝     ╚═══╝     ╚═╝  ╚═╝  \n\"  Sacho inside\n\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\n\n\" =============================================================================\n\" By Friday Candour\n\" -----------------------------------------------------------------------------\n\" =============================================================================\n\"   Cradova FrameWork\n\"   @version 1.*.*\n\" -----------------------------------------------------------------------------\n\" License: Apache V2\n\" -----------------------------------------------------------------------------\n\" fridaymaxtour@gmail.com ...\n\" =============================================================================\n\n                                  Apache License\n                           Version 2.0, January 2004\n                        http://www.apache.org/licenses/\n \n        Copyright 2022 Friday Candour. All Rights Reserved.\n        Licensed under the Apache License, Version 2.0 (the \"License\");\n        you may not use this file except in compliance with the License.\n        You may obtain a copy of the License at\n            http://www.apache.org/licenses/LICENSE-2.0\n        Unless required by applicable law or agreed to in writing, software\n        distributed under the License is distributed on an \"AS IS\" BASIS,\n        WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n        See the License for the specific language governing permissions and\n        limitations under the License.\n*/\n\n// importing cradova helper scripts\n\nexport { swipe } from \"./sacho/swipe\";\nexport { Signal as createSignal } from \"./scripts/createSignal\";\nexport { Router } from \"./scripts/Router\";\nexport { Screen } from \"./scripts/Screen\";\nexport { Scaffold } from \"./scripts/Scaffold\";\nexport { dispatch } from \"./scripts/track\";\nexport { Ajax } from \"./scripts/ajax\";\nexport {\n  frag,\n  fullScreen,\n  assert,\n  uuid,\n  animate,\n  controls,\n  PromptBeforeLeave,\n  RefElement,\n  css,\n  media,\n  ls,\n  Ref,\n  RefList,\n  assertOr,\n} from \"./scripts/fns\";\n\nimport { Init } from \"./scripts/init\";\n\n// importing types declarations\n\nimport { CradovaElementType } from \"./types\";\n\n(\"use strict\");\n\nconst make = function (txx: any) {\n  if (Array.isArray(txx)) {\n    txx = txx[0].trim();\n  }\n\n  if (!txx) {\n    return {\n      tag: \"div\",\n    };\n  }\n\n  let tag;\n  const itemsPurifier = (impure: string, pure: string, items: any) => {\n    if (!items.includes(pure)) return [];\n    const pureItems = [];\n    items = items.split(pure);\n    for (let i = 0; i < items.length; i++) {\n      if (items[i].includes(impure)) {\n        items[i] = items[i].split(impure)[0];\n      }\n      pureItems.push(items[i]);\n    }\n    return pureItems;\n  };\n\n  let innerValue;\n  if (txx.includes(\"|\")) {\n    const tc = txx.split(\"|\");\n    innerValue = tc[1];\n    txx = tc[0] && tc[0];\n  }\n\n  const classes = itemsPurifier(\"#\", \".\", txx);\n  const ids = itemsPurifier(\".\", \"#\", txx);\n\n  if (typeof tag !== \"string\") {\n    tag = classes.shift();\n  }\n  if (typeof tag !== \"string\") {\n    tag = ids.shift();\n  }\n\n  if (!tag) {\n    tag = \"div\";\n  }\n\n  if (!txx.includes(\".\") && !txx.includes(\"#\")) {\n    tag = txx;\n    ids.length = 0;\n    classes.length = 0;\n  }\n\n  const ID = ids[1] ? ids[1].trim() : null;\n  const className = classes.join(\" \");\n  return { tag, className, ID, innerValue };\n};\n\n/**\n * Creates new cradova HTML element\n *  @example\n * _(\"p\") // or _(\"p.class\") or _(\"p#id\") or _(\"p.class#id\")\n * using inline props\n * _(\"p\",{\n * text: \"am a p tag\",\n * style: {\n * color: \"blue\"\n * }\n * )\n * adding children\n * _(\"p\",\n * _(\"span\",{text:\" am a span tag like so\",\n *  {style: {color: \"brown\"}\n * })\n * )\n *\n * props and children\n * _(\"p\",\n * // props first\n * {\n * text: \"am a p tag\",\n * style: {\n * color: \"blue\"\n * },\n * // all children goes after\n * _(\"span\",{text:\" am a span tag like so\",\n *  {style: {color: \"brown\"}\n * })\n * )\n *\n * @param  {...any} element_initials\n * @returns function - cradova element\n */\n\nconst _: any = (...element_initials: any) => {\n  let properties: Record<string, any>,\n    childrens: string | any[] = [],\n    beforeMount: (self: HTMLElement) => void;\n\n  if (\n    typeof element_initials[1] == \"object\" &&\n    !(\n      element_initials[1] instanceof HTMLElement && !element_initials[1].tagName\n    )\n  ) {\n    properties = element_initials[1];\n    if (properties?.beforeMount) {\n      beforeMount = properties[\"beforeMount\"];\n    }\n    if (element_initials.length > 2) {\n      childrens = element_initials.slice(2, element_initials.length);\n    }\n  } else {\n    if (\n      element_initials[1] instanceof HTMLElement ||\n      typeof element_initials[1] === \"function\" ||\n      typeof element_initials[1] === \"string\"\n    ) {\n      childrens = element_initials.slice(1, element_initials.length);\n    }\n  }\n\n  if (element_initials[0].raw) {\n    // getting the value of static cradova calls\n    element_initials[0] = element_initials[0][\"raw\"][0];\n  }\n  // verifying the children array\n\n  function identify(element_initials: any) {\n    if (typeof element_initials !== \"object\") {\n      element_initials = [element_initials];\n    }\n    const initials = make(element_initials[0]);\n    // TODO: tag debugger\n    // const { tag, className, ID, innerValue } = initials;\n\n    /**\n     *\n     * --- Cradova Element Initials  ---\n     * --------------------------------\n     *\n     * Note: this element has not been initialized!\n     *\n     * add to a parent element or call this return function\n     *\n     * .\n     */\n    return (...incoming: string[] | any[]) => {\n      /*\n       *\n       * --- Cradova Element Initials  ---\n       * --------------------------------\n       *\n       * Note: this element has not been initialized!\n       *\n       * add to a parent element or call this return function\n       *\n       * .\n       */\n      let childrens2rd = [],\n        props: Record<string, any> = {},\n        text;\n\n      for (let i = 0; i < incoming.length; i++) {\n        if (\n          typeof incoming[i] === \"function\" ||\n          incoming[i] instanceof HTMLElement\n          // ||\n          // incoming[i].tagName\n        ) {\n          childrens2rd.push(incoming[i]);\n          continue;\n        }\n\n        if (\n          // !incoming[i].tagName &&\n          !(incoming[i] instanceof HTMLElement) &&\n          !Array.isArray(incoming[i]) &&\n          typeof incoming[i] === \"object\" &&\n          !incoming[i].tagName\n        ) {\n          if (incoming[i].beforeMount) {\n            beforeMount = incoming[i][\"beforeMount\"];\n            continue;\n          }\n          if (incoming[i].composedPath) {\n            continue;\n          }\n          props = incoming[i];\n          continue;\n        }\n        //\n        if (typeof incoming[i] === \"string\") {\n          text = incoming[i];\n          continue;\n        }\n      }\n\n      if (childrens.length) {\n        childrens2rd.push(...childrens);\n      }\n\n      let element: CradovaElementType | undefined;\n\n      try {\n        element = document.createElement(initials.tag.trim());\n      } catch (error) {\n        throw new TypeError(\n          \" ✘  Cradova err:  invalid tag given  \" + initials.tag\n        );\n      }\n      if (!element) {\n        return;\n      }\n      if (initials.className) {\n        element.className = initials.className.trim();\n      }\n\n      if (initials.ID) {\n        element.id = initials.ID.trim();\n      }\n      if (initials.innerValue) {\n        element.append(initials.innerValue);\n      }\n\n      for (const prop in properties) {\n        if (prop === \"style\" && typeof properties[prop] === \"object\") {\n          for (const [k, v] of Object.entries(properties[prop])) {\n            element.style[k] = v;\n          }\n          continue;\n        }\n\n        if (element.style[prop] === \"\" && prop !== \"src\") {\n          element.style[prop] = properties[prop];\n          continue;\n        }\n\n        if (prop === \"class\" && typeof properties[prop] === \"string\") {\n          const classes = properties[prop].split(\" \");\n          for (let i = 0; i < classes.length; i++) {\n            if (classes[i]) {\n              element.classList.add(classes[i]);\n            }\n          }\n          continue;\n        }\n        if (prop === \"text\") {\n          element.innerText = properties[prop];\n          continue;\n        }\n        try {\n          element[prop] = properties[prop];\n        } catch (error) {\n          console.error(\n            \" ✘  Cradova err:  cradova got \",\n            properties[prop],\n            \"   which is invalid!\"\n          );\n          throw new Error(\n            \" ✘  Cradova err:  invalid props  \" +\n              prop +\n              \" for this element type with value \" +\n              properties[prop]\n          );\n        }\n      }\n\n      //\n      // dynamic props\n      // over-rides props that appear in the first level\n\n      if (props && typeof props === \"object\" && !Array.isArray(props)) {\n        for (const prop in props) {\n          if (prop === \"style\" && typeof props[prop] === \"object\") {\n            for (const [k, v] of Object.entries(props[prop])) {\n              element.style[k] = v;\n            }\n            continue;\n          }\n          if (element.style[prop] === \"\" && prop !== \"src\") {\n            element.style[prop] = props[prop];\n            continue;\n          }\n          if (prop === \"text\" && typeof props[prop] === \"string\") {\n            element.innerText = props[prop];\n            continue;\n          }\n          if (prop === \"class\" && typeof props[prop] === \"string\") {\n            element.classList.add(props[prop]);\n            continue;\n          }\n\n          if (prop === \"beforeMount\") {\n            beforeMount = props[\"beforeMount\"];\n            continue;\n          }\n\n          try {\n            element[prop] = props[prop];\n          } catch (error) {\n            console.error(\" ✘  Cradova err:  \" , error);\n          }\n        }\n      }\n      // getting children ready\n      if (childrens2rd.length) {\n        for (let i = 0; i < childrens2rd.length; i++) {\n          // single child lane\n          if (typeof childrens2rd[i] === \"function\") {\n            let child = childrens2rd[i]();\n            if (typeof child === \"function\") {\n              child = child();\n            }\n            try {\n              if (child) {\n                element.append(child);\n              }\n              if (child && child.afterMount) {\n                child.afterMount(child);\n                child.afterMount = undefined;\n              }\n            } catch (error) {\n              console.error(\" ✘  Cradova err:  \" , error);\n              if (!(child instanceof HTMLElement)) {\n                throw new Error(\n                  \"  ✘  Cradova err:  invalid child type: \" +\n                    child +\n                    \" (\" +\n                    typeof child +\n                    \")\"\n                );\n              }\n            }\n            continue;\n          }\n          // children array\n          if (Array.isArray(childrens2rd[i])) {\n            const arrCX: HTMLElement[] | Function[] = childrens2rd[i];\n            const arrCXLenght = arrCX.length;\n            const arrSET = [];\n            for (let p = 0; p < arrCXLenght; p++) {\n              if (\n                !(arrCX[p] instanceof HTMLElement) &&\n                typeof arrCX[p] !== \"function\" &&\n                !Array.isArray(arrCX[p])\n              ) {\n                console.error(\" ✘  Cradova err:  \", arrCX[p]);\n                throw new TypeError(\n                  \" ✘  Cradova err: invalid tag type or template literal, cradova was enable to create this element show above ⇑\"\n                );\n              }\n              arrSET.push(arrCX[p]);\n            }\n            //\n            childrens2rd = [\n              ...childrens2rd.slice(0, i + 1),\n              ...arrSET,\n              ...childrens2rd.slice(i + 1, childrens2rd.length),\n            ];\n            continue;\n          }\n          const child = childrens2rd[i];\n          if (\n            child instanceof HTMLElement ||\n            child instanceof DocumentFragment ||\n            typeof child === \"string\"\n          ) {\n            element.append(child);\n            // @ts-ignore\n            if (child.afterMount) {\n              // @ts-ignore\n              child.afterMount(child);\n              // @ts-ignore\n              child.afterMount = undefined;\n            }\n          } else {\n            console.error(\" ✘  Cradova err:   got\", child);\n            throw new Error(\n              \"  ✘  Cradova err:  invalid child type: \" +\n                \"(\" +\n                typeof child +\n                \")\"\n            );\n          }\n        }\n      }\n      //\n      if (text) {\n        element.append(text);\n      }\n      // TODO: this will be updated to use data-stateid soon\n      // speed test still going on\n      if (element.stateID) {\n        // adding cradova dynamic signature\n        element.classList.add(\"cra_child_doc\");\n      }\n\n      if (beforeMount) {\n        beforeMount(element);\n      }\n\n      return element;\n    };\n  }\n  if (typeof element_initials[0] !== \"string\") {\n    console.error(\" ✘  Cradova err: NO TEMPLATE STRING PROVIDED\");\n    return () => \"NO TEMPLATE STRING PROVIDED\";\n  }\n  const CradovaElement: () => HTMLElement | undefined =\n    identify(element_initials);\n  if (!CradovaElement) {\n    throw new Error(\n      \" ✘  Cradova err:  invalid element initials  \" + element_initials\n    );\n  }\n  return CradovaElement;\n};\n\nInit();\n\nexport default _;\n"],"names":[],"version":3,"file":"index.d.ts.map"}