godown 2.6.0 → 2.6.1

package/web-components/text/typewriter-text.js

@@ -50,38 +50,6 @@ let TypewriterText = class TypewriterText extends GodownElement {
     get len() {
         return this.text.length;
     }
-    static { this.styles = [
-        css `
-      :host {
-        ${cssvarScope}--cursor-width: .05em;
-        font-family: monospace;
-        white-space: nowrap;
-      }
-
-      i {
-        border-right: var(${cssvarScope}--cursor-width) solid;
-        margin-left: 0.02em;
-        animation: s 1.5s steps(1) infinite;
-      }
-
-      @keyframes s {
-        0% {
-          border-color: currentColor;
-        }
-        50% {
-          border-color: transparent;
-        }
-      }
-
-      slot {
-        display: none;
-      }
-
-      .hidden {
-        visibility: hidden;
-      }
-    `,
-    ]; }
     render() {
         return html `${htmlSlot()}${this.content}<i class="${(this.ended && "hidden") || ""}"></i>`;
     }
@@ -116,6 +84,38 @@ let TypewriterText = class TypewriterText extends GodownElement {
         this.ended = true;
     }
 };
+TypewriterText.styles = [
+    css `
+      :host {
+        ${cssvarScope}--cursor-width: .05em;
+        font-family: monospace;
+        white-space: nowrap;
+      }
+
+      i {
+        border-right: var(${cssvarScope}--cursor-width) solid;
+        margin-left: 0.02em;
+        animation: s 1.5s steps(1) infinite;
+      }
+
+      @keyframes s {
+        0% {
+          border-color: currentColor;
+        }
+        50% {
+          border-color: transparent;
+        }
+      }
+
+      slot {
+        display: none;
+      }
+
+      .hidden {
+        visibility: hidden;
+      }
+    `,
+];
 __decorate([
     property()
 ], TypewriterText.prototype, "text", void 0);

package/web-components/text/typewriter-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"typewriter-text.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/text/typewriter-text.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, property, type PropertyValueMap, query, state } from \"../../deps.js\";\nimport { htmlSlot, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { random } from \"../../lib/utils.js\";\nimport { createScope, define, GodownElement } from \"../../root.js\";\n\nconst defineName = \"typewriter-text\";\nconst cssvarScope = createScope(defineName);\n\n/**\n * TypewriterText renders a typewriter effect to text.\n */\n@define(defineName)\nexport class TypewriterText extends GodownElement {\n  /**\n   * Raw text.\n   */\n  @property() text = \"\";\n  /**\n   * Start immediately after {@linkcode TypewriterText.firstUpdated}.\n   */\n  @property({ type: Boolean }) stopped = false;\n  /**\n   * If true, hide the cursor\n   */\n  @property({ type: Boolean }) ended = false;\n  /**\n   * Maximum random time.\n   */\n  @property({ type: Number }) max = 100;\n  /**\n   * Minimum random time.\n   */\n  @property({ type: Number }) min = 50;\n  /**\n   * Fixed time.\n   */\n  @property({ type: Number }) delay = 0;\n  /**\n   * The index at the beginning.\n   */\n  @property({ type: Number }) index = 0;\n  /**\n   * Internal text.\n   */\n  @state() content = \"\";\n\n  timeoutID: number;\n  @query(\"i\") _i: HTMLElement;\n\n  /**\n   * {@linkcode TypewriterText.text} length.\n   */\n  get len() {\n    return this.text.length;\n  }\n\n  static styles = [\n    css`\n      :host {\n        ${cssvarScope}--cursor-width: .05em;\n        font-family: monospace;\n        white-space: nowrap;\n      }\n\n      i {\n        border-right: var(${cssvarScope}--cursor-width) solid;\n        margin-left: 0.02em;\n        animation: s 1.5s steps(1) infinite;\n      }\n\n      @keyframes s {\n        0% {\n          border-color: currentColor;\n        }\n        50% {\n          border-color: transparent;\n        }\n      }\n\n      slot {\n        display: none;\n      }\n\n      .hidden {\n        visibility: hidden;\n      }\n    `,\n  ];\n\n  protected render(): HTMLTemplate {\n    return html`${htmlSlot()}${this.content}<i class=\"${(this.ended && \"hidden\") || \"\"}\"></i>`;\n  }\n\n  protected firstUpdated() {\n    if (!this.text) {\n      this.text = this.assignedNodes[0]?.textContent.trim() || \"\";\n    }\n    if (!this.stopped && this.len) {\n      this.write();\n    }\n  }\n\n  protected updated(changedProperties: PropertyValueMap<this>) {\n    if (changedProperties.has(\"index\")) {\n      this.dispatchEvent(new CustomEvent(this.index === this.len ? \"done\" : \"write\", { detail: this.content }));\n    }\n  }\n\n  write(at = this.index) {\n    this.content = this.text.slice(0, at + 1);\n    const timeout = this.delay || random(this.max, this.min);\n    this.timeoutID = setTimeout(() => {\n      const nx = at + 1;\n      if (nx <= this.len) {\n        this.index = nx;\n        this.write();\n      }\n    }, timeout);\n  }\n\n  stop() {\n    clearTimeout(this.timeoutID);\n  }\n\n  end() {\n    this.ended = true;\n  }\n}\n\nexport default TypewriterText;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"typewriter-text\": TypewriterText;\n  }\n}\n"]}
+{"version":3,"file":"typewriter-text.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/text/typewriter-text.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, property, type PropertyValueMap, query, state } from \"../../deps.js\";\nimport { htmlSlot, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { random } from \"../../lib/utils.js\";\nimport { createScope, define, GodownElement } from \"../../root.js\";\n\nconst defineName = \"typewriter-text\";\nconst cssvarScope = createScope(defineName);\n\n/**\n * TypewriterText renders a typewriter effect to text.\n */\n@define(defineName)\nexport class TypewriterText extends GodownElement {\n  /**\n   * Raw text.\n   */\n  @property() text = \"\";\n  /**\n   * Start immediately after {@linkcode TypewriterText.firstUpdated}.\n   */\n  @property({ type: Boolean }) stopped = false;\n  /**\n   * If true, hide the cursor\n   */\n  @property({ type: Boolean }) ended = false;\n  /**\n   * Maximum random time.\n   */\n  @property({ type: Number }) max = 100;\n  /**\n   * Minimum random time.\n   */\n  @property({ type: Number }) min = 50;\n  /**\n   * Fixed time.\n   */\n  @property({ type: Number }) delay = 0;\n  /**\n   * The index at the beginning.\n   */\n  @property({ type: Number }) index = 0;\n  /**\n   * Internal text.\n   */\n  @state() content = \"\";\n\n  timeoutID: number;\n  @query(\"i\") _i: HTMLElement;\n\n  /**\n   * {@linkcode TypewriterText.text} length.\n   */\n  get len() {\n    return this.text.length;\n  }\n\n  static styles = [\n    css`\n      :host {\n        ${cssvarScope}--cursor-width: .05em;\n        font-family: monospace;\n        white-space: nowrap;\n      }\n\n      i {\n        border-right: var(${cssvarScope}--cursor-width) solid;\n        margin-left: 0.02em;\n        animation: s 1.5s steps(1) infinite;\n      }\n\n      @keyframes s {\n        0% {\n          border-color: currentColor;\n        }\n        50% {\n          border-color: transparent;\n        }\n      }\n\n      slot {\n        display: none;\n      }\n\n      .hidden {\n        visibility: hidden;\n      }\n    `,\n  ];\n\n  protected render(): HTMLTemplate {\n    return html`${htmlSlot()}${this.content}<i class=\"${(this.ended && \"hidden\") || \"\"}\"></i>`;\n  }\n\n  protected firstUpdated() {\n    if (!this.text) {\n      this.text = this.assignedNodes[0]?.textContent.trim() || \"\";\n    }\n    if (!this.stopped && this.len) {\n      this.write();\n    }\n  }\n\n  protected updated(changedProperties: PropertyValueMap<this>) {\n    if (changedProperties.has(\"index\")) {\n      this.dispatchEvent(new CustomEvent(this.index === this.len ? \"done\" : \"write\", { detail: this.content }));\n    }\n  }\n\n  write(at = this.index) {\n    this.content = this.text.slice(0, at + 1);\n    const timeout = this.delay || random(this.max, this.min);\n    this.timeoutID = setTimeout(() => {\n      const nx = at + 1;\n      if (nx <= this.len) {\n        this.index = nx;\n        this.write();\n      }\n    }, timeout);\n  }\n\n  stop() {\n    clearTimeout(this.timeoutID);\n  }\n\n  end() {\n    this.ended = true;\n  }\n}\n\nexport default TypewriterText;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"typewriter-text\": TypewriterText;\n  }\n}\n"]}

package/web-components/view/route-view.d.ts

@@ -51,7 +51,7 @@ export declare class RouteView<T = unknown> extends GodownElement {
         pathname: string;
         params: Record<string, string>;
         path: string;
-        component: T | import("lit").TemplateResult<1>;
+        component: import("lit").TemplateResult<1> | T;
     }>;
     set routes(v: (Record<string, any> & Record<"path", string> & {
         component?: T;
@@ -66,7 +66,7 @@ export declare class RouteView<T = unknown> extends GodownElement {
         pathname: string;
         params: Record<string, string>;
         path: string;
-        component: T | import("lit").TemplateResult<1>;
+        component: import("lit").TemplateResult<1> | T;
     };
     connectedCallback(): void;
     /**

package/web-components/view/route-view.js

@@ -76,13 +76,6 @@ let RouteView = class RouteView extends GodownElement {
     get routes() {
         return this._routes;
     }
-    static { this.styles = [
-        css `
-      :host {
-        display: contents;
-      }
-    `,
-    ]; }
     reset() {
         this._routeTree = new RouteTree();
         this.record.clear();
@@ -213,6 +206,13 @@ let RouteView = class RouteView extends GodownElement {
         });
     }
 };
+RouteView.styles = [
+    css `
+      :host {
+        display: contents;
+      }
+    `,
+];
 __decorate([
     state()
 ], RouteView.prototype, "component", void 0);

package/web-components/view/route-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"route-view.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/view/route-view.ts"],"names":[],"mappings":"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","sourcesContent":["import { conf } from \"../../conf.js\";\nimport { css, property, type PropertyValueMap, state } from \"../../deps.js\";\nimport RouteTree from \"../../lib/route-tree.js\";\nimport { htmlSlot, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { deepQuerySelectorAll } from \"../../lib/utils.js\";\nimport { define } from \"../../root.js\";\nimport { GodownElement } from \"../../root.js\";\n\ntype WithRecord<T extends string> = Record<string, any> & Record<T, string>;\n\nconst defineName = \"route-view\";\n\n/**\n * RouteView has basic routing control.\n */\n@define(defineName)\nexport class RouteView<T = unknown> extends GodownElement {\n  private _routes: (WithRecord<\"path\"> & { component?: T })[] = [];\n  private _routeTree: RouteTree = new RouteTree();\n\n  /**\n   * Component will render.\n   */\n  @state() component: T | HTMLTemplate = null;\n  /**\n   * Dynamic parameters record.\n   */\n  @state() params: Record<string, string> = {};\n  /**\n   * Value of matched path in routes, or null.\n   */\n  @state() path: string = null;\n  /**\n   * Current pathname (location.pathname).\n   */\n  @property() pathname = \"\";\n  /**\n   * Path prefix.\n   */\n  @property() baseURL = \"\";\n  /**\n   * Rendered content when there is no match.\n   */\n  @state() def = htmlSlot();\n  /**\n   * The type of routing query.\n   */\n  @property() type: \"united\" | \"child\" | \"slotted\" | \"field\" = \"united\";\n  /**\n   * Rewrite history.\n   */\n  @state() override = true;\n  /**\n   * Cache accessed.\n   */\n  @property({ type: Boolean }) cache = false;\n\n  /**\n   * Cache record.\n   */\n  record = new Map<string, ReturnType<typeof this.useRouter>>();\n\n  set routes(v) {\n    if (Object.prototype.toString.call(v) !== \"[object Array]\") {\n      return;\n    }\n    this._routes = v;\n    this.reset();\n    for (const route of v) {\n      this._routeTree.insert(route.path);\n    }\n    this.requestUpdate();\n  }\n\n  get routes() {\n    return this._routes;\n  }\n\n  static styles = [\n    css`\n      :host {\n        display: contents;\n      }\n    `,\n  ];\n\n  reset() {\n    this._routeTree = new RouteTree();\n    this.record.clear();\n  }\n\n  protected render(): T | HTMLTemplate {\n    if (this.cache) {\n      const cached = this.record.get(this.pathname);\n      if (cached) {\n        Object.assign(this, cached);\n        return this.component;\n      }\n    }\n    this.params = {};\n    switch (this.type) {\n      case \"field\":\n        this.component = this.fieldComponent();\n        break;\n      case \"child\":\n      case \"slotted\":\n        this.component = this.slottedComponent();\n        break;\n      case \"united\":\n        this.component = this.fieldComponent() ?? this.slottedComponent();\n        break;\n    }\n    return this.component ?? this.def;\n  }\n\n  useRouter() {\n    return {\n      pathname: this.pathname,\n      params: this.params,\n      path: this.path,\n      component: this.component,\n    };\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.pathname = window.location.pathname;\n    if (!this.override) {\n      return;\n    }\n    this.addEvent(window, \"popstate\", () => {\n      this.pathname = window.location.pathname;\n    });\n    const self = this;\n    const pushHistory = history.pushState;\n    history.pushState = function () {\n      pushHistory.apply(this, arguments);\n      self.pathname = window.location.pathname;\n    };\n    const replaceHistory = history.replaceState;\n    history.replaceState = function () {\n      replaceHistory.apply(this, arguments);\n      self.pathname = window.location.pathname;\n    };\n  }\n\n  /**\n   *\n   * @param ur value of useRouter()\n   * @param first whether this path is loaded for the first time\n   */\n  routeChangeCallback: (ur: ReturnType<typeof this.useRouter>, first: boolean) => void = null;\n\n  protected updated(changedProperties: PropertyValueMap<this>) {\n    const shouldDispatch = changedProperties.has(\"pathname\") || changedProperties.has(\"path\");\n    if (shouldDispatch) {\n      const ur = this.useRouter();\n      const noRecord = !this.record.has(this.pathname);\n      if (noRecord) {\n        this.record.set(this.pathname, ur);\n      }\n      this.routeChangeCallback?.(ur, noRecord);\n      this.dispatchEvent(new CustomEvent(\"change\", { detail: ur }));\n    }\n  }\n\n  fieldComponent(usedRouteTemplate?: string): null | T {\n    if (!usedRouteTemplate) {\n      usedRouteTemplate = this.useWhichRoute(this.pathname);\n    }\n    this.path = usedRouteTemplate;\n    if (!usedRouteTemplate) {\n      return null;\n    }\n    this.params = this.parseRouterParams(this.path, this.pathname);\n    const route = this.routes.find((r) => r.path === usedRouteTemplate);\n    if (!route) {\n      return null;\n    }\n    return route.component;\n  }\n\n  slottedComponent(usedRouteTemplate?: string): null | HTMLTemplate {\n    const childNodes = this.querySelectorAll(\":scope > *[slot]\");\n    if (!childNodes.length) {\n      return null;\n    }\n    const slottedPaths = Array.from(childNodes).map((node) => {\n      const slotname = node.getAttribute(\"slot\");\n      return {\n        path: slotname,\n      };\n    });\n    const tempRouteTree = new RouteTree();\n    for (const withPath of slottedPaths) {\n      tempRouteTree.insert(withPath.path);\n    }\n    if (!usedRouteTemplate) {\n      usedRouteTemplate = this.useWhichRoute(this.pathname, undefined, tempRouteTree);\n      if (!usedRouteTemplate) {\n        return null;\n      }\n    }\n    const slotElement = slottedPaths.find((s) => s.path === usedRouteTemplate);\n    if (!slotElement) {\n      return null;\n    }\n    this.params = this.parseRouterParams(usedRouteTemplate, this.pathname);\n    return htmlSlot(slotElement.path);\n  }\n\n  useWhichRoute(path: string, baseURL = this.baseURL, appl: RouteTree = this._routeTree): string | null {\n    return appl.useWhich(baseURL + path);\n  }\n\n  parseRouterParams(routeTemplate: string, originpath: string, appl: RouteTree = this._routeTree): Record<string, string> {\n    return appl.parseParams(originpath, routeTemplate);\n  }\n\n  static updateAll() {\n    const routeViewTagName = conf.nameMap.get(\"route-view\");\n    if (!routeViewTagName) {\n      return;\n    }\n    const routeViewArray = deepQuerySelectorAll<RouteView>(routeViewTagName, document.body);\n    routeViewArray.forEach((ArrayItem) => {\n      if (!ArrayItem.override) {\n        ArrayItem.pathname = window.location.pathname;\n      }\n    });\n  }\n}\n\nexport default RouteView;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"route-view\": RouteView;\n  }\n}\n"]}
+{"version":3,"file":"route-view.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/view/route-view.ts"],"names":[],"mappings":"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","sourcesContent":["import { conf } from \"../../conf.js\";\nimport { css, property, type PropertyValueMap, state } from \"../../deps.js\";\nimport RouteTree from \"../../lib/route-tree.js\";\nimport { htmlSlot, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { deepQuerySelectorAll } from \"../../lib/utils.js\";\nimport { define } from \"../../root.js\";\nimport { GodownElement } from \"../../root.js\";\n\ntype WithRecord<T extends string> = Record<string, any> & Record<T, string>;\n\nconst defineName = \"route-view\";\n\n/**\n * RouteView has basic routing control.\n */\n@define(defineName)\nexport class RouteView<T = unknown> extends GodownElement {\n  private _routes: (WithRecord<\"path\"> & { component?: T })[] = [];\n  private _routeTree: RouteTree = new RouteTree();\n\n  /**\n   * Component will render.\n   */\n  @state() component: T | HTMLTemplate = null;\n  /**\n   * Dynamic parameters record.\n   */\n  @state() params: Record<string, string> = {};\n  /**\n   * Value of matched path in routes, or null.\n   */\n  @state() path: string = null;\n  /**\n   * Current pathname (location.pathname).\n   */\n  @property() pathname = \"\";\n  /**\n   * Path prefix.\n   */\n  @property() baseURL = \"\";\n  /**\n   * Rendered content when there is no match.\n   */\n  @state() def = htmlSlot();\n  /**\n   * The type of routing query.\n   */\n  @property() type: \"united\" | \"child\" | \"slotted\" | \"field\" = \"united\";\n  /**\n   * Rewrite history.\n   */\n  @state() override = true;\n  /**\n   * Cache accessed.\n   */\n  @property({ type: Boolean }) cache = false;\n\n  /**\n   * Cache record.\n   */\n  record = new Map<string, ReturnType<typeof this.useRouter>>();\n\n  set routes(v) {\n    if (Object.prototype.toString.call(v) !== \"[object Array]\") {\n      return;\n    }\n    this._routes = v;\n    this.reset();\n    for (const route of v) {\n      this._routeTree.insert(route.path);\n    }\n    this.requestUpdate();\n  }\n\n  get routes() {\n    return this._routes;\n  }\n\n  static styles = [\n    css`\n      :host {\n        display: contents;\n      }\n    `,\n  ];\n\n  reset() {\n    this._routeTree = new RouteTree();\n    this.record.clear();\n  }\n\n  protected render(): T | HTMLTemplate {\n    if (this.cache) {\n      const cached = this.record.get(this.pathname);\n      if (cached) {\n        Object.assign(this, cached);\n        return this.component;\n      }\n    }\n    this.params = {};\n    switch (this.type) {\n      case \"field\":\n        this.component = this.fieldComponent();\n        break;\n      case \"child\":\n      case \"slotted\":\n        this.component = this.slottedComponent();\n        break;\n      case \"united\":\n        this.component = this.fieldComponent() ?? this.slottedComponent();\n        break;\n    }\n    return this.component ?? this.def;\n  }\n\n  useRouter() {\n    return {\n      pathname: this.pathname,\n      params: this.params,\n      path: this.path,\n      component: this.component,\n    };\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.pathname = window.location.pathname;\n    if (!this.override) {\n      return;\n    }\n    this.addEvent(window, \"popstate\", () => {\n      this.pathname = window.location.pathname;\n    });\n    const self = this;\n    const pushHistory = history.pushState;\n    history.pushState = function () {\n      pushHistory.apply(this, arguments);\n      self.pathname = window.location.pathname;\n    };\n    const replaceHistory = history.replaceState;\n    history.replaceState = function () {\n      replaceHistory.apply(this, arguments);\n      self.pathname = window.location.pathname;\n    };\n  }\n\n  /**\n   *\n   * @param ur value of useRouter()\n   * @param first whether this path is loaded for the first time\n   */\n  routeChangeCallback: (ur: ReturnType<typeof this.useRouter>, first: boolean) => void = null;\n\n  protected updated(changedProperties: PropertyValueMap<this>) {\n    const shouldDispatch = changedProperties.has(\"pathname\") || changedProperties.has(\"path\");\n    if (shouldDispatch) {\n      const ur = this.useRouter();\n      const noRecord = !this.record.has(this.pathname);\n      if (noRecord) {\n        this.record.set(this.pathname, ur);\n      }\n      this.routeChangeCallback?.(ur, noRecord);\n      this.dispatchEvent(new CustomEvent(\"change\", { detail: ur }));\n    }\n  }\n\n  fieldComponent(usedRouteTemplate?: string): null | T {\n    if (!usedRouteTemplate) {\n      usedRouteTemplate = this.useWhichRoute(this.pathname);\n    }\n    this.path = usedRouteTemplate;\n    if (!usedRouteTemplate) {\n      return null;\n    }\n    this.params = this.parseRouterParams(this.path, this.pathname);\n    const route = this.routes.find((r) => r.path === usedRouteTemplate);\n    if (!route) {\n      return null;\n    }\n    return route.component;\n  }\n\n  slottedComponent(usedRouteTemplate?: string): null | HTMLTemplate {\n    const childNodes = this.querySelectorAll(\":scope > *[slot]\");\n    if (!childNodes.length) {\n      return null;\n    }\n    const slottedPaths = Array.from(childNodes).map((node) => {\n      const slotname = node.getAttribute(\"slot\");\n      return {\n        path: slotname,\n      };\n    });\n    const tempRouteTree = new RouteTree();\n    for (const withPath of slottedPaths) {\n      tempRouteTree.insert(withPath.path);\n    }\n    if (!usedRouteTemplate) {\n      usedRouteTemplate = this.useWhichRoute(this.pathname, undefined, tempRouteTree);\n      if (!usedRouteTemplate) {\n        return null;\n      }\n    }\n    const slotElement = slottedPaths.find((s) => s.path === usedRouteTemplate);\n    if (!slotElement) {\n      return null;\n    }\n    this.params = this.parseRouterParams(usedRouteTemplate, this.pathname);\n    return htmlSlot(slotElement.path);\n  }\n\n  useWhichRoute(path: string, baseURL = this.baseURL, appl: RouteTree = this._routeTree): string | null {\n    return appl.useWhich(baseURL + path);\n  }\n\n  parseRouterParams(routeTemplate: string, originpath: string, appl: RouteTree = this._routeTree): Record<string, string> {\n    return appl.parseParams(originpath, routeTemplate);\n  }\n\n  static updateAll() {\n    const routeViewTagName = conf.nameMap.get(\"route-view\");\n    if (!routeViewTagName) {\n      return;\n    }\n    const routeViewArray = deepQuerySelectorAll<RouteView>(routeViewTagName, document.body);\n    routeViewArray.forEach((ArrayItem) => {\n      if (!ArrayItem.override) {\n        ArrayItem.pathname = window.location.pathname;\n      }\n    });\n  }\n}\n\nexport default RouteView;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"route-view\": RouteView;\n  }\n}\n"]}

package/web-components/view/scroll-x.js

@@ -16,35 +16,6 @@ let ScrollX = class ScrollX extends GodownElement {
          */
         this.height = "";
     }
-    static { this.styles = css `
-    :host {
-      display: block;
-      width: 100%;
-    }
-
-    section {
-      overflow: auto;
-      position: relative;
-      transform-origin: 0 0;
-      transform: rotate(-90deg) translateX(-100%);
-    }
-
-    section::-webkit-scrollbar {
-      display: none;
-    }
-
-    span {
-      display: flex;
-    }
-
-    main {
-      width: auto;
-      position: absolute;
-      left: 100%;
-      transform-origin: 0 0;
-      transform: rotate(90deg);
-    }
-  `; }
     render() {
         const style = this.height && `:host{height:${this.height}}`;
         return html `<section @scroll="${this._handelScroll}">
@@ -83,6 +54,35 @@ let ScrollX = class ScrollX extends GodownElement {
         this.height = this._section.style.width;
     }
 };
+ScrollX.styles = css `
+    :host {
+      display: block;
+      width: 100%;
+    }
+
+    section {
+      overflow: auto;
+      position: relative;
+      transform-origin: 0 0;
+      transform: rotate(-90deg) translateX(-100%);
+    }
+
+    section::-webkit-scrollbar {
+      display: none;
+    }
+
+    span {
+      display: flex;
+    }
+
+    main {
+      width: auto;
+      position: absolute;
+      left: 100%;
+      transform-origin: 0 0;
+      transform: rotate(90deg);
+    }
+  `;
 __decorate([
     property()
 ], ScrollX.prototype, "height", void 0);

package/web-components/view/scroll-x.js.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-x.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/view/scroll-x.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAqB,MAAM,wBAAwB,CAAC;AAChF,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,MAAM,UAAU,GAAG,UAAU,CAAC;AAE9B;;GAEG;AAEI,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,aAAa;IAAnC;;QACL;;WAEG;QACS,WAAM,GAAG,EAAE,CAAC;IA0E1B,CAAC;aAtEQ,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BlB,AA5BY,CA4BX;IAEQ,MAAM;QACd,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,IAAI,gBAAgB,IAAI,CAAC,MAAM,GAAG,CAAC;QAC5D,OAAO,IAAI,CAAA,qBAAqB,IAAI,CAAC,aAAa;;gBAEtC,QAAQ,EAAE;;QAElB,SAAS,CAAC,KAAK,CAAC;eACT,CAAC;IACd,CAAC;IAES,aAAa,CAAC,CAAM;QAC5B,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;IAChF,CAAC;IAES,YAAY;QACpB,IAAI,CAAC,MAAM,EAAE,CAAC;QACd,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;IAChF,CAAC;IAES,aAAa;QACrB,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;IAED,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,iBAAiB,CAAC;QACrC,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,OAAO;QACT,CAAC;QACD,MAAM,MAAM,GAAG,KAAK,CAAC,YAAY,IAAI,CAAC,CAAC;QACvC,IAAI,MAAM,EAAE,CAAC;YACX,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,GAAG,IAAI,CAAC;YAC1C,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC;QAC5D,CAAC;aAAM,CAAC;YACN,MAAM,cAAc,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC;YACtD,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,cAAc,CAAC;YACnC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,cAAc,CAAC;YAC3C,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC;QAC5D,CAAC;QACD,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;IAC1C,CAAC;;AAzEW;IAAX,QAAQ,EAAE;uCAAa;AAEN;IAAjB,KAAK,CAAC,SAAS,CAAC;yCAAuB;AAN7B,OAAO;IADnB,MAAM,CAAC,UAAU,CAAC;GACN,OAAO,CA8EnB;;AAED,eAAe,OAAO,CAAC","sourcesContent":["import { css, html, property, query } from \"../../deps.js\";\nimport { htmlSlot, htmlStyle, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { debounce } from \"../../lib/utils.js\";\nimport { define } from \"../../root.js\";\nimport { GodownElement } from \"../../root.js\";\n\nconst defineName = \"scroll-x\";\n\n/**\n * ScrollX changes the scroll direction to horizontal.\n */\n@define(defineName)\nexport class ScrollX extends GodownElement {\n  /**\n   * Element height.\n   */\n  @property() height = \"\";\n\n  @query(\"section\") _section: HTMLElement;\n\n  static styles = css`\n    :host {\n      display: block;\n      width: 100%;\n    }\n\n    section {\n      overflow: auto;\n      position: relative;\n      transform-origin: 0 0;\n      transform: rotate(-90deg) translateX(-100%);\n    }\n\n    section::-webkit-scrollbar {\n      display: none;\n    }\n\n    span {\n      display: flex;\n    }\n\n    main {\n      width: auto;\n      position: absolute;\n      left: 100%;\n      transform-origin: 0 0;\n      transform: rotate(90deg);\n    }\n  `;\n\n  protected render(): HTMLTemplate {\n    const style = this.height && `:host{height:${this.height}}`;\n    return html`<section @scroll=\"${this._handelScroll}\">\n      <main>\n        <span>${htmlSlot()}</span>\n      </main>\n      ${htmlStyle(style)}\n    </section>`;\n  }\n\n  protected _handelScroll(e: any) {\n    this.dispatchEvent(new CustomEvent(\"scroll\", { detail: e.target.scrollTop }));\n  }\n\n  protected firstUpdated() {\n    this.resize();\n    this.addEvent(window, \"resize\", debounce(this._handelResize.bind(this), 500));\n  }\n\n  protected _handelResize() {\n    this.resize();\n  }\n\n  resize() {\n    const child = this.firstElementChild;\n    if (!child) {\n      return;\n    }\n    const height = child.clientHeight || 0;\n    if (height) {\n      this._section.style.width = height + \"px\";\n      this._section.style.height = getComputedStyle(this).width;\n    } else {\n      const ComputedHeight = getComputedStyle(child).height;\n      this.style.height = ComputedHeight;\n      this._section.style.width = ComputedHeight;\n      this._section.style.height = getComputedStyle(this).width;\n    }\n    this.height = this._section.style.width;\n  }\n}\n\nexport default ScrollX;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"scroll-x\": ScrollX;\n  }\n}\n"]}
+{"version":3,"file":"scroll-x.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/view/scroll-x.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAqB,MAAM,wBAAwB,CAAC;AAChF,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,MAAM,UAAU,GAAG,UAAU,CAAC;AAE9B;;GAEG;AAEI,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,aAAa;IAAnC;;QACL;;WAEG;QACS,WAAM,GAAG,EAAE,CAAC;IA0E1B,CAAC;IAxCW,MAAM;QACd,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,IAAI,gBAAgB,IAAI,CAAC,MAAM,GAAG,CAAC;QAC5D,OAAO,IAAI,CAAA,qBAAqB,IAAI,CAAC,aAAa;;gBAEtC,QAAQ,EAAE;;QAElB,SAAS,CAAC,KAAK,CAAC;eACT,CAAC;IACd,CAAC;IAES,aAAa,CAAC,CAAM;QAC5B,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;IAChF,CAAC;IAES,YAAY;QACpB,IAAI,CAAC,MAAM,EAAE,CAAC;QACd,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;IAChF,CAAC;IAES,aAAa;QACrB,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;IAED,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,iBAAiB,CAAC;QACrC,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,OAAO;QACT,CAAC;QACD,MAAM,MAAM,GAAG,KAAK,CAAC,YAAY,IAAI,CAAC,CAAC;QACvC,IAAI,MAAM,EAAE,CAAC;YACX,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,GAAG,IAAI,CAAC;YAC1C,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC;QAC5D,CAAC;aAAM,CAAC;YACN,MAAM,cAAc,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC;YACtD,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,cAAc,CAAC;YACnC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,cAAc,CAAC;YAC3C,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC;QAC5D,CAAC;QACD,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;IAC1C,CAAC;;AArEM,cAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BlB,AA5BY,CA4BX;AAhCU;IAAX,QAAQ,EAAE;uCAAa;AAEN;IAAjB,KAAK,CAAC,SAAS,CAAC;yCAAuB;AAN7B,OAAO;IADnB,MAAM,CAAC,UAAU,CAAC;GACN,OAAO,CA8EnB;;AAED,eAAe,OAAO,CAAC","sourcesContent":["import { css, html, property, query } from \"../../deps.js\";\nimport { htmlSlot, htmlStyle, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { debounce } from \"../../lib/utils.js\";\nimport { define } from \"../../root.js\";\nimport { GodownElement } from \"../../root.js\";\n\nconst defineName = \"scroll-x\";\n\n/**\n * ScrollX changes the scroll direction to horizontal.\n */\n@define(defineName)\nexport class ScrollX extends GodownElement {\n  /**\n   * Element height.\n   */\n  @property() height = \"\";\n\n  @query(\"section\") _section: HTMLElement;\n\n  static styles = css`\n    :host {\n      display: block;\n      width: 100%;\n    }\n\n    section {\n      overflow: auto;\n      position: relative;\n      transform-origin: 0 0;\n      transform: rotate(-90deg) translateX(-100%);\n    }\n\n    section::-webkit-scrollbar {\n      display: none;\n    }\n\n    span {\n      display: flex;\n    }\n\n    main {\n      width: auto;\n      position: absolute;\n      left: 100%;\n      transform-origin: 0 0;\n      transform: rotate(90deg);\n    }\n  `;\n\n  protected render(): HTMLTemplate {\n    const style = this.height && `:host{height:${this.height}}`;\n    return html`<section @scroll=\"${this._handelScroll}\">\n      <main>\n        <span>${htmlSlot()}</span>\n      </main>\n      ${htmlStyle(style)}\n    </section>`;\n  }\n\n  protected _handelScroll(e: any) {\n    this.dispatchEvent(new CustomEvent(\"scroll\", { detail: e.target.scrollTop }));\n  }\n\n  protected firstUpdated() {\n    this.resize();\n    this.addEvent(window, \"resize\", debounce(this._handelResize.bind(this), 500));\n  }\n\n  protected _handelResize() {\n    this.resize();\n  }\n\n  resize() {\n    const child = this.firstElementChild;\n    if (!child) {\n      return;\n    }\n    const height = child.clientHeight || 0;\n    if (height) {\n      this._section.style.width = height + \"px\";\n      this._section.style.height = getComputedStyle(this).width;\n    } else {\n      const ComputedHeight = getComputedStyle(child).height;\n      this.style.height = ComputedHeight;\n      this._section.style.width = ComputedHeight;\n      this._section.style.height = getComputedStyle(this).width;\n    }\n    this.height = this._section.style.width;\n  }\n}\n\nexport default ScrollX;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"scroll-x\": ScrollX;\n  }\n}\n"]}

package/web-components/view/wrap-view.d.ts

@@ -19,7 +19,7 @@ export declare class WrapView extends GodownElement {
 export default WrapView;
 declare global {
     interface HTMLElementTagNameMap {
-        "with-wrap": WrapView;
+        "wrap-view": WrapView;
     }
 }
 //# sourceMappingURL=wrap-view.d.ts.map

package/web-components/view/wrap-view.js

@@ -19,15 +19,26 @@ let WrapView = class WrapView extends GodownElement {
          */
         this.wrap = "";
     }
-    static { this.styles = [
-        css `
+    render() {
+        switch (this.with) {
+            case "expand":
+                return html `<i class="${this.wrap || "close"}"></i>`;
+            case "icon":
+                return icons[this.wrap]?.();
+            default:
+                return htmlSlot(this.with || this.wrap);
+        }
+    }
+};
+WrapView.styles = [
+    css `
       :host {
         display: flex;
         width: 1em;
         height: 1em;
       }
     `,
-        css `
+    css `
       i {
         width: 100%;
         height: 100%;
@@ -68,18 +79,7 @@ let WrapView = class WrapView extends GodownElement {
         --e: 0.15em;
       }
     `,
-    ]; }
-    render() {
-        switch (this.with) {
-            case "expand":
-                return html `<i class="${this.wrap || "close"}"></i>`;
-            case "icon":
-                return icons[this.wrap]?.();
-            default:
-                return htmlSlot(this.with || this.wrap);
-        }
-    }
-};
+];
 __decorate([
     property()
 ], WrapView.prototype, "with", void 0);

package/web-components/view/wrap-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"wrap-view.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/view/wrap-view.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAqB,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEtD,MAAM,UAAU,GAAG,WAAW,CAAC;AAE/B;;GAEG;AAEI,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,aAAa;IAApC;;QACL;;WAEG;QACS,SAAI,GAAoD,EAAE,CAAC;QACvE;;WAEG;QACS,SAAI,GAAgC,EAAE,CAAC;IA+DrD,CAAC;aA7DQ,WAAM,GAAG;QACd,GAAG,CAAA;;;;;;KAMF;QACD,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwCF;KACF,AAjDY,CAiDX;IAEQ,MAAM;QACd,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,QAAQ;gBACX,OAAO,IAAI,CAAA,aAAa,IAAI,CAAC,IAAI,IAAI,OAAO,QAAQ,CAAC;YACvD,KAAK,MAAM;gBACT,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;YAC9B;gBACE,OAAO,QAAQ,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC;QAC5C,CAAC;IACH,CAAC;;AAlEW;IAAX,QAAQ,EAAE;sCAA4D;AAI3D;IAAX,QAAQ,EAAE;sCAAwC;AARxC,QAAQ;IADpB,MAAM,CAAC,UAAU,CAAC;GACN,QAAQ,CAuEpB;;AAED,eAAe,QAAQ,CAAC","sourcesContent":["import { css, html, property } from \"../../deps.js\";\nimport { htmlSlot, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { icons } from \"../../lib/templates.js\";\nimport { define, GodownElement } from \"../../root.js\";\n\nconst defineName = \"wrap-view\";\n\n/**\n * WithWrap is used for wrap content.\n */\n@define(defineName)\nexport class WrapView extends GodownElement {\n  /**\n   * Behavioral basis.\n   */\n  @property() with: string | keyof typeof icons | \"expand\" | \"icon\" = \"\";\n  /**\n   * Rendered content or slot name.\n   */\n  @property() wrap: string | keyof typeof icons = \"\";\n\n  static styles = [\n    css`\n      :host {\n        display: flex;\n        width: 1em;\n        height: 1em;\n      }\n    `,\n    css`\n      i {\n        width: 100%;\n        height: 100%;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        --e: 0.05em;\n      }\n\n      i::before,\n      i::after {\n        content: \"\";\n        display: block;\n        width: 100%;\n        height: 0.05em;\n        background: currentColor;\n        transition: 0.3s;\n      }\n\n      i::after {\n        transform: translate(0, calc(var(--e) / -2)) rotate(-45deg);\n      }\n\n      i::before {\n        transform: translate(0, calc(var(--e) / 2)) rotate(45deg);\n      }\n\n      .close::after {\n        transform: translate(0, var(--e));\n      }\n\n      .close::before {\n        transform: translate(0, calc(var(--e) * -1));\n      }\n\n      .close {\n        --e: 0.15em;\n      }\n    `,\n  ];\n\n  protected render(): HTMLTemplate {\n    switch (this.with) {\n      case \"expand\":\n        return html`<i class=\"${this.wrap || \"close\"}\"></i>`;\n      case \"icon\":\n        return icons[this.wrap]?.();\n      default:\n        return htmlSlot(this.with || this.wrap);\n    }\n  }\n}\n\nexport default WrapView;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"with-wrap\": WrapView;\n  }\n}\n"]}
+{"version":3,"file":"wrap-view.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/view/wrap-view.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAqB,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEtD,MAAM,UAAU,GAAG,WAAW,CAAC;AAE/B;;GAEG;AAEI,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,aAAa;IAApC;;QACL;;WAEG;QACS,SAAI,GAAoD,EAAE,CAAC;QACvE;;WAEG;QACS,SAAI,GAAgC,EAAE,CAAC;IA+DrD,CAAC;IAVW,MAAM;QACd,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,QAAQ;gBACX,OAAO,IAAI,CAAA,aAAa,IAAI,CAAC,IAAI,IAAI,OAAO,QAAQ,CAAC;YACvD,KAAK,MAAM;gBACT,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;YAC9B;gBACE,OAAO,QAAQ,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC;QAC5C,CAAC;IACH,CAAC;;AA5DM,eAAM,GAAG;IACd,GAAG,CAAA;;;;;;KAMF;IACD,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwCF;CACF,AAjDY,CAiDX;AAvDU;IAAX,QAAQ,EAAE;sCAA4D;AAI3D;IAAX,QAAQ,EAAE;sCAAwC;AARxC,QAAQ;IADpB,MAAM,CAAC,UAAU,CAAC;GACN,QAAQ,CAuEpB;;AAED,eAAe,QAAQ,CAAC","sourcesContent":["import { css, html, property } from \"../../deps.js\";\nimport { htmlSlot, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { icons } from \"../../lib/templates.js\";\nimport { define, GodownElement } from \"../../root.js\";\n\nconst defineName = \"wrap-view\";\n\n/**\n * WithWrap is used for wrap content.\n */\n@define(defineName)\nexport class WrapView extends GodownElement {\n  /**\n   * Behavioral basis.\n   */\n  @property() with: string | keyof typeof icons | \"expand\" | \"icon\" = \"\";\n  /**\n   * Rendered content or slot name.\n   */\n  @property() wrap: string | keyof typeof icons = \"\";\n\n  static styles = [\n    css`\n      :host {\n        display: flex;\n        width: 1em;\n        height: 1em;\n      }\n    `,\n    css`\n      i {\n        width: 100%;\n        height: 100%;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        --e: 0.05em;\n      }\n\n      i::before,\n      i::after {\n        content: \"\";\n        display: block;\n        width: 100%;\n        height: 0.05em;\n        background: currentColor;\n        transition: 0.3s;\n      }\n\n      i::after {\n        transform: translate(0, calc(var(--e) / -2)) rotate(-45deg);\n      }\n\n      i::before {\n        transform: translate(0, calc(var(--e) / 2)) rotate(45deg);\n      }\n\n      .close::after {\n        transform: translate(0, var(--e));\n      }\n\n      .close::before {\n        transform: translate(0, calc(var(--e) * -1));\n      }\n\n      .close {\n        --e: 0.15em;\n      }\n    `,\n  ];\n\n  protected render(): HTMLTemplate {\n    switch (this.with) {\n      case \"expand\":\n        return html`<i class=\"${this.wrap || \"close\"}\"></i>`;\n      case \"icon\":\n        return icons[this.wrap]?.();\n      default:\n        return htmlSlot(this.with || this.wrap);\n    }\n  }\n}\n\nexport default WrapView;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"wrap-view\": WrapView;\n  }\n}\n"]}

package/open-list.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./web-components/open/open-list.js";
-//# sourceMappingURL=open-list.d.ts.map

package/open-list.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"open-list.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["open-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oCAAoC,CAAC"}

package/open-list.js

@@ -1,2 +0,0 @@
-export { default } from "./web-components/open/open-list.js";
-//# sourceMappingURL=open-list.js.map

package/open-list.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"open-list.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["open-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oCAAoC,CAAC","sourcesContent":["export { default } from \"./web-components/open/open-list.js\";"]}

package/web-components/layout/index.d.ts

@@ -1,5 +0,0 @@
-export * from "./divider-line.js";
-export * from "./flex-flow.js";
-export * from "./nav-aside.js";
-export * from "./nav-layout.js";
-//# sourceMappingURL=index.d.ts.map

package/web-components/layout/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/layout/index.ts"],"names":[],"mappings":"AACA,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC"}

package/web-components/layout/index.js

@@ -1,6 +0,0 @@
-/// script generated
-export * from "./divider-line.js";
-export * from "./flex-flow.js";
-export * from "./nav-aside.js";
-export * from "./nav-layout.js";
-//# sourceMappingURL=index.js.map

package/web-components/layout/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/layout/index.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC","sourcesContent":["/// script generated\nexport * from \"./divider-line.js\";\nexport * from \"./flex-flow.js\";\nexport * from \"./nav-aside.js\";\nexport * from \"./nav-layout.js\";\n"]}

package/web-components/open/open-list.d.ts

@@ -1,20 +0,0 @@
-import { type CSSResultGroup } from "../../deps.js";
-import { type HTMLTemplate } from "../../lib/templates.js";
-import { OpenableElement } from "./open.js";
-/**
- * OpenList renders the menu when it has a summary, otherwise a list.
- *
- * Inspired by Docusaurus (v1,v2).
- */
-export declare class OpenList extends OpenableElement {
-    _section: HTMLElement;
-    static styles: CSSResultGroup;
-    protected render(): HTMLTemplate;
-}
-export default OpenList;
-declare global {
-    interface HTMLElementTagNameMap {
-        "open-list": OpenList;
-    }
-}
-//# sourceMappingURL=open-list.d.ts.map

package/web-components/open/open-list.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"open-list.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/open/open-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAAe,MAAM,eAAe,CAAC;AAEtE,OAAO,EAAY,KAAK,YAAY,EAAY,MAAM,wBAAwB,CAAC;AAE/E,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAI5C;;;;GAIG;AACH,qBACa,QAAS,SAAQ,eAAe;IACzB,QAAQ,EAAE,WAAW,CAAC;IACxC,MAAM,CAAC,MAAM,iBAgCO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY;CAejC;AAED,eAAe,QAAQ,CAAC;AAExB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/web-components/open/open-list.js

@@ -1,71 +0,0 @@
-import { __decorate } from "tslib";
-import { css, html, query } from "../../deps.js";
-import { ifValue } from "../../lib/directives.js";
-import { htmlSlot, svgArrow } from "../../lib/templates.js";
-import { cssvarValues, define } from "../../root.js";
-import { OpenableElement } from "./open.js";
-const defineName = "open-list";
-/**
- * OpenList renders the menu when it has a summary, otherwise a list.
- *
- * Inspired by Docusaurus (v1,v2).
- */
-let OpenList = class OpenList extends OpenableElement {
-    static { this.styles = [
-        OpenableElement.styles,
-        css `
-      i {
-        width: 1.2em;
-        height: 1.2em;
-        display: inline-flex;
-        align-items: center;
-        border-radius: 20%;
-        transition: inherit;
-      }
-
-      dt i {
-        background: rgb(var(${cssvarValues.mainRGB}) / 0.055);
-      }
-
-      dt i:hover {
-        background: rgb(var(${cssvarValues.mainRGB}) / 0.075);
-      }
-
-      dd {
-        padding: 0.2em;
-      }
-
-      :host([open]) svg {
-        transform: rotate(90deg);
-      }
-
-      .noTitle {
-        display: none;
-      }
-    `,
-    ]; }
-    render() {
-        const noTitle = !this.summary && ifValue(!this.querySelector("[slot=summary]"), "noTitle");
-        if (noTitle) {
-            this.open = true;
-        }
-        return html `<dl>
-      <dt class="${noTitle}">
-        <span>${this.summary || htmlSlot("summary")}</span>
-        <i @click="${this._handelClick}"> ${htmlSlot("icon", svgArrow(), this)} </i>
-      </dt>
-      <dd>
-        <section>${htmlSlot()}</section>
-      </dd>
-    </dl>`;
-    }
-};
-__decorate([
-    query("section")
-], OpenList.prototype, "_section", void 0);
-OpenList = __decorate([
-    define(defineName)
-], OpenList);
-export { OpenList };
-export default OpenList;
-//# sourceMappingURL=open-list.js.map

package/web-components/open/open-list.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"open-list.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/open/open-list.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAuB,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAqB,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAE5C,MAAM,UAAU,GAAG,WAAW,CAAC;AAE/B;;;;GAIG;AAEI,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,eAAe;aAEpC,WAAM,GAAG;QACd,eAAe,CAAC,MAAM;QACtB,GAAG,CAAA;;;;;;;;;;;8BAWuB,YAAY,CAAC,OAAO;;;;8BAIpB,YAAY,CAAC,OAAO;;;;;;;;;;;;;;KAc7C;KACgB,AAhCN,CAgCO;IAEV,MAAM;QACd,MAAM,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC,EAAE,SAAS,CAAC,CAAC;QAC3F,IAAI,OAAO,EAAE,CAAC;YACZ,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACnB,CAAC;QACD,OAAO,IAAI,CAAA;mBACI,OAAO;gBACV,IAAI,CAAC,OAAO,IAAI,QAAQ,CAAC,SAAS,CAAC;qBAC9B,IAAI,CAAC,YAAY,MAAM,QAAQ,CAAC,MAAM,EAAE,QAAQ,EAAE,EAAE,IAAI,CAAC;;;mBAG3D,QAAQ,EAAE;;UAEnB,CAAC;IACT,CAAC;;AAjDiB;IAAjB,KAAK,CAAC,SAAS,CAAC;0CAAuB;AAD7B,QAAQ;IADpB,MAAM,CAAC,UAAU,CAAC;GACN,QAAQ,CAmDpB;;AAED,eAAe,QAAQ,CAAC","sourcesContent":["import { css, type CSSResultGroup, html, query } from \"../../deps.js\";\nimport { ifValue } from \"../../lib/directives.js\";\nimport { htmlSlot, type HTMLTemplate, svgArrow } from \"../../lib/templates.js\";\nimport { cssvarValues, define } from \"../../root.js\";\nimport { OpenableElement } from \"./open.js\";\n\nconst defineName = \"open-list\";\n\n/**\n * OpenList renders the menu when it has a summary, otherwise a list.\n *\n * Inspired by Docusaurus (v1,v2).\n */\n@define(defineName)\nexport class OpenList extends OpenableElement {\n  @query(\"section\") _section: HTMLElement;\n  static styles = [\n    OpenableElement.styles,\n    css`\n      i {\n        width: 1.2em;\n        height: 1.2em;\n        display: inline-flex;\n        align-items: center;\n        border-radius: 20%;\n        transition: inherit;\n      }\n\n      dt i {\n        background: rgb(var(${cssvarValues.mainRGB}) / 0.055);\n      }\n\n      dt i:hover {\n        background: rgb(var(${cssvarValues.mainRGB}) / 0.075);\n      }\n\n      dd {\n        padding: 0.2em;\n      }\n\n      :host([open]) svg {\n        transform: rotate(90deg);\n      }\n\n      .noTitle {\n        display: none;\n      }\n    `,\n  ] as CSSResultGroup;\n\n  protected render(): HTMLTemplate {\n    const noTitle = !this.summary && ifValue(!this.querySelector(\"[slot=summary]\"), \"noTitle\");\n    if (noTitle) {\n      this.open = true;\n    }\n    return html`<dl>\n      <dt class=\"${noTitle}\">\n        <span>${this.summary || htmlSlot(\"summary\")}</span>\n        <i @click=\"${this._handelClick}\"> ${htmlSlot(\"icon\", svgArrow(), this)} </i>\n      </dt>\n      <dd>\n        <section>${htmlSlot()}</section>\n      </dd>\n    </dl>`;\n  }\n}\n\nexport default OpenList;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"open-list\": OpenList;\n  }\n}\n"]}