routelit-client 0.5.3 → 0.5.4

package/dist/{checkbox-BxQjAES5.js → checkbox-BBrF5uBm.js}

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { memo, useCallback } from "react";
-import { b as useFormDispatcherWithAttr } from "./client-EsyBdlcF.js";
+import { b as useFormDispatcherWithAttr } from "./client-BmYopK6I.js";
 const Checkbox = memo(function Checkbox2({
   label,
   id,
@@ -38,4 +38,4 @@ Checkbox.displayName = "Checkbox";
 export {
   Checkbox as default
 };
-//# sourceMappingURL=checkbox-BxQjAES5.js.map
+//# sourceMappingURL=checkbox-BBrF5uBm.js.map

package/dist/{checkbox-BxQjAES5.js.map → checkbox-BBrF5uBm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"checkbox-BxQjAES5.js","sources":["../src/components/checkbox.tsx"],"sourcesContent":["import { memo, useCallback } from \"react\";\nimport { useFormDispatcherWithAttr } from \"../core/context\";\n\nconst Checkbox = memo(function Checkbox({\n  label,\n  id,\n  required,\n  defaultChecked,\n  ...props\n}: {\n  label: string;\n  caption?: string;\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, \"onChange\">) {\n  const dispatchChange = useFormDispatcherWithAttr(id!, \"change\", \"checked\");\n  const onChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      dispatchChange(e.target.checked);\n    },\n    [dispatchChange]\n  );\n  return (\n    <div className=\"rl-form-flex-control\">\n      <input\n        {...props}\n        type=\"checkbox\"\n        id={id}\n        defaultChecked={defaultChecked}\n        onChange={onChange}\n        required={required}\n      />\n      <label htmlFor={id}>\n        {label} {required && <span className=\"rl-required\">*</span>}\n      </label>\n    </div>\n  );\n});\n\nCheckbox.displayName = \"Checkbox\";\n\nexport default Checkbox;\n"],"names":["Checkbox"],"mappings":";;;AAGM,MAAA,WAAW,KAAK,SAASA,UAAS;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAGmE;AACjE,QAAM,iBAAiB,0BAA0B,IAAK,UAAU,SAAS;AACzE,QAAM,WAAW;AAAA,IACf,CAAC,MAA2C;AAC3B,qBAAA,EAAE,OAAO,OAAO;AAAA,IACjC;AAAA,IACA,CAAC,cAAc;AAAA,EACjB;AAEE,SAAA,qBAAC,OAAI,EAAA,WAAU,wBACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ,MAAK;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IACF;AAAA,IACA,qBAAC,SAAM,EAAA,SAAS,IACb,UAAA;AAAA,MAAA;AAAA,MAAM;AAAA,MAAE,YAAY,oBAAC,QAAK,EAAA,WAAU,eAAc,UAAC,IAAA,CAAA;AAAA,IAAA,EACtD,CAAA;AAAA,EAAA,GACF;AAEJ,CAAC;AAED,SAAS,cAAc;"}
+{"version":3,"file":"checkbox-BBrF5uBm.js","sources":["../src/components/checkbox.tsx"],"sourcesContent":["import { memo, useCallback } from \"react\";\nimport { useFormDispatcherWithAttr } from \"../core/context\";\n\nconst Checkbox = memo(function Checkbox({\n  label,\n  id,\n  required,\n  defaultChecked,\n  ...props\n}: {\n  label: string;\n  caption?: string;\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, \"onChange\">) {\n  const dispatchChange = useFormDispatcherWithAttr(id!, \"change\", \"checked\");\n  const onChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      dispatchChange(e.target.checked);\n    },\n    [dispatchChange]\n  );\n  return (\n    <div className=\"rl-form-flex-control\">\n      <input\n        {...props}\n        type=\"checkbox\"\n        id={id}\n        defaultChecked={defaultChecked}\n        onChange={onChange}\n        required={required}\n      />\n      <label htmlFor={id}>\n        {label} {required && <span className=\"rl-required\">*</span>}\n      </label>\n    </div>\n  );\n});\n\nCheckbox.displayName = \"Checkbox\";\n\nexport default Checkbox;\n"],"names":["Checkbox"],"mappings":";;;AAGM,MAAA,WAAW,KAAK,SAASA,UAAS;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAGmE;AACjE,QAAM,iBAAiB,0BAA0B,IAAK,UAAU,SAAS;AACzE,QAAM,WAAW;AAAA,IACf,CAAC,MAA2C;AAC3B,qBAAA,EAAE,OAAO,OAAO;AAAA,IACjC;AAAA,IACA,CAAC,cAAc;AAAA,EACjB;AAEE,SAAA,qBAAC,OAAI,EAAA,WAAU,wBACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ,MAAK;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IACF;AAAA,IACA,qBAAC,SAAM,EAAA,SAAS,IACb,UAAA;AAAA,MAAA;AAAA,MAAM;AAAA,MAAE,YAAY,oBAAC,QAAK,EAAA,WAAU,eAAc,UAAC,IAAA,CAAA;AAAA,IAAA,EACtD,CAAA;AAAA,EAAA,GACF;AAEJ,CAAC;AAED,SAAS,cAAc;"}

package/dist/{checkbox-DeoJkqb1.js → checkbox-C4IYk2ky.js}

@@ -1,6 +1,6 @@
 import { jsxs as r, jsx as t } from "react/jsx-runtime";
 import { memo as m, useCallback as i } from "react";
-import { b as p } from "./client-CuG1Umdc.js";
+import { b as p } from "./client-CVCqXKt7.js";
 const x = m(function({
   label: a,
   id: e,

package/dist/{checkbox-group-Bh9DoRrS.js → checkbox-group-DSLjKCm5.js}

@@ -1,6 +1,6 @@
 import { jsxs as n, jsx as a } from "react/jsx-runtime";
 import { memo as p, useCallback as f } from "react";
-import { b } from "./client-CuG1Umdc.js";
+import { b } from "./client-CVCqXKt7.js";
 function v(t) {
   const { id: o, value: c, onChange: r } = t, e = t.option;
   return /* @__PURE__ */ n("div", { className: "rl-form-flex-control", children: [

package/dist/{checkbox-group-DofQ_lqt.js → checkbox-group-DrpoPDc1.js}

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { memo, useCallback } from "react";
-import { b as useFormDispatcherWithAttr } from "./client-EsyBdlcF.js";
+import { b as useFormDispatcherWithAttr } from "./client-BmYopK6I.js";
 function CheckboxGroupOption(props) {
   const { id, value, onChange } = props;
   const option = props.option;
@@ -60,4 +60,4 @@ CheckboxGroup.displayName = "CheckboxGroup";
 export {
   CheckboxGroup as default
 };
-//# sourceMappingURL=checkbox-group-DofQ_lqt.js.map
+//# sourceMappingURL=checkbox-group-DrpoPDc1.js.map

package/dist/{checkbox-group-DofQ_lqt.js.map → checkbox-group-DrpoPDc1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"checkbox-group-DofQ_lqt.js","sources":["../src/components/checkbox-group.tsx"],"sourcesContent":["import { memo, useCallback } from \"react\";\nimport { useFormDispatcherWithAttr } from \"../core/context\";\n\ntype CheckboxGroupProps = {\n  id: string;\n  label: string;\n  value: string[];\n  required?: boolean;\n  flexDirection?: \"row\" | \"col\";\n  options: Array<{ label: string; value: string; caption?: string; disabled?: boolean }>;\n};\n\nfunction CheckboxGroupOption(props: {\n  option: CheckboxGroupProps[\"options\"][number];\n  id: string;\n  value: string[];\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n}) {\n  const { id, value, onChange } = props;\n\n  const option: CheckboxGroupProps[\"options\"][number] =\n    props.option;\n\n  return (\n    <div key={option.value} className=\"rl-form-flex-control\">\n      <input\n        disabled={option.disabled}\n        type=\"checkbox\"\n        value={option.value}\n        id={`${id}-${option.value}`}\n        checked={value.includes(option.value)}\n        onChange={onChange}\n      />\n      <div className=\"rl-form-inline-label\">\n        <label htmlFor={`${id}-${option.value}`}>{option.label}</label>\n        {option.caption && (\n          <small className=\"rl-form-control-caption\">{option.caption}</small>\n        )}\n      </div>\n    </div>\n  );\n}\n\nconst CheckboxGroup = memo(function CheckboxGroup({\n  id,\n  label,\n  value,\n  required,\n  options,\n  flexDirection = \"col\",\n}: CheckboxGroupProps) {\n  const dispatchChange = useFormDispatcherWithAttr(id, \"change\", \"value\");\n  const onChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const newValue = e.target.checked\n        ? [...value, e.target.value]\n        : value.filter((v) => v !== e.target.value);\n      dispatchChange(newValue);\n    },\n    [dispatchChange, value]\n  );\n  return (\n    <div className=\"rl-form-group\">\n      {label && (\n        <label>\n          {label} {required && <span className=\"rl-required\">*</span>}\n        </label>\n      )}\n      <div className={`rl-form-control-group rl-flex-${flexDirection}`}>\n        {options.map((option) => (\n          <CheckboxGroupOption\n            key={typeof option === \"string\" ? option : option.value}\n            id={id}\n            value={value}\n            onChange={onChange}\n            option={option}\n          />\n        ))}\n      </div>\n    </div>\n  );\n});\n\nCheckboxGroup.displayName = \"CheckboxGroup\";\n\nexport default CheckboxGroup;\n"],"names":["CheckboxGroup"],"mappings":";;;AAYA,SAAS,oBAAoB,OAK1B;AACD,QAAM,EAAE,IAAI,OAAO,SAAa,IAAA;AAEhC,QAAM,SACJ,MAAM;AAGN,SAAA,qBAAC,OAAuB,EAAA,WAAU,wBAChC,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAU,OAAO;AAAA,QACjB,MAAK;AAAA,QACL,OAAO,OAAO;AAAA,QACd,IAAI,GAAG,EAAE,IAAI,OAAO,KAAK;AAAA,QACzB,SAAS,MAAM,SAAS,OAAO,KAAK;AAAA,QACpC;AAAA,MAAA;AAAA,IACF;AAAA,IACA,qBAAC,OAAI,EAAA,WAAU,wBACb,UAAA;AAAA,MAAC,oBAAA,SAAA,EAAM,SAAS,GAAG,EAAE,IAAI,OAAO,KAAK,IAAK,UAAA,OAAO,MAAM,CAAA;AAAA,MACtD,OAAO,WACN,oBAAC,WAAM,WAAU,2BAA2B,iBAAO,QAAQ,CAAA;AAAA,IAAA,EAE/D,CAAA;AAAA,EAAA,EAAA,GAdQ,OAAO,KAejB;AAEJ;AAEM,MAAA,gBAAgB,KAAK,SAASA,eAAc;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAClB,GAAuB;AACrB,QAAM,iBAAiB,0BAA0B,IAAI,UAAU,OAAO;AACtE,QAAM,WAAW;AAAA,IACf,CAAC,MAA2C;AAC1C,YAAM,WAAW,EAAE,OAAO,UACtB,CAAC,GAAG,OAAO,EAAE,OAAO,KAAK,IACzB,MAAM,OAAO,CAAC,MAAM,MAAM,EAAE,OAAO,KAAK;AAC5C,qBAAe,QAAQ;AAAA,IACzB;AAAA,IACA,CAAC,gBAAgB,KAAK;AAAA,EACxB;AAEE,SAAA,qBAAC,OAAI,EAAA,WAAU,iBACZ,UAAA;AAAA,IAAA,8BACE,SACE,EAAA,UAAA;AAAA,MAAA;AAAA,MAAM;AAAA,MAAE,YAAY,oBAAC,QAAK,EAAA,WAAU,eAAc,UAAC,IAAA,CAAA;AAAA,IAAA,GACtD;AAAA,IAEF,oBAAC,SAAI,WAAW,iCAAiC,aAAa,IAC3D,UAAA,QAAQ,IAAI,CAAC,WACZ;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAJK,OAAO,WAAW,WAAW,SAAS,OAAO;AAAA,IAAA,CAMrD,EACH,CAAA;AAAA,EAAA,GACF;AAEJ,CAAC;AAED,cAAc,cAAc;"}
+{"version":3,"file":"checkbox-group-DrpoPDc1.js","sources":["../src/components/checkbox-group.tsx"],"sourcesContent":["import { memo, useCallback } from \"react\";\nimport { useFormDispatcherWithAttr } from \"../core/context\";\n\ntype CheckboxGroupProps = {\n  id: string;\n  label: string;\n  value: string[];\n  required?: boolean;\n  flexDirection?: \"row\" | \"col\";\n  options: Array<{ label: string; value: string; caption?: string; disabled?: boolean }>;\n};\n\nfunction CheckboxGroupOption(props: {\n  option: CheckboxGroupProps[\"options\"][number];\n  id: string;\n  value: string[];\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n}) {\n  const { id, value, onChange } = props;\n\n  const option: CheckboxGroupProps[\"options\"][number] =\n    props.option;\n\n  return (\n    <div key={option.value} className=\"rl-form-flex-control\">\n      <input\n        disabled={option.disabled}\n        type=\"checkbox\"\n        value={option.value}\n        id={`${id}-${option.value}`}\n        checked={value.includes(option.value)}\n        onChange={onChange}\n      />\n      <div className=\"rl-form-inline-label\">\n        <label htmlFor={`${id}-${option.value}`}>{option.label}</label>\n        {option.caption && (\n          <small className=\"rl-form-control-caption\">{option.caption}</small>\n        )}\n      </div>\n    </div>\n  );\n}\n\nconst CheckboxGroup = memo(function CheckboxGroup({\n  id,\n  label,\n  value,\n  required,\n  options,\n  flexDirection = \"col\",\n}: CheckboxGroupProps) {\n  const dispatchChange = useFormDispatcherWithAttr(id, \"change\", \"value\");\n  const onChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const newValue = e.target.checked\n        ? [...value, e.target.value]\n        : value.filter((v) => v !== e.target.value);\n      dispatchChange(newValue);\n    },\n    [dispatchChange, value]\n  );\n  return (\n    <div className=\"rl-form-group\">\n      {label && (\n        <label>\n          {label} {required && <span className=\"rl-required\">*</span>}\n        </label>\n      )}\n      <div className={`rl-form-control-group rl-flex-${flexDirection}`}>\n        {options.map((option) => (\n          <CheckboxGroupOption\n            key={typeof option === \"string\" ? option : option.value}\n            id={id}\n            value={value}\n            onChange={onChange}\n            option={option}\n          />\n        ))}\n      </div>\n    </div>\n  );\n});\n\nCheckboxGroup.displayName = \"CheckboxGroup\";\n\nexport default CheckboxGroup;\n"],"names":["CheckboxGroup"],"mappings":";;;AAYA,SAAS,oBAAoB,OAK1B;AACD,QAAM,EAAE,IAAI,OAAO,SAAa,IAAA;AAEhC,QAAM,SACJ,MAAM;AAGN,SAAA,qBAAC,OAAuB,EAAA,WAAU,wBAChC,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAU,OAAO;AAAA,QACjB,MAAK;AAAA,QACL,OAAO,OAAO;AAAA,QACd,IAAI,GAAG,EAAE,IAAI,OAAO,KAAK;AAAA,QACzB,SAAS,MAAM,SAAS,OAAO,KAAK;AAAA,QACpC;AAAA,MAAA;AAAA,IACF;AAAA,IACA,qBAAC,OAAI,EAAA,WAAU,wBACb,UAAA;AAAA,MAAC,oBAAA,SAAA,EAAM,SAAS,GAAG,EAAE,IAAI,OAAO,KAAK,IAAK,UAAA,OAAO,MAAM,CAAA;AAAA,MACtD,OAAO,WACN,oBAAC,WAAM,WAAU,2BAA2B,iBAAO,QAAQ,CAAA;AAAA,IAAA,EAE/D,CAAA;AAAA,EAAA,EAAA,GAdQ,OAAO,KAejB;AAEJ;AAEM,MAAA,gBAAgB,KAAK,SAASA,eAAc;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAClB,GAAuB;AACrB,QAAM,iBAAiB,0BAA0B,IAAI,UAAU,OAAO;AACtE,QAAM,WAAW;AAAA,IACf,CAAC,MAA2C;AAC1C,YAAM,WAAW,EAAE,OAAO,UACtB,CAAC,GAAG,OAAO,EAAE,OAAO,KAAK,IACzB,MAAM,OAAO,CAAC,MAAM,MAAM,EAAE,OAAO,KAAK;AAC5C,qBAAe,QAAQ;AAAA,IACzB;AAAA,IACA,CAAC,gBAAgB,KAAK;AAAA,EACxB;AAEE,SAAA,qBAAC,OAAI,EAAA,WAAU,iBACZ,UAAA;AAAA,IAAA,8BACE,SACE,EAAA,UAAA;AAAA,MAAA;AAAA,MAAM;AAAA,MAAE,YAAY,oBAAC,QAAK,EAAA,WAAU,eAAc,UAAC,IAAA,CAAA;AAAA,IAAA,GACtD;AAAA,IAEF,oBAAC,SAAI,WAAW,iCAAiC,aAAa,IAC3D,UAAA,QAAQ,IAAI,CAAC,WACZ;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAJK,OAAO,WAAW,WAAW,SAAS,OAAO;AAAA,IAAA,CAMrD,EACH,CAAA;AAAA,EAAA,GACF;AAEJ,CAAC;AAED,cAAc,cAAc;"}

package/dist/{client-EsyBdlcF.js → client-BmYopK6I.js}

@@ -1575,11 +1575,26 @@ const RouteLitContext = createContext({
   parentManager: void 0
 });
 function useRouteLitContext() {
+  var _a, _b;
   const context = useContext(RouteLitContext);
-  if (!context) {
-    throw new Error(
-      "useRouteLitContext must be used within a RouteLitContext.Provider"
-    );
+  if (!context || !context.manager || !context.componentStore) {
+    const globalManager = (_a = window.RoutelitClient) == null ? void 0 : _a.manager;
+    const globalComponentStore = ((_b = window.RoutelitClient) == null ? void 0 : _b.componentStore) || window.componentStore;
+    if (globalManager && globalComponentStore) {
+      return {
+        manager: globalManager,
+        componentStore: globalComponentStore,
+        parentManager: void 0
+      };
+    }
+    if (!context) {
+      console.warn(
+        "RouteLitContext not found and no global fallbacks available. This may cause errors."
+      );
+      throw new Error(
+        "useRouteLitContext must be used within a RouteLitContext.Provider"
+      );
+    }
   }
   return context;
 }
@@ -1618,32 +1633,40 @@ function useDispatcherWithAttr(id, type, attr) {
 function useFormDispatcher(id, type) {
   const { manager: manager2 } = useRouteLitContext();
   const formId = useFormId();
-  const callback = useCallback((data) => {
-    manager2.handleEvent(new CustomEvent("routelit:event", { detail: { id, type, formId, ...data } }));
-  }, [manager2, id, type, formId]);
+  const callback = useCallback(
+    (data) => {
+      manager2.handleEvent(
+        new CustomEvent("routelit:event", {
+          detail: { id, type, formId, ...data }
+        })
+      );
+    },
+    [manager2, id, type, formId]
+  );
   return callback;
 }
 function useFormDispatcherWithAttr(id, type, attr) {
   const { manager: manager2 } = useRouteLitContext();
   const formId = useFormId();
-  const callback = useCallback((value) => {
-    manager2.handleEvent(new CustomEvent("routelit:event", { detail: { id, type, formId, [attr]: value } }));
-  }, [manager2, id, type, formId, attr]);
+  const callback = useCallback(
+    (value) => {
+      manager2.handleEvent(
+        new CustomEvent("routelit:event", {
+          detail: { id, type, formId, [attr]: value }
+        })
+      );
+    },
+    [manager2, id, type, formId, attr]
+  );
   return callback;
 }
 function useIsLoading() {
   const { manager: manager2 } = useRouteLitContext();
-  return useSyncExternalStore(
-    manager2.subscribeIsLoading,
-    manager2.isLoading
-  );
+  return useSyncExternalStore(manager2.subscribeIsLoading, manager2.isLoading);
 }
 function useError() {
   const { manager: manager2 } = useRouteLitContext();
-  return useSyncExternalStore(
-    manager2.subscribeError,
-    manager2.getError
-  );
+  return useSyncExternalStore(manager2.subscribeError, manager2.getError);
 }
 function RLElement({
   name,
@@ -19870,16 +19893,16 @@ if (window.RoutelitClient) {
   manager = initManager();
   componentStore = new ComponentStore();
 }
-const Dialog = React.lazy(() => import("./dialog-B46zlf9B.js"));
+const Dialog = React.lazy(() => import("./dialog-BiMlAuNR.js"));
 const Container = React.lazy(() => import("./container-Ds-tbnBg.js"));
 const Expander = React.lazy(() => import("./expander-DXsTGgwa.js"));
 const Flex = React.lazy(() => import("./flex-DazUjcnc.js"));
-const Input = React.lazy(() => import("./input-BdALQ4Rq.js"));
-const Radio = React.lazy(() => import("./radio-BKbbJ19J.js"));
-const Select = React.lazy(() => import("./select-CLEp2Krv.js"));
-const Textarea = React.lazy(() => import("./textarea-CsytqoAO.js"));
-const Checkbox = React.lazy(() => import("./checkbox-BxQjAES5.js"));
-const CheckboxGroup = React.lazy(() => import("./checkbox-group-DofQ_lqt.js"));
+const Input = React.lazy(() => import("./input-BAfvhFFa.js"));
+const Radio = React.lazy(() => import("./radio-Dun2pYu5.js"));
+const Select = React.lazy(() => import("./select-CT25n1Lx.js"));
+const Textarea = React.lazy(() => import("./textarea-DCsk48sa.js"));
+const Checkbox = React.lazy(() => import("./checkbox-BBrF5uBm.js"));
+const CheckboxGroup = React.lazy(() => import("./checkbox-group-DrpoPDc1.js"));
 const Markdown = React.lazy(() => import("./markdown-DhpGCd5Q.js"));
 componentStore.register(
   "root",
@@ -19965,4 +19988,4 @@ export {
   useDispatcherWith as u,
   withEventDispatcher as w
 };
-//# sourceMappingURL=client-EsyBdlcF.js.map
+//# sourceMappingURL=client-BmYopK6I.js.map