@inpageedit/core 0.5.1 → 0.5.2

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2025 dragon-fish
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+MIT License
+
+Copyright (c) 2025 dragon-fish
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.

package/README.md

@@ -1,55 +1,55 @@
-<div align="center">
-
-[![InPageEdit Logo](https://ipe.js.org/images/logo/InPageEdit.png)](https://ipe.js.org/images/logo/InPageEdit.png)
-
-# InPageEdit NEXT
-
-🚀 MediaWiki 的模块化、可扩展超级增强插件
-
-**InPageEdit NEXT**是由机智的小鱼君开发的一款 MediaWiki 多功能插件。主要功能旨在使许多 MediaWiki 的功能在不打开新标签页的情况下完成(包括但不限于编辑)，极大加快维护 wiki 的速度。模块化设计、类型定义清晰完整，插件可自由热插拔。
-
-</div>
-
-## 快速上手 / Quick Start
-
-[![](https://data.jsdelivr.com/v1/package/npm/@inpageedit/core/badge)](https://www.jsdelivr.com/package/npm/@inpageedit/core)
-
-在*个人 JS 页*添加以下代码：
-
-<!-- prettier-ignore -->
-```javascript
-// InPageEdit NEXT
-$('<script src="https://unpkg.com/@inpageedit/core" type="module"></script>').appendTo('body')
-```
-
-## 特色功能 / Features
-
-**编辑者视角 / For wiki editors**
-
-- 快速编辑 / Quick Edit
-- 快速移动 / Quick Move
-- 快速重定向 / Quick Redirect
-- 快速差异 / Quick Diff
-- 快速预览 / Quick Preview
-
-**开发者视角 / For developers**
-
-- 可热插拔的模块化设计
-- 完全使用 TypeScript 编写
-- 超简单的扩展能力，示例插件：[hello-world](./docs/.templates/examples/plugins/hello-world.js)
-
-## Supported languages
-
-> [!NOTE]
->
-> Currently only English is supported. We're working on i18n support.
-
----
-
-🚀 Modular, Extensible Supercharged Plugin for MediaWiki.
-
-> [MIT License](https://opensource.org/licenses/MIT)
->
-> InPageEdit-NEXT Copyright © 2025-present dragon-fish
-
-See more: [GitHub](https://github.com/inpageedit/inpageedit-next) | [Update logs](https://ipe.js.org/update/) | [File issues](https://github.com/inpageedit/inpageedit-next/issues)
+<div align="center">
+
+[![InPageEdit Logo](https://ipe.js.org/images/logo/InPageEdit.png)](https://ipe.js.org/images/logo/InPageEdit.png)
+
+# InPageEdit NEXT
+
+🚀 MediaWiki 的模块化、可扩展超级增强插件
+
+**InPageEdit NEXT**是由机智的小鱼君开发的一款 MediaWiki 多功能插件。主要功能旨在使许多 MediaWiki 的功能在不打开新标签页的情况下完成(包括但不限于编辑)，极大加快维护 wiki 的速度。模块化设计、类型定义清晰完整，插件可自由热插拔。
+
+</div>
+
+## 快速上手 / Quick Start
+
+[![](https://data.jsdelivr.com/v1/package/npm/@inpageedit/core/badge)](https://www.jsdelivr.com/package/npm/@inpageedit/core)
+
+在*个人 JS 页*添加以下代码：
+
+<!-- prettier-ignore -->
+```javascript
+// InPageEdit NEXT
+$('<script src="https://unpkg.com/@inpageedit/core" type="module"></script>').appendTo('body')
+```
+
+## 特色功能 / Features
+
+**编辑者视角 / For wiki editors**
+
+- 快速编辑 / Quick Edit
+- 快速移动 / Quick Move
+- 快速重定向 / Quick Redirect
+- 快速差异 / Quick Diff
+- 快速预览 / Quick Preview
+
+**开发者视角 / For developers**
+
+- 可热插拔的模块化设计
+- 完全使用 TypeScript 编写
+- 超简单的扩展能力，示例插件：[hello-world](./docs/.templates/examples/plugins/hello-world.js)
+
+## Supported languages
+
+> [!NOTE]
+>
+> Currently only English is supported. We're working on i18n support.
+
+---
+
+🚀 Modular, Extensible Supercharged Plugin for MediaWiki.
+
+> [MIT License](https://opensource.org/licenses/MIT)
+>
+> InPageEdit-NEXT Copyright © 2025-present dragon-fish
+
+See more: [GitHub](https://github.com/inpageedit/inpageedit-next) | [Update logs](https://ipe.js.org/update/) | [File issues](https://github.com/inpageedit/inpageedit-next/issues)

package/dist/ActionButton-BgbTKTg7.js.map

@@ -1 +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;"}
+{"version":3,"file":"ActionButton-BgbTKTg7.js","sources":["../src/components/ActionButton.tsx"],"sourcesContent":["import { h, JSX, ReactNode } from 'jsx-dom'\n\nexport interface ActionButtonProps {\n  type?: 'primary' | 'secondary' | 'danger' | 'default'\n  tag?: 'a' | 'button' | 'div'\n}\n\nconst origin = window?.location?.origin\n\nexport const ActionButton = ({\n  type,\n  tag,\n  href,\n  target,\n  children,\n  ...rest\n}: ActionButtonProps &\n  Omit<JSX.IntrinsicElements['button'], 'type'> &\n  JSX.IntrinsicElements['a']) => {\n  tag = tag || (href ? 'a' : 'button')\n  if (\n    typeof target === 'undefined' &&\n    href &&\n    href.startsWith('http') &&\n    !href.startsWith(origin)\n  ) {\n    target = '_blank'\n  }\n  return h(\n    tag,\n    {\n      className: `theme-ipe ipe-action-button ipe-modal-btn is-${type || 'default'}`,\n      // @ts-ignore\n      href: tag === 'a' ? href : undefined,\n      target: tag === 'a' ? target : undefined,\n      'data-href': tag !== 'a' ? href : undefined,\n      ...rest,\n    },\n    children\n  )\n}\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/InputBox-FIzJ-rPN.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputBox-FIzJ-rPN.js","sources":["../src/components/CheckBox.tsx","../src/components/InputBox.tsx"],"sourcesContent":["import { JSX, ReactNode } from 'jsx-dom'\r\n\r\nexport type CheckBoxProps = {\r\n  id?: string\r\n  name: string\r\n  label?: string | HTMLElement\r\n  checked?: boolean\r\n  inputProps?: JSX.IntrinsicElements['input']\r\n  labelProps?: JSX.IntrinsicElements['span']\r\n} & JSX.IntrinsicElements['label']\r\n\r\nexport const CheckBox = (props: CheckBoxProps) => {\r\n  const { id, name, label, checked, inputProps, labelProps, children, ...rest } = props\r\n  return (\r\n    <label className=\"theme-ipe ipe-checkbox\" {...rest}>\r\n      <input type=\"checkbox\" id={id} name={name} checked={checked} {...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","import { JSX } from 'jsx-dom'\r\n\r\nexport type InputBoxProps = {\r\n  label: string\r\n  id?: string\r\n  name: string\r\n  value?: string\r\n  disabled?: boolean\r\n  labelProps?: JSX.IntrinsicElements['label']\r\n  inputProps?: JSX.IntrinsicElements['input']\r\n} & JSX.IntrinsicElements['div']\r\n\r\nexport const InputBox = (props: InputBoxProps) => {\r\n  const { label, id, name, value, disabled, labelProps, inputProps, ...rest } = props\r\n  return (\r\n    <div className=\"theme-ipe ipe-input-box\" {...rest}>\r\n      <label htmlFor={id} style={{ display: 'block' }} {...labelProps}>\r\n        {label}\r\n      </label>\r\n      <input\r\n        id={id}\r\n        name={name}\r\n        value={value}\r\n        disabled={disabled}\r\n        style={{ width: '100%' }}\r\n        {...inputProps}\r\n      />\r\n    </div>\r\n  )\r\n}\r\n"],"names":["CheckBox","props","id","name","label","checked","inputProps","labelProps","children","rest","jsxs","jsx","InputBox","value","disabled"],"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,GCRaI,IAAW,CAACX,MAAyB;AAChD,QAAM,EAAE,OAAAG,GAAO,IAAAF,GAAI,MAAAC,GAAM,OAAAU,GAAO,UAAAC,GAAU,YAAAP,GAAY,YAAAD,GAAY,GAAGG,EAAA,IAASR;AAC9E,SACES,gBAAAA,EAAC,OAAA,EAAI,WAAU,2BAA2B,GAAGD,GAC3C,UAAA;AAAA,IAAA,gBAAAE,EAAC,SAAA,EAAM,SAAST,GAAI,OAAO,EAAE,SAAS,QAAA,GAAY,GAAGK,GAClD,UAAAH,EAAA,CACH;AAAA,IACA,gBAAAO;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAAT;AAAA,QACA,MAAAC;AAAA,QACA,OAAAU;AAAA,QACA,UAAAC;AAAA,QACA,OAAO,EAAE,OAAO,OAAA;AAAA,QACf,GAAGR;AAAA,MAAA;AAAA,IAAA;AAAA,EACN,GACF;AAEJ;"}
+{"version":3,"file":"InputBox-FIzJ-rPN.js","sources":["../src/components/CheckBox.tsx","../src/components/InputBox.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","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":["CheckBox","props","id","name","label","checked","inputProps","labelProps","children","rest","jsxs","jsx","InputBox","value","disabled"],"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,GCRaI,IAAW,CAACX,MAAyB;AAChD,QAAM,EAAE,OAAAG,GAAO,IAAAF,GAAI,MAAAC,GAAM,OAAAU,GAAO,UAAAC,GAAU,YAAAP,GAAY,YAAAD,GAAY,GAAGG,EAAA,IAASR;AAC9E,SACES,gBAAAA,EAAC,OAAA,EAAI,WAAU,2BAA2B,GAAGD,GAC3C,UAAA;AAAA,IAAA,gBAAAE,EAAC,SAAA,EAAM,SAAST,GAAI,OAAO,EAAE,SAAS,QAAA,GAAY,GAAGK,GAClD,UAAAH,EAAA,CACH;AAAA,IACA,gBAAAO;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAAT;AAAA,QACA,MAAAC;AAAA,QACA,OAAAU;AAAA,QACA,UAAAC;AAAA,QACA,OAAO,EAAE,OAAO,OAAA;AAAA,QACf,GAAGR;AAAA,MAAA;AAAA,IAAA;AAAA,EACN,GACF;AAEJ;"}

package/dist/Preferences-Bg3J5Ur9.js.map

@@ -1 +1 @@
-{"version":3,"file":"Preferences-Bg3J5Ur9.js","sources":["../src/decorators/Preferences.ts"],"sourcesContent":["import type Schema from 'schemastery'\r\n\r\ntype AnyConstructor<T = any> = new (...args: any[]) => T\r\n\r\nexport type PreferenceAugmented<C extends AnyConstructor, D extends Record<string, any>> = C & {\r\n  PreferencesSchema: Schema<D>\r\n  PreferencesDefaults: D\r\n}\r\n\r\n/**\r\n * Decorator for registering preferences\r\n *\r\n * ```ts\r\n * @RegisterPreferences(\r\n *   Schema.object({\r\n *     foo: Schema.string().description('Foo description'),\r\n *   }),\r\n *   {\r\n *     foo: 'default foo value',\r\n *   }\r\n * )\r\n * class Foo {}\r\n * ```\r\n *\r\n * same as:\r\n *\r\n * ```ts\r\n * class Foo {\r\n *    static ConfigSchema = Schema.object({\r\n *      foo: Schema.string().description('Foo description')\r\n *    })\r\n *    static ConfigDefaults = {\r\n *      foo: 'default foo value'\r\n *    }\r\n * }\r\n * ```\r\n */\r\nexport function RegisterPreferences<D extends Record<string, any>>(schema: Schema<D>, defaults: D) {\r\n  return function <T extends AnyConstructor>(target: T): PreferenceAugmented<T, D> {\r\n    ;(target as any).PreferencesSchema = schema\r\n    ;(target as any).PreferencesDefaults = defaults\r\n    return target as PreferenceAugmented<T, D>\r\n  }\r\n}\r\n"],"names":["RegisterPreferences","schema","defaults","target"],"mappings":"AAqCO,SAASA,EAAmDC,GAAmBC,GAAa;AACjG,SAAO,SAAoCC,GAAsC;AAC7E,WAAAA,EAAe,oBAAoBF,GACnCE,EAAe,sBAAsBD,GAChCC;AAAA,EACT;AACF;"}
+{"version":3,"file":"Preferences-Bg3J5Ur9.js","sources":["../src/decorators/Preferences.ts"],"sourcesContent":["import type Schema from 'schemastery'\n\ntype AnyConstructor<T = any> = new (...args: any[]) => T\n\nexport type PreferenceAugmented<C extends AnyConstructor, D extends Record<string, any>> = C & {\n  PreferencesSchema: Schema<D>\n  PreferencesDefaults: D\n}\n\n/**\n * Decorator for registering preferences\n *\n * ```ts\n * @RegisterPreferences(\n *   Schema.object({\n *     foo: Schema.string().description('Foo description'),\n *   }),\n *   {\n *     foo: 'default foo value',\n *   }\n * )\n * class Foo {}\n * ```\n *\n * same as:\n *\n * ```ts\n * class Foo {\n *    static ConfigSchema = Schema.object({\n *      foo: Schema.string().description('Foo description')\n *    })\n *    static ConfigDefaults = {\n *      foo: 'default foo value'\n *    }\n * }\n * ```\n */\nexport function RegisterPreferences<D extends Record<string, any>>(schema: Schema<D>, defaults: D) {\n  return function <T extends AnyConstructor>(target: T): PreferenceAugmented<T, D> {\n    ;(target as any).PreferencesSchema = schema\n    ;(target as any).PreferencesDefaults = defaults\n    return target as PreferenceAugmented<T, D>\n  }\n}\n"],"names":["RegisterPreferences","schema","defaults","target"],"mappings":"AAqCO,SAASA,EAAmDC,GAAmBC,GAAa;AACjG,SAAO,SAAoCC,GAAsC;AAC7E,WAAAA,EAAe,oBAAoBF,GACnCE,EAAe,sBAAsBD,GAChCC;AAAA,EACT;AACF;"}

package/dist/RadioBox-CaA8VgLu.js.map

@@ -1 +1 @@
-{"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;"}
+{"version":3,"file":"RadioBox-CaA8VgLu.js","sources":["../src/components/MBox/index.tsx","../src/components/RadioBox.tsx"],"sourcesContent":["import { ReactNode } from 'jsx-dom'\nimport { JSX } from 'jsx-dom/jsx-runtime'\nimport styles from './styles.module.sass'\n\nexport type MBoxProps = {\n  type?:\n    | ''\n    | 'default'\n    | 'note'\n    | 'info'\n    | 'tip'\n    | 'success'\n    | 'important'\n    | 'done'\n    | 'warning'\n    | 'caution'\n    | 'error'\n  title?: ReactNode\n  content?: ReactNode\n  closeable?: boolean\n  titleProps?: JSX.IntrinsicElements['div']\n  contentProps?: JSX.IntrinsicElements['div']\n} & JSX.IntrinsicElements['div']\n\nexport type MBoxElement = HTMLElement & {\n  close: () => Promise<void>\n}\n\nexport const MBox = (props: MBoxProps) => {\n  const {\n    type = 'default',\n    title,\n    content,\n    closeable = true,\n    titleProps,\n    contentProps,\n    children,\n    ...rest\n  } = props\n  let titleContent = title\n  if (typeof title === 'undefined' && type !== 'default') {\n    titleContent = type[0].toUpperCase() + type.slice(1).toLowerCase()\n  }\n\n  const close = async () => {\n    if (!box) {\n      return Promise.resolve()\n    }\n    const { promise, resolve } = Promise.withResolvers<void>()\n\n    const animation = box.animate(\n      [\n        { opacity: '1', height: box.clientHeight + 'px' },\n        { opacity: '0', height: '0px', margin: '0px' },\n      ],\n      {\n        duration: 300,\n        easing: 'ease',\n      }\n    )\n\n    animation.addEventListener('finish', () => {\n      box.remove()\n      resolve()\n    })\n\n    return promise\n  }\n\n  const box = (\n    <div className={`theme-ipe ipe-mbox mbox-type-${type || 'default'} ${styles.mbox}`} {...rest}>\n      {titleContent && (\n        <div className={`ipe-mbox-title ${styles.title}`} {...titleProps}>\n          {titleContent}\n        </div>\n      )}\n      <div className={`ipe-mbox-content ${styles.content}`} {...contentProps}>\n        {children || content}\n      </div>\n      {closeable && (\n        <a onClick={close} className={`ipe-mbox-close ${styles.close}`}>\n          ×\n        </a>\n      )}\n    </div>\n  ) as MBoxElement\n  box.close = close\n  return box\n}\n","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":["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/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":["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;"}

package/dist/{index-QF8lvEam.js → index-3FdvKxaN.js}

@@ -1,5 +1,5 @@
 import { j as s } from "./index-CvhkVj_L.js";
-import { B as I, S as b, I as v, a as S } from "./index-CBphMyYJ.js";
+import { B as I, S as b, I as v, a as S } from "./index-CIzmjtBz.js";
 import { A as P } from "./ActionButton-BgbTKTg7.js";
 var j = Object.create, h = Object.defineProperty, A = Object.getOwnPropertyDescriptor, y = (r, e) => (e = Symbol[r]) ? e : Symbol.for("Symbol." + r), x = (r) => {
   throw TypeError(r);
@@ -75,7 +75,7 @@ class u extends (w = I) {
       }).description(""),
       "about",
       {}
-    ), import("./index-BIgWRk98.js").then((e) => {
+    ), import("./index-B0QzYk-q.js").then((e) => {
       const t = this.ctx.plugin(e.PluginPreferencesUI);
       this.addDisposeHandler(() => {
         t.dispose();
@@ -145,4 +145,4 @@ k(f, 1, u);
 export {
   u as PluginPreferences
 };
-//# sourceMappingURL=index-QF8lvEam.js.map
+//# sourceMappingURL=index-3FdvKxaN.js.map

package/dist/index-3FdvKxaN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-3FdvKxaN.js","sources":["../src/plugins/preferences/index.tsx"],"sourcesContent":["import { Inject, InPageEdit, Schema } from '@/InPageEdit'\nimport { IPEStorageItem, IPEStorageManager } from '@/services/StorageService'\n\ndeclare module '@/InPageEdit' {\n  export interface InPageEdit {\n    preferences: PluginPreferences\n  }\n}\n\nexport interface InPageEditPreferenceUICategory {\n  name: string\n  label: string\n  description?: string\n  index?: number\n}\n\nexport interface InPageEditPreferenceUIRegistryItem {\n  name: string\n  schema: Schema\n  defaults: Record<string, any>\n  category: string\n}\n\n@Inject(['sitemeta', 'storage'])\nexport class PluginPreferences extends BasePlugin {\n  private db: IPEStorageManager<any>\n  public customRegistries: InPageEditPreferenceUIRegistryItem[] = []\n  public categoryDefinitions: InPageEditPreferenceUICategory[] = []\n  private _defaultPreferences: Record<string, any> = {}\n\n  constructor(public ctx: InPageEdit) {\n    super(ctx, {}, 'preferences')\n    this.db = ctx.storage.createDatabse<any>('preferences', Infinity)\n    this.ctx.set('preferences', this)\n  }\n\n  async start() {\n    this.defineCategory({\n      name: 'general',\n      label: 'General',\n      description: 'General settings',\n    })\n    this.defineCategory({\n      name: 'edit',\n      label: 'Editing',\n      description: 'Settings related to editing content',\n    })\n    this.defineCategory({\n      name: 'about',\n      label: 'About',\n      description: 'About InPageEdit',\n      index: 99,\n    })\n\n    this.registerCustomConfig(\n      'about',\n      Schema.object({\n        about: Schema.const(\n          <div className=\"prose\">\n            <h2>✏️ InPageEdit NEXT</h2>\n            <i>v{this.ctx.version}</i>\n            <h2>Portal</h2>\n            <div style=\"display: flex; flex-direction: column; gap: 1rem\">\n              <ActionButton href=\"https://www.ipe.wiki\" style={{ display: 'block', width: '100%' }}>\n                Official Website & Help Center\n              </ActionButton>\n              <ActionButton\n                href=\"https://www.ipe.wiki/update/\"\n                style={{ display: 'block', width: '100%' }}\n              >\n                Update Logs\n              </ActionButton>\n            </div>\n            <h2>Join us</h2>\n            <ul>\n              <li>\n                <strong>GitHub</strong>:{' '}\n                <a href=\"https://github.com/inpageedit/inpageedit-next\" target=\"_blank\">\n                  inpageedit/inpageedit-next\n                </a>\n              </li>\n              <li>\n                <strong>QQ Group</strong>: 1026023666\n              </li>\n            </ul>\n            <hr />\n            <p>🚀 Modular, Extensible Supercharged Plugin for MediaWiki.</p>\n            <p>InPageEdit-NEXT Copyright © 2025-present dragon-fish</p>\n          </div>\n        ).role('raw-html'),\n      }).description(''),\n      'about',\n      {}\n    )\n\n    import('./ui/index').then((module) => {\n      const fork = this.ctx.plugin(module.PluginPreferencesUI)\n      this.addDisposeHandler(() => {\n        fork.dispose()\n      })\n    })\n  }\n\n  get<T = any>(key: string, fallback?: () => T | Promise<T>): Promise<T | null> {\n    fallback ||= () => {\n      const defaultValue = this.getDefaultValue(key)\n      this.logger.info('default value used', defaultValue)\n      return defaultValue as T\n    }\n    const value = this.db.get(key, undefined, fallback)\n    return value\n  }\n\n  getDefaultValue(key: string) {\n    return (this._defaultPreferences[key] ??= this.loadDefaultConfigs()[key])\n  }\n\n  set<T = any>(key: string, value: T): Promise<IPEStorageItem<T> | void> {\n    const defaultValue = this.getDefaultValue(key)\n    if (value === defaultValue) {\n      return this.db.delete(key)\n    } else {\n      return this.db.set(key, value)\n    }\n  }\n\n  async getAll() {\n    const data = this.loadDefaultConfigs()\n    await this.db.iterate((value: IPEStorageItem, key: string) => {\n      data[key] = value\n    })\n    return data\n  }\n\n  private loadDefaultConfigs() {\n    const data = {} as Record<string, any>\n    this.getConfigRegistries().forEach((item) => {\n      item.defaults &&\n        Object.entries(item.defaults).forEach(([key, val]) => {\n          data[key] = val\n          this._defaultPreferences[key] = val\n        })\n    })\n    return data\n  }\n\n  registerCustomConfig(\n    name: string,\n    schema: Schema,\n    category: string,\n    defaults: Record<string, any>\n  ) {\n    this.customRegistries.push({\n      name,\n      schema,\n      category,\n      defaults,\n    })\n    return this\n  }\n\n  getConfigRegistries(category?: string): InPageEditPreferenceUIRegistryItem[] {\n    return Array.from(this.ctx.registry.entries())\n      .map<{\n        name: string\n        schema: Schema\n        defaults: Record<string, any>\n      }>(([plugin, fork]) => {\n        if (plugin === null) {\n          return {\n            name: 'root',\n            schema: (InPageEdit as any)?.PreferencesSchema || null,\n            defaults: (InPageEdit as any)?.PreferencesDefaults || {},\n          }\n        } else {\n          return {\n            name: plugin.name,\n            schema: (plugin as any)?.PreferencesSchema || null,\n            defaults: (plugin as any)?.PreferencesDefaults || {},\n          }\n        }\n      })\n      .filter((item) => item.schema !== null)\n      .map((item) => {\n        return {\n          ...item,\n          category: item.schema.meta.category || 'general',\n        }\n      })\n      .concat(this.customRegistries)\n      .filter((item) => !category || item.category === category)\n  }\n\n  defineCategory(category: InPageEditPreferenceUICategory) {\n    const index = this.categoryDefinitions.findIndex((tab) => tab.name === category.name)\n    if (index < 0) {\n      this.categoryDefinitions.push(category)\n    } else {\n      this.categoryDefinitions[index] = category\n    }\n    this.categoryDefinitions.sort((a, b) => {\n      return (a.index ?? 0) - (b.index ?? 0)\n    })\n    return this\n  }\n\n  getConfigCategories() {\n    return this.categoryDefinitions\n  }\n}\n"],"names":["_PluginPreferences_decorators","_init","_a","Inject","PluginPreferences","BasePlugin","ctx","Schema","jsxs","jsx","ActionButton","module","fork","key","fallback","defaultValue","value","data","item","val","name","schema","category","defaults","plugin","InPageEdit","index","tab","a","b","__decoratorStart","__decorateElement","__runInitializers"],"mappings":"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"}

package/dist/{index-Dk3xR25y.js → index-6bp2nmez.js}

@@ -1,27 +1,27 @@
-import { j as s, F as m, P as j } from "./index-CvhkVj_L.js";
-import { B as E, a as y } from "./index-CBphMyYJ.js";
-var S = Object.create, _ = Object.defineProperty, F = Object.getOwnPropertyDescriptor, k = (t, i) => (i = Symbol[t]) ? i : Symbol.for("Symbol." + t), x = (t) => {
+import { j as s, F as q, P as j } from "./index-CvhkVj_L.js";
+import { B as y, a as S } from "./index-CIzmjtBz.js";
+var E = Object.create, _ = Object.defineProperty, F = Object.getOwnPropertyDescriptor, k = (t, i) => (i = Symbol[t]) ? i : Symbol.for("Symbol." + t), x = (t) => {
   throw TypeError(t);
-}, O = (t, i, r) => i in t ? _(t, i, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[i] = r, Q = (t, i) => _(t, "name", { value: i, configurable: !0 }), T = (t) => [, , , S(t?.[k("metadata")] ?? null)], z = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], f = (t) => t !== void 0 && typeof t != "function" ? x("Function expected") : t, B = (t, i, r, a, e) => ({ kind: z[t], name: i, metadata: a, addInitializer: (c) => r._ ? x("Already initialized") : e.push(f(c || null)) }), C = (t, i) => O(i, k("metadata"), t[3]), I = (t, i, r, a) => {
+}, O = (t, i, r) => i in t ? _(t, i, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[i] = r, Q = (t, i) => _(t, "name", { value: i, configurable: !0 }), T = (t) => [, , , E(t?.[k("metadata")] ?? null)], z = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], f = (t) => t !== void 0 && typeof t != "function" ? x("Function expected") : t, B = (t, i, r, a, e) => ({ kind: z[t], name: i, metadata: a, addInitializer: (c) => r._ ? x("Already initialized") : e.push(f(c || null)) }), C = (t, i) => O(i, k("metadata"), t[3]), I = (t, i, r, a) => {
   for (var e = 0, c = t[i >> 1], n = c && c.length; e < n; e++) c[e].call(r);
   return a;
 }, D = (t, i, r, a, e, c) => {
-  var n, o, u, l = i & 7, w = !1, P = 0, q = t[P] || (t[P] = []), d = l && (e = e.prototype, l < 5 && (l > 3 || !w) && F(e, r));
+  var n, o, u, l = i & 7, w = !1, P = 0, m = t[P] || (t[P] = []), d = l && (e = e.prototype, l < 5 && (l > 3 || !w) && F(e, r));
   Q(e, r);
   for (var v = a.length - 1; v >= 0; v--)
-    u = B(l, r, o = {}, t[3], q), n = (0, a[v])(e, u), o._ = 1, f(n) && (e = n);
+    u = B(l, r, o = {}, t[3], m), n = (0, a[v])(e, u), o._ = 1, f(n) && (e = n);
   return C(t, e), d && _(e, r, d), w ? l ^ 4 ? c : d : e;
 }, g, h, b;
-g = [y(["api", "wikiPage", "modal"])];
-class p extends (b = E) {
+g = [S(["api", "wikiPage", "modal"])];
+class p extends (b = y) {
   constructor(i) {
     super(i, {}, "quickPreview"), this.ctx = i;
   }
   start() {
-    this.ctx.set("quickPreview", this.quickPreview.bind(this)), this.ctx.on("quickEdit/wikiPage", this.injectQuickEdit.bind(this));
+    this.ctx.set("quickPreview", this.quickPreview.bind(this)), this.ctx.on("quick-edit/wiki-page", this.injectQuickEdit.bind(this));
   }
   stop() {
-    this.ctx.off("quickEdit/wikiPage", this.injectQuickEdit.bind(this));
+    this.ctx.off("quick-edit/wiki-page", this.injectQuickEdit.bind(this));
   }
   injectQuickEdit({ ctx: i, modal: r, wikiPage: a }) {
     let e;
@@ -50,7 +50,7 @@ class p extends (b = E) {
       sizeClass: "large",
       backdrop: !1,
       draggable: !0
-    }).init()), e.show(), e.setTitle("Preview loading..."), e.setContent(/* @__PURE__ */ s(j, {})), e.bringToFront(), this.ctx.emit("quickPreview/showModal", {
+    }).init()), e.show(), e.setTitle("Preview - Loading..."), e.setContent(/* @__PURE__ */ s(j, {})), e.bringToFront(), this.ctx.emit("quick-preview/show-modal", {
       ctx: this.ctx,
       text: i,
       modal: e,
@@ -70,7 +70,7 @@ class p extends (b = E) {
             innerHTML: n.text
           }
         ) })
-      ), window.mw?.hook("wikipage.content").fire($(o)), this.ctx.emit("quickPreview/loaded", {
+      ), window.mw?.hook("wikipage.content").fire($(o)), this.ctx.emit("quick-preview/loaded", {
         ctx: this.ctx,
         modal: e,
         wikiPage: a,
@@ -78,8 +78,8 @@ class p extends (b = E) {
         parseData: n
       });
     }).catch((c) => {
-      e.setTitle("Preview failed"), e.setContent(
-        /* @__PURE__ */ s(m, { children: [
+      e.setTitle("Preview - Failed"), e.setContent(
+        /* @__PURE__ */ s(q, { children: [
           /* @__PURE__ */ s("p", { children: "Failed to preview" }),
           /* @__PURE__ */ s("p", { children: c instanceof Error ? c.message : String(c) })
         ] })
@@ -93,4 +93,4 @@ I(h, 1, p);
 export {
   p as PluginQuickPreview
 };
-//# sourceMappingURL=index-Dk3xR25y.js.map
+//# sourceMappingURL=index-6bp2nmez.js.map

package/dist/index-6bp2nmez.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-6bp2nmez.js","sources":["../src/plugins/quick-preview/index.tsx"],"sourcesContent":["import { Inject, InPageEdit } from '@/InPageEdit'\nimport { type QuickEditInitPayload } from '@/plugins/quick-edit'\nimport { WikiPage } from '@/models/WikiPage'\nimport { MwApiParams } from 'wiki-saikou'\nimport { PageParseData } from '@/models/WikiPage/types/PageParseData'\nimport { IPEModal } from '@/services/ModalService/IPEModal.js'\n\ndeclare module '@/InPageEdit' {\n  interface InPageEdit {\n    quickPreview: PluginQuickPreview['quickPreview']\n  }\n  interface Events {\n    'quick-preview/show-modal'(payload: {\n      ctx: InPageEdit\n      text: string\n      modal: IPEModal\n      wikiPage: WikiPage\n    }): void\n    'quick-preview/loaded'(payload: {\n      ctx: InPageEdit\n      modal: IPEModal\n      wikiPage: WikiPage\n      text: string\n      parseData: PageParseData\n    }): void\n  }\n}\n\n@Inject(['api', 'wikiPage', 'modal'])\nexport class PluginQuickPreview extends BasePlugin {\n  constructor(public ctx: InPageEdit) {\n    super(ctx, {}, 'quickPreview')\n  }\n\n  protected start(): Promise<void> | void {\n    this.ctx.set('quickPreview', this.quickPreview.bind(this))\n    this.ctx.on('quick-edit/wiki-page', this.injectQuickEdit.bind(this))\n  }\n\n  protected stop(): Promise<void> | void {\n    this.ctx.off('quick-edit/wiki-page', this.injectQuickEdit.bind(this))\n  }\n\n  private injectQuickEdit({ ctx, modal, wikiPage }: QuickEditInitPayload) {\n    let latestPreviewModal: IPEModal | undefined = undefined\n    modal.addButton(\n      {\n        label: 'Preview',\n        side: 'left',\n        className: 'btn btn-secondary',\n        method: () => {\n          latestPreviewModal = this.quickPreview(\n            (modal.get$content().querySelector<HTMLTextAreaElement>('textarea[name=\"text\"]')\n              ?.value as string) || '',\n            undefined,\n            wikiPage,\n            latestPreviewModal\n          )\n        },\n      },\n      2\n    )\n  }\n\n  quickPreview(text: string, params?: MwApiParams, wikiPage?: WikiPage, modal?: IPEModal) {\n    wikiPage ||= this.ctx.wikiPage.newBlankPage({\n      title: 'API',\n    })\n\n    if (!modal || modal.isDestroyed) {\n      modal = this.ctx.modal\n        .createObject({\n          className: 'in-page-edit ipe-quickPreview',\n          sizeClass: 'large',\n          backdrop: false,\n          draggable: true,\n        })\n        .init()\n    }\n\n    modal.show()\n    modal.setTitle('Preview - Loading...')\n    modal.setContent(<ProgressBar />)\n    modal.bringToFront()\n    this.ctx.emit('quick-preview/show-modal', {\n      ctx: this.ctx,\n      text,\n      modal,\n      wikiPage,\n    })\n\n    wikiPage\n      .preview(text, params)\n      .then((ret) => {\n        const {\n          data: { parse },\n        } = ret\n        modal.setTitle(`Preview - ${parse.title}`)\n        let outputRef: HTMLElement | null = null\n        modal.setContent(\n          (\n            <section>\n              <div\n                ref={(el) => (outputRef = el)}\n                className=\"mw-parser-output\"\n                innerHTML={parse.text}\n              ></div>\n            </section>\n          ) as HTMLElement\n        )\n        window.mw?.hook('wikipage.content').fire($(outputRef!))\n        this.ctx.emit('quick-preview/loaded', {\n          ctx: this.ctx,\n          modal,\n          wikiPage,\n          text,\n          parseData: parse,\n        })\n      })\n      .catch((error) => {\n        modal.setTitle('Preview - Failed')\n        modal.setContent(\n          <>\n            <p>Failed to preview</p>\n            <p>{error instanceof Error ? error.message : String(error)}</p>\n          </>\n        )\n      })\n\n    return modal\n  }\n}\n"],"names":["_PluginQuickPreview_decorators","_init","_a","Inject","PluginQuickPreview","BasePlugin","ctx","modal","wikiPage","latestPreviewModal","text","params","jsx","ProgressBar","ret","parse","outputRef","el","error","jsxs","Fragment","__decoratorStart","__decorateElement","__runInitializers"],"mappings":"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"}

package/dist/{index-BIgWRk98.js → index-B0QzYk-q.js}

@@ -1,5 +1,5 @@
 import { j as rt, P as Ni, F as Ri } from "./index-CvhkVj_L.js";
-import { B as Di, a as Li } from "./index-CBphMyYJ.js";
+import { B as Di, a as Li } from "./index-CIzmjtBz.js";
 /**
 * @vue/shared v3.5.22
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
@@ -4734,7 +4734,7 @@ const mc = { class: "preferences-ui-app" }, gc = { class: "tabs" }, _c = ["onCli
   for (const [n, r] of t)
     s[n] = r;
   return s;
-}, Cc = /* @__PURE__ */ xc(yc, [["__scopeId", "data-v-a338c085"]]);
+}, Cc = /* @__PURE__ */ xc(yc, [["__scopeId", "data-v-1f988771"]]);
 var Sc = Object.create, bn = Object.defineProperty, wc = Object.getOwnPropertyDescriptor, $i = (e, t) => (t = Symbol[e]) ? t : Symbol.for("Symbol." + e), Ai = (e) => {
   throw TypeError(e);
 }, Ec = (e, t, s) => t in e ? bn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s, Tc = (e, t) => bn(e, "name", { value: t, configurable: !0 }), $c = (e) => [, , , Sc(e?.[$i("metadata")] ?? null)], Ac = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], Ii = (e) => e !== void 0 && typeof e != "function" ? Ai("Function expected") : e, Ic = (e, t, s, n, r) => ({ kind: Ac[e], name: t, metadata: n, addInitializer: (i) => s._ ? Ai("Already initialized") : r.push(Ii(i || null)) }), Oc = (e, t) => Ec(t, $i("metadata"), e[3]), Pc = (e, t, s, n) => {
@@ -4823,4 +4823,4 @@ Pc(yn, 1, Zs);
 export {
   Zs as PluginPreferencesUI
 };
-//# sourceMappingURL=index-BIgWRk98.js.map
+//# sourceMappingURL=index-B0QzYk-q.js.map