amotify 0.1.32 → 0.1.34

package/dist/fn/Layout/PageNotFound.js

@@ -1,90 +1 @@
-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
-};
+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};

package/dist/fn/Layout/PageRouter.js

@@ -1,87 +1 @@
-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
-};
+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};

package/dist/fn/Layout/PageViewController.js

@@ -1,29 +1 @@
-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
-};
+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};

package/dist/fn/Layout/Plate.js

@@ -1,37 +1 @@
-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
-};
+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};

package/dist/fn/Layout/RootViewController.js

@@ -1,315 +1 @@
-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
-};
+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};