@inpageedit/core 0.4.1 → 0.5.1

package/dist/ActionButton-BgbTKTg7.js

@@ -0,0 +1,24 @@
+import { c as s } from "./index-CvhkVj_L.js";
+const d = window?.location?.origin, p = ({
+  type: n,
+  tag: t,
+  href: i,
+  target: o,
+  children: a,
+  ...e
+}) => (t = t || (i ? "a" : "button"), typeof o > "u" && i && i.startsWith("http") && !i.startsWith(d) && (o = "_blank"), s(
+  t,
+  {
+    className: `theme-ipe ipe-action-button ipe-modal-btn is-${n || "default"}`,
+    // @ts-ignore
+    href: t === "a" ? i : void 0,
+    target: t === "a" ? o : void 0,
+    "data-href": t !== "a" ? i : void 0,
+    ...e
+  },
+  a
+));
+export {
+  p as A
+};
+//# sourceMappingURL=ActionButton-BgbTKTg7.js.map

package/dist/ActionButton-BgbTKTg7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButton-BgbTKTg7.js","sources":["../src/components/ActionButton.tsx"],"sourcesContent":["import { h, JSX, ReactNode } from 'jsx-dom'\r\n\r\nexport interface ActionButtonProps {\r\n  type?: 'primary' | 'secondary' | 'danger' | 'default'\r\n  tag?: 'a' | 'button' | 'div'\r\n}\r\n\r\nconst origin = window?.location?.origin\r\n\r\nexport const ActionButton = ({\r\n  type,\r\n  tag,\r\n  href,\r\n  target,\r\n  children,\r\n  ...rest\r\n}: ActionButtonProps &\r\n  Omit<JSX.IntrinsicElements['button'], 'type'> &\r\n  JSX.IntrinsicElements['a']) => {\r\n  tag = tag || (href ? 'a' : 'button')\r\n  if (\r\n    typeof target === 'undefined' &&\r\n    href &&\r\n    href.startsWith('http') &&\r\n    !href.startsWith(origin)\r\n  ) {\r\n    target = '_blank'\r\n  }\r\n  return h(\r\n    tag,\r\n    {\r\n      className: `theme-ipe ipe-action-button ipe-modal-btn is-${type || 'default'}`,\r\n      // @ts-ignore\r\n      href: tag === 'a' ? href : undefined,\r\n      target: tag === 'a' ? target : undefined,\r\n      'data-href': tag !== 'a' ? href : undefined,\r\n      ...rest,\r\n    },\r\n    children\r\n  )\r\n}\r\n"],"names":["origin","ActionButton","type","tag","href","target","children","rest","h"],"mappings":";AAOA,MAAMA,IAAS,QAAQ,UAAU,QAEpBC,IAAe,CAAC;AAAA,EAC3B,MAAAC;AAAA,EACA,KAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,OAGEJ,IAAMA,MAAQC,IAAO,MAAM,WAEzB,OAAOC,IAAW,OAClBD,KACAA,EAAK,WAAW,MAAM,KACtB,CAACA,EAAK,WAAWJ,CAAM,MAEvBK,IAAS,WAEJG;AAAAA,EACLL;AAAA,EACA;AAAA,IACE,WAAW,gDAAgDD,KAAQ,SAAS;AAAA;AAAA,IAE5E,MAAMC,MAAQ,MAAMC,IAAO;AAAA,IAC3B,QAAQD,MAAQ,MAAME,IAAS;AAAA,IAC/B,aAAaF,MAAQ,MAAMC,IAAO;AAAA,IAClC,GAAGG;AAAA,EAAA;AAAA,EAELD;AAAA;"}

package/dist/{RadioBox-BZFhTEo5.js → RadioBox-CaA8VgLu.js}

@@ -1,10 +1,10 @@
 import { j as e } from "./index-CvhkVj_L.js";
-const f = "_mbox_v5fz5_1", u = "_title_v5fz5_12", v = "_content_v5fz5_19", _ = "_close_v5fz5_27", s = {
-  mbox: f,
-  title: u,
-  content: v,
-  close: _
-}, P = (i) => {
+const u = "_mbox_5x43w_1", _ = "_title_5x43w_12", f = "_content_5x43w_19", v = "_close_5x43w_27", s = {
+  mbox: u,
+  title: _,
+  content: f,
+  close: v
+}, N = (i) => {
   const {
     type: t = "default",
     title: n,
@@ -15,9 +15,9 @@ const f = "_mbox_v5fz5_1", u = "_title_v5fz5_12", v = "_content_v5fz5_19", _ = "
     children: p,
     ...m
   } = i;
-  let d = n;
-  typeof n > "u" && t !== "default" && (d = t[0].toUpperCase() + t.slice(1).toLowerCase());
-  const x = async () => {
+  let x = n;
+  typeof n > "u" && t !== "default" && (x = t[0].toUpperCase() + t.slice(1).toLowerCase());
+  const d = async () => {
     if (!o)
       return Promise.resolve();
     const { promise: h, resolve: b } = Promise.withResolvers();
@@ -34,12 +34,12 @@ const f = "_mbox_v5fz5_1", u = "_title_v5fz5_12", v = "_content_v5fz5_19", _ = "
       o.remove(), b();
     }), h;
   }, o = /* @__PURE__ */ e("div", { className: `theme-ipe ipe-mbox mbox-type-${t || "default"} ${s.mbox}`, ...m, children: [
-    d && /* @__PURE__ */ e("div", { className: `ipe-mbox-title ${s.title}`, ...a, children: d }),
+    x && /* @__PURE__ */ e("div", { className: `ipe-mbox-title ${s.title}`, ...a, children: x }),
     /* @__PURE__ */ e("div", { className: `ipe-mbox-content ${s.content}`, ...r, children: p || c }),
-    l && /* @__PURE__ */ e("a", { onClick: x, className: `ipe-mbox-close ${s.close}`, children: "×" })
+    l && /* @__PURE__ */ e("a", { onClick: d, className: `ipe-mbox-close ${s.close}`, children: "×" })
   ] });
-  return o.close = x, o;
-}, g = (i) => {
+  return o.close = d, o;
+}, P = (i) => {
   const { id: t, name: n, value: c, label: l, inputProps: a, labelProps: r, children: p, ...m } = i;
   return /* @__PURE__ */ e("label", { className: "theme-ipe ipe-radio-box", ...m, children: [
     /* @__PURE__ */ e("input", { type: "radio", id: t, name: n, value: c, ...a }),
@@ -48,7 +48,7 @@ const f = "_mbox_v5fz5_1", u = "_title_v5fz5_12", v = "_content_v5fz5_19", _ = "
   ] });
 };
 export {
-  P as M,
-  g as R
+  N as M,
+  P as R
 };
-//# sourceMappingURL=RadioBox-BZFhTEo5.js.map
+//# sourceMappingURL=RadioBox-CaA8VgLu.js.map

package/dist/{RadioBox-BZFhTEo5.js.map → RadioBox-CaA8VgLu.js.map}

@@ -1 +1 @@
-{"version":3,"file":"RadioBox-BZFhTEo5.js","sources":["../src/components/MBox/index.tsx","../src/components/RadioBox.tsx"],"sourcesContent":["import { ReactNode } from 'jsx-dom'\r\nimport { JSX } from 'jsx-dom/jsx-runtime'\r\nimport styles from './styles.module.sass'\r\n\r\nexport type MBoxProps = {\r\n  type?:\r\n    | ''\r\n    | 'default'\r\n    | 'note'\r\n    | 'info'\r\n    | 'tip'\r\n    | 'success'\r\n    | 'important'\r\n    | 'done'\r\n    | 'warning'\r\n    | 'caution'\r\n    | 'error'\r\n  title?: ReactNode\r\n  content?: ReactNode\r\n  closeable?: boolean\r\n  titleProps?: JSX.IntrinsicElements['div']\r\n  contentProps?: JSX.IntrinsicElements['div']\r\n} & JSX.IntrinsicElements['div']\r\n\r\nexport type MBoxElement = HTMLElement & {\r\n  close: () => Promise<void>\r\n}\r\n\r\nexport const MBox = (props: MBoxProps) => {\r\n  const {\r\n    type = 'default',\r\n    title,\r\n    content,\r\n    closeable = true,\r\n    titleProps,\r\n    contentProps,\r\n    children,\r\n    ...rest\r\n  } = props\r\n  let titleContent = title\r\n  if (typeof title === 'undefined' && type !== 'default') {\r\n    titleContent = type[0].toUpperCase() + type.slice(1).toLowerCase()\r\n  }\r\n\r\n  const close = async () => {\r\n    if (!box) {\r\n      return Promise.resolve()\r\n    }\r\n    const { promise, resolve } = Promise.withResolvers<void>()\r\n\r\n    const animation = box.animate(\r\n      [\r\n        { opacity: '1', height: box.clientHeight + 'px' },\r\n        { opacity: '0', height: '0px', margin: '0px' },\r\n      ],\r\n      {\r\n        duration: 300,\r\n        easing: 'ease',\r\n      }\r\n    )\r\n\r\n    animation.addEventListener('finish', () => {\r\n      box.remove()\r\n      resolve()\r\n    })\r\n\r\n    return promise\r\n  }\r\n\r\n  const box = (\r\n    <div className={`theme-ipe ipe-mbox mbox-type-${type || 'default'} ${styles.mbox}`} {...rest}>\r\n      {titleContent && (\r\n        <div className={`ipe-mbox-title ${styles.title}`} {...titleProps}>\r\n          {titleContent}\r\n        </div>\r\n      )}\r\n      <div className={`ipe-mbox-content ${styles.content}`} {...contentProps}>\r\n        {children || content}\r\n      </div>\r\n      {closeable && (\r\n        <a onClick={close} className={`ipe-mbox-close ${styles.close}`}>\r\n          ×\r\n        </a>\r\n      )}\r\n    </div>\r\n  ) as MBoxElement\r\n  box.close = close\r\n  return box\r\n}\r\n","import { JSX, ReactNode } from 'jsx-dom'\r\n\r\nexport type RadioBoxProps = {\r\n  id?: string\r\n  name: string\r\n  value: string\r\n  label?: string | HTMLElement\r\n  inputProps?: JSX.IntrinsicElements['input']\r\n  labelProps?: JSX.IntrinsicElements['span']\r\n} & JSX.IntrinsicElements['label']\r\n\r\nexport const RadioBox = (props: RadioBoxProps) => {\r\n  const { id, name, value, label, inputProps, labelProps, children, ...rest } = props\r\n  return (\r\n    <label className=\"theme-ipe ipe-radio-box\" {...rest}>\r\n      <input type=\"radio\" id={id} name={name} value={value} {...inputProps} />\r\n      <span className=\"ipe-checkbox-box\"></span>\r\n      <span {...labelProps}>{label || children}</span>\r\n    </label>\r\n  )\r\n}\r\n"],"names":["MBox","props","type","title","content","closeable","titleProps","contentProps","children","rest","titleContent","close","box","promise","resolve","jsxs","styles","jsx","RadioBox","id","name","value","label","inputProps","labelProps"],"mappings":";;;;;;GA4BaA,IAAO,CAACC,MAAqB;AACxC,QAAM;AAAA,IACJ,MAAAC,IAAO;AAAA,IACP,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDR;AACJ,MAAIS,IAAeP;AACnB,EAAI,OAAOA,IAAU,OAAeD,MAAS,cAC3CQ,IAAeR,EAAK,CAAC,EAAE,YAAA,IAAgBA,EAAK,MAAM,CAAC,EAAE,YAAA;AAGvD,QAAMS,IAAQ,YAAY;AACxB,QAAI,CAACC;AACH,aAAO,QAAQ,QAAA;AAEjB,UAAM,EAAE,SAAAC,GAAS,SAAAC,MAAY,QAAQ,cAAA;AAarC,WAXkBF,EAAI;AAAA,MACpB;AAAA,QACE,EAAE,SAAS,KAAK,QAAQA,EAAI,eAAe,KAAA;AAAA,QAC3C,EAAE,SAAS,KAAK,QAAQ,OAAO,QAAQ,MAAA;AAAA,MAAM;AAAA,MAE/C;AAAA,QACE,UAAU;AAAA,QACV,QAAQ;AAAA,MAAA;AAAA,IACV,EAGQ,iBAAiB,UAAU,MAAM;AACzC,MAAAA,EAAI,OAAA,GACJE,EAAA;AAAA,IACF,CAAC,GAEMD;AAAA,EACT,GAEMD,IACJG,gBAAAA,EAAC,OAAA,EAAI,WAAW,gCAAgCb,KAAQ,SAAS,IAAIc,EAAO,IAAI,IAAK,GAAGP,GACrF,UAAA;AAAA,IAAAC,KACC,gBAAAO,EAAC,SAAI,WAAW,kBAAkBD,EAAO,KAAK,IAAK,GAAGV,GACnD,UAAAI,EAAA,CACH;AAAA,IAEF,gBAAAO,EAAC,OAAA,EAAI,WAAW,oBAAoBD,EAAO,OAAO,IAAK,GAAGT,GACvD,UAAAC,KAAYJ,EAAA,CACf;AAAA,IACCC,KACC,gBAAAY,EAAC,KAAA,EAAE,SAASN,GAAO,WAAW,kBAAkBK,EAAO,KAAK,IAAI,UAAA,IAAA,CAEhE;AAAA,EAAA,GAEJ;AAEF,SAAAJ,EAAI,QAAQD,GACLC;AACT,GC7EaM,IAAW,CAACjB,MAAyB;AAChD,QAAM,EAAE,IAAAkB,GAAI,MAAAC,GAAM,OAAAC,GAAO,OAAAC,GAAO,YAAAC,GAAY,YAAAC,GAAY,UAAAhB,GAAU,GAAGC,EAAA,IAASR;AAC9E,SACEc,gBAAAA,EAAC,SAAA,EAAM,WAAU,2BAA2B,GAAGN,GAC7C,UAAA;AAAA,IAAA,gBAAAQ,EAAC,WAAM,MAAK,SAAQ,IAAAE,GAAQ,MAAAC,GAAY,OAAAC,GAAe,GAAGE,GAAY;AAAA,IACtE,gBAAAN,EAAC,QAAA,EAAK,WAAU,mBAAA,CAAmB;AAAA,IACnC,gBAAAA,EAAC,QAAA,EAAM,GAAGO,GAAa,eAAShB,EAAA,CAAS;AAAA,EAAA,GAC3C;AAEJ;"}
+{"version":3,"file":"RadioBox-CaA8VgLu.js","sources":["../src/components/MBox/index.tsx","../src/components/RadioBox.tsx"],"sourcesContent":["import { ReactNode } from 'jsx-dom'\r\nimport { JSX } from 'jsx-dom/jsx-runtime'\r\nimport styles from './styles.module.sass'\r\n\r\nexport type MBoxProps = {\r\n  type?:\r\n    | ''\r\n    | 'default'\r\n    | 'note'\r\n    | 'info'\r\n    | 'tip'\r\n    | 'success'\r\n    | 'important'\r\n    | 'done'\r\n    | 'warning'\r\n    | 'caution'\r\n    | 'error'\r\n  title?: ReactNode\r\n  content?: ReactNode\r\n  closeable?: boolean\r\n  titleProps?: JSX.IntrinsicElements['div']\r\n  contentProps?: JSX.IntrinsicElements['div']\r\n} & JSX.IntrinsicElements['div']\r\n\r\nexport type MBoxElement = HTMLElement & {\r\n  close: () => Promise<void>\r\n}\r\n\r\nexport const MBox = (props: MBoxProps) => {\r\n  const {\r\n    type = 'default',\r\n    title,\r\n    content,\r\n    closeable = true,\r\n    titleProps,\r\n    contentProps,\r\n    children,\r\n    ...rest\r\n  } = props\r\n  let titleContent = title\r\n  if (typeof title === 'undefined' && type !== 'default') {\r\n    titleContent = type[0].toUpperCase() + type.slice(1).toLowerCase()\r\n  }\r\n\r\n  const close = async () => {\r\n    if (!box) {\r\n      return Promise.resolve()\r\n    }\r\n    const { promise, resolve } = Promise.withResolvers<void>()\r\n\r\n    const animation = box.animate(\r\n      [\r\n        { opacity: '1', height: box.clientHeight + 'px' },\r\n        { opacity: '0', height: '0px', margin: '0px' },\r\n      ],\r\n      {\r\n        duration: 300,\r\n        easing: 'ease',\r\n      }\r\n    )\r\n\r\n    animation.addEventListener('finish', () => {\r\n      box.remove()\r\n      resolve()\r\n    })\r\n\r\n    return promise\r\n  }\r\n\r\n  const box = (\r\n    <div className={`theme-ipe ipe-mbox mbox-type-${type || 'default'} ${styles.mbox}`} {...rest}>\r\n      {titleContent && (\r\n        <div className={`ipe-mbox-title ${styles.title}`} {...titleProps}>\r\n          {titleContent}\r\n        </div>\r\n      )}\r\n      <div className={`ipe-mbox-content ${styles.content}`} {...contentProps}>\r\n        {children || content}\r\n      </div>\r\n      {closeable && (\r\n        <a onClick={close} className={`ipe-mbox-close ${styles.close}`}>\r\n          ×\r\n        </a>\r\n      )}\r\n    </div>\r\n  ) as MBoxElement\r\n  box.close = close\r\n  return box\r\n}\r\n","import { JSX, ReactNode } from 'jsx-dom'\r\n\r\nexport type RadioBoxProps = {\r\n  id?: string\r\n  name: string\r\n  value: string\r\n  label?: string | HTMLElement\r\n  inputProps?: JSX.IntrinsicElements['input']\r\n  labelProps?: JSX.IntrinsicElements['span']\r\n} & JSX.IntrinsicElements['label']\r\n\r\nexport const RadioBox = (props: RadioBoxProps) => {\r\n  const { id, name, value, label, inputProps, labelProps, children, ...rest } = props\r\n  return (\r\n    <label className=\"theme-ipe ipe-radio-box\" {...rest}>\r\n      <input type=\"radio\" id={id} name={name} value={value} {...inputProps} />\r\n      <span className=\"ipe-checkbox-box\"></span>\r\n      <span {...labelProps}>{label || children}</span>\r\n    </label>\r\n  )\r\n}\r\n"],"names":["MBox","props","type","title","content","closeable","titleProps","contentProps","children","rest","titleContent","close","box","promise","resolve","jsxs","styles","jsx","RadioBox","id","name","value","label","inputProps","labelProps"],"mappings":";;;;;;GA4BaA,IAAO,CAACC,MAAqB;AACxC,QAAM;AAAA,IACJ,MAAAC,IAAO;AAAA,IACP,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDR;AACJ,MAAIS,IAAeP;AACnB,EAAI,OAAOA,IAAU,OAAeD,MAAS,cAC3CQ,IAAeR,EAAK,CAAC,EAAE,YAAA,IAAgBA,EAAK,MAAM,CAAC,EAAE,YAAA;AAGvD,QAAMS,IAAQ,YAAY;AACxB,QAAI,CAACC;AACH,aAAO,QAAQ,QAAA;AAEjB,UAAM,EAAE,SAAAC,GAAS,SAAAC,MAAY,QAAQ,cAAA;AAarC,WAXkBF,EAAI;AAAA,MACpB;AAAA,QACE,EAAE,SAAS,KAAK,QAAQA,EAAI,eAAe,KAAA;AAAA,QAC3C,EAAE,SAAS,KAAK,QAAQ,OAAO,QAAQ,MAAA;AAAA,MAAM;AAAA,MAE/C;AAAA,QACE,UAAU;AAAA,QACV,QAAQ;AAAA,MAAA;AAAA,IACV,EAGQ,iBAAiB,UAAU,MAAM;AACzC,MAAAA,EAAI,OAAA,GACJE,EAAA;AAAA,IACF,CAAC,GAEMD;AAAA,EACT,GAEMD,IACJG,gBAAAA,EAAC,OAAA,EAAI,WAAW,gCAAgCb,KAAQ,SAAS,IAAIc,EAAO,IAAI,IAAK,GAAGP,GACrF,UAAA;AAAA,IAAAC,KACC,gBAAAO,EAAC,SAAI,WAAW,kBAAkBD,EAAO,KAAK,IAAK,GAAGV,GACnD,UAAAI,EAAA,CACH;AAAA,IAEF,gBAAAO,EAAC,OAAA,EAAI,WAAW,oBAAoBD,EAAO,OAAO,IAAK,GAAGT,GACvD,UAAAC,KAAYJ,EAAA,CACf;AAAA,IACCC,KACC,gBAAAY,EAAC,KAAA,EAAE,SAASN,GAAO,WAAW,kBAAkBK,EAAO,KAAK,IAAI,UAAA,IAAA,CAEhE;AAAA,EAAA,GAEJ;AAEF,SAAAJ,EAAI,QAAQD,GACLC;AACT,GC7EaM,IAAW,CAACjB,MAAyB;AAChD,QAAM,EAAE,IAAAkB,GAAI,MAAAC,GAAM,OAAAC,GAAO,OAAAC,GAAO,YAAAC,GAAY,YAAAC,GAAY,UAAAhB,GAAU,GAAGC,EAAA,IAASR;AAC9E,SACEc,gBAAAA,EAAC,SAAA,EAAM,WAAU,2BAA2B,GAAGN,GAC7C,UAAA;AAAA,IAAA,gBAAAQ,EAAC,WAAM,MAAK,SAAQ,IAAAE,GAAQ,MAAAC,GAAY,OAAAC,GAAe,GAAGE,GAAY;AAAA,IACtE,gBAAAN,EAAC,QAAA,EAAK,WAAU,mBAAA,CAAmB;AAAA,IACnC,gBAAAA,EAAC,QAAA,EAAM,GAAGO,GAAa,eAAShB,EAAA,CAAS;AAAA,EAAA,GAC3C;AAEJ;"}

package/dist/components/TwinSwapInput/index.d.ts

@@ -9,6 +9,7 @@ export interface TwinSwapInputInput {
     name: string;
     value?: string;
     disabled?: boolean;
+    required?: boolean;
     inputProps?: Omit<JSX.IntrinsicElements['input'], 'name' | 'value'>;
 }
 export type TwinSwapElement = HTMLDivElement & {

package/dist/components/index.js

@@ -1,35 +1,34 @@
-import { M as y, R as x } from "../RadioBox-BZFhTEo5.js";
-import { j as i } from "../index-CvhkVj_L.js";
+import { M as y, R as x } from "../RadioBox-CaA8VgLu.js";
+import { j as n } from "../index-CvhkVj_L.js";
 import { P as L } from "../index-CvhkVj_L.js";
-import { T as A } from "../index-BPsDFq9U.js";
-import { A as N } from "../ActionButton-ByMKIthQ.js";
+import { T as g } from "../index-Bh70Udzi.js";
+import { A as N } from "../ActionButton-BgbTKTg7.js";
 import { C as z, I as $ } from "../InputBox-FIzJ-rPN.js";
-const r = "_tabview_zlbug_1", _ = "_labels_container_zlbug_4", b = "_label_zlbug_4", d = "_active_zlbug_32", m = "_contents_container_zlbug_35", t = {
+const r = "_tabview_zlbug_1", _ = "_labels_container_zlbug_4", b = "_label_zlbug_4", d = "_active_zlbug_32", m = "_contents_container_zlbug_35", i = {
   tabview: r,
   labels_container: _,
   label: b,
   active: d,
   contents_container: m
 };
-console.log(t);
 function h({
-  tabs: n = [],
+  tabs: t = [],
   defaultActiveIndex: l = 0
 }) {
-  const c = /* @__PURE__ */ i("div", { className: `ipe-tabView ${t.tabview}`, children: [
-    /* @__PURE__ */ i("ul", { className: `ipe-tabView__labels-container ${t.labels_container}`, children: n.map((a) => /* @__PURE__ */ i(f, { name: a.name, children: a.children }, a.name)) }),
-    /* @__PURE__ */ i("div", { className: `ipe-tabView__contents ${t.contents_container}`, children: n.map((a) => /* @__PURE__ */ i(p, { name: a.name, children: a.content }, a.name)) })
+  const c = /* @__PURE__ */ n("div", { className: `ipe-tabView ${i.tabview}`, children: [
+    /* @__PURE__ */ n("ul", { className: `ipe-tabView__labels-container ${i.labels_container}`, children: t.map((a) => /* @__PURE__ */ n(f, { name: a.name, children: a.children }, a.name)) }),
+    /* @__PURE__ */ n("div", { className: `ipe-tabView__contents ${i.contents_container}`, children: t.map((a) => /* @__PURE__ */ n(p, { name: a.name, children: a.content }, a.name)) })
   ] }), s = c.querySelector(
     `.ipe-tabView__labels-container > .ipe-tabView__label:nth-child(${l + 1})`
   );
   return s && s.click(), c;
 }
-function f({ name: n, children: l }) {
-  return /* @__PURE__ */ i(
+function f({ name: t, children: l }) {
+  return /* @__PURE__ */ n(
     "li",
     {
-      "data-tab-name": n,
-      className: `ipe-tabView__label ${t.label}`,
+      "data-tab-name": t,
+      className: `ipe-tabView__label ${i.label}`,
       onClick: function(c) {
         c.preventDefault();
         const s = this.closest(".ipe-tabView");
@@ -38,24 +37,24 @@ function f({ name: n, children: l }) {
           (e) => e.classList.contains("ipe-tabView__labels")
         )?.children;
         a && Array.from(a).forEach((e) => {
-          e.classList.remove(t.active);
-        }), this.classList.add(t.active);
+          e.classList.remove(i.active);
+        }), this.classList.add(i.active);
         const o = Array.from(s.children).find(
           (e) => e.classList.contains("ipe-tabView__contents")
         )?.children;
         o && Array.from(o).forEach((e) => {
-          e instanceof HTMLElement && (e.dataset.tabName === n ? (e.style.display = "", e.classList.add(t.active)) : (e.style.display = "none", e.classList.remove(t.active)));
+          e instanceof HTMLElement && (e.dataset.tabName === t ? (e.style.display = "", e.classList.add(i.active)) : (e.style.display = "none", e.classList.remove(i.active)));
         });
       },
-      children: /* @__PURE__ */ i("a", { children: l || n })
+      children: /* @__PURE__ */ n("a", { children: l || t })
     }
   );
 }
-function p({ name: n, children: l }) {
-  return /* @__PURE__ */ i(
+function p({ name: t, children: l }) {
+  return /* @__PURE__ */ n(
     "div",
     {
-      "data-tab-name": n,
+      "data-tab-name": t,
       className: "ipe-tabView__content-body",
       style: {
         display: "none"
@@ -74,6 +73,6 @@ export {
   p as TabContent,
   f as TabLabel,
   h as TabView,
-  A as TwinSwapInput
+  g as TwinSwapInput
 };
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/components/TabView/index.tsx"],"sourcesContent":["import { ReactNode } from 'jsx-dom'\r\nimport styles from './styles.module.sass'\r\n\r\nexport interface TabViewLabelOptions {\r\n  name: string\r\n  children: ReactNode\r\n}\r\n\r\nconsole.log(styles)\r\n\r\nexport function TabView({\r\n  tabs = [],\r\n  defaultActiveIndex = 0,\r\n}: {\r\n  tabs: (TabViewLabelOptions & { content: ReactNode })[]\r\n  defaultActiveIndex?: number\r\n}) {\r\n  const el = (\r\n    <div className={`ipe-tabView ${styles.tabview}`}>\r\n      <ul className={`ipe-tabView__labels-container ${styles.labels_container}`}>\r\n        {tabs.map((tab) => (\r\n          <TabLabel key={tab.name} name={tab.name}>\r\n            {tab.children}\r\n          </TabLabel>\r\n        ))}\r\n      </ul>\r\n      <div className={`ipe-tabView__contents ${styles.contents_container}`}>\r\n        {tabs.map((tab) => (\r\n          <TabContent key={tab.name} name={tab.name}>\r\n            {tab.content}\r\n          </TabContent>\r\n        ))}\r\n      </div>\r\n    </div>\r\n  )\r\n\r\n  const defaultActiveLabel = el.querySelector<HTMLAnchorElement>(\r\n    `.ipe-tabView__labels-container > .ipe-tabView__label:nth-child(${defaultActiveIndex + 1})`\r\n  )\r\n  if (defaultActiveLabel) {\r\n    defaultActiveLabel.click()\r\n  }\r\n\r\n  return el\r\n}\r\n\r\nexport function TabLabel({ name, children }: { name: string; children: ReactNode }) {\r\n  return (\r\n    <li\r\n      data-tab-name={name}\r\n      className={`ipe-tabView__label ${styles.label}`}\r\n      onClick={function (e) {\r\n        e.preventDefault()\r\n        const container = this.closest('.ipe-tabView')\r\n        if (!container) return\r\n        const labels = Array.from(container.children).find((el) =>\r\n          el.classList.contains('ipe-tabView__labels')\r\n        )?.children\r\n        if (labels) {\r\n          Array.from(labels).forEach((label) => {\r\n            label.classList.remove(styles.active)\r\n          })\r\n        }\r\n        this.classList.add(styles.active)\r\n        const contents = Array.from(container.children).find((el) =>\r\n          el.classList.contains('ipe-tabView__contents')\r\n        )?.children\r\n        if (contents) {\r\n          Array.from(contents).forEach((content) => {\r\n            if (content instanceof HTMLElement) {\r\n              if (content.dataset.tabName === name) {\r\n                content.style.display = ''\r\n                content.classList.add(styles.active)\r\n              } else {\r\n                content.style.display = 'none'\r\n                content.classList.remove(styles.active)\r\n              }\r\n            }\r\n          })\r\n        }\r\n      }}\r\n    >\r\n      <a>{children || name}</a>\r\n    </li>\r\n  )\r\n}\r\n\r\nexport function TabContent({ name, children }: { name: string; children: ReactNode }) {\r\n  return (\r\n    <div\r\n      data-tab-name={name}\r\n      className=\"ipe-tabView__content-body\"\r\n      style={{\r\n        display: 'none',\r\n      }}\r\n    >\r\n      {children}\r\n    </div>\r\n  )\r\n}\r\n"],"names":["styles","TabView","tabs","defaultActiveIndex","el","jsxs","jsx","tab","TabLabel","TabContent","defaultActiveLabel","name","children","e","container","labels","label","contents","content"],"mappings":";;;;;;;;;;;;;AAQA,QAAQ,IAAIA,CAAM;AAEX,SAASC,EAAQ;AAAA,EACtB,MAAAC,IAAO,CAAA;AAAA,EACP,oBAAAC,IAAqB;AACvB,GAGG;AACD,QAAMC,IACJC,gBAAAA,EAAC,OAAA,EAAI,WAAW,eAAeL,EAAO,OAAO,IAC3C,UAAA;AAAA,IAAA,gBAAAM,EAAC,MAAA,EAAG,WAAW,iCAAiCN,EAAO,gBAAgB,IACpE,UAAAE,EAAK,IAAI,CAACK,wBACRC,GAAA,EAAwB,MAAMD,EAAI,MAChC,UAAAA,EAAI,YADQA,EAAI,IAEnB,CACD,EAAA,CACH;AAAA,IACA,gBAAAD,EAAC,SAAI,WAAW,yBAAyBN,EAAO,kBAAkB,IAC/D,YAAK,IAAI,CAACO,MACT,gBAAAD,EAACG,GAAA,EAA0B,MAAMF,EAAI,MAClC,YAAI,QAAA,GADUA,EAAI,IAErB,CACD,EAAA,CACH;AAAA,EAAA,GACF,GAGIG,IAAqBN,EAAG;AAAA,IAC5B,kEAAkED,IAAqB,CAAC;AAAA,EAAA;AAE1F,SAAIO,KACFA,EAAmB,MAAA,GAGdN;AACT;AAEO,SAASI,EAAS,EAAE,MAAAG,GAAM,UAAAC,KAAmD;AAClF,SACE,gBAAAN;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,iBAAeK;AAAA,MACf,WAAW,sBAAsBX,EAAO,KAAK;AAAA,MAC7C,SAAS,SAAUa,GAAG;AACpB,QAAAA,EAAE,eAAA;AACF,cAAMC,IAAY,KAAK,QAAQ,cAAc;AAC7C,YAAI,CAACA,EAAW;AAChB,cAAMC,IAAS,MAAM,KAAKD,EAAU,QAAQ,EAAE;AAAA,UAAK,CAACV,MAClDA,EAAG,UAAU,SAAS,qBAAqB;AAAA,QAAA,GAC1C;AACH,QAAIW,KACF,MAAM,KAAKA,CAAM,EAAE,QAAQ,CAACC,MAAU;AACpC,UAAAA,EAAM,UAAU,OAAOhB,EAAO,MAAM;AAAA,QACtC,CAAC,GAEH,KAAK,UAAU,IAAIA,EAAO,MAAM;AAChC,cAAMiB,IAAW,MAAM,KAAKH,EAAU,QAAQ,EAAE;AAAA,UAAK,CAACV,MACpDA,EAAG,UAAU,SAAS,uBAAuB;AAAA,QAAA,GAC5C;AACH,QAAIa,KACF,MAAM,KAAKA,CAAQ,EAAE,QAAQ,CAACC,MAAY;AACxC,UAAIA,aAAmB,gBACjBA,EAAQ,QAAQ,YAAYP,KAC9BO,EAAQ,MAAM,UAAU,IACxBA,EAAQ,UAAU,IAAIlB,EAAO,MAAM,MAEnCkB,EAAQ,MAAM,UAAU,QACxBA,EAAQ,UAAU,OAAOlB,EAAO,MAAM;AAAA,QAG5C,CAAC;AAAA,MAEL;AAAA,MAEA,UAAA,gBAAAM,EAAC,KAAA,EAAG,UAAAM,KAAYD,EAAA,CAAK;AAAA,IAAA;AAAA,EAAA;AAG3B;AAEO,SAASF,EAAW,EAAE,MAAAE,GAAM,UAAAC,KAAmD;AACpF,SACE,gBAAAN;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,iBAAeK;AAAA,MACf,WAAU;AAAA,MACV,OAAO;AAAA,QACL,SAAS;AAAA,MAAA;AAAA,MAGV,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"index.js","sources":["../../src/components/TabView/index.tsx"],"sourcesContent":["import { ReactNode } from 'jsx-dom'\r\nimport styles from './styles.module.sass'\r\n\r\nexport interface TabViewLabelOptions {\r\n  name: string\r\n  children: ReactNode\r\n}\r\n\r\nconsole.log(styles)\r\n\r\nexport function TabView({\r\n  tabs = [],\r\n  defaultActiveIndex = 0,\r\n}: {\r\n  tabs: (TabViewLabelOptions & { content: ReactNode })[]\r\n  defaultActiveIndex?: number\r\n}) {\r\n  const el = (\r\n    <div className={`ipe-tabView ${styles.tabview}`}>\r\n      <ul className={`ipe-tabView__labels-container ${styles.labels_container}`}>\r\n        {tabs.map((tab) => (\r\n          <TabLabel key={tab.name} name={tab.name}>\r\n            {tab.children}\r\n          </TabLabel>\r\n        ))}\r\n      </ul>\r\n      <div className={`ipe-tabView__contents ${styles.contents_container}`}>\r\n        {tabs.map((tab) => (\r\n          <TabContent key={tab.name} name={tab.name}>\r\n            {tab.content}\r\n          </TabContent>\r\n        ))}\r\n      </div>\r\n    </div>\r\n  )\r\n\r\n  const defaultActiveLabel = el.querySelector<HTMLAnchorElement>(\r\n    `.ipe-tabView__labels-container > .ipe-tabView__label:nth-child(${defaultActiveIndex + 1})`\r\n  )\r\n  if (defaultActiveLabel) {\r\n    defaultActiveLabel.click()\r\n  }\r\n\r\n  return el\r\n}\r\n\r\nexport function TabLabel({ name, children }: { name: string; children: ReactNode }) {\r\n  return (\r\n    <li\r\n      data-tab-name={name}\r\n      className={`ipe-tabView__label ${styles.label}`}\r\n      onClick={function (e) {\r\n        e.preventDefault()\r\n        const container = this.closest('.ipe-tabView')\r\n        if (!container) return\r\n        const labels = Array.from(container.children).find((el) =>\r\n          el.classList.contains('ipe-tabView__labels')\r\n        )?.children\r\n        if (labels) {\r\n          Array.from(labels).forEach((label) => {\r\n            label.classList.remove(styles.active)\r\n          })\r\n        }\r\n        this.classList.add(styles.active)\r\n        const contents = Array.from(container.children).find((el) =>\r\n          el.classList.contains('ipe-tabView__contents')\r\n        )?.children\r\n        if (contents) {\r\n          Array.from(contents).forEach((content) => {\r\n            if (content instanceof HTMLElement) {\r\n              if (content.dataset.tabName === name) {\r\n                content.style.display = ''\r\n                content.classList.add(styles.active)\r\n              } else {\r\n                content.style.display = 'none'\r\n                content.classList.remove(styles.active)\r\n              }\r\n            }\r\n          })\r\n        }\r\n      }}\r\n    >\r\n      <a>{children || name}</a>\r\n    </li>\r\n  )\r\n}\r\n\r\nexport function TabContent({ name, children }: { name: string; children: ReactNode }) {\r\n  return (\r\n    <div\r\n      data-tab-name={name}\r\n      className=\"ipe-tabView__content-body\"\r\n      style={{\r\n        display: 'none',\r\n      }}\r\n    >\r\n      {children}\r\n    </div>\r\n  )\r\n}\r\n"],"names":["TabView","tabs","defaultActiveIndex","el","jsxs","styles","jsx","tab","TabLabel","TabContent","defaultActiveLabel","name","children","e","container","labels","label","contents","content"],"mappings":";;;;;;;;;;;;;AAUO,SAASA,EAAQ;AAAA,EACtB,MAAAC,IAAO,CAAA;AAAA,EACP,oBAAAC,IAAqB;AACvB,GAGG;AACD,QAAMC,IACJC,gBAAAA,EAAC,OAAA,EAAI,WAAW,eAAeC,EAAO,OAAO,IAC3C,UAAA;AAAA,IAAA,gBAAAC,EAAC,MAAA,EAAG,WAAW,iCAAiCD,EAAO,gBAAgB,IACpE,UAAAJ,EAAK,IAAI,CAACM,wBACRC,GAAA,EAAwB,MAAMD,EAAI,MAChC,UAAAA,EAAI,YADQA,EAAI,IAEnB,CACD,EAAA,CACH;AAAA,IACA,gBAAAD,EAAC,SAAI,WAAW,yBAAyBD,EAAO,kBAAkB,IAC/D,YAAK,IAAI,CAACE,MACT,gBAAAD,EAACG,GAAA,EAA0B,MAAMF,EAAI,MAClC,YAAI,QAAA,GADUA,EAAI,IAErB,CACD,EAAA,CACH;AAAA,EAAA,GACF,GAGIG,IAAqBP,EAAG;AAAA,IAC5B,kEAAkED,IAAqB,CAAC;AAAA,EAAA;AAE1F,SAAIQ,KACFA,EAAmB,MAAA,GAGdP;AACT;AAEO,SAASK,EAAS,EAAE,MAAAG,GAAM,UAAAC,KAAmD;AAClF,SACE,gBAAAN;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,iBAAeK;AAAA,MACf,WAAW,sBAAsBN,EAAO,KAAK;AAAA,MAC7C,SAAS,SAAUQ,GAAG;AACpB,QAAAA,EAAE,eAAA;AACF,cAAMC,IAAY,KAAK,QAAQ,cAAc;AAC7C,YAAI,CAACA,EAAW;AAChB,cAAMC,IAAS,MAAM,KAAKD,EAAU,QAAQ,EAAE;AAAA,UAAK,CAACX,MAClDA,EAAG,UAAU,SAAS,qBAAqB;AAAA,QAAA,GAC1C;AACH,QAAIY,KACF,MAAM,KAAKA,CAAM,EAAE,QAAQ,CAACC,MAAU;AACpC,UAAAA,EAAM,UAAU,OAAOX,EAAO,MAAM;AAAA,QACtC,CAAC,GAEH,KAAK,UAAU,IAAIA,EAAO,MAAM;AAChC,cAAMY,IAAW,MAAM,KAAKH,EAAU,QAAQ,EAAE;AAAA,UAAK,CAACX,MACpDA,EAAG,UAAU,SAAS,uBAAuB;AAAA,QAAA,GAC5C;AACH,QAAIc,KACF,MAAM,KAAKA,CAAQ,EAAE,QAAQ,CAACC,MAAY;AACxC,UAAIA,aAAmB,gBACjBA,EAAQ,QAAQ,YAAYP,KAC9BO,EAAQ,MAAM,UAAU,IACxBA,EAAQ,UAAU,IAAIb,EAAO,MAAM,MAEnCa,EAAQ,MAAM,UAAU,QACxBA,EAAQ,UAAU,OAAOb,EAAO,MAAM;AAAA,QAG5C,CAAC;AAAA,MAEL;AAAA,MAEA,UAAA,gBAAAC,EAAC,KAAA,EAAG,UAAAM,KAAYD,EAAA,CAAK;AAAA,IAAA;AAAA,EAAA;AAG3B;AAEO,SAASF,EAAW,EAAE,MAAAE,GAAM,UAAAC,KAAmD;AACpF,SACE,gBAAAN;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,iBAAeK;AAAA,MACf,WAAU;AAAA,MACV,OAAO;AAAA,QACL,SAAS;AAAA,MAAA;AAAA,MAGV,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGP;"}