silentium-components 0.0.1

package/dist/patron-components.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"patron-components.cjs","sources":["../src/navigation/PageFetchTransport.ts","../src/navigation/Navigation.ts","../src/navigation/RouteDisplay.ts","../src/navigation/CurrentPage.ts","../src/controls/Input.ts","../src/controls/Visible.ts","../src/controls/Text.ts","../src/controls/Link.ts","../src/controls/ComputedElement.ts","../src/controls/GroupActiveClass.ts","../src/navigation/Router.ts","../src/page/Page.ts","../src/page/EntryPointPage.ts"],"sourcesContent":["import { give, GuestType } from \"patron-oop\";\n\nexport interface RoutePageTransportType {\n  content(guest: GuestType<string>): void;\n}\n\n/**\n * Not needed anymore same thing in web api existed\n * @deprecated\n */\nexport class PageFetchTransport implements RoutePageTransportType {\n  public constructor(\n    private basePath: string,\n    private template: string,\n  ) {}\n\n  public content(guest: GuestType<string>): void {\n    fetch(this.basePath + \"/\" + this.template)\n      .then((result) => {\n        return result.text();\n      })\n      .then((result) => {\n        give(result, guest);\n      });\n  }\n}\n","import {\n  SourceAll,\n  Patron,\n  PrivateType,\n  SourceType,\n  value,\n  give,\n  SourceWithPoolType,\n} from \"patron-oop\";\nimport { RoutePageTransportType } from \"src/navigation/PageFetchTransport\";\nimport { RouteDisplayType } from \"src/navigation/RouteDisplay\";\nimport { RoutePageType } from \"src/navigation/RoutePageType\";\n\nexport interface RouteDocument {\n  url: string;\n  template: string;\n  aliases?: string[];\n  page: RoutePageType;\n  default?: boolean;\n}\n\nexport class Navigation {\n  public constructor(\n    private loading: SourceWithPoolType<boolean>,\n    private basePath: SourceType<string>,\n    private currentPage: SourceWithPoolType<string>,\n    private display: RouteDisplayType,\n    private pageTransport: PrivateType<RoutePageTransportType>,\n  ) {}\n\n  public routes(routes: RouteDocument[]) {\n    const defaultRoute = routes.find((route) => route.default);\n    const all = new SourceAll<{\n      basePath: string;\n      currentPage: string;\n    }>();\n    value(this.basePath, new Patron(all.guestKey(\"basePath\")));\n    value(this.currentPage, new Patron(all.guestKey(\"currentPage\")));\n\n    all.value(\n      new Patron(({ basePath, currentPage }) => {\n        const urlWithoutBasePath = currentPage.replace(basePath, \"\");\n        const routeMatchedToAlias = routes.find(\n          (route) =>\n            route.aliases &&\n            (route.aliases.includes(currentPage) ||\n              route.aliases.includes(urlWithoutBasePath)),\n        );\n\n        if (routeMatchedToAlias) {\n          const correctUrl = basePath + routeMatchedToAlias.url;\n\n          if (correctUrl !== currentPage) {\n            give(correctUrl, this.currentPage);\n            return;\n          }\n        }\n\n        let route = routes.find((route) => {\n          if (route.url.indexOf(\"*\") >= 0) {\n            const regexp = new RegExp(\n              route.url.replaceAll(\"*\", \".*\").replaceAll(\"/\", \"/\"),\n            );\n            return regexp.test(urlWithoutBasePath);\n          }\n          return route.url.replaceAll(\"*\", \"\") === urlWithoutBasePath;\n        });\n\n        if (!route && defaultRoute) {\n          route = defaultRoute;\n        }\n\n        if (route) {\n          const basePathWithoutHash = basePath\n            .replace(\"/#\", \"\")\n            .replace(\"#\", \"\")\n            .replace(/[^/]+\\.html$/, \"\");\n          give(true, this.loading);\n          this.pageTransport\n            .get(basePathWithoutHash, route.template)\n            .content((templateContent) => {\n              this.display.display(templateContent);\n              route.page.mounted();\n              give(false, this.loading);\n            });\n        } else {\n          throw new Error(\"No matching route in Navigation\");\n        }\n      }),\n    );\n  }\n}\n","export interface RouteDisplayType {\n  display(content: string): void;\n}\n\n/**\n * Renders content on selector\n * @deprecated move to web api\n */\nexport class RouteDisplay implements RouteDisplayType {\n  public constructor(private selector: string) {}\n\n  public display(content: string): void {\n    const contentEl = document.querySelector(this.selector);\n    if (contentEl) {\n      contentEl.innerHTML = content;\n    }\n  }\n}\n","import { GuestType, SourceWithPool, SourceWithPoolType } from \"patron-oop\";\n\n/**\n * @deprecated move to web api\n */\nexport class CurrentPage implements SourceWithPoolType<string> {\n  private source: SourceWithPoolType<string>;\n\n  public constructor() {\n    const correctUrl = location.href.replace(location.origin, \"\");\n    this.source = new SourceWithPool(correctUrl);\n  }\n\n  public give(value: string): this {\n    this.source.give(value);\n    return this;\n  }\n\n  public value(guest: GuestType<string>) {\n    this.source.value(guest);\n    return guest;\n  }\n\n  public pool() {\n    return this.source.pool();\n  }\n}\n","import { GuestType, Patron, SourceWithPoolType } from \"patron-oop\";\n\ntype InputValue = number | string;\n\n/**\n * @deprecated move to web api\n */\nexport class Input implements SourceWithPoolType<InputValue> {\n  public constructor(\n    private source: SourceWithPoolType<InputValue>,\n    selector: string,\n  ) {\n    const el = document.querySelector(selector) as HTMLInputElement;\n    this.source.value(\n      new Patron((value) => {\n        el.value = String(value);\n      }),\n    );\n    el.addEventListener(\"keyup\", () => {\n      this.give(el.value);\n    });\n    el.addEventListener(\"change\", () => {\n      this.give(el.value);\n    });\n  }\n\n  public value(guest: GuestType<InputValue>) {\n    this.source.value(guest);\n    return this;\n  }\n\n  public give(value: InputValue) {\n    this.source.give(value);\n    return this;\n  }\n\n  public pool() {\n    return this.source.pool();\n  }\n}\n","import { GuestObjectType } from \"patron-oop\";\n\n/**\n * @deprecated move to web api\n */\nexport class Visible implements GuestObjectType<boolean> {\n  public constructor(private selector: string) {}\n\n  public give(isVisible: boolean): this {\n    const el = document.querySelector(this.selector) as HTMLElement;\n    if (el) {\n      el.style.display = isVisible ? \"block\" : \"none\";\n    }\n    return this;\n  }\n}\n","import { GuestObjectType } from \"patron-oop\";\n\n/**\n * @deprecated Move to web api\n */\nexport class Text implements GuestObjectType {\n  public constructor(private selector: string) {}\n\n  public give(value: unknown) {\n    const element = document.querySelector(this.selector) as HTMLElement;\n    if (element) {\n      element.innerText = String(value);\n    }\n    return this;\n  }\n}\n","import { GuestObjectType, SourceType, value } from \"patron-oop\";\n\n/**\n * @deprecated move to web api\n */\nexport class Link {\n  public constructor(\n    private linkSource: GuestObjectType<string>,\n    private basePath: SourceType<string>,\n  ) {}\n\n  public watchClick(selector: string, subselector?: string) {\n    const wrapperEl = document.querySelectorAll(selector);\n    if (wrapperEl.length) {\n      wrapperEl.forEach((theElement) => {\n        theElement.addEventListener(\"click\", (e) => {\n          if (subselector) {\n            theElement\n              .querySelectorAll(subselector)\n              .forEach((theSubElement) => {\n                if (\n                  e?.target === theSubElement ||\n                  e?.currentTarget === theSubElement\n                ) {\n                  this.handleClick({\n                    preventDefault: e.preventDefault.bind(e),\n                    target: theSubElement,\n                  } as unknown as Event);\n                }\n              });\n          } else {\n            this.handleClick(e);\n          }\n        });\n      });\n    } else {\n      throw new Error(`Link wrapper not found for selector ${selector}`);\n    }\n  }\n\n  private handleClick(e: Event) {\n    let href = (e?.target as HTMLElement)?.getAttribute(\"href\");\n    if (!href) {\n      href = (e?.currentTarget as HTMLElement)?.getAttribute(\"href\");\n    }\n    if (href && href.indexOf(\"http\") !== 0) {\n      e.preventDefault();\n      value(this.basePath, (basePath) => {\n        this.linkSource.give(basePath + href);\n      });\n    }\n  }\n}\n","import {\n  give,\n  SourceAll,\n  SourceObjectType,\n  GuestCast,\n  GuestType,\n} from \"patron-oop\";\n\ntype SourceDetailType = {\n  source: SourceObjectType<any>;\n  placeholder: string;\n};\n\n/**\n * @deprecated use https://kosukhin.github.io/patron-web-api/#/dom/element\n */\nexport class ComputedElement {\n  public constructor(\n    private sources: SourceDetailType[],\n    private selectorTemplate: string,\n  ) {}\n\n  public element(guest: GuestType<HTMLElement>) {\n    const chain = new SourceAll();\n    this.sources.forEach((source) => {\n      source.source.value(\n        new GuestCast(guest as GuestType, chain.guestKey(source.placeholder)),\n      );\n    });\n\n    chain.value(\n      new GuestCast(\n        guest as GuestType,\n        (placeholders: Record<string, string>) => {\n          let selectorTemplate = this.selectorTemplate;\n\n          Object.entries(placeholders).map((entry) => {\n            selectorTemplate = selectorTemplate.replaceAll(entry[0], entry[1]);\n          });\n\n          const element = document.querySelector(\n            selectorTemplate,\n          ) as HTMLElement;\n          if (element) {\n            give(element, guest);\n          }\n        },\n      ),\n    );\n  }\n}\n","import { GuestObjectType, PatronOnce, SourceType, value } from \"patron-oop\";\n\n/**\n * Sets activeClass to one element of group\n * and resets activeClass on other group elements\n * suitable for menu active class\n *\n * @deprecated heavily related to web api needs refactoring\n */\nexport class GroupActiveClass implements GuestObjectType<HTMLElement> {\n  public constructor(\n    private activeClass: string,\n    private groupSelector: string,\n    private document: SourceType<Document>,\n  ) {}\n\n  public give(element: HTMLElement): this {\n    value(\n      this.document,\n      new PatronOnce((document) => {\n        document.querySelectorAll(this.groupSelector).forEach((el) => {\n          el.classList.remove(this.activeClass);\n        });\n        element.classList.add(this.activeClass);\n      }),\n    );\n    return this;\n  }\n}\n","import {\n  Source,\n  SourceAll,\n  GuestCast,\n  Patron,\n  PrivateClass,\n  SourceWithPool,\n  give,\n  sourceOf,\n} from \"patron-oop\";\nimport { HistoryNewPage, HistoryPoppedPage } from \"patron-web-api\";\nimport { ComputedElement, GroupActiveClass, Link, Visible } from \"../controls\";\nimport { CurrentPage } from \"../navigation/CurrentPage\";\nimport { Navigation } from \"../navigation/Navigation\";\nimport { PageFetchTransport } from \"../navigation/PageFetchTransport\";\nimport { RouteDisplay } from \"../navigation/RouteDisplay\";\n\ntype Route = {\n  url: string;\n  template: string;\n  aliases: string[];\n  page: any;\n};\n\nexport class Router {\n  public constructor(\n    private loaderSelector: string,\n    private navigationResultSelector: string,\n    private menuSelector: string,\n  ) {}\n\n  routes(\n    routes: Route[],\n    currentPage: any,\n    basePathSource: any,\n    afterPageLoaded?: () => void,\n  ) {\n    if (!currentPage) {\n      currentPage = new CurrentPage();\n    }\n    currentPage.value(new Patron(new HistoryNewPage()));\n\n    const [basePath] = location.href.replace(location.origin, \"\").split(\"#\");\n    if (!basePathSource) {\n      basePathSource = new SourceWithPool(\n        `${basePath}#`.replace(\"index.html\", \"\").replace(\"//\", \"/\"),\n      );\n    }\n\n    const pageLoading = new SourceWithPool(false);\n    pageLoading.value(new Patron(new Visible(this.loaderSelector)));\n\n    const historyPoppedPage = new HistoryPoppedPage(currentPage);\n    historyPoppedPage.watchPop();\n\n    const navigation = new Navigation(\n      pageLoading,\n      basePathSource,\n      currentPage,\n      new RouteDisplay(this.navigationResultSelector),\n      new PrivateClass(PageFetchTransport),\n    );\n    navigation.routes(routes);\n\n    const link = new Link(currentPage, basePathSource);\n    link.watchClick(this.menuSelector);\n\n    const urlChain = new SourceAll<any>();\n    basePathSource.value(new Patron(urlChain.guestKey(\"basePath\")));\n    currentPage.value(new Patron(urlChain.guestKey(\"page\")));\n    const url = new Source((guest) => {\n      urlChain.value(\n        new GuestCast(guest, ({ basePath, page }) => {\n          give(page.replace(basePath, \"\"), guest);\n        }),\n      );\n    });\n\n    const activeLink = new ComputedElement(\n      [{ source: url, placeholder: \"{url}\" }],\n      `${this.menuSelector} a[href=\"{url}\"]`,\n    );\n    activeLink.element(\n      new Patron(\n        new GroupActiveClass(\n          \"active\",\n          `${this.menuSelector} a`,\n          sourceOf(document),\n        ),\n      ),\n    );\n\n    pageLoading.value(\n      new Patron((isInLoading) => {\n        if (isInLoading) {\n          return;\n        }\n\n        if (afterPageLoaded) {\n          afterPageLoaded();\n        }\n\n        const divDestination = document.querySelector(\n          this.navigationResultSelector,\n        );\n        if (divDestination) {\n          // Оживляем script тэги\n          divDestination.querySelectorAll(\"script\").forEach((x) => {\n            const sc = document.createElement(\"script\");\n            sc.setAttribute(\"type\", \"module\");\n            sc.appendChild(document.createTextNode(x.innerText));\n            divDestination.appendChild(sc);\n          });\n        }\n      }),\n    );\n  }\n}\n","import { RoutePageType } from \"../navigation\";\n\n/**\n * @deprecated Move to web api\n */\nexport class Page implements RoutePageType {\n  public constructor(private title: string) {}\n\n  public mounted() {\n    document.title = this.title;\n  }\n}\n","import { RoutePageType } from \"../navigation\";\n\n/**\n * @deprecated not needed\n */\nexport class EntryPointPage implements RoutePageType {\n  public constructor(\n    private title: string,\n    private entryPointUrl: string,\n  ) {}\n\n  public mounted() {\n    document.title = this.title;\n    import(this.entryPointUrl).then((module) => {\n      if (module.main) {\n        module.main();\n      }\n    });\n  }\n}\n"],"names":["give","SourceAll","value","Patron","route","SourceWithPool","GuestCast","PatronOnce","HistoryNewPage","HistoryPoppedPage","PrivateClass","Source","basePath","sourceOf"],"mappings":"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"}

package/dist/patron-components.d.ts

@@ -0,0 +1,158 @@
+import * as patron_oop from 'patron-oop';
+import { GuestType, SourceWithPoolType, SourceType, PrivateType, GuestObjectType, SourceObjectType } from 'patron-oop';
+import { RoutePageTransportType as RoutePageTransportType$1 } from 'src/navigation/PageFetchTransport';
+import { RouteDisplayType as RouteDisplayType$1 } from 'src/navigation/RouteDisplay';
+import { RoutePageType as RoutePageType$1 } from 'src/navigation/RoutePageType';
+
+interface RoutePageTransportType {
+    content(guest: GuestType<string>): void;
+}
+declare class PageFetchTransport implements RoutePageTransportType {
+    private basePath;
+    private template;
+    constructor(basePath: string, template: string);
+    content(guest: GuestType<string>): void;
+}
+
+interface RouteDocument {
+    url: string;
+    template: string;
+    aliases?: string[];
+    page: RoutePageType$1;
+    default?: boolean;
+}
+declare class Navigation {
+    private loading;
+    private basePath;
+    private currentPage;
+    private display;
+    private pageTransport;
+    constructor(loading: SourceWithPoolType<boolean>, basePath: SourceType<string>, currentPage: SourceWithPoolType<string>, display: RouteDisplayType$1, pageTransport: PrivateType<RoutePageTransportType$1>);
+    routes(routes: RouteDocument[]): void;
+}
+
+interface RouteDisplayType {
+    display(content: string): void;
+}
+/**
+ * Renders content on selector
+ */
+declare class RouteDisplay implements RouteDisplayType {
+    private selector;
+    constructor(selector: string);
+    display(content: string): void;
+}
+
+interface RoutePageType {
+    mounted(): void;
+}
+
+/**
+ * @deprecated move to web api
+ */
+declare class CurrentPage implements SourceWithPoolType<string> {
+    private source;
+    constructor();
+    give(value: string): this;
+    value(guest: GuestType<string>): GuestType<string>;
+    pool(): patron_oop.PatronPool<string>;
+}
+
+type Route = {
+    url: string;
+    template: string;
+    aliases: string[];
+    page: any;
+};
+declare class Router {
+    private loaderSelector;
+    private navigationResultSelector;
+    private menuSelector;
+    constructor(loaderSelector: string, navigationResultSelector: string, menuSelector: string);
+    routes(routes: Route[], currentPage: any, basePathSource: any, afterPageLoaded?: () => void): void;
+}
+
+type InputValue = number | string;
+/**
+ * @deprecated move to web api
+ */
+declare class Input implements SourceWithPoolType<InputValue> {
+    private source;
+    constructor(source: SourceWithPoolType<InputValue>, selector: string);
+    value(guest: GuestType<InputValue>): this;
+    give(value: InputValue): this;
+    pool(): patron_oop.PatronPool<InputValue>;
+}
+
+/**
+ * @deprecated move to web api
+ */
+declare class Visible implements GuestObjectType<boolean> {
+    private selector;
+    constructor(selector: string);
+    give(isVisible: boolean): this;
+}
+
+/**
+ * @deprecated Move to web api
+ */
+declare class Text implements GuestObjectType {
+    private selector;
+    constructor(selector: string);
+    give(value: unknown): this;
+}
+
+/**
+ * @deprecated move to web api
+ */
+declare class Link {
+    private linkSource;
+    private basePath;
+    constructor(linkSource: GuestObjectType<string>, basePath: SourceType<string>);
+    watchClick(selector: string, subselector?: string): void;
+    private handleClick;
+}
+
+type SourceDetailType = {
+    source: SourceObjectType<any>;
+    placeholder: string;
+};
+/**
+ * @deprecated use https://kosukhin.github.io/patron-web-api/#/dom/element
+ */
+declare class ComputedElement {
+    private sources;
+    private selectorTemplate;
+    constructor(sources: SourceDetailType[], selectorTemplate: string);
+    element(guest: GuestType<HTMLElement>): void;
+}
+
+/**
+ * Sets activeClass to one element of group
+ * and resets activeClass on other group elements
+ * suitable for menu active class
+ *
+ * @deprecated heavily related to web api needs refactoring
+ */
+declare class GroupActiveClass implements GuestObjectType<HTMLElement> {
+    private activeClass;
+    private groupSelector;
+    private document;
+    constructor(activeClass: string, groupSelector: string, document: SourceType<Document>);
+    give(element: HTMLElement): this;
+}
+
+declare class Page implements RoutePageType {
+    private title;
+    constructor(title: string);
+    mounted(): void;
+}
+
+declare class EntryPointPage implements RoutePageType {
+    private title;
+    private entryPointUrl;
+    constructor(title: string, entryPointUrl: string);
+    mounted(): void;
+}
+
+export { ComputedElement, CurrentPage, EntryPointPage, GroupActiveClass, Input, Link, Navigation, Page, PageFetchTransport, RouteDisplay, type RouteDisplayType, type RouteDocument, type RoutePageTransportType, type RoutePageType, Router, Text, Visible };

package/dist/patron-components.js

@@ -0,0 +1,358 @@
+import { give, SourceAll, value, Patron, SourceWithPool, GuestCast, PatronOnce, PrivateClass, Source, sourceOf } from 'patron-oop';
+import { HistoryNewPage, HistoryPoppedPage } from 'patron-web-api';
+
+class PageFetchTransport {
+  constructor(basePath, template) {
+    this.basePath = basePath;
+    this.template = template;
+  }
+  content(guest) {
+    fetch(this.basePath + "/" + this.template).then((result) => {
+      return result.text();
+    }).then((result) => {
+      give(result, guest);
+    });
+  }
+}
+
+class Navigation {
+  constructor(loading, basePath, currentPage, display, pageTransport) {
+    this.loading = loading;
+    this.basePath = basePath;
+    this.currentPage = currentPage;
+    this.display = display;
+    this.pageTransport = pageTransport;
+  }
+  routes(routes) {
+    const defaultRoute = routes.find((route) => route.default);
+    const all = new SourceAll();
+    value(this.basePath, new Patron(all.guestKey("basePath")));
+    value(this.currentPage, new Patron(all.guestKey("currentPage")));
+    all.value(
+      new Patron(({ basePath, currentPage }) => {
+        const urlWithoutBasePath = currentPage.replace(basePath, "");
+        const routeMatchedToAlias = routes.find(
+          (route2) => route2.aliases && (route2.aliases.includes(currentPage) || route2.aliases.includes(urlWithoutBasePath))
+        );
+        if (routeMatchedToAlias) {
+          const correctUrl = basePath + routeMatchedToAlias.url;
+          if (correctUrl !== currentPage) {
+            give(correctUrl, this.currentPage);
+            return;
+          }
+        }
+        let route = routes.find((route2) => {
+          if (route2.url.indexOf("*") >= 0) {
+            const regexp = new RegExp(
+              route2.url.replaceAll("*", ".*").replaceAll("/", "/")
+            );
+            return regexp.test(urlWithoutBasePath);
+          }
+          return route2.url.replaceAll("*", "") === urlWithoutBasePath;
+        });
+        if (!route && defaultRoute) {
+          route = defaultRoute;
+        }
+        if (route) {
+          const basePathWithoutHash = basePath.replace("/#", "").replace("#", "").replace(/[^/]+\.html$/, "");
+          give(true, this.loading);
+          this.pageTransport.get(basePathWithoutHash, route.template).content((templateContent) => {
+            this.display.display(templateContent);
+            route.page.mounted();
+            give(false, this.loading);
+          });
+        } else {
+          throw new Error("No matching route in Navigation");
+        }
+      })
+    );
+  }
+}
+
+class RouteDisplay {
+  constructor(selector) {
+    this.selector = selector;
+  }
+  display(content) {
+    const contentEl = document.querySelector(this.selector);
+    if (contentEl) {
+      contentEl.innerHTML = content;
+    }
+  }
+}
+
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, key + "" , value);
+class CurrentPage {
+  constructor() {
+    __publicField(this, "source");
+    const correctUrl = location.href.replace(location.origin, "");
+    this.source = new SourceWithPool(correctUrl);
+  }
+  give(value) {
+    this.source.give(value);
+    return this;
+  }
+  value(guest) {
+    this.source.value(guest);
+    return guest;
+  }
+  pool() {
+    return this.source.pool();
+  }
+}
+
+class Input {
+  constructor(source, selector) {
+    this.source = source;
+    const el = document.querySelector(selector);
+    this.source.value(
+      new Patron((value) => {
+        el.value = String(value);
+      })
+    );
+    el.addEventListener("keyup", () => {
+      this.give(el.value);
+    });
+    el.addEventListener("change", () => {
+      this.give(el.value);
+    });
+  }
+  value(guest) {
+    this.source.value(guest);
+    return this;
+  }
+  give(value) {
+    this.source.give(value);
+    return this;
+  }
+  pool() {
+    return this.source.pool();
+  }
+}
+
+class Visible {
+  constructor(selector) {
+    this.selector = selector;
+  }
+  give(isVisible) {
+    const el = document.querySelector(this.selector);
+    if (el) {
+      el.style.display = isVisible ? "block" : "none";
+    }
+    return this;
+  }
+}
+
+class Text {
+  constructor(selector) {
+    this.selector = selector;
+  }
+  give(value) {
+    const element = document.querySelector(this.selector);
+    if (element) {
+      element.innerText = String(value);
+    }
+    return this;
+  }
+}
+
+class Link {
+  constructor(linkSource, basePath) {
+    this.linkSource = linkSource;
+    this.basePath = basePath;
+  }
+  watchClick(selector, subselector) {
+    const wrapperEl = document.querySelectorAll(selector);
+    if (wrapperEl.length) {
+      wrapperEl.forEach((theElement) => {
+        theElement.addEventListener("click", (e) => {
+          if (subselector) {
+            theElement.querySelectorAll(subselector).forEach((theSubElement) => {
+              if (e?.target === theSubElement || e?.currentTarget === theSubElement) {
+                this.handleClick({
+                  preventDefault: e.preventDefault.bind(e),
+                  target: theSubElement
+                });
+              }
+            });
+          } else {
+            this.handleClick(e);
+          }
+        });
+      });
+    } else {
+      throw new Error(`Link wrapper not found for selector ${selector}`);
+    }
+  }
+  handleClick(e) {
+    let href = e?.target?.getAttribute("href");
+    if (!href) {
+      href = e?.currentTarget?.getAttribute("href");
+    }
+    if (href && href.indexOf("http") !== 0) {
+      e.preventDefault();
+      value(this.basePath, (basePath) => {
+        this.linkSource.give(basePath + href);
+      });
+    }
+  }
+}
+
+class ComputedElement {
+  constructor(sources, selectorTemplate) {
+    this.sources = sources;
+    this.selectorTemplate = selectorTemplate;
+  }
+  element(guest) {
+    const chain = new SourceAll();
+    this.sources.forEach((source) => {
+      source.source.value(
+        new GuestCast(guest, chain.guestKey(source.placeholder))
+      );
+    });
+    chain.value(
+      new GuestCast(
+        guest,
+        (placeholders) => {
+          let selectorTemplate = this.selectorTemplate;
+          Object.entries(placeholders).map((entry) => {
+            selectorTemplate = selectorTemplate.replaceAll(entry[0], entry[1]);
+          });
+          const element = document.querySelector(
+            selectorTemplate
+          );
+          if (element) {
+            give(element, guest);
+          }
+        }
+      )
+    );
+  }
+}
+
+class GroupActiveClass {
+  constructor(activeClass, groupSelector, document) {
+    this.activeClass = activeClass;
+    this.groupSelector = groupSelector;
+    this.document = document;
+  }
+  give(element) {
+    value(
+      this.document,
+      new PatronOnce((document) => {
+        document.querySelectorAll(this.groupSelector).forEach((el) => {
+          el.classList.remove(this.activeClass);
+        });
+        element.classList.add(this.activeClass);
+      })
+    );
+    return this;
+  }
+}
+
+class Router {
+  constructor(loaderSelector, navigationResultSelector, menuSelector) {
+    this.loaderSelector = loaderSelector;
+    this.navigationResultSelector = navigationResultSelector;
+    this.menuSelector = menuSelector;
+  }
+  routes(routes, currentPage, basePathSource, afterPageLoaded) {
+    if (!currentPage) {
+      currentPage = new CurrentPage();
+    }
+    currentPage.value(new Patron(new HistoryNewPage()));
+    const [basePath] = location.href.replace(location.origin, "").split("#");
+    if (!basePathSource) {
+      basePathSource = new SourceWithPool(
+        `${basePath}#`.replace("index.html", "").replace("//", "/")
+      );
+    }
+    const pageLoading = new SourceWithPool(false);
+    pageLoading.value(new Patron(new Visible(this.loaderSelector)));
+    const historyPoppedPage = new HistoryPoppedPage(currentPage);
+    historyPoppedPage.watchPop();
+    const navigation = new Navigation(
+      pageLoading,
+      basePathSource,
+      currentPage,
+      new RouteDisplay(this.navigationResultSelector),
+      new PrivateClass(PageFetchTransport)
+    );
+    navigation.routes(routes);
+    const link = new Link(currentPage, basePathSource);
+    link.watchClick(this.menuSelector);
+    const urlChain = new SourceAll();
+    basePathSource.value(new Patron(urlChain.guestKey("basePath")));
+    currentPage.value(new Patron(urlChain.guestKey("page")));
+    const url = new Source((guest) => {
+      urlChain.value(
+        new GuestCast(guest, ({ basePath: basePath2, page }) => {
+          give(page.replace(basePath2, ""), guest);
+        })
+      );
+    });
+    const activeLink = new ComputedElement(
+      [{ source: url, placeholder: "{url}" }],
+      `${this.menuSelector} a[href="{url}"]`
+    );
+    activeLink.element(
+      new Patron(
+        new GroupActiveClass(
+          "active",
+          `${this.menuSelector} a`,
+          sourceOf(document)
+        )
+      )
+    );
+    pageLoading.value(
+      new Patron((isInLoading) => {
+        if (isInLoading) {
+          return;
+        }
+        if (afterPageLoaded) {
+          afterPageLoaded();
+        }
+        const divDestination = document.querySelector(
+          this.navigationResultSelector
+        );
+        if (divDestination) {
+          divDestination.querySelectorAll("script").forEach((x) => {
+            const sc = document.createElement("script");
+            sc.setAttribute("type", "module");
+            sc.appendChild(document.createTextNode(x.innerText));
+            divDestination.appendChild(sc);
+          });
+        }
+      })
+    );
+  }
+}
+
+class Page {
+  constructor(title) {
+    this.title = title;
+  }
+  mounted() {
+    document.title = this.title;
+  }
+}
+
+class EntryPointPage {
+  constructor(title, entryPointUrl) {
+    this.title = title;
+    this.entryPointUrl = entryPointUrl;
+  }
+  mounted() {
+    document.title = this.title;
+    import(this.entryPointUrl).then((module) => {
+      if (module.main) {
+        module.main();
+      }
+    });
+  }
+}
+
+export { ComputedElement, CurrentPage, EntryPointPage, GroupActiveClass, Input, Link, Navigation, Page, PageFetchTransport, RouteDisplay, Router, Text, Visible };
+//# sourceMappingURL=patron-components.js.map

package/dist/patron-components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"patron-components.js","sources":["../src/navigation/PageFetchTransport.ts","../src/navigation/Navigation.ts","../src/navigation/RouteDisplay.ts","../src/navigation/CurrentPage.ts","../src/controls/Input.ts","../src/controls/Visible.ts","../src/controls/Text.ts","../src/controls/Link.ts","../src/controls/ComputedElement.ts","../src/controls/GroupActiveClass.ts","../src/navigation/Router.ts","../src/page/Page.ts","../src/page/EntryPointPage.ts"],"sourcesContent":["import { give, GuestType } from \"patron-oop\";\n\nexport interface RoutePageTransportType {\n  content(guest: GuestType<string>): void;\n}\n\n/**\n * Not needed anymore same thing in web api existed\n * @deprecated\n */\nexport class PageFetchTransport implements RoutePageTransportType {\n  public constructor(\n    private basePath: string,\n    private template: string,\n  ) {}\n\n  public content(guest: GuestType<string>): void {\n    fetch(this.basePath + \"/\" + this.template)\n      .then((result) => {\n        return result.text();\n      })\n      .then((result) => {\n        give(result, guest);\n      });\n  }\n}\n","import {\n  SourceAll,\n  Patron,\n  PrivateType,\n  SourceType,\n  value,\n  give,\n  SourceWithPoolType,\n} from \"patron-oop\";\nimport { RoutePageTransportType } from \"src/navigation/PageFetchTransport\";\nimport { RouteDisplayType } from \"src/navigation/RouteDisplay\";\nimport { RoutePageType } from \"src/navigation/RoutePageType\";\n\nexport interface RouteDocument {\n  url: string;\n  template: string;\n  aliases?: string[];\n  page: RoutePageType;\n  default?: boolean;\n}\n\nexport class Navigation {\n  public constructor(\n    private loading: SourceWithPoolType<boolean>,\n    private basePath: SourceType<string>,\n    private currentPage: SourceWithPoolType<string>,\n    private display: RouteDisplayType,\n    private pageTransport: PrivateType<RoutePageTransportType>,\n  ) {}\n\n  public routes(routes: RouteDocument[]) {\n    const defaultRoute = routes.find((route) => route.default);\n    const all = new SourceAll<{\n      basePath: string;\n      currentPage: string;\n    }>();\n    value(this.basePath, new Patron(all.guestKey(\"basePath\")));\n    value(this.currentPage, new Patron(all.guestKey(\"currentPage\")));\n\n    all.value(\n      new Patron(({ basePath, currentPage }) => {\n        const urlWithoutBasePath = currentPage.replace(basePath, \"\");\n        const routeMatchedToAlias = routes.find(\n          (route) =>\n            route.aliases &&\n            (route.aliases.includes(currentPage) ||\n              route.aliases.includes(urlWithoutBasePath)),\n        );\n\n        if (routeMatchedToAlias) {\n          const correctUrl = basePath + routeMatchedToAlias.url;\n\n          if (correctUrl !== currentPage) {\n            give(correctUrl, this.currentPage);\n            return;\n          }\n        }\n\n        let route = routes.find((route) => {\n          if (route.url.indexOf(\"*\") >= 0) {\n            const regexp = new RegExp(\n              route.url.replaceAll(\"*\", \".*\").replaceAll(\"/\", \"/\"),\n            );\n            return regexp.test(urlWithoutBasePath);\n          }\n          return route.url.replaceAll(\"*\", \"\") === urlWithoutBasePath;\n        });\n\n        if (!route && defaultRoute) {\n          route = defaultRoute;\n        }\n\n        if (route) {\n          const basePathWithoutHash = basePath\n            .replace(\"/#\", \"\")\n            .replace(\"#\", \"\")\n            .replace(/[^/]+\\.html$/, \"\");\n          give(true, this.loading);\n          this.pageTransport\n            .get(basePathWithoutHash, route.template)\n            .content((templateContent) => {\n              this.display.display(templateContent);\n              route.page.mounted();\n              give(false, this.loading);\n            });\n        } else {\n          throw new Error(\"No matching route in Navigation\");\n        }\n      }),\n    );\n  }\n}\n","export interface RouteDisplayType {\n  display(content: string): void;\n}\n\n/**\n * Renders content on selector\n * @deprecated move to web api\n */\nexport class RouteDisplay implements RouteDisplayType {\n  public constructor(private selector: string) {}\n\n  public display(content: string): void {\n    const contentEl = document.querySelector(this.selector);\n    if (contentEl) {\n      contentEl.innerHTML = content;\n    }\n  }\n}\n","import { GuestType, SourceWithPool, SourceWithPoolType } from \"patron-oop\";\n\n/**\n * @deprecated move to web api\n */\nexport class CurrentPage implements SourceWithPoolType<string> {\n  private source: SourceWithPoolType<string>;\n\n  public constructor() {\n    const correctUrl = location.href.replace(location.origin, \"\");\n    this.source = new SourceWithPool(correctUrl);\n  }\n\n  public give(value: string): this {\n    this.source.give(value);\n    return this;\n  }\n\n  public value(guest: GuestType<string>) {\n    this.source.value(guest);\n    return guest;\n  }\n\n  public pool() {\n    return this.source.pool();\n  }\n}\n","import { GuestType, Patron, SourceWithPoolType } from \"patron-oop\";\n\ntype InputValue = number | string;\n\n/**\n * @deprecated move to web api\n */\nexport class Input implements SourceWithPoolType<InputValue> {\n  public constructor(\n    private source: SourceWithPoolType<InputValue>,\n    selector: string,\n  ) {\n    const el = document.querySelector(selector) as HTMLInputElement;\n    this.source.value(\n      new Patron((value) => {\n        el.value = String(value);\n      }),\n    );\n    el.addEventListener(\"keyup\", () => {\n      this.give(el.value);\n    });\n    el.addEventListener(\"change\", () => {\n      this.give(el.value);\n    });\n  }\n\n  public value(guest: GuestType<InputValue>) {\n    this.source.value(guest);\n    return this;\n  }\n\n  public give(value: InputValue) {\n    this.source.give(value);\n    return this;\n  }\n\n  public pool() {\n    return this.source.pool();\n  }\n}\n","import { GuestObjectType } from \"patron-oop\";\n\n/**\n * @deprecated move to web api\n */\nexport class Visible implements GuestObjectType<boolean> {\n  public constructor(private selector: string) {}\n\n  public give(isVisible: boolean): this {\n    const el = document.querySelector(this.selector) as HTMLElement;\n    if (el) {\n      el.style.display = isVisible ? \"block\" : \"none\";\n    }\n    return this;\n  }\n}\n","import { GuestObjectType } from \"patron-oop\";\n\n/**\n * @deprecated Move to web api\n */\nexport class Text implements GuestObjectType {\n  public constructor(private selector: string) {}\n\n  public give(value: unknown) {\n    const element = document.querySelector(this.selector) as HTMLElement;\n    if (element) {\n      element.innerText = String(value);\n    }\n    return this;\n  }\n}\n","import { GuestObjectType, SourceType, value } from \"patron-oop\";\n\n/**\n * @deprecated move to web api\n */\nexport class Link {\n  public constructor(\n    private linkSource: GuestObjectType<string>,\n    private basePath: SourceType<string>,\n  ) {}\n\n  public watchClick(selector: string, subselector?: string) {\n    const wrapperEl = document.querySelectorAll(selector);\n    if (wrapperEl.length) {\n      wrapperEl.forEach((theElement) => {\n        theElement.addEventListener(\"click\", (e) => {\n          if (subselector) {\n            theElement\n              .querySelectorAll(subselector)\n              .forEach((theSubElement) => {\n                if (\n                  e?.target === theSubElement ||\n                  e?.currentTarget === theSubElement\n                ) {\n                  this.handleClick({\n                    preventDefault: e.preventDefault.bind(e),\n                    target: theSubElement,\n                  } as unknown as Event);\n                }\n              });\n          } else {\n            this.handleClick(e);\n          }\n        });\n      });\n    } else {\n      throw new Error(`Link wrapper not found for selector ${selector}`);\n    }\n  }\n\n  private handleClick(e: Event) {\n    let href = (e?.target as HTMLElement)?.getAttribute(\"href\");\n    if (!href) {\n      href = (e?.currentTarget as HTMLElement)?.getAttribute(\"href\");\n    }\n    if (href && href.indexOf(\"http\") !== 0) {\n      e.preventDefault();\n      value(this.basePath, (basePath) => {\n        this.linkSource.give(basePath + href);\n      });\n    }\n  }\n}\n","import {\n  give,\n  SourceAll,\n  SourceObjectType,\n  GuestCast,\n  GuestType,\n} from \"patron-oop\";\n\ntype SourceDetailType = {\n  source: SourceObjectType<any>;\n  placeholder: string;\n};\n\n/**\n * @deprecated use https://kosukhin.github.io/patron-web-api/#/dom/element\n */\nexport class ComputedElement {\n  public constructor(\n    private sources: SourceDetailType[],\n    private selectorTemplate: string,\n  ) {}\n\n  public element(guest: GuestType<HTMLElement>) {\n    const chain = new SourceAll();\n    this.sources.forEach((source) => {\n      source.source.value(\n        new GuestCast(guest as GuestType, chain.guestKey(source.placeholder)),\n      );\n    });\n\n    chain.value(\n      new GuestCast(\n        guest as GuestType,\n        (placeholders: Record<string, string>) => {\n          let selectorTemplate = this.selectorTemplate;\n\n          Object.entries(placeholders).map((entry) => {\n            selectorTemplate = selectorTemplate.replaceAll(entry[0], entry[1]);\n          });\n\n          const element = document.querySelector(\n            selectorTemplate,\n          ) as HTMLElement;\n          if (element) {\n            give(element, guest);\n          }\n        },\n      ),\n    );\n  }\n}\n","import { GuestObjectType, PatronOnce, SourceType, value } from \"patron-oop\";\n\n/**\n * Sets activeClass to one element of group\n * and resets activeClass on other group elements\n * suitable for menu active class\n *\n * @deprecated heavily related to web api needs refactoring\n */\nexport class GroupActiveClass implements GuestObjectType<HTMLElement> {\n  public constructor(\n    private activeClass: string,\n    private groupSelector: string,\n    private document: SourceType<Document>,\n  ) {}\n\n  public give(element: HTMLElement): this {\n    value(\n      this.document,\n      new PatronOnce((document) => {\n        document.querySelectorAll(this.groupSelector).forEach((el) => {\n          el.classList.remove(this.activeClass);\n        });\n        element.classList.add(this.activeClass);\n      }),\n    );\n    return this;\n  }\n}\n","import {\n  Source,\n  SourceAll,\n  GuestCast,\n  Patron,\n  PrivateClass,\n  SourceWithPool,\n  give,\n  sourceOf,\n} from \"patron-oop\";\nimport { HistoryNewPage, HistoryPoppedPage } from \"patron-web-api\";\nimport { ComputedElement, GroupActiveClass, Link, Visible } from \"../controls\";\nimport { CurrentPage } from \"../navigation/CurrentPage\";\nimport { Navigation } from \"../navigation/Navigation\";\nimport { PageFetchTransport } from \"../navigation/PageFetchTransport\";\nimport { RouteDisplay } from \"../navigation/RouteDisplay\";\n\ntype Route = {\n  url: string;\n  template: string;\n  aliases: string[];\n  page: any;\n};\n\nexport class Router {\n  public constructor(\n    private loaderSelector: string,\n    private navigationResultSelector: string,\n    private menuSelector: string,\n  ) {}\n\n  routes(\n    routes: Route[],\n    currentPage: any,\n    basePathSource: any,\n    afterPageLoaded?: () => void,\n  ) {\n    if (!currentPage) {\n      currentPage = new CurrentPage();\n    }\n    currentPage.value(new Patron(new HistoryNewPage()));\n\n    const [basePath] = location.href.replace(location.origin, \"\").split(\"#\");\n    if (!basePathSource) {\n      basePathSource = new SourceWithPool(\n        `${basePath}#`.replace(\"index.html\", \"\").replace(\"//\", \"/\"),\n      );\n    }\n\n    const pageLoading = new SourceWithPool(false);\n    pageLoading.value(new Patron(new Visible(this.loaderSelector)));\n\n    const historyPoppedPage = new HistoryPoppedPage(currentPage);\n    historyPoppedPage.watchPop();\n\n    const navigation = new Navigation(\n      pageLoading,\n      basePathSource,\n      currentPage,\n      new RouteDisplay(this.navigationResultSelector),\n      new PrivateClass(PageFetchTransport),\n    );\n    navigation.routes(routes);\n\n    const link = new Link(currentPage, basePathSource);\n    link.watchClick(this.menuSelector);\n\n    const urlChain = new SourceAll<any>();\n    basePathSource.value(new Patron(urlChain.guestKey(\"basePath\")));\n    currentPage.value(new Patron(urlChain.guestKey(\"page\")));\n    const url = new Source((guest) => {\n      urlChain.value(\n        new GuestCast(guest, ({ basePath, page }) => {\n          give(page.replace(basePath, \"\"), guest);\n        }),\n      );\n    });\n\n    const activeLink = new ComputedElement(\n      [{ source: url, placeholder: \"{url}\" }],\n      `${this.menuSelector} a[href=\"{url}\"]`,\n    );\n    activeLink.element(\n      new Patron(\n        new GroupActiveClass(\n          \"active\",\n          `${this.menuSelector} a`,\n          sourceOf(document),\n        ),\n      ),\n    );\n\n    pageLoading.value(\n      new Patron((isInLoading) => {\n        if (isInLoading) {\n          return;\n        }\n\n        if (afterPageLoaded) {\n          afterPageLoaded();\n        }\n\n        const divDestination = document.querySelector(\n          this.navigationResultSelector,\n        );\n        if (divDestination) {\n          // Оживляем script тэги\n          divDestination.querySelectorAll(\"script\").forEach((x) => {\n            const sc = document.createElement(\"script\");\n            sc.setAttribute(\"type\", \"module\");\n            sc.appendChild(document.createTextNode(x.innerText));\n            divDestination.appendChild(sc);\n          });\n        }\n      }),\n    );\n  }\n}\n","import { RoutePageType } from \"../navigation\";\n\n/**\n * @deprecated Move to web api\n */\nexport class Page implements RoutePageType {\n  public constructor(private title: string) {}\n\n  public mounted() {\n    document.title = this.title;\n  }\n}\n","import { RoutePageType } from \"../navigation\";\n\n/**\n * @deprecated not needed\n */\nexport class EntryPointPage implements RoutePageType {\n  public constructor(\n    private title: string,\n    private entryPointUrl: string,\n  ) {}\n\n  public mounted() {\n    document.title = this.title;\n    import(this.entryPointUrl).then((module) => {\n      if (module.main) {\n        module.main();\n      }\n    });\n  }\n}\n"],"names":["route","basePath"],"mappings":"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"}

package/dist/patron-components.min.js

@@ -0,0 +1 @@
+!function(e,t,r){"use strict";class s{constructor(e,t){this.basePath=e,this.template=t}content(e){fetch(this.basePath+"/"+this.template).then((e=>e.text())).then((r=>{t.give(r,e)}))}}class n{constructor(e,t,r,s,n){this.loading=e,this.basePath=t,this.currentPage=r,this.display=s,this.pageTransport=n}routes(e){const r=e.find((e=>e.default)),s=new t.SourceAll;t.value(this.basePath,new t.Patron(s.guestKey("basePath"))),t.value(this.currentPage,new t.Patron(s.guestKey("currentPage"))),s.value(new t.Patron((({basePath:s,currentPage:n})=>{const o=n.replace(s,""),i=e.find((e=>e.aliases&&(e.aliases.includes(n)||e.aliases.includes(o))));if(i){const e=s+i.url;if(e!==n)return void t.give(e,this.currentPage)}let l=e.find((e=>{if(e.url.indexOf("*")>=0){return new RegExp(e.url.replaceAll("*",".*").replaceAll("/","/")).test(o)}return e.url.replaceAll("*","")===o}));if(!l&&r&&(l=r),!l)throw new Error("No matching route in Navigation");{const e=s.replace("/#","").replace("#","").replace(/[^/]+\.html$/,"");t.give(!0,this.loading),this.pageTransport.get(e,l.template).content((e=>{this.display.display(e),l.page.mounted(),t.give(!1,this.loading)}))}})))}}class o{constructor(e){this.selector=e}display(e){const t=document.querySelector(this.selector);t&&(t.innerHTML=e)}}var i=Object.defineProperty,l=(e,t,r)=>((e,t,r)=>t in e?i(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r)(e,t+"",r);class a{constructor(){l(this,"source");const e=location.href.replace(location.origin,"");this.source=new t.SourceWithPool(e)}give(e){return this.source.give(e),this}value(e){return this.source.value(e),e}pool(){return this.source.pool()}}class c{constructor(e){this.selector=e}give(e){const t=document.querySelector(this.selector);return t&&(t.style.display=e?"block":"none"),this}}class u{constructor(e,t){this.linkSource=e,this.basePath=t}watchClick(e,t){const r=document.querySelectorAll(e);if(!r.length)throw new Error(`Link wrapper not found for selector ${e}`);r.forEach((e=>{e.addEventListener("click",(r=>{t?e.querySelectorAll(t).forEach((e=>{r?.target!==e&&r?.currentTarget!==e||this.handleClick({preventDefault:r.preventDefault.bind(r),target:e})})):this.handleClick(r)}))}))}handleClick(e){let r=e?.target?.getAttribute("href");r||(r=e?.currentTarget?.getAttribute("href")),r&&0!==r.indexOf("http")&&(e.preventDefault(),t.value(this.basePath,(e=>{this.linkSource.give(e+r)})))}}class h{constructor(e,t){this.sources=e,this.selectorTemplate=t}element(e){const r=new t.SourceAll;this.sources.forEach((s=>{s.source.value(new t.GuestCast(e,r.guestKey(s.placeholder)))})),r.value(new t.GuestCast(e,(r=>{let s=this.selectorTemplate;Object.entries(r).map((e=>{s=s.replaceAll(e[0],e[1])}));const n=document.querySelector(s);n&&t.give(n,e)})))}}class p{constructor(e,t,r){this.activeClass=e,this.groupSelector=t,this.document=r}give(e){return t.value(this.document,new t.PatronOnce((t=>{t.querySelectorAll(this.groupSelector).forEach((e=>{e.classList.remove(this.activeClass)})),e.classList.add(this.activeClass)}))),this}}e.ComputedElement=h,e.CurrentPage=a,e.EntryPointPage=class{constructor(e,t){this.title=e,this.entryPointUrl=t}mounted(){document.title=this.title,import(this.entryPointUrl).then((e=>{e.main&&e.main()}))}},e.GroupActiveClass=p,e.Input=class{constructor(e,r){this.source=e;const s=document.querySelector(r);this.source.value(new t.Patron((e=>{s.value=String(e)}))),s.addEventListener("keyup",(()=>{this.give(s.value)})),s.addEventListener("change",(()=>{this.give(s.value)}))}value(e){return this.source.value(e),this}give(e){return this.source.give(e),this}pool(){return this.source.pool()}},e.Link=u,e.Navigation=n,e.Page=class{constructor(e){this.title=e}mounted(){document.title=this.title}},e.PageFetchTransport=s,e.RouteDisplay=o,e.Router=class{constructor(e,t,r){this.loaderSelector=e,this.navigationResultSelector=t,this.menuSelector=r}routes(e,i,l,g){i||(i=new a),i.value(new t.Patron(new r.HistoryNewPage));const[d]=location.href.replace(location.origin,"").split("#");l||(l=new t.SourceWithPool(`${d}#`.replace("index.html","").replace("//","/")));const v=new t.SourceWithPool(!1);v.value(new t.Patron(new c(this.loaderSelector)));new r.HistoryPoppedPage(i).watchPop();new n(v,l,i,new o(this.navigationResultSelector),new t.PrivateClass(s)).routes(e);new u(i,l).watchClick(this.menuSelector);const w=new t.SourceAll;l.value(new t.Patron(w.guestKey("basePath"))),i.value(new t.Patron(w.guestKey("page")));const P=new t.Source((e=>{w.value(new t.GuestCast(e,(({basePath:r,page:s})=>{t.give(s.replace(r,""),e)})))}));new h([{source:P,placeholder:"{url}"}],`${this.menuSelector} a[href="{url}"]`).element(new t.Patron(new p("active",`${this.menuSelector} a`,t.sourceOf(document)))),v.value(new t.Patron((e=>{if(e)return;g&&g();const t=document.querySelector(this.navigationResultSelector);t&&t.querySelectorAll("script").forEach((e=>{const r=document.createElement("script");r.setAttribute("type","module"),r.appendChild(document.createTextNode(e.innerText)),t.appendChild(r)}))})))}},e.Text=class{constructor(e){this.selector=e}give(e){const t=document.querySelector(this.selector);return t&&(t.innerText=String(e)),this}},e.Visible=c}({},patronOop,patronWebApi);

package/dist/patron-components.min.mjs

@@ -0,0 +1,2 @@
+import{give as e,SourceAll as t,value as r,Patron as s,SourceWithPool as n,GuestCast as o,PatronOnce as c,PrivateClass as i,Source as l,sourceOf as a}from"patron-oop";import{HistoryNewPage as u,HistoryPoppedPage as h}from"patron-web-api";class p{constructor(e,t){this.basePath=e,this.template=t}content(t){fetch(this.basePath+"/"+this.template).then((e=>e.text())).then((r=>{e(r,t)}))}}class d{constructor(e,t,r,s,n){this.loading=e,this.basePath=t,this.currentPage=r,this.display=s,this.pageTransport=n}routes(n){const o=n.find((e=>e.default)),c=new t;r(this.basePath,new s(c.guestKey("basePath"))),r(this.currentPage,new s(c.guestKey("currentPage"))),c.value(new s((({basePath:t,currentPage:r})=>{const s=r.replace(t,""),c=n.find((e=>e.aliases&&(e.aliases.includes(r)||e.aliases.includes(s))));if(c){const s=t+c.url;if(s!==r)return void e(s,this.currentPage)}let i=n.find((e=>{if(e.url.indexOf("*")>=0){return new RegExp(e.url.replaceAll("*",".*").replaceAll("/","/")).test(s)}return e.url.replaceAll("*","")===s}));if(!i&&o&&(i=o),!i)throw new Error("No matching route in Navigation");{const r=t.replace("/#","").replace("#","").replace(/[^/]+\.html$/,"");e(!0,this.loading),this.pageTransport.get(r,i.template).content((t=>{this.display.display(t),i.page.mounted(),e(!1,this.loading)}))}})))}}class g{constructor(e){this.selector=e}display(e){const t=document.querySelector(this.selector);t&&(t.innerHTML=e)}}var v=Object.defineProperty,m=(e,t,r)=>((e,t,r)=>t in e?v(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r)(e,t+"",r);class w{constructor(){m(this,"source");const e=location.href.replace(location.origin,"");this.source=new n(e)}give(e){return this.source.give(e),this}value(e){return this.source.value(e),e}pool(){return this.source.pool()}}class f{constructor(e,t){this.source=e;const r=document.querySelector(t);this.source.value(new s((e=>{r.value=String(e)}))),r.addEventListener("keyup",(()=>{this.give(r.value)})),r.addEventListener("change",(()=>{this.give(r.value)}))}value(e){return this.source.value(e),this}give(e){return this.source.give(e),this}pool(){return this.source.pool()}}class y{constructor(e){this.selector=e}give(e){const t=document.querySelector(this.selector);return t&&(t.style.display=e?"block":"none"),this}}class S{constructor(e){this.selector=e}give(e){const t=document.querySelector(this.selector);return t&&(t.innerText=String(e)),this}}class b{constructor(e,t){this.linkSource=e,this.basePath=t}watchClick(e,t){const r=document.querySelectorAll(e);if(!r.length)throw new Error(`Link wrapper not found for selector ${e}`);r.forEach((e=>{e.addEventListener("click",(r=>{t?e.querySelectorAll(t).forEach((e=>{r?.target!==e&&r?.currentTarget!==e||this.handleClick({preventDefault:r.preventDefault.bind(r),target:e})})):this.handleClick(r)}))}))}handleClick(e){let t=e?.target?.getAttribute("href");t||(t=e?.currentTarget?.getAttribute("href")),t&&0!==t.indexOf("http")&&(e.preventDefault(),r(this.basePath,(e=>{this.linkSource.give(e+t)})))}}class P{constructor(e,t){this.sources=e,this.selectorTemplate=t}element(r){const s=new t;this.sources.forEach((e=>{e.source.value(new o(r,s.guestKey(e.placeholder)))})),s.value(new o(r,(t=>{let s=this.selectorTemplate;Object.entries(t).map((e=>{s=s.replaceAll(e[0],e[1])}));const n=document.querySelector(s);n&&e(n,r)})))}}class E{constructor(e,t,r){this.activeClass=e,this.groupSelector=t,this.document=r}give(e){return r(this.document,new c((t=>{t.querySelectorAll(this.groupSelector).forEach((e=>{e.classList.remove(this.activeClass)})),e.classList.add(this.activeClass)}))),this}}class k{constructor(e,t,r){this.loaderSelector=e,this.navigationResultSelector=t,this.menuSelector=r}routes(r,c,v,m){c||(c=new w),c.value(new s(new u));const[f]=location.href.replace(location.origin,"").split("#");v||(v=new n(`${f}#`.replace("index.html","").replace("//","/")));const S=new n(!1);S.value(new s(new y(this.loaderSelector)));new h(c).watchPop();new d(S,v,c,new g(this.navigationResultSelector),new i(p)).routes(r);new b(c,v).watchClick(this.menuSelector);const k=new t;v.value(new s(k.guestKey("basePath"))),c.value(new s(k.guestKey("page")));const A=new l((t=>{k.value(new o(t,(({basePath:r,page:s})=>{e(s.replace(r,""),t)})))}));new P([{source:A,placeholder:"{url}"}],`${this.menuSelector} a[href="{url}"]`).element(new s(new E("active",`${this.menuSelector} a`,a(document)))),S.value(new s((e=>{if(e)return;m&&m();const t=document.querySelector(this.navigationResultSelector);t&&t.querySelectorAll("script").forEach((e=>{const r=document.createElement("script");r.setAttribute("type","module"),r.appendChild(document.createTextNode(e.innerText)),t.appendChild(r)}))})))}}class A{constructor(e){this.title=e}mounted(){document.title=this.title}}class q{constructor(e,t){this.title=e,this.entryPointUrl=t}mounted(){document.title=this.title,import(this.entryPointUrl).then((e=>{e.main&&e.main()}))}}export{P as ComputedElement,w as CurrentPage,q as EntryPointPage,E as GroupActiveClass,f as Input,b as Link,d as Navigation,A as Page,p as PageFetchTransport,g as RouteDisplay,k as Router,S as Text,y as Visible};
+//# sourceMappingURL=patron-components.min.mjs.map