amotify 0.1.31 → 0.1.32

package/dist/fn/Layout/PageNotFound.js

@@ -1 +1,90 @@
-import"../../chunk-VY3566IV.js";import{jsx as o,jsxs as t}from"react/jsx-runtime";import r from"../../atoms/Box";import l from"../../atoms/FAI";import p from"../../mols/Row";import e from"../../mols/Text";import a from"../../mols/Column";import m from"../Button";const i=()=>{let{href:n}=location;return o(p.Center,{padding:[4,1],children:t(a,{ssCardBox:!0,gap:2,padding:[3,2],textAlign:"center",width:1,freeCSS:{maxWidth:12*30},children:[o(l.LinkSlash,{fontColor:"theme",freeCSS:{fontSize:"3rem"}}),t(r,{children:[o(e.Paragraph,{children:"\u3053\u306E\u30DA\u30FC\u30B8\u306F\u3054\u5229\u7528\u3044\u305F\u3060\u3051\u307E\u305B\u3093\u3002"}),o(e.Supplement,{fontColor:"3.blur",children:"\u5165\u529B\u3055\u308C\u305F\u30EA\u30F3\u30AF\u306E\u30DA\u30FC\u30B8\u306F\u5B58\u5728\u3057\u307E\u305B\u3093\u3067\u3057\u305F\u3002"})]}),t(a,{children:[t(e.Normal,{textAlign:"left",ssCardBox:"cloud",isSemiBoldFont:!0,padding:1,children:["\u30FB\u30EA\u30F3\u30AF\u304C\u6B63\u3057\u3044\u304B",o(r,{margin:["1/2",0],borderBottom:!0}),"\u30FB\u30EA\u30F3\u30AF\u306E\u6709\u52B9\u671F\u9650",o(r,{margin:["1/2",0],borderBottom:!0}),"\u30FB\u30A2\u30AF\u30BB\u30B9\u6A29\u9650\u7B49\u304C\u6B63\u3057\u3044\u304B"]}),"\u306A\u3069\u3092\u3082\u3046\u4E00\u5EA6\u78BA\u8A8D\u3057\u3066\u304F\u3060\u3055\u3044\u3002"]}),o(m.Anchor.Link,{newTab:!0,href:n,children:n}),o(m.Anchor.BorderToFill.R,{href:"/",width:1,children:"\u30DB\u30FC\u30E0\u306B\u623B\u308B"})]})})};export{i as PageNotFound,i as default};
+import "../../chunk-JJ3PEWPN.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Box from "../../atoms/Box";
+import FAI from "../../atoms/FAI";
+import Row from "../../mols/Row";
+import Text from "../../mols/Text";
+import Column from "../../mols/Column";
+import Button from "../Button";
+const PageNotFound = () => {
+  let { href } = location;
+  return /* @__PURE__ */ jsx(
+    Row.Center,
+    {
+      padding: [4, 1],
+      children: /* @__PURE__ */ jsxs(
+        Column,
+        {
+          ssCardBox: true,
+          gap: 2,
+          padding: [3, 2],
+          textAlign: "center",
+          width: 1,
+          freeCSS: {
+            maxWidth: 12 * 30
+          },
+          children: [
+            /* @__PURE__ */ jsx(
+              FAI.LinkSlash,
+              {
+                fontColor: "theme",
+                freeCSS: {
+                  fontSize: "3rem"
+                }
+              }
+            ),
+            /* @__PURE__ */ jsxs(Box, { children: [
+              /* @__PURE__ */ jsx(Text.Paragraph, { children: "\u3053\u306E\u30DA\u30FC\u30B8\u306F\u3054\u5229\u7528\u3044\u305F\u3060\u3051\u307E\u305B\u3093\u3002" }),
+              /* @__PURE__ */ jsx(
+                Text.Supplement,
+                {
+                  fontColor: "3.blur",
+                  children: "\u5165\u529B\u3055\u308C\u305F\u30EA\u30F3\u30AF\u306E\u30DA\u30FC\u30B8\u306F\u5B58\u5728\u3057\u307E\u305B\u3093\u3067\u3057\u305F\u3002"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs(Column, { children: [
+              /* @__PURE__ */ jsxs(
+                Text.Normal,
+                {
+                  textAlign: "left",
+                  ssCardBox: "cloud",
+                  isSemiBoldFont: true,
+                  padding: 1,
+                  children: [
+                    "\u30FB\u30EA\u30F3\u30AF\u304C\u6B63\u3057\u3044\u304B",
+                    /* @__PURE__ */ jsx(Box, { margin: ["1/2", 0], borderBottom: true }),
+                    "\u30FB\u30EA\u30F3\u30AF\u306E\u6709\u52B9\u671F\u9650",
+                    /* @__PURE__ */ jsx(Box, { margin: ["1/2", 0], borderBottom: true }),
+                    "\u30FB\u30A2\u30AF\u30BB\u30B9\u6A29\u9650\u7B49\u304C\u6B63\u3057\u3044\u304B"
+                  ]
+                }
+              ),
+              "\u306A\u3069\u3092\u3082\u3046\u4E00\u5EA6\u78BA\u8A8D\u3057\u3066\u304F\u3060\u3055\u3044\u3002"
+            ] }),
+            /* @__PURE__ */ jsx(
+              Button.Anchor.Link,
+              {
+                newTab: true,
+                href,
+                children: href
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button.Anchor.BorderToFill.R,
+              {
+                href: "/",
+                width: 1,
+                children: "\u30DB\u30FC\u30E0\u306B\u623B\u308B"
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  PageNotFound,
+  PageNotFound as default
+};

package/dist/fn/Layout/PageRouter.js

@@ -1 +1,87 @@
-import"../../chunk-VY3566IV.js";import{jsx as n,jsxs as P}from"react/jsx-runtime";import{useEffect as c,useRef as m}from"react";import{useStore as R}from"../../@utils/_";import*as s from"react-router-dom";import C from"../Sheet";import{PageNotFound as g}from"./PageNotFound";import{RootViewController as k}from"./RootViewController";const h=(t,o,a)=>{const r=m(!1);let e=s.useLocation(),u=s.useNavigate();R.set({key:"navigate",value:u}),c(()=>{r.current?(C.closeAll(!0),k.fn.updateCSSProperty.reset()):r.current=!0},[e.pathname]),t&&t(e),c(()=>{a&&a(e)},[]),c(()=>{setTimeout(()=>{window.dispatchEvent(new Event("resize"))},200),o&&o(e)},[e])},B=t=>{let{routes:o,beforeCallBack:a,afterCallBack:r,afterFirstCallBack:e}=t;h(a,r,e);let u=o.map(i=>{let{path:l,content:f}=i;return l="/"+l.replace(/^\//,""),n(s.Route,{path:l,element:f},l)});return P(s.Routes,{children:[u,n(s.Route,{path:"*",element:n(g,{})})]})},p=t=>{let{pages:o,beforeCallBack:a,afterCallBack:r,afterFirstCallBack:e}=t;return n(B,{routes:o,beforeCallBack:a,afterCallBack:r,afterFirstCallBack:e})};export{p as PageRouter,p as default};
+import "../../chunk-JJ3PEWPN.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  useEffect,
+  useRef
+} from "react";
+import {
+  useStore
+} from "../../@utils/_";
+import * as ReactRouterDOM from "react-router-dom";
+import Sheet from "../Sheet";
+import { PageNotFound } from "./PageNotFound";
+import { RootViewController } from "./RootViewController";
+const CustomerUseEffect = (beforeCallback, afterCallback, afterFirstCallback) => {
+  const mounted = useRef(false);
+  let location = ReactRouterDOM.useLocation();
+  let navigate = ReactRouterDOM.useNavigate();
+  useStore.set({ key: "navigate", value: navigate });
+  useEffect(() => {
+    if (mounted.current) {
+      Sheet.closeAll(true);
+      RootViewController.fn.updateCSSProperty.reset();
+    } else {
+      mounted.current = true;
+    }
+  }, [location.pathname]);
+  if (beforeCallback)
+    beforeCallback(location);
+  useEffect(() => {
+    if (afterFirstCallback)
+      afterFirstCallback(location);
+  }, []);
+  useEffect(() => {
+    setTimeout(() => {
+      window.dispatchEvent(new Event("resize"));
+    }, 200);
+    if (afterCallback)
+      afterCallback(location);
+  }, [location]);
+};
+const Switcher = (props) => {
+  let { routes, beforeCallBack, afterCallBack, afterFirstCallBack } = props;
+  CustomerUseEffect(beforeCallBack, afterCallBack, afterFirstCallBack);
+  let Routing = routes.map((page) => {
+    let { path, content } = page;
+    path = "/" + path.replace(/^\//, "");
+    return /* @__PURE__ */ jsx(
+      ReactRouterDOM.Route,
+      {
+        path,
+        element: content
+      },
+      path
+    );
+  });
+  return /* @__PURE__ */ jsxs(ReactRouterDOM.Routes, { children: [
+    Routing,
+    /* @__PURE__ */ jsx(
+      ReactRouterDOM.Route,
+      {
+        path: "*",
+        element: /* @__PURE__ */ jsx(PageNotFound, {})
+      }
+    )
+  ] });
+};
+const PageRouter = (props) => {
+  let {
+    pages,
+    beforeCallBack,
+    afterCallBack,
+    afterFirstCallBack
+  } = props;
+  return /* @__PURE__ */ jsx(
+    Switcher,
+    {
+      routes: pages,
+      beforeCallBack,
+      afterCallBack,
+      afterFirstCallBack
+    }
+  );
+};
+export {
+  PageRouter,
+  PageRouter as default
+};

package/dist/fn/Layout/PageViewController.js

@@ -1 +1,29 @@
-import"../../chunk-VY3566IV.js";import{Fragment as c,jsx as a}from"react/jsx-runtime";import{useState as p}from"react";import w from"../Effect/_";const n=r=>{let{viewIndex:e=0,views:t,wrapper:i=m=>a(w.FadeIn,{animationTime:400,children:m},e)}=r;e=Math.min(Math.max(e,0),t.length);let[l,o]=p(e);return l!=e&&o(e),a(c,{children:i(t[e])})};export{n as PageViewController,n as default};
+import "../../chunk-JJ3PEWPN.js";
+import { Fragment, jsx } from "react/jsx-runtime";
+import {
+  useState
+} from "react";
+import Effect from "../Effect/_";
+const PageViewController = (params) => {
+  let {
+    viewIndex = 0,
+    views,
+    wrapper = (body) => /* @__PURE__ */ jsx(
+      Effect.FadeIn,
+      {
+        animationTime: 400,
+        children: body
+      },
+      viewIndex
+    )
+  } = params;
+  viewIndex = Math.min(Math.max(viewIndex, 0), views.length);
+  let [val_index, set_index] = useState(viewIndex);
+  if (val_index != viewIndex)
+    set_index(viewIndex);
+  return /* @__PURE__ */ jsx(Fragment, { children: wrapper(views[viewIndex]) });
+};
+export {
+  PageViewController,
+  PageViewController as default
+};

package/dist/fn/Layout/Plate.js

@@ -1 +1,37 @@
-import{b as e,c as o,d as S}from"../../chunk-VY3566IV.js";import{jsx as X}from"react/jsx-runtime";import n from"../../atoms/Box";const p=r=>{let a=r,{size:i="R"}=a,t=S(a,["size"]),l={XS:48,S:60,R:72,L:84,XL:100,MAX:120}[i];return X(n,o(e({margin:[0,"auto"],width:1},t),{freeCSS:e({maxWidth:12*l},t.freeCSS)}))};export{p as Plate,p as default};
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "../../chunk-JJ3PEWPN.js";
+import { jsx } from "react/jsx-runtime";
+import Box from "../../atoms/Box";
+const Plate = (props) => {
+  let _a = props, {
+    size = "R"
+  } = _a, others = __objRest(_a, [
+    "size"
+  ]);
+  let Size = {
+    "XS": 48,
+    "S": 60,
+    "R": 72,
+    "L": 84,
+    "XL": 100,
+    "MAX": 120
+  }[size];
+  return /* @__PURE__ */ jsx(
+    Box,
+    __spreadProps(__spreadValues({
+      margin: [0, "auto"],
+      width: 1
+    }, others), {
+      freeCSS: __spreadValues({
+        maxWidth: 12 * Size
+      }, others.freeCSS)
+    })
+  );
+};
+export {
+  Plate,
+  Plate as default
+};

package/dist/fn/Layout/RootViewController.js

@@ -1 +1,315 @@
-import{b as s,c as y,d as f}from"../../chunk-VY3566IV.js";import{jsx as p,jsxs as x}from"react/jsx-runtime";import{useState as S,useEffect as N}from"react";import{$$ as a,$$fromRoot as v,Config as R,pageTransit as P}from"../../@utils/_";import h from"../../atoms/Box";import C from"../../atoms/Flex";import F from"../../mols/Column";import _ from"../Button";import{LayoutClasses as m}from"../../@styles/componentClasses/_";const c={Base:o=>{let l=o,{topNavigation:e,sideNavigation:t,footerNavigation:i,children:r,className:n}=l,g=f(l,["topNavigation","sideNavigation","footerNavigation","children","className"]);N(()=>{c.fn.updateCSSProperty.reset(),setTimeout(()=>{c.fn.updateCSSProperty.reset()},100);let u="ResizeCB",B="RemovePageEventCB";return a(window).addEvent({eventType:"resize",eventID:u,callback:()=>{R.get().screen.isPhonepoint()||(a.interval.clear("__RVC_calcHeights"),a.interval.standBy("__RVC_calcHeights",300,()=>{c.fn.updateCSSProperty.reset()}))}}),()=>{a(window).removeEvent(B),a(window).removeEvent(u)}},[]);let d=r;return x(F,y(s({className:[n,m("RootViewController")].join(" "),backgroundColor:"1.layer.base",gap:0,minHeight:"viewHeight"},g),{children:[e,x(C,{className:m("Body"),flexWrap:!1,position:"relative",flexSizing:0,children:[t,p(h,{className:m("Content"),position:"relative",flexSizing:0,width:0,UnderBreakPointStyles:{width:"auto"},children:d})]}),i]}))},TopNavigation:o=>{let n=o,{className:e,children:t}=n,i=f(n,["className","children"]),[r]=S(a.uuid.gen());return N(()=>{c.fn.updateCSSProperty.topNav()},[]),p(C,y(s({"data-id":r,flexSizing:"none",flexType:"col",position:"sticky",top:0,backgroundColor:"1.layer.base"},i),{id:"__RVC_TopNavigation",className:[e,m("TopNav")].join(" "),children:t}),r)},SideNavigation:o=>{let r=o,{className:e="",baseStyles:t}=r,i=f(r,["className","baseStyles"]);return p(h,s({flexSizing:"none",className:[e,m("SideNav")].join(" "),minHeight:"sideNavigationHeight"},i))},FooterNavigation:o=>{let n=o,{className:e="",baseStyles:t}=n,i=f(n,["className","baseStyles"]),[r]=S(a.uuid.gen());return N(()=>{c.fn.updateCSSProperty.footer()},[]),p(C,y(s({"data-id":r,borderTop:!0,position:"sticky",bottom:0,overflow:"auto",backgroundColor:"1.layer.base",paddingBottom:"safeAreaBottom"},t),{id:"__RVC_FooterNavigation",className:[m("FooterNav"),e].join(" "),children:p(C,s({gap:1,flexWrap:!1,padding:"2/3",margin:"auto"},i))}))},Comps:{Button:o=>{let d=o,{isActive:e,uri:t,uriGroup:i}=d,r=f(d,["isActive","uri","uriGroup"]),n=a.flatArray(i),g=location.pathname;{let l=!1;if(a.is.exist(t)&&a.is.string(t)){let u=[location.origin,t.replace(/\//,"")].join("/");l=g==new URL(u).pathname}if(!l&&n.length)for(let u of n)a.is.nullish(u)||g.match(new RegExp(u))&&(l=!0);e=e!=null?e:l}return p(_.Button.Clear.R,s({padding:["3/4",1],display:"flex",gap:"1/2",fontColor:"inherit",width:1,flexSizing:"none",flexWrap:!1,ssEffectsOnActive:"ripple.cloud",verticalAlign:"center",textAlign:"left",isSemiBoldFont:!0,isActive:e,isActiveStyles:{fontColor:"theme",backgroundColor:"cloud"},onClick:l=>{a.is.exist(t)&&a.is.string(t)&&P.push(t,l.ctrlKey||l.metaKey)},color:"cloud"},r))},Bar:o=>p(h,s({flexSizing:"none",backgroundColor:"lcOpMiddle",unitHeight:"1/3",margin:["2/3",1],borderRadius:"sphere"},o)),Title:o=>p(h,s({fontSize:"3.paragraph",isSemiBoldFont:!0,padding:[0,1]},o))},fn:{updateCSSProperty:{topNav:()=>{let o=a(document.body),e=v("#__RVC_TopNavigation"),t=e.position().height||0,i=t;e.getStyleProperty("position")!="sticky"&&(i=0),o.setStyleProperty("--topNavHeight",t+"px").setStyleProperty("--topBase",i+"px")},footer:()=>{let o=a(document.body),t=v("#__RVC_FooterNavigation").position().height||0;o.setStyleProperty("--footerNavHeight",t+"px")},reset:()=>{let o=a(document.body),e=v("#__RVC_TopNavigation"),t=v("#__RVC_FooterNavigation"),i=e.position().height||0,r=i,n=t.position().height||0;e.getStyleProperty("position")!="sticky"&&(r=0);let g=window.innerHeight,d=g-i-n;o.setStyleProperty("--topNavHeight",i+"px").setStyleProperty("--topBase",r+"px").setStyleProperty("--footerNavHeight",n+"px").setStyleProperty("--viewHeight",g+"px").setStyleProperty("--sideNavHeight",d+"px").setStyleProperty("--contentHeight",d+"px")}}}};export{c as RootViewController,c as default};
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "../../chunk-JJ3PEWPN.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  useState,
+  useEffect
+} from "react";
+import {
+  $$,
+  $$fromRoot,
+  Config,
+  pageTransit
+} from "../../@utils/_";
+import Box from "../../atoms/Box";
+import Flex from "../../atoms/Flex";
+import Column from "../../mols/Column";
+import Button from "../Button";
+import { LayoutClasses } from "../../@styles/componentClasses/_";
+const RootViewController = {
+  Base: (params) => {
+    let _a = params, {
+      topNavigation,
+      sideNavigation,
+      footerNavigation,
+      children,
+      className
+    } = _a, others = __objRest(_a, [
+      "topNavigation",
+      "sideNavigation",
+      "footerNavigation",
+      "children",
+      "className"
+    ]);
+    useEffect(() => {
+      RootViewController.fn.updateCSSProperty.reset();
+      setTimeout(() => {
+        RootViewController.fn.updateCSSProperty.reset();
+      }, 100);
+      let getSideNavigationHeight = "ResizeCB";
+      let beforeunload = "RemovePageEventCB";
+      $$(window).addEvent({
+        eventType: "resize",
+        eventID: getSideNavigationHeight,
+        callback: () => {
+          if (Config.get().screen.isPhonepoint())
+            return;
+          $$.interval.clear("__RVC_calcHeights");
+          $$.interval.standBy("__RVC_calcHeights", 300, () => {
+            RootViewController.fn.updateCSSProperty.reset();
+          });
+        }
+      });
+      return () => {
+        $$(window).removeEvent(beforeunload);
+        $$(window).removeEvent(getSideNavigationHeight);
+      };
+    }, []);
+    let Chilren = children;
+    return /* @__PURE__ */ jsxs(
+      Column,
+      __spreadProps(__spreadValues({
+        className: [
+          className,
+          LayoutClasses("RootViewController")
+        ].join(" "),
+        backgroundColor: "1.layer.base",
+        gap: 0,
+        minHeight: "viewHeight"
+      }, others), {
+        children: [
+          topNavigation,
+          /* @__PURE__ */ jsxs(
+            Flex,
+            {
+              className: LayoutClasses("Body"),
+              flexWrap: false,
+              position: "relative",
+              flexSizing: 0,
+              children: [
+                sideNavigation,
+                /* @__PURE__ */ jsx(
+                  Box,
+                  {
+                    className: LayoutClasses("Content"),
+                    position: "relative",
+                    flexSizing: 0,
+                    width: 0,
+                    UnderBreakPointStyles: {
+                      width: "auto"
+                    },
+                    children: Chilren
+                  }
+                )
+              ]
+            }
+          ),
+          footerNavigation
+        ]
+      })
+    );
+  },
+  TopNavigation: (params) => {
+    let _a = params, {
+      className,
+      children
+    } = _a, others = __objRest(_a, [
+      "className",
+      "children"
+    ]);
+    let [val_componentID] = useState($$.uuid.gen());
+    useEffect(() => {
+      RootViewController.fn.updateCSSProperty.topNav();
+    }, []);
+    return /* @__PURE__ */ jsx(
+      Flex,
+      __spreadProps(__spreadValues({
+        "data-id": val_componentID,
+        flexSizing: "none",
+        flexType: "col",
+        position: "sticky",
+        top: 0,
+        backgroundColor: "1.layer.base"
+      }, others), {
+        id: "__RVC_TopNavigation",
+        className: [
+          className,
+          LayoutClasses("TopNav")
+        ].join(" "),
+        children
+      }),
+      val_componentID
+    );
+  },
+  SideNavigation: (params) => {
+    let _a = params, {
+      className = "",
+      baseStyles
+    } = _a, others = __objRest(_a, [
+      "className",
+      "baseStyles"
+    ]);
+    return /* @__PURE__ */ jsx(
+      Box,
+      __spreadValues({
+        flexSizing: "none",
+        className: [
+          className,
+          LayoutClasses("SideNav")
+        ].join(" "),
+        minHeight: "sideNavigationHeight"
+      }, others)
+    );
+  },
+  FooterNavigation: (params) => {
+    let _a = params, {
+      className = "",
+      baseStyles
+    } = _a, others = __objRest(_a, [
+      "className",
+      "baseStyles"
+    ]);
+    let [val_componentID] = useState($$.uuid.gen());
+    useEffect(() => {
+      RootViewController.fn.updateCSSProperty.footer();
+    }, []);
+    return /* @__PURE__ */ jsx(
+      Flex,
+      __spreadProps(__spreadValues({
+        "data-id": val_componentID,
+        borderTop: true,
+        position: "sticky",
+        bottom: 0,
+        overflow: "auto",
+        backgroundColor: "1.layer.base",
+        paddingBottom: "safeAreaBottom"
+      }, baseStyles), {
+        id: "__RVC_FooterNavigation",
+        className: [
+          LayoutClasses("FooterNav"),
+          className
+        ].join(" "),
+        children: /* @__PURE__ */ jsx(
+          Flex,
+          __spreadValues({
+            gap: 1,
+            flexWrap: false,
+            padding: "2/3",
+            margin: "auto"
+          }, others)
+        )
+      })
+    );
+  },
+  Comps: {
+    Button: (params) => {
+      let _a = params, {
+        isActive,
+        uri,
+        uriGroup
+      } = _a, others = __objRest(_a, [
+        "isActive",
+        "uri",
+        "uriGroup"
+      ]);
+      let groups = $$.flatArray(uriGroup);
+      let currentURL = location.pathname;
+      {
+        let isCurrentURL = false;
+        if ($$.is.exist(uri) && $$.is.string(uri)) {
+          let url = [
+            location.origin,
+            uri.replace(/\//, "")
+          ].join("/");
+          isCurrentURL = currentURL == new URL(url).pathname;
+        }
+        if (!isCurrentURL) {
+          if (groups.length) {
+            for (let group of groups) {
+              if ($$.is.nullish(group))
+                continue;
+              if (!!currentURL.match(new RegExp(group)))
+                isCurrentURL = true;
+            }
+          }
+        }
+        isActive = isActive != null ? isActive : isCurrentURL;
+      }
+      return /* @__PURE__ */ jsx(
+        Button.Button.Clear.R,
+        __spreadValues({
+          padding: ["3/4", 1],
+          display: "flex",
+          gap: "1/2",
+          fontColor: "inherit",
+          width: 1,
+          flexSizing: "none",
+          flexWrap: false,
+          ssEffectsOnActive: "ripple.cloud",
+          verticalAlign: "center",
+          textAlign: "left",
+          isSemiBoldFont: true,
+          isActive,
+          isActiveStyles: {
+            fontColor: "theme",
+            backgroundColor: "cloud"
+          },
+          onClick: (event) => {
+            if ($$.is.exist(uri) && $$.is.string(uri))
+              pageTransit.push(uri, event.ctrlKey || event.metaKey);
+          },
+          color: "cloud"
+        }, others)
+      );
+    },
+    Bar: (params) => /* @__PURE__ */ jsx(
+      Box,
+      __spreadValues({
+        flexSizing: "none",
+        backgroundColor: "lcOpMiddle",
+        unitHeight: "1/3",
+        margin: ["2/3", 1],
+        borderRadius: "sphere"
+      }, params)
+    ),
+    Title: (params) => /* @__PURE__ */ jsx(
+      Box,
+      __spreadValues({
+        fontSize: "3.paragraph",
+        isSemiBoldFont: true,
+        padding: [0, 1]
+      }, params)
+    )
+  },
+  fn: {
+    updateCSSProperty: {
+      topNav: () => {
+        let Body = $$(document.body);
+        let TopNav = $$fromRoot("#__RVC_TopNavigation");
+        let topNavHeight = TopNav.position().height || 0;
+        let topBase = topNavHeight;
+        if (TopNav.getStyleProperty("position") != "sticky") {
+          topBase = 0;
+        }
+        Body.setStyleProperty("--topNavHeight", topNavHeight + "px").setStyleProperty("--topBase", topBase + "px");
+      },
+      footer: () => {
+        let Body = $$(document.body);
+        let Footer = $$fromRoot("#__RVC_FooterNavigation");
+        let footerHeight = Footer.position().height || 0;
+        Body.setStyleProperty("--footerNavHeight", footerHeight + "px");
+      },
+      reset: () => {
+        let Body = $$(document.body);
+        let TopNav = $$fromRoot("#__RVC_TopNavigation");
+        let Footer = $$fromRoot("#__RVC_FooterNavigation");
+        let topNavHeight = TopNav.position().height || 0;
+        let topBase = topNavHeight;
+        let footerHeight = Footer.position().height || 0;
+        if (TopNav.getStyleProperty("position") != "sticky") {
+          topBase = 0;
+        }
+        let viewHeight = window.innerHeight;
+        let contentHeight = viewHeight - topNavHeight - footerHeight;
+        Body.setStyleProperty("--topNavHeight", topNavHeight + "px").setStyleProperty("--topBase", topBase + "px").setStyleProperty("--footerNavHeight", footerHeight + "px").setStyleProperty("--viewHeight", viewHeight + "px").setStyleProperty("--sideNavHeight", contentHeight + "px").setStyleProperty("--contentHeight", contentHeight + "px");
+      }
+    }
+  }
+};
+export {
+  RootViewController,
+  RootViewController as default
+};