routelit-client 0.0.2 → 0.3.1

package/dist/components/heading.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
 interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
     level?: 1 | 2 | 3 | 4 | 5 | 6;
-    children: React.ReactNode;
+    body: React.ReactNode;
 }
-declare function Heading({ children, level, ...props }: HeadingProps): React.DetailedReactHTMLElement<{
+declare function Heading({ body, level, ...props }: HeadingProps): React.DetailedReactHTMLElement<{
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
@@ -112,6 +112,7 @@ declare function Heading({ children, level, ...props }: HeadingProps): React.Det
     "aria-valuemin"?: number | undefined;
     "aria-valuenow"?: number | undefined;
     "aria-valuetext"?: string | undefined;
+    children?: React.ReactNode | undefined;
     dangerouslySetInnerHTML?: {
         __html: string | TrustedHTML;
     } | undefined;
@@ -286,7 +287,7 @@ declare function Heading({ children, level, ...props }: HeadingProps): React.Det
     onTransitionStart?: React.TransitionEventHandler<HTMLHeadingElement> | undefined;
     onTransitionStartCapture?: React.TransitionEventHandler<HTMLHeadingElement> | undefined;
 }, HTMLElement>;
-declare function Title({ children, ...props }: HeadingProps): import("react/jsx-runtime").JSX.Element;
-declare function Header({ children, ...props }: HeadingProps): import("react/jsx-runtime").JSX.Element;
-declare function Subheader({ children, ...props }: HeadingProps): import("react/jsx-runtime").JSX.Element;
+declare function Title({ body, ...props }: HeadingProps): import("react/jsx-runtime").JSX.Element;
+declare function Header({ body, ...props }: HeadingProps): import("react/jsx-runtime").JSX.Element;
+declare function Subheader({ body, ...props }: HeadingProps): import("react/jsx-runtime").JSX.Element;
 export { Heading, Title, Header, Subheader };

package/dist/core/manager.d.ts

@@ -11,18 +11,20 @@ export declare class RouteLitManager {
     private listeners;
     private isLoadingListeners;
     private errorListeners;
-    private componentsTree?;
+    private componentsTree;
     private _isLoading;
     private _error?;
     private fragmentId?;
     private parentManager?;
     private address?;
     private lastURL?;
+    private initialized;
     constructor(props: RouteLitManagerProps);
     getLastURL: () => string;
     handleEvent: (e: CustomEvent<UIEventPayload>) => Promise<void>;
     handleError: (e: Error) => void;
     applyActions: (actionsResp: ActionsResponse, shouldNotify?: boolean) => void;
+    private initializeDOM;
     initialize: () => void;
     handlePopState: () => void;
     terminate: () => void;

package/dist/routelit-client.es.dev.js

@@ -788,13 +788,14 @@ class RouteLitManager {
     __publicField(this, "listeners", []);
     __publicField(this, "isLoadingListeners", []);
     __publicField(this, "errorListeners", []);
-    __publicField(this, "componentsTree");
+    __publicField(this, "componentsTree", []);
     __publicField(this, "_isLoading", false);
     __publicField(this, "_error");
     __publicField(this, "fragmentId");
     __publicField(this, "parentManager");
     __publicField(this, "address");
     __publicField(this, "lastURL");
+    __publicField(this, "initialized", false);
     __publicField(this, "getLastURL", () => {
       var _a;
       return ((_a = this.parentManager) == null ? void 0 : _a.getLastURL()) ?? this.lastURL;
@@ -840,7 +841,22 @@ class RouteLitManager {
       this.componentsTree = componentsTreeCopy;
       if (shouldNotify) this.notifyListeners();
     });
+    __publicField(this, "initializeDOM", () => {
+      if (this.initialized) return;
+      const initializeEvent = new CustomEvent(
+        "routelit:event",
+        {
+          detail: {
+            id: "browser-navigation",
+            type: "initialize"
+          }
+        }
+      );
+      this.handleEvent(initializeEvent);
+      this.initialized = true;
+    });
     __publicField(this, "initialize", () => {
+      this.initializeDOM();
       document.addEventListener(
         "routelit:event",
         this.handleEvent
@@ -943,7 +959,7 @@ class RouteLitManager {
       }
     });
     var _a;
-    this.componentsTree = props.componentsTree;
+    this.componentsTree = props.componentsTree ?? [];
     this.fragmentId = props.fragmentId;
     this.parentManager = props.parentManager;
     this.address = props.address;
@@ -20693,17 +20709,17 @@ const Expander = ({
   ] });
 };
 Expander.displayName = "Expander";
-function Heading({ children, level = 1, ...props }) {
-  return React.createElement(`h${level}`, props, children);
+function Heading({ body, level = 1, ...props }) {
+  return React.createElement(`h${level}`, props, body);
 }
-function Title({ children, ...props }) {
-  return /* @__PURE__ */ jsx(Heading, { level: 1, ...props, children });
+function Title({ body, ...props }) {
+  return /* @__PURE__ */ jsx(Heading, { level: 1, ...props, body });
 }
-function Header({ children, ...props }) {
-  return /* @__PURE__ */ jsx(Heading, { level: 2, ...props, children });
+function Header({ body, ...props }) {
+  return /* @__PURE__ */ jsx(Heading, { level: 2, ...props, body });
 }
-function Subheader({ children, ...props }) {
-  return /* @__PURE__ */ jsx(Heading, { level: 3, ...props, children });
+function Subheader({ body, ...props }) {
+  return /* @__PURE__ */ jsx(Heading, { level: 3, ...props, body });
 }
 const Checkbox = memo(function Checkbox2({
   label,
@@ -20779,7 +20795,7 @@ const CheckboxGroup = memo(function CheckboxGroup2({
     },
     [dispatchChange, value]
   );
-  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+  return /* @__PURE__ */ jsxs("div", { className: "rl-form-group", children: [
     label && /* @__PURE__ */ jsxs("label", { children: [
       label,
       " ",
@@ -20849,7 +20865,7 @@ function TextInputComponent({
     }
   };
   const required = props.required;
-  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+  return /* @__PURE__ */ jsxs("div", { className: "rl-form-group", children: [
     label && /* @__PURE__ */ jsxs("label", { htmlFor: id, children: [
       label,
       " ",
@@ -20950,7 +20966,7 @@ const Select = memo(function Select2({
       dispatchChange(newValue);
     }
   }
-  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+  return /* @__PURE__ */ jsxs("div", { className: "rl-form-group", children: [
     label && /* @__PURE__ */ jsxs("label", { htmlFor: id, children: [
       label,
       " ",
@@ -21001,7 +21017,7 @@ function TextareaComponent({
     }
   };
   const required = props.required;
-  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+  return /* @__PURE__ */ jsxs("div", { className: "rl-form-group", children: [
     label && /* @__PURE__ */ jsxs("label", { htmlFor: id, children: [
       label,
       " ",