@diplodoc/components 3.0.0-alpha-1

package/build/esm/components/TocNavPanel/TocNavPanel.js

@@ -0,0 +1,63 @@
+// src/components/TocNavPanel/TocNavPanel.tsx
+import React, { memo, useMemo } from "react";
+import { Icon } from "@gravity-ui/uikit";
+import block from "bem-cn-lite";
+import { useTranslation } from "../../hooks";
+import { isActiveItem, isExternalHref } from "../../utils";
+import ArrowLeftIcon from "@gravity-ui/icons/svgs/arrow-left.svg";
+import ArrowRightIcon from "@gravity-ui/icons/svgs/arrow-right.svg";
+import "./TocNavPanel.css";
+var b = block("dc-nav-toc-panel");
+function getFlatToc(items) {
+  return items.reduce((result, { href, name, items: subItems }) => {
+    const part = subItems ? getFlatToc(subItems) : [];
+    if (href) {
+      part.push({ name, href });
+    }
+    return result.concat(part);
+  }, []);
+}
+function getBoundingItems(flatToc, router) {
+  for (let i = 0; i < flatToc.length; i++) {
+    const { href } = flatToc[i];
+    if (isActiveItem(router, href)) {
+      return {
+        prevItem: flatToc[i - 1] || null,
+        nextItem: flatToc[i + 1] || null
+      };
+    }
+  }
+  return {
+    prevItem: null,
+    nextItem: null
+  };
+}
+var TocNavControl = memo(({ item, isNext }) => {
+  const { t } = useTranslation("toc-nav-panel");
+  const keyHint = isNext ? "hint_next" : "hint_previous";
+  const isExternal = isExternalHref(item.href);
+  const linkAttributes = {
+    href: item.href,
+    target: isExternal ? "_blank" : "_self",
+    rel: isExternal ? "noopener noreferrer" : void 0
+  };
+  return /* @__PURE__ */ React.createElement("div", { className: b("control", { left: !isNext, right: isNext }) }, item && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: b("control-hint") }, t(keyHint)), /* @__PURE__ */ React.createElement("div", { className: b("control-text") }, /* @__PURE__ */ React.createElement("a", { ...linkAttributes, className: b("link"), "data-router-shallow": true }, !isNext && /* @__PURE__ */ React.createElement(Icon, { data: ArrowLeftIcon, size: 16 }), item.name, isNext && /* @__PURE__ */ React.createElement(Icon, { data: ArrowRightIcon, size: 16 })))));
+});
+TocNavControl.displayName = "TocNavControl";
+var TocNavPanel = memo(({ items, router, fixed, className }) => {
+  const flatToc = useMemo(() => getFlatToc(items), [items]);
+  const { prevItem, nextItem } = useMemo(
+    () => getBoundingItems(flatToc, router),
+    [flatToc, router]
+  );
+  if (!flatToc.length) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement("div", { className: b({ fixed }, className) }, /* @__PURE__ */ React.createElement("div", { className: b("content") }, prevItem && /* @__PURE__ */ React.createElement(TocNavControl, { item: prevItem }), nextItem && /* @__PURE__ */ React.createElement(TocNavControl, { item: nextItem, isNext: true })));
+});
+TocNavPanel.displayName = "TocNavPanel";
+var TocNavPanel_default = TocNavPanel;
+export {
+  TocNavPanel_default as default
+};
+//# sourceMappingURL=TocNavPanel.js.map

package/build/esm/components/TocNavPanel/TocNavPanel.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/TocNavPanel/TocNavPanel.tsx"],
+  "sourcesContent": ["import React, {memo, useMemo} from 'react';\n\nimport {Icon} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport {useTranslation} from '../../hooks';\nimport {Router, TocData, TocItem} from '../../models';\nimport {isActiveItem, isExternalHref} from '../../utils';\n\nimport ArrowLeftIcon from '@gravity-ui/icons/svgs/arrow-left.svg';\nimport ArrowRightIcon from '@gravity-ui/icons/svgs/arrow-right.svg';\n\nimport './TocNavPanel.scss';\n\nconst b = block('dc-nav-toc-panel');\n\nexport interface TocNavPanelProps extends TocData {\n    router: Router;\n    fixed?: boolean;\n    className?: string;\n}\n\ninterface FlatTocItem {\n    name: string;\n    href: string;\n}\n\nfunction getFlatToc(items: TocItem[]): FlatTocItem[] {\n    return items.reduce((result, {href, name, items: subItems}) => {\n        const part: FlatTocItem[] = subItems ? getFlatToc(subItems) : [];\n\n        if (href) {\n            part.push({name, href});\n        }\n\n        return result.concat(part);\n    }, [] as FlatTocItem[]);\n}\n\nfunction getBoundingItems(flatToc: FlatTocItem[], router: Router) {\n    for (let i = 0; i < flatToc.length; i++) {\n        const {href} = flatToc[i];\n\n        if (isActiveItem(router, href)) {\n            return {\n                prevItem: flatToc[i - 1] || null,\n                nextItem: flatToc[i + 1] || null,\n            };\n        }\n    }\n\n    return {\n        prevItem: null,\n        nextItem: null,\n    };\n}\n\nconst TocNavControl = memo<{isNext?: boolean; item: FlatTocItem}>(({item, isNext}) => {\n    const {t} = useTranslation('toc-nav-panel');\n    const keyHint = isNext ? 'hint_next' : 'hint_previous';\n    const isExternal = isExternalHref(item.href);\n    const linkAttributes = {\n        href: item.href,\n        target: isExternal ? '_blank' : '_self',\n        rel: isExternal ? 'noopener noreferrer' : undefined,\n    };\n\n    return (\n        <div className={b('control', {left: !isNext, right: isNext})}>\n            {item && (\n                <React.Fragment>\n                    <div className={b('control-hint')}>{t<string>(keyHint)}</div>\n                    <div className={b('control-text')}>\n                        <a {...linkAttributes} className={b('link')} data-router-shallow>\n                            {!isNext && <Icon data={ArrowLeftIcon} size={16} />}\n                            {item.name}\n                            {isNext && <Icon data={ArrowRightIcon} size={16} />}\n                        </a>\n                    </div>\n                </React.Fragment>\n            )}\n        </div>\n    );\n});\n\nTocNavControl.displayName = 'TocNavControl';\n\nconst TocNavPanel = memo<TocNavPanelProps>(({items, router, fixed, className}) => {\n    const flatToc = useMemo(() => getFlatToc(items), [items]);\n    const {prevItem, nextItem} = useMemo(\n        () => getBoundingItems(flatToc, router),\n        [flatToc, router],\n    );\n\n    if (!flatToc.length) {\n        return null;\n    }\n\n    return (\n        <div className={b({fixed}, className)}>\n            <div className={b('content')}>\n                {prevItem && <TocNavControl item={prevItem} />}\n                {nextItem && <TocNavControl item={nextItem} isNext={true} />}\n            </div>\n        </div>\n    );\n});\n\nTocNavPanel.displayName = 'TocNavPanel';\n\nexport default TocNavPanel;\n"],
+  "mappings": ";AAAA,OAAO,SAAQ,MAAM,eAAc;AAEnC,SAAQ,YAAW;AACnB,OAAO,WAAW;AAElB,SAAQ,sBAAqB;AAE7B,SAAQ,cAAc,sBAAqB;AAE3C,OAAO,mBAAmB;AAC1B,OAAO,oBAAoB;AAE3B,OAAO;AAEP,IAAM,IAAI,MAAM,kBAAkB;AAalC,SAAS,WAAW,OAAiC;AACjD,SAAO,MAAM,OAAO,CAAC,QAAQ,EAAC,MAAM,MAAM,OAAO,SAAQ,MAAM;AAC3D,UAAM,OAAsB,WAAW,WAAW,QAAQ,IAAI,CAAC;AAE/D,QAAI,MAAM;AACN,WAAK,KAAK,EAAC,MAAM,KAAI,CAAC;AAAA,IAC1B;AAEA,WAAO,OAAO,OAAO,IAAI;AAAA,EAC7B,GAAG,CAAC,CAAkB;AAC1B;AAEA,SAAS,iBAAiB,SAAwB,QAAgB;AAC9D,WAAS,IAAI,GAAG,IAAI,QAAQ,QAAQ,KAAK;AACrC,UAAM,EAAC,KAAI,IAAI,QAAQ,CAAC;AAExB,QAAI,aAAa,QAAQ,IAAI,GAAG;AAC5B,aAAO;AAAA,QACH,UAAU,QAAQ,IAAI,CAAC,KAAK;AAAA,QAC5B,UAAU,QAAQ,IAAI,CAAC,KAAK;AAAA,MAChC;AAAA,IACJ;AAAA,EACJ;AAEA,SAAO;AAAA,IACH,UAAU;AAAA,IACV,UAAU;AAAA,EACd;AACJ;AAEA,IAAM,gBAAgB,KAA4C,CAAC,EAAC,MAAM,OAAM,MAAM;AAClF,QAAM,EAAC,EAAC,IAAI,eAAe,eAAe;AAC1C,QAAM,UAAU,SAAS,cAAc;AACvC,QAAM,aAAa,eAAe,KAAK,IAAI;AAC3C,QAAM,iBAAiB;AAAA,IACnB,MAAM,KAAK;AAAA,IACX,QAAQ,aAAa,WAAW;AAAA,IAChC,KAAK,aAAa,wBAAwB;AAAA,EAC9C;AAEA,SACI,oCAAC,SAAI,WAAW,EAAE,WAAW,EAAC,MAAM,CAAC,QAAQ,OAAO,OAAM,CAAC,KACtD,QACG,oCAAC,MAAM,UAAN,MACG,oCAAC,SAAI,WAAW,EAAE,cAAc,KAAI,EAAU,OAAO,CAAE,GACvD,oCAAC,SAAI,WAAW,EAAE,cAAc,KAC5B,oCAAC,OAAG,GAAG,gBAAgB,WAAW,EAAE,MAAM,GAAG,uBAAmB,QAC3D,CAAC,UAAU,oCAAC,QAAK,MAAM,eAAe,MAAM,IAAI,GAChD,KAAK,MACL,UAAU,oCAAC,QAAK,MAAM,gBAAgB,MAAM,IAAI,CACrD,CACJ,CACJ,CAER;AAER,CAAC;AAED,cAAc,cAAc;AAE5B,IAAM,cAAc,KAAuB,CAAC,EAAC,OAAO,QAAQ,OAAO,UAAS,MAAM;AAC9E,QAAM,UAAU,QAAQ,MAAM,WAAW,KAAK,GAAG,CAAC,KAAK,CAAC;AACxD,QAAM,EAAC,UAAU,SAAQ,IAAI;AAAA,IACzB,MAAM,iBAAiB,SAAS,MAAM;AAAA,IACtC,CAAC,SAAS,MAAM;AAAA,EACpB;AAEA,MAAI,CAAC,QAAQ,QAAQ;AACjB,WAAO;AAAA,EACX;AAEA,SACI,oCAAC,SAAI,WAAW,EAAE,EAAC,MAAK,GAAG,SAAS,KAChC,oCAAC,SAAI,WAAW,EAAE,SAAS,KACtB,YAAY,oCAAC,iBAAc,MAAM,UAAU,GAC3C,YAAY,oCAAC,iBAAc,MAAM,UAAU,QAAQ,MAAM,CAC9D,CACJ;AAER,CAAC;AAED,YAAY,cAAc;AAE1B,IAAO,sBAAQ;",
+  "names": []
+}

package/build/esm/components/TocNavPanel/index.js

@@ -0,0 +1,7 @@
+// src/components/TocNavPanel/index.ts
+import { default as default2 } from "./TocNavPanel";
+export * from "./TocNavPanel";
+export {
+  default2 as TocNavPanel
+};
+//# sourceMappingURL=index.js.map

package/build/esm/components/TocNavPanel/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/TocNavPanel/index.ts"],
+  "sourcesContent": ["export {default as TocNavPanel} from './TocNavPanel';\nexport * from './TocNavPanel';\n"],
+  "mappings": ";AAAA,SAAmB,WAAXA,gBAA6B;AACrC,cAAc;",
+  "names": ["default"]
+}

package/build/esm/components/ToggleArrow/ToggleArrow.css

@@ -0,0 +1,24 @@
+/* src/components/ToggleArrow/ToggleArrow.scss */
+.dc-toggle-arrow {
+  transition: transform 0.15s;
+  stroke-width: 2px;
+}
+.dc-toggle-arrow_type_horizontal {
+  transform: rotate(0deg);
+}
+.dc-toggle-arrow_type_vertical {
+  transform: rotate(90deg);
+}
+.dc-toggle-arrow_open.dc-toggle-arrow_type_horizontal {
+  transform: rotate(90deg);
+}
+.dc-toggle-arrow_open.dc-toggle-arrow_type_vertical {
+  transform: rotate(-90deg);
+}
+.dc-toggle-arrow_thin {
+  stroke-width: 1px;
+}
+.dc-toggle-arrow_slow {
+  transition-duration: 0.3s;
+}
+/*# sourceMappingURL=ToggleArrow.css.map */

package/build/esm/components/ToggleArrow/ToggleArrow.css.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/ToggleArrow/Users/3y3k0/doctools/docs-components/src/components/ToggleArrow/ToggleArrow.scss", "../../../../src/components/ToggleArrow/%3Cinput%20css%20TqCDmn%3E"],
+  "sourcesContent": [".dc-toggle-arrow {\n    transition: transform 0.15s;\n    stroke-width: 2px;\n    $root: &;\n\n    &_type {\n        &_horizontal {\n            transform: rotate(0deg);\n        }\n\n        &_vertical {\n            transform: rotate(90deg);\n        }\n    }\n\n    &_open {\n        &#{$root}_type_horizontal {\n            transform: rotate(90deg);\n        }\n\n        &#{$root}_type_vertical {\n            transform: rotate(-90deg);\n        }\n    }\n\n    &_thin {\n        stroke-width: 1px;\n    }\n\n    &_slow {\n        transition-duration: 0.3s;\n    }\n}\n", ".dc-toggle-arrow {\n  transition: transform 0.15s;\n  stroke-width: 2px;\n}\n.dc-toggle-arrow_type_horizontal {\n  transform: rotate(0deg);\n}\n.dc-toggle-arrow_type_vertical {\n  transform: rotate(90deg);\n}\n.dc-toggle-arrow_open.dc-toggle-arrow_type_horizontal {\n  transform: rotate(90deg);\n}\n.dc-toggle-arrow_open.dc-toggle-arrow_type_vertical {\n  transform: rotate(-90deg);\n}\n.dc-toggle-arrow_thin {\n  stroke-width: 1px;\n}\n.dc-toggle-arrow_slow {\n  transition-duration: 0.3s;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzLzN5M2swL2RvY3Rvb2xzL2RvY3MtY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9Ub2dnbGVBcnJvdyIsInNvdXJjZXMiOlsiVG9nZ2xlQXJyb3cuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNJO0VBQ0E7O0FBSUk7RUFDSTs7QUFHSjtFQUNJOztBQUtKO0VBQ0k7O0FBR0o7RUFDSTs7QUFJUjtFQUNJOztBQUdKO0VBQ0kiLCJzb3VyY2VzQ29udGVudCI6WyIuZGMtdG9nZ2xlLWFycm93IHtcbiAgICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4xNXM7XG4gICAgc3Ryb2tlLXdpZHRoOiAycHg7XG4gICAgJHJvb3Q6ICY7XG5cbiAgICAmX3R5cGUge1xuICAgICAgICAmX2hvcml6b250YWwge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG4gICAgICAgIH1cblxuICAgICAgICAmX3ZlcnRpY2FsIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogcm90YXRlKDkwZGVnKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICZfb3BlbiB7XG4gICAgICAgICYjeyRyb290fV90eXBlX2hvcml6b250YWwge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoOTBkZWcpO1xuICAgICAgICB9XG5cbiAgICAgICAgJiN7JHJvb3R9X3R5cGVfdmVydGljYWwge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoLTkwZGVnKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICZfdGhpbiB7XG4gICAgICAgIHN0cm9rZS13aWR0aDogMXB4O1xuICAgIH1cblxuICAgICZfc2xvdyB7XG4gICAgICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuM3M7XG4gICAgfVxufVxuIl19 */"],
+  "mappings": ";AAAA,CAAA;AACI,cAAA,UAAA;AACA,gBAAA;ACCJ;ADGQ,CAAA;AACI,aAAA,OAAA;ACDZ;ADIQ,CAAA;AACI,aAAA,OAAA;ACFZ;ADOQ,CAAA,oBAAA,CAVA;AAWI,aAAA,OAAA;ACLZ;ADQQ,CAJA,oBAIA,CAVA;AAWI,aAAA,OAAA;ACNZ;ADUI,CAAA;AACI,gBAAA;ACRR;ADWI,CAAA;AACI,uBAAA;ACTR;",
+  "names": []
+}

package/build/esm/components/ToggleArrow/ToggleArrow.js

@@ -0,0 +1,18 @@
+// src/components/ToggleArrow/ToggleArrow.tsx
+import React from "react";
+import block from "bem-cn-lite";
+import ChevronIcon from "@gravity-ui/icons/svgs/chevron-right.svg";
+import "./ToggleArrow.css";
+var b = block("dc-toggle-arrow");
+var ToggleArrow = ({
+  type = "horizontal",
+  open = false,
+  size = 16,
+  thin = false,
+  slow = false,
+  className
+}) => /* @__PURE__ */ React.createElement(ChevronIcon, { className: b({ type, open, thin, slow }, className), width: size, height: size });
+export {
+  ToggleArrow
+};
+//# sourceMappingURL=ToggleArrow.js.map

package/build/esm/components/ToggleArrow/ToggleArrow.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/ToggleArrow/ToggleArrow.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport block from 'bem-cn-lite';\n\nimport ChevronIcon from '@gravity-ui/icons/svgs/chevron-right.svg';\n\nimport './ToggleArrow.scss';\n\nconst b = block('dc-toggle-arrow');\n\nexport interface ToggleArrowProps {\n    type?: 'horizontal' | 'vertical';\n    open?: boolean;\n    size?: number;\n    thin?: boolean;\n    slow?: boolean;\n    className?: string;\n}\n\nexport const ToggleArrow: React.FC<ToggleArrowProps> = ({\n    type = 'horizontal',\n    open = false,\n    size = 16,\n    thin = false,\n    slow = false,\n    className,\n}) => <ChevronIcon className={b({type, open, thin, slow}, className)} width={size} height={size} />;\n"],
+  "mappings": ";AAAA,OAAO,WAAW;AAElB,OAAO,WAAW;AAElB,OAAO,iBAAiB;AAExB,OAAO;AAEP,IAAM,IAAI,MAAM,iBAAiB;AAW1B,IAAM,cAA0C,CAAC;AAAA,EACpD,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP;AACJ,MAAM,oCAAC,eAAY,WAAW,EAAE,EAAC,MAAM,MAAM,MAAM,KAAI,GAAG,SAAS,GAAG,OAAO,MAAM,QAAQ,MAAM;",
+  "names": []
+}

package/build/esm/components/ToggleArrow/index.js

@@ -0,0 +1,3 @@
+// src/components/ToggleArrow/index.ts
+export * from "./ToggleArrow";
+//# sourceMappingURL=index.js.map

package/build/esm/components/ToggleArrow/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/ToggleArrow/index.ts"],
+  "sourcesContent": ["export * from './ToggleArrow';\n"],
+  "mappings": ";AAAA,cAAc;",
+  "names": []
+}

package/build/esm/config/i18n.js

@@ -0,0 +1,37 @@
+// src/config/i18n.ts
+import i18n from "i18next";
+import { initReactI18next } from "react-i18next";
+import { Lang } from "../models";
+import en from "../i18n/en.js";
+import ru from "../i18n/ru.js";
+var initializePromise = null;
+var configureI18N = ({ lang, loc }) => {
+  if (initializePromise === null) {
+    lang = lang || Lang.En;
+    loc = loc || { ru, en };
+    initializePromise = i18n.use(initReactI18next).init({
+      lng: lang,
+      fallbackLng: lang,
+      ns: Object.keys(loc[lang]),
+      resources: loc,
+      interpolation: {
+        escapeValue: false
+      }
+    });
+  } else {
+    if (lang && lang !== i18n.language) {
+      i18n.changeLanguage(lang);
+    }
+    if (loc) {
+      for (const [lng, namespaces] of Object.entries(loc)) {
+        for (const [ns, resources] of Object.entries(namespaces)) {
+          i18n.addResources(lng, ns, resources);
+        }
+      }
+    }
+  }
+};
+export {
+  configureI18N
+};
+//# sourceMappingURL=i18n.js.map

package/build/esm/config/i18n.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/config/i18n.ts"],
+  "sourcesContent": ["import i18n, {TFunction} from 'i18next';\nimport {initReactI18next} from 'react-i18next';\n\nimport {Lang} from '../models';\n\nimport en from '../i18n/en.json';\nimport ru from '../i18n/ru.json';\n\nexport type Loc = Record<string, typeof en>;\n\nexport interface I18NConfig {\n    lang?: string;\n    loc?: Loc;\n}\n\nlet initializePromise: Promise<TFunction> | null = null;\n\nexport const configureI18N = ({lang, loc}: I18NConfig) => {\n    if (initializePromise === null) {\n        lang = lang || Lang.En;\n        loc = loc || {ru, en};\n\n        initializePromise = i18n.use(initReactI18next).init({\n            lng: lang,\n            fallbackLng: lang,\n            ns: Object.keys(loc[lang as Lang]),\n            resources: loc,\n            interpolation: {\n                escapeValue: false,\n            },\n        });\n    } else {\n        if (lang && lang !== i18n.language) {\n            i18n.changeLanguage(lang);\n        }\n\n        if (loc) {\n            for (const [lng, namespaces] of Object.entries(loc)) {\n                for (const [ns, resources] of Object.entries(namespaces as Loc[Lang])) {\n                    i18n.addResources(lng, ns, resources);\n                }\n            }\n        }\n    }\n};\n"],
+  "mappings": ";AAAA,OAAO,UAAuB;AAC9B,SAAQ,wBAAuB;AAE/B,SAAQ,YAAW;AAEnB,OAAO,QAAQ;AACf,OAAO,QAAQ;AASf,IAAI,oBAA+C;AAE5C,IAAM,gBAAgB,CAAC,EAAC,MAAM,IAAG,MAAkB;AACtD,MAAI,sBAAsB,MAAM;AAC5B,WAAO,QAAQ,KAAK;AACpB,UAAM,OAAO,EAAC,IAAI,GAAE;AAEpB,wBAAoB,KAAK,IAAI,gBAAgB,EAAE,KAAK;AAAA,MAChD,KAAK;AAAA,MACL,aAAa;AAAA,MACb,IAAI,OAAO,KAAK,IAAI,IAAY,CAAC;AAAA,MACjC,WAAW;AAAA,MACX,eAAe;AAAA,QACX,aAAa;AAAA,MACjB;AAAA,IACJ,CAAC;AAAA,EACL,OAAO;AACH,QAAI,QAAQ,SAAS,KAAK,UAAU;AAChC,WAAK,eAAe,IAAI;AAAA,IAC5B;AAEA,QAAI,KAAK;AACL,iBAAW,CAAC,KAAK,UAAU,KAAK,OAAO,QAAQ,GAAG,GAAG;AACjD,mBAAW,CAAC,IAAI,SAAS,KAAK,OAAO,QAAQ,UAAuB,GAAG;AACnE,eAAK,aAAa,KAAK,IAAI,SAAS;AAAA,QACxC;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACJ;",
+  "names": []
+}

package/build/esm/config/index.js

@@ -0,0 +1,30 @@
+// src/config/index.ts
+import { Lang } from "../models";
+import { configureI18N } from "./i18n";
+var subs = /* @__PURE__ */ new Set();
+var config = {
+  lang: Lang.En
+};
+var configure = (newConfig = {}) => {
+  config = Object.assign({}, config, newConfig);
+  configureI18N({
+    lang: config.lang,
+    loc: config.loc
+  });
+  subs.forEach((sub) => {
+    sub(config);
+  });
+};
+var subscribeConfigure = (sub) => {
+  subs.add(sub);
+  return () => {
+    subs.delete(sub);
+  };
+};
+var getConfig = () => config;
+export {
+  configure,
+  getConfig,
+  subscribeConfigure
+};
+//# sourceMappingURL=index.js.map

package/build/esm/config/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/config/index.ts"],
+  "sourcesContent": ["import {Config, Lang} from '../models';\n\nimport {configureI18N} from './i18n';\n\ntype Subscriber = (config: Config) => void;\n\nconst subs: Set<Subscriber> = new Set();\n\nlet config: Config = {\n    lang: Lang.En,\n};\n\nexport const configure = (newConfig: Partial<Config> = {}) => {\n    config = Object.assign({}, config, newConfig);\n\n    configureI18N({\n        lang: config.lang,\n        loc: config.loc,\n    });\n\n    subs.forEach((sub) => {\n        sub(config);\n    });\n};\n\nexport const subscribeConfigure = (sub: Subscriber) => {\n    subs.add(sub);\n\n    return () => {\n        subs.delete(sub);\n    };\n};\n\nexport const getConfig = () => config;\n"],
+  "mappings": ";AAAA,SAAgB,YAAW;AAE3B,SAAQ,qBAAoB;AAI5B,IAAM,OAAwB,oBAAI,IAAI;AAEtC,IAAI,SAAiB;AAAA,EACjB,MAAM,KAAK;AACf;AAEO,IAAM,YAAY,CAAC,YAA6B,CAAC,MAAM;AAC1D,WAAS,OAAO,OAAO,CAAC,GAAG,QAAQ,SAAS;AAE5C,gBAAc;AAAA,IACV,MAAM,OAAO;AAAA,IACb,KAAK,OAAO;AAAA,EAChB,CAAC;AAED,OAAK,QAAQ,CAAC,QAAQ;AAClB,QAAI,MAAM;AAAA,EACd,CAAC;AACL;AAEO,IAAM,qBAAqB,CAAC,QAAoB;AACnD,OAAK,IAAI,GAAG;AAEZ,SAAO,MAAM;AACT,SAAK,OAAO,GAAG;AAAA,EACnB;AACJ;AAEO,IAAM,YAAY,MAAM;",
+  "names": []
+}

package/build/esm/constants.js

@@ -0,0 +1,25 @@
+// src/constants.ts
+import { Lang, TextSizes, Theme } from "./models";
+var DEFAULT_SETTINGS = {
+  fullScreen: false,
+  singlePage: false,
+  wideFormat: false,
+  showMiniToc: true,
+  bookmarkedPage: false,
+  lang: Lang.En,
+  theme: Theme.Dark,
+  textSize: TextSizes.M,
+  isLiked: false,
+  isDisliked: false,
+  isPinned: false
+};
+var ERROR_CODES = {
+  ACCESS_DENIED: 403,
+  NOT_FOUND: 404,
+  SERVER_ERROR: 500
+};
+export {
+  DEFAULT_SETTINGS,
+  ERROR_CODES
+};
+//# sourceMappingURL=constants.js.map

package/build/esm/constants.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/constants.ts"],
+  "sourcesContent": ["import {Lang, TextSizes, Theme} from './models';\n\nexport const DEFAULT_SETTINGS = {\n    fullScreen: false,\n    singlePage: false,\n    wideFormat: false,\n    showMiniToc: true,\n    bookmarkedPage: false,\n    lang: Lang.En,\n    theme: Theme.Dark,\n    textSize: TextSizes.M,\n    isLiked: false,\n    isDisliked: false,\n    isPinned: false,\n};\n\nexport const ERROR_CODES = {\n    ACCESS_DENIED: 403,\n    NOT_FOUND: 404,\n    SERVER_ERROR: 500,\n};\n"],
+  "mappings": ";AAAA,SAAQ,MAAM,WAAW,aAAY;AAE9B,IAAM,mBAAmB;AAAA,EAC5B,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,MAAM,KAAK;AAAA,EACX,OAAO,MAAM;AAAA,EACb,UAAU,UAAU;AAAA,EACpB,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,UAAU;AACd;AAEO,IAAM,cAAc;AAAA,EACvB,eAAe;AAAA,EACf,WAAW;AAAA,EACX,cAAc;AAClB;",
+  "names": []
+}

package/build/esm/hooks/index.js

@@ -0,0 +1,6 @@
+// src/hooks/index.ts
+export * from "./usePopper";
+export * from "./useTimer";
+export * from "./useTranslation";
+export * from "./usePopupState";
+//# sourceMappingURL=index.js.map

package/build/esm/hooks/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/index.ts"],
+  "sourcesContent": ["export * from './usePopper';\nexport * from './useTimer';\nexport * from './useTranslation';\nexport * from './usePopupState';\n"],
+  "mappings": ";AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
+  "names": []
+}

package/build/esm/hooks/usePopper.js

@@ -0,0 +1,62 @@
+// src/hooks/usePopper.ts
+import React from "react";
+import { usePopper as useReactPopper } from "react-popper";
+var PopperPosition = /* @__PURE__ */ ((PopperPosition2) => {
+  PopperPosition2["BOTTOM_START"] = "bottom-start";
+  PopperPosition2["BOTTOM"] = "bottom";
+  PopperPosition2["BOTTOM_END"] = "bottom-end";
+  PopperPosition2["TOP_START"] = "top-start";
+  PopperPosition2["TOP"] = "top";
+  PopperPosition2["TOP_END"] = "top-end";
+  PopperPosition2["RIGHT_START"] = "right-start";
+  PopperPosition2["RIGHT"] = "right";
+  PopperPosition2["RIGHT_END"] = "right-end";
+  PopperPosition2["LEFT_START"] = "left-start";
+  PopperPosition2["LEFT"] = "left";
+  PopperPosition2["LEFT_END"] = "left-end";
+  return PopperPosition2;
+})(PopperPosition || {});
+var DEFAULT_PLACEMENT = Object.values(PopperPosition);
+function usePopper(props) {
+  const { anchor, placement = DEFAULT_PLACEMENT, offset, modifiers = [] } = props;
+  const [popperElement, setPopperElement] = React.useState(null);
+  const [arrowElement, setArrowElement] = React.useState(null);
+  const placements = Array.isArray(placement) ? placement : [placement];
+  const { attributes, styles } = useReactPopper(anchor, popperElement, {
+    strategy: "fixed",
+    modifiers: [
+      { name: "arrow", options: { enabled: Boolean(arrowElement), element: arrowElement } },
+      { name: "offset", options: { offset } },
+      {
+        name: "flip",
+        options: {
+          fallbackPlacements: [
+            "bottom" /* BOTTOM */,
+            "right" /* RIGHT */,
+            "left" /* LEFT */,
+            "top" /* TOP */
+          ]
+        }
+      },
+      {
+        name: "computeStyles",
+        options: {
+          gpuAcceleration: false
+        }
+      },
+      ...modifiers
+    ],
+    placement: placements[0]
+  });
+  return {
+    attributes,
+    styles,
+    setPopperRef: setPopperElement,
+    setArrowRef: setArrowElement
+  };
+}
+export {
+  PopperPosition,
+  usePopper
+};
+//# sourceMappingURL=usePopper.js.map

package/build/esm/hooks/usePopper.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/usePopper.ts"],
+  "sourcesContent": ["import React from 'react';\n\nimport popper from '@popperjs/core';\nimport {Modifier, usePopper as useReactPopper} from 'react-popper';\n\nexport type PopperPlacement = popper.Placement | popper.Placement[];\nexport type PopperOffset = [number, number];\nexport type PopperModifiers = Modifier<unknown, Record<string, unknown>>[];\n\nexport interface PopperProps {\n    anchor: HTMLElement | null;\n    placement?: PopperPlacement;\n    offset?: [number, number];\n    modifiers?: PopperModifiers;\n}\n\nexport enum PopperPosition {\n    BOTTOM_START = 'bottom-start',\n    BOTTOM = 'bottom',\n    BOTTOM_END = 'bottom-end',\n    TOP_START = 'top-start',\n    TOP = 'top',\n    TOP_END = 'top-end',\n    RIGHT_START = 'right-start',\n    RIGHT = 'right',\n    RIGHT_END = 'right-end',\n    LEFT_START = 'left-start',\n    LEFT = 'left',\n    LEFT_END = 'left-end',\n}\n\nconst DEFAULT_PLACEMENT: PopperPlacement = Object.values(PopperPosition);\n\nexport interface PopoverHook {\n    attributes: Record<string, Record<string, string> | undefined>;\n    styles: Record<string, React.CSSProperties>;\n    setPopperRef: React.Dispatch<React.SetStateAction<HTMLDivElement | null>>;\n    setArrowRef: React.Dispatch<React.SetStateAction<HTMLDivElement | null>>;\n}\n\nexport function usePopper(props: PopperProps): PopoverHook {\n    const {anchor, placement = DEFAULT_PLACEMENT, offset, modifiers = []} = props;\n\n    const [popperElement, setPopperElement] = React.useState<HTMLDivElement | null>(null);\n    const [arrowElement, setArrowElement] = React.useState<HTMLDivElement | null>(null);\n    const placements = Array.isArray(placement) ? placement : [placement];\n\n    const {attributes, styles} = useReactPopper(anchor, popperElement, {\n        strategy: 'fixed',\n        modifiers: [\n            {name: 'arrow', options: {enabled: Boolean(arrowElement), element: arrowElement}},\n            {name: 'offset', options: {offset}},\n            {\n                name: 'flip',\n                options: {\n                    fallbackPlacements: [\n                        PopperPosition.BOTTOM,\n                        PopperPosition.RIGHT,\n                        PopperPosition.LEFT,\n                        PopperPosition.TOP,\n                    ],\n                },\n            },\n            {\n                name: 'computeStyles',\n                options: {\n                    gpuAcceleration: false,\n                },\n            },\n            ...modifiers,\n        ],\n        placement: placements[0],\n    });\n\n    return {\n        attributes,\n        styles,\n        setPopperRef: setPopperElement,\n        setArrowRef: setArrowElement,\n    };\n}\n"],
+  "mappings": ";AAAA,OAAO,WAAW;AAGlB,SAAkB,aAAa,sBAAqB;AAa7C,IAAK,iBAAL,kBAAKA,oBAAL;AACH,EAAAA,gBAAA,kBAAe;AACf,EAAAA,gBAAA,YAAS;AACT,EAAAA,gBAAA,gBAAa;AACb,EAAAA,gBAAA,eAAY;AACZ,EAAAA,gBAAA,SAAM;AACN,EAAAA,gBAAA,aAAU;AACV,EAAAA,gBAAA,iBAAc;AACd,EAAAA,gBAAA,WAAQ;AACR,EAAAA,gBAAA,eAAY;AACZ,EAAAA,gBAAA,gBAAa;AACb,EAAAA,gBAAA,UAAO;AACP,EAAAA,gBAAA,cAAW;AAZH,SAAAA;AAAA,GAAA;AAeZ,IAAM,oBAAqC,OAAO,OAAO,cAAc;AAShE,SAAS,UAAU,OAAiC;AACvD,QAAM,EAAC,QAAQ,YAAY,mBAAmB,QAAQ,YAAY,CAAC,EAAC,IAAI;AAExE,QAAM,CAAC,eAAe,gBAAgB,IAAI,MAAM,SAAgC,IAAI;AACpF,QAAM,CAAC,cAAc,eAAe,IAAI,MAAM,SAAgC,IAAI;AAClF,QAAM,aAAa,MAAM,QAAQ,SAAS,IAAI,YAAY,CAAC,SAAS;AAEpE,QAAM,EAAC,YAAY,OAAM,IAAI,eAAe,QAAQ,eAAe;AAAA,IAC/D,UAAU;AAAA,IACV,WAAW;AAAA,MACP,EAAC,MAAM,SAAS,SAAS,EAAC,SAAS,QAAQ,YAAY,GAAG,SAAS,aAAY,EAAC;AAAA,MAChF,EAAC,MAAM,UAAU,SAAS,EAAC,OAAM,EAAC;AAAA,MAClC;AAAA,QACI,MAAM;AAAA,QACN,SAAS;AAAA,UACL,oBAAoB;AAAA,YAChB;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACJ;AAAA,QACJ;AAAA,MACJ;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,SAAS;AAAA,UACL,iBAAiB;AAAA,QACrB;AAAA,MACJ;AAAA,MACA,GAAG;AAAA,IACP;AAAA,IACA,WAAW,WAAW,CAAC;AAAA,EAC3B,CAAC;AAED,SAAO;AAAA,IACH;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,aAAa;AAAA,EACjB;AACJ;",
+  "names": ["PopperPosition"]
+}

package/build/esm/hooks/usePopupState.js

@@ -0,0 +1,41 @@
+// src/hooks/usePopupState.ts
+import { useCallback, useMemo, useState } from "react";
+import { useTimer } from "./useTimer";
+var usePopupState = ({ autoclose = 0 } = {}) => {
+  const [visible, setVisible] = useState(false);
+  const [setTimer, clearTimer] = useTimer(autoclose);
+  const close = useCallback(() => {
+    setVisible(false);
+    if (autoclose) {
+      clearTimer();
+    }
+  }, [autoclose, clearTimer, setVisible]);
+  const open = useCallback(() => {
+    setVisible(true);
+    if (autoclose) {
+      setTimer(close);
+    }
+  }, [autoclose, close, setTimer, setVisible]);
+  const toggle = useCallback(() => {
+    if (visible) {
+      close();
+    } else {
+      open();
+    }
+  }, [visible, close, open]);
+  return useMemo(
+    () => ({
+      open,
+      close,
+      toggle,
+      get visible() {
+        return visible;
+      }
+    }),
+    [visible, open, close, toggle]
+  );
+};
+export {
+  usePopupState
+};
+//# sourceMappingURL=usePopupState.js.map

package/build/esm/hooks/usePopupState.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/usePopupState.ts"],
+  "sourcesContent": ["import {useCallback, useMemo, useState} from 'react';\n\nimport {useTimer} from './useTimer';\n\nexport const usePopupState = ({autoclose = 0}: {autoclose?: number} = {}) => {\n    const [visible, setVisible] = useState(false);\n    const [setTimer, clearTimer] = useTimer(autoclose);\n\n    const close = useCallback(() => {\n        setVisible(false);\n\n        if (autoclose) {\n            clearTimer();\n        }\n    }, [autoclose, clearTimer, setVisible]);\n    const open = useCallback(() => {\n        setVisible(true);\n\n        if (autoclose) {\n            setTimer(close);\n        }\n    }, [autoclose, close, setTimer, setVisible]);\n    const toggle = useCallback(() => {\n        if (visible) {\n            close();\n        } else {\n            open();\n        }\n    }, [visible, close, open]);\n\n    return useMemo(\n        () => ({\n            open,\n            close,\n            toggle,\n            get visible() {\n                return visible;\n            },\n        }),\n        [visible, open, close, toggle],\n    );\n};\n"],
+  "mappings": ";AAAA,SAAQ,aAAa,SAAS,gBAAe;AAE7C,SAAQ,gBAAe;AAEhB,IAAM,gBAAgB,CAAC,EAAC,YAAY,EAAC,IAA0B,CAAC,MAAM;AACzE,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,CAAC,UAAU,UAAU,IAAI,SAAS,SAAS;AAEjD,QAAM,QAAQ,YAAY,MAAM;AAC5B,eAAW,KAAK;AAEhB,QAAI,WAAW;AACX,iBAAW;AAAA,IACf;AAAA,EACJ,GAAG,CAAC,WAAW,YAAY,UAAU,CAAC;AACtC,QAAM,OAAO,YAAY,MAAM;AAC3B,eAAW,IAAI;AAEf,QAAI,WAAW;AACX,eAAS,KAAK;AAAA,IAClB;AAAA,EACJ,GAAG,CAAC,WAAW,OAAO,UAAU,UAAU,CAAC;AAC3C,QAAM,SAAS,YAAY,MAAM;AAC7B,QAAI,SAAS;AACT,YAAM;AAAA,IACV,OAAO;AACH,WAAK;AAAA,IACT;AAAA,EACJ,GAAG,CAAC,SAAS,OAAO,IAAI,CAAC;AAEzB,SAAO;AAAA,IACH,OAAO;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,MACA,IAAI,UAAU;AACV,eAAO;AAAA,MACX;AAAA,IACJ;AAAA,IACA,CAAC,SAAS,MAAM,OAAO,MAAM;AAAA,EACjC;AACJ;",
+  "names": []
+}

package/build/esm/hooks/useTimer.js

@@ -0,0 +1,23 @@
+// src/hooks/useTimer.ts
+import { useCallback, useRef } from "react";
+function useTimer(timeout = 3e3) {
+  const timerId = useRef();
+  const clearTimer = useCallback(() => {
+    clearTimeout(timerId.current);
+    timerId.current = void 0;
+  }, []);
+  const setTimer = useCallback(
+    (callback) => {
+      timerId.current = setTimeout(() => {
+        clearTimer();
+        callback();
+      }, timeout);
+    },
+    [timeout, clearTimer]
+  );
+  return [setTimer, clearTimer];
+}
+export {
+  useTimer
+};
+//# sourceMappingURL=useTimer.js.map

package/build/esm/hooks/useTimer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/useTimer.ts"],
+  "sourcesContent": ["import {useCallback, useRef} from 'react';\n\nexport function useTimer(timeout = 3000) {\n    const timerId = useRef<number | unknown>();\n\n    const clearTimer = useCallback(() => {\n        clearTimeout(timerId.current as number);\n        timerId.current = undefined;\n    }, []);\n\n    const setTimer = useCallback(\n        (callback: () => void) => {\n            timerId.current = setTimeout(() => {\n                clearTimer();\n                callback();\n            }, timeout);\n        },\n        [timeout, clearTimer],\n    );\n\n    return [setTimer, clearTimer] as const;\n}\n"],
+  "mappings": ";AAAA,SAAQ,aAAa,cAAa;AAE3B,SAAS,SAAS,UAAU,KAAM;AACrC,QAAM,UAAU,OAAyB;AAEzC,QAAM,aAAa,YAAY,MAAM;AACjC,iBAAa,QAAQ,OAAiB;AACtC,YAAQ,UAAU;AAAA,EACtB,GAAG,CAAC,CAAC;AAEL,QAAM,WAAW;AAAA,IACb,CAAC,aAAyB;AACtB,cAAQ,UAAU,WAAW,MAAM;AAC/B,mBAAW;AACX,iBAAS;AAAA,MACb,GAAG,OAAO;AAAA,IACd;AAAA,IACA,CAAC,SAAS,UAAU;AAAA,EACxB;AAEA,SAAO,CAAC,UAAU,UAAU;AAChC;",
+  "names": []
+}

package/build/esm/hooks/useTranslation.js

@@ -0,0 +1,11 @@
+// src/hooks/useTranslation.ts
+import { useTranslation as useTranslationI18N } from "react-i18next";
+import { configure } from "../config";
+function useTranslation(...args) {
+  configure();
+  return useTranslationI18N(...args);
+}
+export {
+  useTranslation
+};
+//# sourceMappingURL=useTranslation.js.map

package/build/esm/hooks/useTranslation.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/useTranslation.ts"],
+  "sourcesContent": ["import {useTranslation as useTranslationI18N} from 'react-i18next';\n\nimport {configure} from '../config';\n\nexport function useTranslation(...args: Parameters<typeof useTranslationI18N>) {\n    configure();\n    return useTranslationI18N(...args);\n}\n"],
+  "mappings": ";AAAA,SAAQ,kBAAkB,0BAAyB;AAEnD,SAAQ,iBAAgB;AAEjB,SAAS,kBAAkB,MAA6C;AAC3E,YAAU;AACV,SAAO,mBAAmB,GAAG,IAAI;AACrC;",
+  "names": []
+}