@inpageedit/core 0.5.4 → 0.7.0

package/dist/CheckBox-D3rHnX7I.js

@@ -0,0 +1,13 @@
+import { j as e } from "./index-CvhkVj_L.js";
+const h = (c) => {
+  const { id: s, name: a, label: o, checked: p, inputProps: l, labelProps: n, children: r, ...i } = c;
+  return /* @__PURE__ */ e("label", { className: "theme-ipe ipe-checkbox", ...i, children: [
+    /* @__PURE__ */ e("input", { type: "checkbox", id: s, name: a, checked: p, ...l }),
+    /* @__PURE__ */ e("span", { className: "ipe-checkbox-box" }),
+    /* @__PURE__ */ e("span", { ...n, children: o || r })
+  ] });
+};
+export {
+  h as C
+};
+//# sourceMappingURL=CheckBox-D3rHnX7I.js.map

package/dist/CheckBox-D3rHnX7I.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckBox-D3rHnX7I.js","sources":["../src/components/CheckBox.tsx"],"sourcesContent":["import { JSX, ReactNode } from 'jsx-dom'\n\nexport type CheckBoxProps = {\n  id?: string\n  name: string\n  label?: string | HTMLElement\n  checked?: boolean\n  inputProps?: JSX.IntrinsicElements['input']\n  labelProps?: JSX.IntrinsicElements['span']\n} & JSX.IntrinsicElements['label']\n\nexport const CheckBox = (props: CheckBoxProps) => {\n  const { id, name, label, checked, inputProps, labelProps, children, ...rest } = props\n  return (\n    <label className=\"theme-ipe ipe-checkbox\" {...rest}>\n      <input type=\"checkbox\" id={id} name={name} checked={checked} {...inputProps} />\n      <span className=\"ipe-checkbox-box\"></span>\n      <span {...labelProps}>{label || children}</span>\n    </label>\n  )\n}\n"],"names":["CheckBox","props","id","name","label","checked","inputProps","labelProps","children","rest","jsxs","jsx"],"mappings":";AAWO,MAAMA,IAAW,CAACC,MAAyB;AAChD,QAAM,EAAE,IAAAC,GAAI,MAAAC,GAAM,OAAAC,GAAO,SAAAC,GAAS,YAAAC,GAAY,YAAAC,GAAY,UAAAC,GAAU,GAAGC,EAAA,IAASR;AAChF,SACES,gBAAAA,EAAC,SAAA,EAAM,WAAU,0BAA0B,GAAGD,GAC5C,UAAA;AAAA,IAAA,gBAAAE,EAAC,WAAM,MAAK,YAAW,IAAAT,GAAQ,MAAAC,GAAY,SAAAE,GAAmB,GAAGC,GAAY;AAAA,IAC7E,gBAAAK,EAAC,QAAA,EAAK,WAAU,mBAAA,CAAmB;AAAA,IACnC,gBAAAA,EAAC,QAAA,EAAM,GAAGJ,GAAa,eAASC,EAAA,CAAS;AAAA,EAAA,GAC3C;AAEJ;"}

package/dist/IconQuickEdit-YVn1ANbm.js

@@ -0,0 +1,27 @@
+import { j as o } from "./index-CvhkVj_L.js";
+const l = (t) => /* @__PURE__ */ o(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    "stroke-width": "2",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    class: "icon icon-tabler icons-tabler-outline icon-tabler-pencil-bolt",
+    ...t,
+    children: [
+      /* @__PURE__ */ o("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
+      /* @__PURE__ */ o("path", { d: "M4 20h4l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4" }),
+      /* @__PURE__ */ o("path", { d: "M13.5 6.5l4 4" }),
+      /* @__PURE__ */ o("path", { d: "M19 16l-2 3h4l-2 3" })
+    ]
+  }
+);
+export {
+  l as I
+};
+//# sourceMappingURL=IconQuickEdit-YVn1ANbm.js.map

package/dist/IconQuickEdit-YVn1ANbm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconQuickEdit-YVn1ANbm.js","sources":["../src/components/Icon/IconQuickEdit.tsx"],"sourcesContent":["import { SVGProps } from 'jsx-dom'\n\nexport const IconQuickEdit = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    stroke-width=\"2\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n    class=\"icon icon-tabler icons-tabler-outline icon-tabler-pencil-bolt\"\n    {...props}\n  >\n    <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n    <path d=\"M4 20h4l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4\" />\n    <path d=\"M13.5 6.5l4 4\" />\n    <path d=\"M19 16l-2 3h4l-2 3\" />\n  </svg>\n)\n"],"names":["IconQuickEdit","props","jsxs","jsx"],"mappings":";AAEO,MAAMA,IAAgB,CAACC,MAC5BC,gBAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,QAAO;AAAA,IACP,gBAAa;AAAA,IACb,kBAAe;AAAA,IACf,mBAAgB;AAAA,IAChB,OAAM;AAAA,IACL,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE,EAAC,UAAK,QAAO,QAAO,GAAE,iBAAgB,MAAK,QAAO;AAAA,MAClD,gBAAAA,EAAC,QAAA,EAAK,GAAE,0DAAA,CAA0D;AAAA,MAClE,gBAAAA,EAAC,QAAA,EAAK,GAAE,gBAAA,CAAgB;AAAA,MACxB,gBAAAA,EAAC,QAAA,EAAK,GAAE,qBAAA,CAAqB;AAAA,IAAA;AAAA,EAAA;AAC/B;"}

package/dist/InPageEdit.d.ts

@@ -1,5 +1,12 @@
 import { Context, Inject, Events as CordisEvents } from '@cordisjs/core';
 import { Logger } from '@inpageedit/logger';
+import { FexiosConfigs } from 'fexios';
+export interface InPageEditCoreConfig {
+    apiConfigs: Partial<FexiosConfigs>;
+    legacyPreferences: Record<string, any>;
+    logLevel: number;
+    autoloadStyles: boolean;
+}
 /**
  * ✏️ InPageEdit NEXT
  *
@@ -21,11 +28,6 @@ export declare class InPageEdit extends Context {
     constructor(config?: Partial<InPageEditCoreConfig>);
     useScope(inject: Inject): Promise<this>;
 }
-export interface InPageEditCoreConfig {
-    baseURL: string | URL;
-    legacyPreferences: Record<string, any>;
-    logLevel: number;
-}
 export { default as Schema } from 'schemastery';
 export * from '@inpageedit/logger';
 export { Inject, Service } from '@cordisjs/core';

package/dist/InputBox-BV4m05Xs.js

@@ -0,0 +1,22 @@
+import { j as e } from "./index-CvhkVj_L.js";
+const b = (t) => {
+  const { label: s, id: l, name: i, value: a, disabled: o, labelProps: p, inputProps: r, ...n } = t;
+  return /* @__PURE__ */ e("div", { className: "theme-ipe ipe-input-box", ...n, children: [
+    /* @__PURE__ */ e("label", { htmlFor: l, style: { display: "block" }, ...p, children: s }),
+    /* @__PURE__ */ e(
+      "input",
+      {
+        id: l,
+        name: i,
+        value: a,
+        disabled: o,
+        style: { width: "100%" },
+        ...r
+      }
+    )
+  ] });
+};
+export {
+  b as I
+};
+//# sourceMappingURL=InputBox-BV4m05Xs.js.map

package/dist/InputBox-BV4m05Xs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputBox-BV4m05Xs.js","sources":["../src/components/InputBox.tsx"],"sourcesContent":["import { JSX } from 'jsx-dom'\n\nexport type InputBoxProps = {\n  label: string\n  id?: string\n  name: string\n  value?: string\n  disabled?: boolean\n  labelProps?: JSX.IntrinsicElements['label']\n  inputProps?: JSX.IntrinsicElements['input']\n} & JSX.IntrinsicElements['div']\n\nexport const InputBox = (props: InputBoxProps) => {\n  const { label, id, name, value, disabled, labelProps, inputProps, ...rest } = props\n  return (\n    <div className=\"theme-ipe ipe-input-box\" {...rest}>\n      <label htmlFor={id} style={{ display: 'block' }} {...labelProps}>\n        {label}\n      </label>\n      <input\n        id={id}\n        name={name}\n        value={value}\n        disabled={disabled}\n        style={{ width: '100%' }}\n        {...inputProps}\n      />\n    </div>\n  )\n}\n"],"names":["InputBox","props","label","id","name","value","disabled","labelProps","inputProps","rest","jsxs","jsx"],"mappings":";AAYO,MAAMA,IAAW,CAACC,MAAyB;AAChD,QAAM,EAAE,OAAAC,GAAO,IAAAC,GAAI,MAAAC,GAAM,OAAAC,GAAO,UAAAC,GAAU,YAAAC,GAAY,YAAAC,GAAY,GAAGC,EAAA,IAASR;AAC9E,SACES,gBAAAA,EAAC,OAAA,EAAI,WAAU,2BAA2B,GAAGD,GAC3C,UAAA;AAAA,IAAA,gBAAAE,EAAC,SAAA,EAAM,SAASR,GAAI,OAAO,EAAE,SAAS,QAAA,GAAY,GAAGI,GAClD,UAAAL,EAAA,CACH;AAAA,IACA,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAAR;AAAA,QACA,MAAAC;AAAA,QACA,OAAAC;AAAA,QACA,UAAAC;AAAA,QACA,OAAO,EAAE,OAAO,OAAA;AAAA,QACf,GAAGE;AAAA,MAAA;AAAA,IAAA;AAAA,EACN,GACF;AAEJ;"}

package/dist/RadioBox-nJqWsxW2.js

@@ -0,0 +1,13 @@
+import { j as e } from "./index-CvhkVj_L.js";
+const d = (a) => {
+  const { id: o, name: s, value: i, label: r, inputProps: l, labelProps: p, children: n, ...t } = a;
+  return /* @__PURE__ */ e("label", { className: "theme-ipe ipe-radio-box", ...t, children: [
+    /* @__PURE__ */ e("input", { type: "radio", id: o, name: s, value: i, ...l }),
+    /* @__PURE__ */ e("span", { className: "ipe-checkbox-box" }),
+    /* @__PURE__ */ e("span", { ...p, children: r || n })
+  ] });
+};
+export {
+  d as R
+};
+//# sourceMappingURL=RadioBox-nJqWsxW2.js.map

package/dist/RadioBox-nJqWsxW2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioBox-nJqWsxW2.js","sources":["../src/components/RadioBox.tsx"],"sourcesContent":["import { JSX, ReactNode } from 'jsx-dom'\n\nexport type RadioBoxProps = {\n  id?: string\n  name: string\n  value: string\n  label?: string | HTMLElement\n  inputProps?: JSX.IntrinsicElements['input']\n  labelProps?: JSX.IntrinsicElements['span']\n} & JSX.IntrinsicElements['label']\n\nexport const RadioBox = (props: RadioBoxProps) => {\n  const { id, name, value, label, inputProps, labelProps, children, ...rest } = props\n  return (\n    <label className=\"theme-ipe ipe-radio-box\" {...rest}>\n      <input type=\"radio\" id={id} name={name} value={value} {...inputProps} />\n      <span className=\"ipe-checkbox-box\"></span>\n      <span {...labelProps}>{label || children}</span>\n    </label>\n  )\n}\n"],"names":["RadioBox","props","id","name","value","label","inputProps","labelProps","children","rest","jsxs","jsx"],"mappings":";AAWO,MAAMA,IAAW,CAACC,MAAyB;AAChD,QAAM,EAAE,IAAAC,GAAI,MAAAC,GAAM,OAAAC,GAAO,OAAAC,GAAO,YAAAC,GAAY,YAAAC,GAAY,UAAAC,GAAU,GAAGC,EAAA,IAASR;AAC9E,SACES,gBAAAA,EAAC,SAAA,EAAM,WAAU,2BAA2B,GAAGD,GAC7C,UAAA;AAAA,IAAA,gBAAAE,EAAC,WAAM,MAAK,SAAQ,IAAAT,GAAQ,MAAAC,GAAY,OAAAC,GAAe,GAAGE,GAAY;AAAA,IACtE,gBAAAK,EAAC,QAAA,EAAK,WAAU,mBAAA,CAAmB;AAAA,IACnC,gBAAAA,EAAC,QAAA,EAAM,GAAGJ,GAAa,eAASC,EAAA,CAAS;AAAA,EAAA,GAC3C;AAEJ;"}

package/dist/__test__/utils/constants.d.ts

@@ -0,0 +1,2 @@
+import { SiteMetadata } from '../../types/SiteMetadata.js';
+export declare const MOCK_SITE_METADATA: SiteMetadata;

package/dist/components/Icon/IconEdit.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'jsx-dom';
+export declare const IconEdit: (props: SVGProps<SVGSVGElement>) => import('jsx-dom').ReactElement;

package/dist/components/Icon/IconQuickEdit.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'jsx-dom';
+export declare const IconQuickEdit: (props: SVGProps<SVGSVGElement>) => import('jsx-dom').ReactElement;

package/dist/components/MwUserLinks.d.ts

@@ -1,4 +1,6 @@
+import { InPageEdit } from '../InPageEdit';
 export declare const MwUserLinks: (props: {
     user: string;
     target?: string;
+    ctx: InPageEdit;
 }) => import('jsx-dom').ReactElement;

package/dist/components/index.js

@@ -1,9 +1,11 @@
-import { M as y, R as x } from "../RadioBox-CaA8VgLu.js";
+import { M as x } from "../index-lZkYoUca.js";
 import { j as n } from "../index-CvhkVj_L.js";
-import { P as L } from "../index-CvhkVj_L.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";
+import { P as V } from "../index-CvhkVj_L.js";
+import { T as A } from "../index-Bh70Udzi.js";
+import { A as B } from "../ActionButton-BgbTKTg7.js";
+import { C as T } from "../CheckBox-D3rHnX7I.js";
+import { I as $ } from "../InputBox-BV4m05Xs.js";
+import { R as k } from "../RadioBox-nJqWsxW2.js";
 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: _,
@@ -64,15 +66,15 @@ function p({ name: t, children: l }) {
   );
 }
 export {
-  N as ActionButton,
-  z as CheckBox,
+  B as ActionButton,
+  T as CheckBox,
   $ as InputBox,
-  y as MBox,
-  L as ProgressBar,
-  x as RadioBox,
+  x as MBox,
+  V as ProgressBar,
+  k as RadioBox,
   p as TabContent,
   f as TabLabel,
   h as TabView,
-  g as TwinSwapInput
+  A 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'\nimport styles from './styles.module.sass'\n\nexport interface TabViewLabelOptions {\n  name: string\n  children: ReactNode\n}\n\nconsole.log(styles)\n\nexport function TabView({\n  tabs = [],\n  defaultActiveIndex = 0,\n}: {\n  tabs: (TabViewLabelOptions & { content: ReactNode })[]\n  defaultActiveIndex?: number\n}) {\n  const el = (\n    <div className={`ipe-tabView ${styles.tabview}`}>\n      <ul className={`ipe-tabView__labels-container ${styles.labels_container}`}>\n        {tabs.map((tab) => (\n          <TabLabel key={tab.name} name={tab.name}>\n            {tab.children}\n          </TabLabel>\n        ))}\n      </ul>\n      <div className={`ipe-tabView__contents ${styles.contents_container}`}>\n        {tabs.map((tab) => (\n          <TabContent key={tab.name} name={tab.name}>\n            {tab.content}\n          </TabContent>\n        ))}\n      </div>\n    </div>\n  )\n\n  const defaultActiveLabel = el.querySelector<HTMLAnchorElement>(\n    `.ipe-tabView__labels-container > .ipe-tabView__label:nth-child(${defaultActiveIndex + 1})`\n  )\n  if (defaultActiveLabel) {\n    defaultActiveLabel.click()\n  }\n\n  return el\n}\n\nexport function TabLabel({ name, children }: { name: string; children: ReactNode }) {\n  return (\n    <li\n      data-tab-name={name}\n      className={`ipe-tabView__label ${styles.label}`}\n      onClick={function (e) {\n        e.preventDefault()\n        const container = this.closest('.ipe-tabView')\n        if (!container) return\n        const labels = Array.from(container.children).find((el) =>\n          el.classList.contains('ipe-tabView__labels')\n        )?.children\n        if (labels) {\n          Array.from(labels).forEach((label) => {\n            label.classList.remove(styles.active)\n          })\n        }\n        this.classList.add(styles.active)\n        const contents = Array.from(container.children).find((el) =>\n          el.classList.contains('ipe-tabView__contents')\n        )?.children\n        if (contents) {\n          Array.from(contents).forEach((content) => {\n            if (content instanceof HTMLElement) {\n              if (content.dataset.tabName === name) {\n                content.style.display = ''\n                content.classList.add(styles.active)\n              } else {\n                content.style.display = 'none'\n                content.classList.remove(styles.active)\n              }\n            }\n          })\n        }\n      }}\n    >\n      <a>{children || name}</a>\n    </li>\n  )\n}\n\nexport function TabContent({ name, children }: { name: string; children: ReactNode }) {\n  return (\n    <div\n      data-tab-name={name}\n      className=\"ipe-tabView__content-body\"\n      style={{\n        display: 'none',\n      }}\n    >\n      {children}\n    </div>\n  )\n}\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;"}
+{"version":3,"file":"index.js","sources":["../../src/components/TabView/index.tsx"],"sourcesContent":["import { ReactNode } from 'jsx-dom'\nimport styles from './styles.module.sass'\n\nexport interface TabViewLabelOptions {\n  name: string\n  children: ReactNode\n}\n\nconsole.log(styles)\n\nexport function TabView({\n  tabs = [],\n  defaultActiveIndex = 0,\n}: {\n  tabs: (TabViewLabelOptions & { content: ReactNode })[]\n  defaultActiveIndex?: number\n}) {\n  const el = (\n    <div className={`ipe-tabView ${styles.tabview}`}>\n      <ul className={`ipe-tabView__labels-container ${styles.labels_container}`}>\n        {tabs.map((tab) => (\n          <TabLabel key={tab.name} name={tab.name}>\n            {tab.children}\n          </TabLabel>\n        ))}\n      </ul>\n      <div className={`ipe-tabView__contents ${styles.contents_container}`}>\n        {tabs.map((tab) => (\n          <TabContent key={tab.name} name={tab.name}>\n            {tab.content}\n          </TabContent>\n        ))}\n      </div>\n    </div>\n  )\n\n  const defaultActiveLabel = el.querySelector<HTMLAnchorElement>(\n    `.ipe-tabView__labels-container > .ipe-tabView__label:nth-child(${defaultActiveIndex + 1})`\n  )\n  if (defaultActiveLabel) {\n    defaultActiveLabel.click()\n  }\n\n  return el\n}\n\nexport function TabLabel({ name, children }: { name: string; children: ReactNode }) {\n  return (\n    <li\n      data-tab-name={name}\n      className={`ipe-tabView__label ${styles.label}`}\n      onClick={function (e) {\n        e.preventDefault()\n        const container = this.closest('.ipe-tabView')\n        if (!container) return\n        const labels = Array.from(container.children).find((el) =>\n          el.classList.contains('ipe-tabView__labels')\n        )?.children\n        if (labels) {\n          Array.from(labels).forEach((label) => {\n            label.classList.remove(styles.active)\n          })\n        }\n        this.classList.add(styles.active)\n        const contents = Array.from(container.children).find((el) =>\n          el.classList.contains('ipe-tabView__contents')\n        )?.children\n        if (contents) {\n          Array.from(contents).forEach((content) => {\n            if (content instanceof HTMLElement) {\n              if (content.dataset.tabName === name) {\n                content.style.display = ''\n                content.classList.add(styles.active)\n              } else {\n                content.style.display = 'none'\n                content.classList.remove(styles.active)\n              }\n            }\n          })\n        }\n      }}\n    >\n      <a>{children || name}</a>\n    </li>\n  )\n}\n\nexport function TabContent({ name, children }: { name: string; children: ReactNode }) {\n  return (\n    <div\n      data-tab-name={name}\n      className=\"ipe-tabView__content-body\"\n      style={{\n        display: 'none',\n      }}\n    >\n      {children}\n    </div>\n  )\n}\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;"}