godown 2.7.7 → 3.0.0-canary.1

package/web-components/router/router.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"router.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/router/router.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, property, type PropertyValueMap, state } from \"../../_deps.js\";\nimport conf from \"../../conf.js\";\nimport { godown } from \"../../decorators/godown.js\";\nimport { styles } from \"../../decorators/styles.js\";\nimport { htmlSlot, type HTMLTemplate } from \"../../lib/directives.js\";\nimport RouteTree from \"../../lib/route-tree.js\";\nimport { deepQuerySelectorAll } from \"../../lib/utils.js\";\nimport { GodownElement } from \"../../proto/godown-element.js\";\n\ntype WithRecord<T extends string> = Record<string, any> & Record<T, string>;\n\nconst protoName = \"router\";\n\n/**\n * {@linkcode Router} has basic routing control.\n *\n * To switch routes, use history api or router-link.\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    display: contents;\n  }\n`)\nexport class Router<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() default: HTMLTemplate = htmlSlot();\n  /**\n   * The type of routing query.\n   */\n  @property() type: \"united\" | \"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    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  reset() {\n    this._routeTree = new RouteTree();\n    this.record.clear();\n  }\n\n  protected render(): T | HTMLTemplate {\n    this.params = {};\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    switch (this.type) {\n      case \"field\":\n        this.component = this.fieldComponent();\n        break;\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.default;\n  }\n\n  useRouter(): { path: string; component: HTMLTemplate | T; params: Record<string, string>; pathname: string } {\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\n    const { override } = conf;\n    if (!override.pushState) {\n      override.pushState = pushHistory;\n    }\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.slottedChildren;\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 = tempRouteTree.useWhich(this.pathname);\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): string | null {\n    return this._routeTree.useWhich(this.baseURL + path);\n  }\n\n  parseRouterParams(routeTemplate: string, path: string): Record<string, string> {\n    return this._routeTree.parseParams(path, routeTemplate);\n  }\n\n  static updateAll() {\n    const routeViewArray = deepQuerySelectorAll<Router>(Router.elementTagName, document.body);\n    routeViewArray.forEach((ArrayItem) => {\n      if (!ArrayItem.override) {\n        ArrayItem.pathname = window.location.pathname;\n      }\n    });\n  }\n}\n\nexport default Router;\n"]}

package/web-components/skeleton/skeleton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"skeleton.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/skeleton/skeleton.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAM9D;;;;;;;GAOG;AACH,qBAwEa,QAAS,SAAQ,aAAa;IACzC;;OAEG;IACS,IAAI,EAAE,MAAM,GAAG,OAAO,CAAU;IAC5C;;OAEG;IACS,SAAS,EAAE,UAAU,GAAG,SAAS,CAAc;IAC3D;;OAEG;IACM,OAAO,UAAQ;IAExB,SAAS,CAAC,MAAM;CAQjB;AAED,eAAe,QAAQ,CAAC"}

package/web-components/skeleton/skeleton.js

@@ -1,130 +0,0 @@
-import { __decorate } from "tslib";
-import { css, html, property, state } from "../../_deps.js";
-import { godown } from "../../decorators/godown.js";
-import { styles } from "../../decorators/styles.js";
-import { ifValue } from "../../lib/directives.js";
-import { htmlSlot } from "../../lib/directives.js";
-import { svgImage } from "../../lib/icons.js";
-import { GodownElement } from "../../proto/godown-element.js";
-import { createScope, cssGlobalVars } from "../../styles/global.js";
-const protoName = "skeleton";
-const cssScope = createScope(protoName);
-/**
- * {@linkcode Skeleton} renders a skeleton screen.
- *
- * Inspired by Ant-design.
- *
- * @slot loading - The content if loading is true.
- * @slot - The content if loading is false.
- */
-let Skeleton = class Skeleton extends GodownElement {
-    constructor() {
-        super(...arguments);
-        /**
-         * Skeleton type.
-         */
-        this.type = "text";
-        /**
-         * Animation type.
-         */
-        this.animation = "position";
-        /**
-         * If false, hidden.
-         */
-        this.loading = true;
-    }
-    render() {
-        if (!this.loading) {
-            return htmlSlot();
-        }
-        return html `<div part="root" class="${this.animation}">
-      ${ifValue(this.type === "image", svgImage(), htmlSlot("loading"))}
-    </div>`;
-    }
-};
-__decorate([
-    property()
-], Skeleton.prototype, "type", void 0);
-__decorate([
-    property()
-], Skeleton.prototype, "animation", void 0);
-__decorate([
-    state()
-], Skeleton.prototype, "loading", void 0);
-Skeleton = __decorate([
-    godown(protoName),
-    styles([
-        css `
-    :host {
-      --${cssScope}--from: rgb(var(--${cssGlobalVars.foregroundRGB}) / 7.5%);
-      --${cssScope}--to: rgb(var(--${cssGlobalVars.foregroundRGB}) / 22%);
-      --${cssScope}--deg: 94deg;
-      --${cssScope}--color: rgb(var(--${cssGlobalVars.foregroundRGB}) / 50%);
-      --${cssScope}--background: var(--${cssGlobalVars.background});
-      --${cssScope}--duration: 1.5s;
-      --${cssScope}--icon-width: 5em;
-      --${cssScope}--icon-height: 5em;
-      --${cssScope}--icon-margin: .75em;
-      color: var(--${cssScope}--color);
-      background: var(--${cssScope}--background);
-      min-height: 1.5em;
-      width: 100%;
-      flex-shrink: 0;
-      display: block;
-      overflow: hidden;
-    }
-
-    [part="root"] {
-      height: 100%;
-      min-height: inherit;
-      text-align: center;
-      animation: var(--${cssScope}--duration) ease-in-out 0s infinite none running;
-    }
-
-    svg {
-      width: var(--${cssScope}--icon-width);
-      height: var(--${cssScope}--icon-height);
-      margin: var(--${cssScope}--icon-margin);
-    }
-
-    .position {
-      background-image: linear-gradient(
-        var(--${cssScope}--deg),
-        var(--${cssScope}--from) 36%,
-        var(--${cssScope}--to) 50%,
-        var(--${cssScope}--from) 64%
-      );
-      background-color: transparent;
-      background-size: 200% 100%;
-      animation-name: po;
-    }
-
-    @keyframes po {
-      from {
-        background-position: 150% center;
-      }
-      to {
-        background-position: -50% center;
-      }
-    }
-
-    .opacity {
-      background: var(--${cssScope}--from);
-      animation-name: op;
-      animation-direction: alternate;
-    }
-
-    @keyframes op {
-      50% {
-        opacity: 0.2;
-      }
-      to {
-        opacity: 1;
-      }
-    }
-  `,
-    ])
-], Skeleton);
-export { Skeleton };
-export default Skeleton;
-//# sourceMappingURL=skeleton.js.map

package/web-components/skeleton/skeleton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"skeleton.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/skeleton/skeleton.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEpE,MAAM,SAAS,GAAG,UAAU,CAAC;AAC7B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAExC;;;;;;;GAOG;AAyEI,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,aAAa;IAApC;;QACL;;WAEG;QACS,SAAI,GAAqB,MAAM,CAAC;QAC5C;;WAEG;QACS,cAAS,GAA2B,UAAU,CAAC;QAC3D;;WAEG;QACM,YAAO,GAAG,IAAI,CAAC;IAU1B,CAAC;IARW,MAAM;QACd,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YAClB,OAAO,QAAQ,EAAE,CAAC;QACpB,CAAC;QACD,OAAO,IAAI,CAAA,2BAA2B,IAAI,CAAC,SAAS;QAChD,OAAO,CAAC,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,QAAQ,EAAE,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC;WAC5D,CAAC;IACV,CAAC;CACF,CAAA;AAlBa;IAAX,QAAQ,EAAE;sCAAiC;AAIhC;IAAX,QAAQ,EAAE;2CAAgD;AAIlD;IAAR,KAAK,EAAE;yCAAgB;AAZb,QAAQ;IAxEpB,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CAAC;QACN,GAAG,CAAA;;UAEK,QAAQ,qBAAqB,aAAa,CAAC,aAAa;UACxD,QAAQ,mBAAmB,aAAa,CAAC,aAAa;UACtD,QAAQ;UACR,QAAQ,sBAAsB,aAAa,CAAC,aAAa;UACzD,QAAQ,uBAAuB,aAAa,CAAC,UAAU;UACvD,QAAQ;UACR,QAAQ;UACR,QAAQ;UACR,QAAQ;qBACG,QAAQ;0BACH,QAAQ;;;;;;;;;;;;yBAYT,QAAQ;;;;qBAIZ,QAAQ;sBACP,QAAQ;sBACR,QAAQ;;;;;gBAKd,QAAQ;gBACR,QAAQ;gBACR,QAAQ;gBACR,QAAQ;;;;;;;;;;;;;;;;;0BAiBE,QAAQ;;;;;;;;;;;;;GAa/B;KACF,CAAC;GACW,QAAQ,CAsBpB;;AAED,eAAe,QAAQ,CAAC","sourcesContent":["import { css, html, property, state } from \"../../_deps.js\";\nimport { godown } from \"../../decorators/godown.js\";\nimport { styles } from \"../../decorators/styles.js\";\nimport { ifValue } from \"../../lib/directives.js\";\nimport { htmlSlot } from \"../../lib/directives.js\";\nimport { svgImage } from \"../../lib/icons.js\";\nimport { GodownElement } from \"../../proto/godown-element.js\";\nimport { createScope, cssGlobalVars } from \"../../styles/global.js\";\n\nconst protoName = \"skeleton\";\nconst cssScope = createScope(protoName);\n\n/**\n * {@linkcode Skeleton} renders a skeleton screen.\n *\n * Inspired by Ant-design.\n *\n * @slot loading - The content if loading is true.\n * @slot - The content if loading is false.\n */\n@godown(protoName)\n@styles([\n  css`\n    :host {\n      --${cssScope}--from: rgb(var(--${cssGlobalVars.foregroundRGB}) / 7.5%);\n      --${cssScope}--to: rgb(var(--${cssGlobalVars.foregroundRGB}) / 22%);\n      --${cssScope}--deg: 94deg;\n      --${cssScope}--color: rgb(var(--${cssGlobalVars.foregroundRGB}) / 50%);\n      --${cssScope}--background: var(--${cssGlobalVars.background});\n      --${cssScope}--duration: 1.5s;\n      --${cssScope}--icon-width: 5em;\n      --${cssScope}--icon-height: 5em;\n      --${cssScope}--icon-margin: .75em;\n      color: var(--${cssScope}--color);\n      background: var(--${cssScope}--background);\n      min-height: 1.5em;\n      width: 100%;\n      flex-shrink: 0;\n      display: block;\n      overflow: hidden;\n    }\n\n    [part=\"root\"] {\n      height: 100%;\n      min-height: inherit;\n      text-align: center;\n      animation: var(--${cssScope}--duration) ease-in-out 0s infinite none running;\n    }\n\n    svg {\n      width: var(--${cssScope}--icon-width);\n      height: var(--${cssScope}--icon-height);\n      margin: var(--${cssScope}--icon-margin);\n    }\n\n    .position {\n      background-image: linear-gradient(\n        var(--${cssScope}--deg),\n        var(--${cssScope}--from) 36%,\n        var(--${cssScope}--to) 50%,\n        var(--${cssScope}--from) 64%\n      );\n      background-color: transparent;\n      background-size: 200% 100%;\n      animation-name: po;\n    }\n\n    @keyframes po {\n      from {\n        background-position: 150% center;\n      }\n      to {\n        background-position: -50% center;\n      }\n    }\n\n    .opacity {\n      background: var(--${cssScope}--from);\n      animation-name: op;\n      animation-direction: alternate;\n    }\n\n    @keyframes op {\n      50% {\n        opacity: 0.2;\n      }\n      to {\n        opacity: 1;\n      }\n    }\n  `,\n])\nexport class Skeleton extends GodownElement {\n  /**\n   * Skeleton type.\n   */\n  @property() type: \"text\" | \"image\" = \"text\";\n  /**\n   * Animation type.\n   */\n  @property() animation: \"position\" | \"opacity\" = \"position\";\n  /**\n   * If false, hidden.\n   */\n  @state() loading = true;\n\n  protected render() {\n    if (!this.loading) {\n      return htmlSlot();\n    }\n    return html`<div part=\"root\" class=\"${this.animation}\">\n      ${ifValue(this.type === \"image\", svgImage(), htmlSlot(\"loading\"))}\n    </div>`;\n  }\n}\n\nexport default Skeleton;\n"]}

package/web-components/text/overbreath.d.ts

@@ -1,22 +0,0 @@
-import { GodownElement } from "../../proto/godown-element.js";
-/**
- * {@linkcode Overbreath} render the text with a breathing effect.
- *
- * Dynamically generate a breathing effect based on the length of the split text.
- *
- * If there is not enough CSS variable `--${CSSprefix}--${number}`, the initial value will be repeated.
- *
- * Inspired by Vercel home page (2023).
- *
- */
-export declare class Overbreath extends GodownElement {
-    text: string | string[];
-    duration: string;
-    speedup: string;
-    protected render(): import("lit").TemplateResult<1>;
-    protected renderText(text: string): import("lit").TemplateResult<1>;
-    protected getTexts(): string[];
-    protected parseDuration(): number;
-}
-export default Overbreath;
-//# sourceMappingURL=overbreath.d.ts.map

package/web-components/text/overbreath.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"overbreath.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/text/overbreath.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAM9D;;;;;;;;;GASG;AACH,qBA2Da,UAAW,SAAQ,aAAa;IAC/B,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAE5B,SAAS,CAAC,MAAM;IAsBhB,SAAS,CAAC,UAAU,CAAC,IAAI,EAAE,MAAM;IAMjC,SAAS,CAAC,QAAQ,IAAI,MAAM,EAAE;IAI9B,SAAS,CAAC,aAAa;CAUxB;AAED,eAAe,UAAU,CAAC"}

package/web-components/text/overbreath.js

@@ -1,132 +0,0 @@
-import { __decorate } from "tslib";
-import { css, html, property } from "../../_deps.js";
-import { godown } from "../../decorators/godown.js";
-import { styles } from "../../decorators/styles.js";
-import { htmlStyle } from "../../lib/directives.js";
-import { GodownElement } from "../../proto/godown-element.js";
-import { colorValues, createScope, cssGlobalVars } from "../../styles/global.js";
-const defineName = "overbreath";
-const cssScope = createScope(defineName);
-/**
- * {@linkcode Overbreath} render the text with a breathing effect.
- *
- * Dynamically generate a breathing effect based on the length of the split text.
- *
- * If there is not enough CSS variable `--${CSSprefix}--${number}`, the initial value will be repeated.
- *
- * Inspired by Vercel home page (2023).
- *
- */
-let Overbreath = class Overbreath extends GodownElement {
-    render() {
-        const texts = this.getTexts();
-        const len = texts.length;
-        const gap = 100 / 2 / len;
-        const duration = this.parseDuration() || len * 2 + 2;
-        const t = duration / len;
-        return html `${texts.map(this.renderText)}
-    ${htmlStyle(`.colorful{animation-duration:${duration}s;}` +
-            `@keyframes colorfulN{0%,${gap * 3}%{opacity:0;}${gap}%,${gap * 2}%{opacity: 1;}}` +
-            texts
-                .map((_, index) => {
-                const number = index + 1;
-                const delay = -1 * t * (len - (number - 2));
-                const defaultNumber = ((number - 1) % 3) + 1;
-                return `.rel:nth-child(${number}) .colorful{animation-delay:${delay}s;background:var(--${cssScope}--${number},var(--${cssScope}--${defaultNumber}));}`;
-            })
-                .join(""))}`;
-    }
-    renderText(text) {
-        return html `<span class="rel">
-      <span class="nocolor">${text}</span>
-      <span class="colorful">${text}</span>
-    </span>`;
-    }
-    getTexts() {
-        return Array.isArray(this.text) ? this.text : (this.text || this.textContent).split(/\s+/).filter((x) => x);
-    }
-    parseDuration() {
-        const { duration } = this;
-        if (duration) {
-            if (duration.endsWith("s")) {
-                return parseFloat(duration.slice(0, -1));
-            }
-            else if (duration.endsWith("ms")) {
-                return parseFloat(duration.slice(0, -2)) / 1000;
-            }
-        }
-    }
-};
-__decorate([
-    property()
-], Overbreath.prototype, "text", void 0);
-__decorate([
-    property()
-], Overbreath.prototype, "duration", void 0);
-__decorate([
-    property()
-], Overbreath.prototype, "speedup", void 0);
-Overbreath = __decorate([
-    godown(defineName),
-    styles([
-        css `
-    :host {
-      --${cssScope}--deg: 60deg;
-      --${cssScope}--1-1: ${colorValues.red[5]};
-      --${cssScope}--1-2: ${colorValues.yellow[5]};
-      --${cssScope}--2-1: ${colorValues.green[5]};
-      --${cssScope}--2-2: ${colorValues.purple[5]};
-      --${cssScope}--3-1: ${colorValues.blue[5]};
-      --${cssScope}--3-2: ${colorValues.pink[5]};
-      --${cssScope}--1: linear-gradient(var(--${cssScope}--deg), var(--${cssScope}--1-1), var(--${cssScope}--1-2));
-      --${cssScope}--2: linear-gradient(var(--${cssScope}--deg), var(--${cssScope}--2-1), var(--${cssScope}--2-2));
-      --${cssScope}--3: linear-gradient(var(--${cssScope}--deg), var(--${cssScope}--3-1), var(--${cssScope}--3-2));
-    }
-  `,
-        css `
-    :host {
-      display: flex;
-      margin: auto;
-      width: -moz-fit-content;
-      width: fit-content;
-      font-size: 2em;
-      align-items: center;
-    }
-
-    ::selection {
-      background: none;
-    }
-
-    .rel {
-      position: relative;
-      font-weight: 800;
-      font-size: inherit;
-      letter-spacing: -0.05em;
-    }
-  `,
-        css `
-    .nocolor,
-    .colorful {
-      padding: 0 0.05em;
-      box-sizing: border-box;
-      display: inline-block;
-      animation-iteration-count: infinite;
-      -webkit-text-fill-color: transparent;
-      -webkit-background-clip: text !important;
-      background-clip: text !important;
-    }
-    .colorful {
-      opacity: 0;
-      animation-name: colorfulN;
-    }
-    .nocolor {
-      position: absolute;
-      top: 0;
-      background: var(--${cssGlobalVars.clipBackground});
-    }
-  `,
-    ])
-], Overbreath);
-export { Overbreath };
-export default Overbreath;
-//# sourceMappingURL=overbreath.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"overbreath.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/text/overbreath.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, property } from \"../../_deps.js\";\nimport { godown } from \"../../decorators/godown.js\";\nimport { styles } from \"../../decorators/styles.js\";\nimport { htmlStyle } from \"../../lib/directives.js\";\nimport { GodownElement } from \"../../proto/godown-element.js\";\nimport { colorValues, createScope, cssGlobalVars } from \"../../styles/global.js\";\n\nconst defineName = \"overbreath\";\nconst cssScope = createScope(defineName);\n\n/**\n * {@linkcode Overbreath} render the text with a breathing effect.\n *\n * Dynamically generate a breathing effect based on the length of the split text.\n *\n * If there is not enough CSS variable `--${CSSprefix}--${number}`, the initial value will be repeated.\n *\n * Inspired by Vercel home page (2023).\n *\n */\n@godown(defineName)\n@styles([\n  css`\n    :host {\n      --${cssScope}--deg: 60deg;\n      --${cssScope}--1-1: ${colorValues.red[5]};\n      --${cssScope}--1-2: ${colorValues.yellow[5]};\n      --${cssScope}--2-1: ${colorValues.green[5]};\n      --${cssScope}--2-2: ${colorValues.purple[5]};\n      --${cssScope}--3-1: ${colorValues.blue[5]};\n      --${cssScope}--3-2: ${colorValues.pink[5]};\n      --${cssScope}--1: linear-gradient(var(--${cssScope}--deg), var(--${cssScope}--1-1), var(--${cssScope}--1-2));\n      --${cssScope}--2: linear-gradient(var(--${cssScope}--deg), var(--${cssScope}--2-1), var(--${cssScope}--2-2));\n      --${cssScope}--3: linear-gradient(var(--${cssScope}--deg), var(--${cssScope}--3-1), var(--${cssScope}--3-2));\n    }\n  `,\n  css`\n    :host {\n      display: flex;\n      margin: auto;\n      width: -moz-fit-content;\n      width: fit-content;\n      font-size: 2em;\n      align-items: center;\n    }\n\n    ::selection {\n      background: none;\n    }\n\n    .rel {\n      position: relative;\n      font-weight: 800;\n      font-size: inherit;\n      letter-spacing: -0.05em;\n    }\n  `,\n  css`\n    .nocolor,\n    .colorful {\n      padding: 0 0.05em;\n      box-sizing: border-box;\n      display: inline-block;\n      animation-iteration-count: infinite;\n      -webkit-text-fill-color: transparent;\n      -webkit-background-clip: text !important;\n      background-clip: text !important;\n    }\n    .colorful {\n      opacity: 0;\n      animation-name: colorfulN;\n    }\n    .nocolor {\n      position: absolute;\n      top: 0;\n      background: var(--${cssGlobalVars.clipBackground});\n    }\n  `,\n])\nexport class Overbreath extends GodownElement {\n  @property() text: string | string[];\n  @property() duration: string;\n  @property() speedup: string;\n\n  protected render() {\n    const texts = this.getTexts();\n    const len = texts.length;\n    const gap = 100 / 2 / len;\n    const duration = this.parseDuration() || len * 2 + 2;\n    const t = duration / len;\n\n    return html`${texts.map(this.renderText)}\n    ${htmlStyle(\n      `.colorful{animation-duration:${duration}s;}` +\n        `@keyframes colorfulN{0%,${gap * 3}%{opacity:0;}${gap}%,${gap * 2}%{opacity: 1;}}` +\n        texts\n          .map((_, index) => {\n            const number = index + 1;\n            const delay = -1 * t * (len - (number - 2));\n            const defaultNumber = ((number - 1) % 3) + 1;\n            return `.rel:nth-child(${number}) .colorful{animation-delay:${delay}s;background:var(--${cssScope}--${number},var(--${cssScope}--${defaultNumber}));}`;\n          })\n          .join(\"\"),\n    )}`;\n  }\n\n  protected renderText(text: string) {\n    return html`<span class=\"rel\">\n      <span class=\"nocolor\">${text}</span>\n      <span class=\"colorful\">${text}</span>\n    </span>`;\n  }\n  protected getTexts(): string[] {\n    return Array.isArray(this.text) ? this.text : (this.text || this.textContent).split(/\\s+/).filter((x) => x);\n  }\n\n  protected parseDuration() {\n    const { duration } = this;\n    if (duration) {\n      if (duration.endsWith(\"s\")) {\n        return parseFloat(duration.slice(0, -1));\n      } else if (duration.endsWith(\"ms\")) {\n        return parseFloat(duration.slice(0, -2)) / 1000;\n      }\n    }\n  }\n}\n\nexport default Overbreath;\n"]}

package/web-components/text/text.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"text.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/text/text.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAO9D;;GAEG;AACH,qBAmDa,IAAK,SAAQ,aAAa;IACrC;;OAEG;IACS,SAAS,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAU;IAEvE;;OAEG;IAC0B,IAAI,EAAE,OAAO,CAAC;IAE3C,SAAS,CAAC,MAAM;CAWjB;AAED,eAAe,IAAI,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"text.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/text/text.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEpE,MAAM,SAAS,GAAG,MAAM,CAAC;AAEzB,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAExC;;GAEG;AAoDI,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,aAAa;IAAhC;;QACL;;WAEG;QACS,cAAS,GAA2C,MAAM,CAAC;IAkBzE,CAAC;IAXW,MAAM;QACd,OAAO,IAAI,CAAA;;eAEA,OAAO,CAAC;YACf,CAAC,IAAI,CAAC,SAAS,IAAI,QAAQ,CAAC,EAAE,IAAI;YAClC,IAAI,EAAE,IAAI,CAAC,IAAI;SAChB,CAAC;;QAEA,QAAQ,EAAE;YACN,CAAC;IACX,CAAC;CACF,CAAA;AAlBa;IAAX,QAAQ,EAAE;uCAA4D;AAK1C;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kCAAe;AAThC,IAAI;IAnDhB,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CAAC;QACN,GAAG,CAAA;;UAEK,QAAQ;UACR,QAAQ;UACR,QAAQ;;;;;;;;;;;;;;qBAcG,QAAQ;;;;qBAIR,QAAQ;;;;qBAIR,QAAQ;;;;;;;;;;;;;;0BAcH,aAAa,CAAC,cAAc;;;;;;;GAOnD;KACF,CAAC;GACW,IAAI,CAsBhB;;AAED,eAAe,IAAI,CAAC","sourcesContent":["import { css, html, property } from \"../../_deps.js\";\nimport { godown } from \"../../decorators/godown.js\";\nimport { styles } from \"../../decorators/styles.js\";\nimport { combine, htmlSlot } from \"../../lib/directives.js\";\nimport { GodownElement } from \"../../proto/godown-element.js\";\nimport { createScope, cssGlobalVars } from \"../../styles/global.js\";\n\nconst protoName = \"text\";\n\nconst cssScope = createScope(protoName);\n\n/**\n * {@linkcode Text } renders nowrap text.\n */\n@godown(protoName)\n@styles([\n  css`\n    :host {\n      --${cssScope}--color: currentColor;\n      --${cssScope}--color-hover: currentColor;\n      --${cssScope}--color-active: currentColor;\n      display: inline-block;\n      text-overflow: ellipsis;\n      overflow-wrap: break-word;\n    }\n\n    span {\n      white-space: nowrap;\n      width: 100%;\n      vertical-align: bottom;\n      display: inline-block;\n      text-overflow: inherit;\n      overflow-wrap: inherit;\n      overflow: hidden;\n      color: var(--${cssScope}--color, inherit);\n    }\n\n    span:hover {\n      color: var(--${cssScope}--color-hover, inherit);\n    }\n\n    span:active {\n      color: var(--${cssScope}--color-active, inherit);\n    }\n\n    .hover:hover,\n    .active:active,\n    .always {\n      text-decoration: underline;\n    }\n\n    .none {\n      text-decoration: none;\n    }\n\n    .clip{\n      background: var(--${cssGlobalVars.clipBackground});\n      display: inline-block;\n      color: transparent;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n      -webkit-background-clip: text;\n    }\n  `,\n])\nexport class Text extends GodownElement {\n  /**\n   * Underline behavior.\n   */\n  @property() underline: \"none\" | \"hover\" | \"active\" | \"always\" = \"none\";\n\n  /**\n   * Set background-clip to text.\n   */\n  @property({ type: Boolean }) clip: boolean;\n\n  protected render() {\n    return html`<span\n      part=\"root\"\n      class=\"${combine({\n        [this.underline || \"always\"]: true,\n        clip: this.clip,\n      })}\"\n    >\n      ${htmlSlot()}\n    </span>`;\n  }\n}\n\nexport default Text;\n"]}

package/web-components/text/time.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"time.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/text/time.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1C,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9D;;GAEG;AACH,qBAQa,IAAK,SAAQ,aAAa;IACrC;;OAEG;IACS,MAAM,SAAO;IACzB;;;OAGG;IACS,MAAM,SAA8B;IAChD;;OAEG;IACyB,IAAI,OAAc;IAC9C;;OAEG;IACyB,OAAO,SAAK;IACxC;;OAEG;IACyB,GAAG,SAAK;IAEpC,SAAS,EAAE,MAAM,CAAC;IAElB,SAAS,CAAC,MAAM,IAAI,MAAM;IAI1B,SAAS,CAAC,YAAY;IAMtB,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAS1D,oBAAoB;IAIpB,YAAY;IAMZ;;;;;;;;;;;;;OAaG;IACH,MAAM,CAAC,GAAG,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,GAAG,MAAM;CA0CrD;AAED,eAAe,IAAI,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"time.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/text/time.ts"],"names":[],"mappings":"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","sourcesContent":["import { type PropertyValues } from \"lit\";\n\nimport { css, property } from \"../../_deps.js\";\nimport { godown } from \"../../decorators/godown.js\";\nimport styles from \"../../decorators/styles.js\";\nimport { GodownElement } from \"../../proto/godown-element.js\";\n\nconst protoName = \"time\";\n\n/**\n * {@linkcode Time} renders a formatting time.\n */\n@godown(protoName)\n@styles([\n  css`\n    :host {\n      text-align: center;\n    }\n  `,\n])\nexport class Time extends GodownElement {\n  /**\n   * Cancels the next character formatting.\n   */\n  @property() escape = \"%\";\n  /**\n   * Format strings.\n   * {@linkcode Time.fmt}\n   */\n  @property() format = \"YYYY-MM-DD hh:mm:ss UTFZ\";\n  /**\n   * Time.\n   */\n  @property({ type: Object }) time = new Date();\n  /**\n   * If there is a value, update every gap or timeout.\n   */\n  @property({ type: Number }) timeout = 0;\n  /**\n   * The number of milliseconds that change with each update.\n   */\n  @property({ type: Number }) gap = 0;\n\n  timeoutId: number;\n\n  protected render(): string {\n    return Time.fmt(this.format, this.time, this.escape);\n  }\n\n  protected firstUpdated() {\n    if (this.timeout) {\n      this.timeoutId = this.startTimeout();\n    }\n  }\n\n  protected updated(changedProperties: PropertyValues): void {\n    if (changedProperties.has(\"timeout\")) {\n      clearInterval(this.timeoutId);\n      if (this.timeout) {\n        this.timeoutId = this.startTimeout();\n      }\n    }\n  }\n\n  disconnectedCallback() {\n    clearInterval(this.timeoutId);\n  }\n\n  startTimeout() {\n    return setInterval(() => {\n      this.time = new Date(this.time.getTime() + (this.gap || this.timeout));\n    }, Math.abs(this.timeout));\n  }\n\n  /**\n   * Y for year\\\n   * M for month\\\n   * D for day\\\n   * h for hour\\\n   * m for minute\\\n   * s for second\\\n   * S for milli Second\\\n   * Z for time zone.\n   *\n   * @param fm Format string.\n   * @param tm Time.\n   * @returns Format result\n   */\n  static fmt(fm: string, tm: Date, em: string): string {\n    if (!fm) {\n      return fm;\n    }\n    tm = typeof tm === \"string\" ? new Date(tm) : tm;\n    if (isNaN(tm.getTime())) {\n      return fm;\n    }\n    const rest = [];\n    const replaced = `${em}${em}`;\n    fm = fm.replace(new RegExp(`${em}([ZYMDhmsS${em}])`, \"g\"), (_, p1) => {\n      rest.push(p1);\n      return replaced;\n    });\n\n    function formatNumber(n: number, max = 2) {\n      return n.toString().padStart(max, \"0\").split(\"\");\n    }\n\n    const z = tm.getTimezoneOffset() / -60;\n    const switcher: Record<string, string[]> = {\n      Z: [z >= 0 ? \"+\" + z.toString() : z.toString()],\n      Y: tm.getFullYear().toString().split(\"\"),\n      M: formatNumber(tm.getMonth() + 1),\n      D: formatNumber(tm.getDate()),\n      h: formatNumber(tm.getHours()),\n      m: formatNumber(tm.getMinutes()),\n      s: formatNumber(tm.getSeconds()),\n      S: formatNumber(tm.getMilliseconds(), 3),\n    };\n    const result: string[] = [];\n    for (const f of fm.split(\"\").reverse()) {\n      const s = switcher[f]?.pop();\n      result.push(s ? s : f);\n    }\n    return result\n      .reverse()\n      .join(\"\")\n      .replace(new RegExp(replaced, \"g\"), () => {\n        return rest.shift();\n      });\n  }\n}\n\nexport default Time;\n"]}

package/web-components/text/typewriter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"typewriter.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/text/typewriter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,gBAAgB,EAAgB,MAAM,gBAAgB,CAAC;AAK1F,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAM9D;;GAEG;AACH,qBAiCa,UAAW,SAAQ,aAAa;IAC3C;;OAEG;IACS,IAAI,SAAM;IACtB;;OAEG;IAC0B,OAAO,UAAS;IAC7C;;OAEG;IAC0B,KAAK,UAAS;IAC3C;;OAEG;IACyB,GAAG,SAAO;IACtC;;OAEG;IACyB,GAAG,SAAM;IACrC;;OAEG;IACyB,KAAK,SAAK;IACtC;;OAEG;IACyB,KAAK,SAAK;IACtC;;OAEG;IACM,OAAO,SAAM;IAEtB,SAAS,EAAE,MAAM,CAAC;IACN,EAAE,EAAE,WAAW,CAAC;IAE5B;;OAEG;IACH,IAAI,GAAG,WAEN;IAED,SAAS,CAAC,MAAM;IAIhB,SAAS,CAAC,YAAY;IAStB,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC;IAM3D,KAAK,CAAC,EAAE,SAAa;IAYrB,IAAI;IAIJ,GAAG;CAGJ;AAED,eAAe,UAAU,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"typewriter.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/text/typewriter.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, property, type PropertyValueMap, query, state } from \"../../_deps.js\";\nimport { godown } from \"../../decorators/godown.js\";\nimport { styles } from \"../../decorators/styles.js\";\nimport { htmlSlot } from \"../../lib/directives.js\";\nimport { random } from \"../../lib/utils.js\";\nimport { GodownElement } from \"../../proto/godown-element.js\";\nimport { createScope } from \"../../styles/global.js\";\n\nconst protoName = \"typewriter\";\nconst cssScope = createScope(protoName);\n\n/**\n * {@linkcode Typewriter} renders a typewriter effect to text.\n */\n@godown(protoName)\n@styles([\n  css`\n    :host {\n      --${cssScope}--cursor-width: .05em;\n      font-family: monospace;\n      white-space: nowrap;\n    }\n\n    i {\n      border-right: var(--${cssScope}--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])\nexport class Typewriter extends GodownElement {\n  /**\n   * Raw text.\n   */\n  @property() text = \"\";\n  /**\n   * Start immediately after {@linkcode Typewriter.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 Typewriter.text} length.\n   */\n  get len() {\n    return this.text.length;\n  }\n\n  protected render() {\n    return html`${htmlSlot()}${this.content}<i part=\"cursor\" 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 Typewriter;\n"]}

package/web-components/tooltip/tooltip.d.ts

@@ -1,30 +0,0 @@
-import GodownSuperOpenable, { type Direction8 } from "../../proto/super-openable.js";
-/**
- * {@linkcode Tooltip} provide tooltip for slot elements.
- *
- * Content can be opened in 8 directions.
- *
- * @slot tooltip - Tooltip element.
- * @slot - Tooltip trigger.
- *
- */
-export declare class Tooltip extends GodownSuperOpenable {
-    /**
-     * Open direction.
-     */
-    direction: Direction8;
-    /**
-     * Content align.
-     */
-    align: keyof typeof Tooltip.aligns | "inherit";
-    static aligns: {
-        start: string;
-        end: string;
-        center: string;
-        "flex-start": string;
-        "flex-end": string;
-    };
-    protected render(): import("lit").TemplateResult<1>;
-}
-export default Tooltip;
-//# sourceMappingURL=tooltip.d.ts.map

package/web-components/tooltip/tooltip.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/tooltip/tooltip.ts"],"names":[],"mappings":"AAIA,OAAO,mBAAmB,EAAE,EAAE,KAAK,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAMrF;;;;;;;;GAQG;AACH,qBAkEa,OAAQ,SAAQ,mBAAmB;IAC9C;;OAEG;IACS,SAAS,EAAE,UAAU,CAAS;IAC1C;;OAEG;IACS,KAAK,EAAE,MAAM,OAAO,OAAO,CAAC,MAAM,GAAG,SAAS,CAAY;IAEtE,MAAM,CAAC,MAAM;;;;;;MAMX;IAEF,SAAS,CAAC,MAAM;CAOjB;AAED,eAAe,OAAO,CAAC"}

package/web-components/tooltip/tooltip.js

@@ -1,123 +0,0 @@
-var Tooltip_1;
-import { __decorate } from "tslib";
-import { css, html, property } from "../../_deps.js";
-import { godown } from "../../decorators/godown.js";
-import { styles } from "../../decorators/styles.js";
-import { htmlSlot } from "../../lib/directives.js";
-import GodownSuperOpenable from "../../proto/super-openable.js";
-import { createScope } from "../../styles/global.js";
-const protoName = "tooltip";
-const cssScope = createScope(protoName);
-/**
- * {@linkcode Tooltip} provide tooltip for slot elements.
- *
- * Content can be opened in 8 directions.
- *
- * @slot tooltip - Tooltip element.
- * @slot - Tooltip trigger.
- *
- */
-let Tooltip = Tooltip_1 = class Tooltip extends GodownSuperOpenable {
-    constructor() {
-        super(...arguments);
-        /**
-         * Open direction.
-         */
-        this.direction = "top";
-        /**
-         * Content align.
-         */
-        this.align = "center";
-    }
-    render() {
-        const align = Tooltip_1.aligns[this.align] || "inherit";
-        return html `<div part="root" class="root" style="justify-content:${align};align-items:${align}">
-      ${htmlSlot()}
-      <div part="tooltip" direction="${this.direction}">${htmlSlot("tooltip")}</div>
-    </div>`;
-    }
-};
-Tooltip.aligns = {
-    start: "flex-start",
-    end: "flex-end",
-    center: "center",
-    "flex-start": "flex-start",
-    "flex-end": "flex-end",
-};
-__decorate([
-    property()
-], Tooltip.prototype, "direction", void 0);
-__decorate([
-    property()
-], Tooltip.prototype, "align", void 0);
-Tooltip = Tooltip_1 = __decorate([
-    godown(protoName),
-    styles([
-        css `
-    :host {
-      --${cssScope}--tooltip-gap: .15em;
-      transition: 0.3s ease-in-out;
-      border-radius: 0.25em;
-      display: block;
-      height: 100%;
-    }
-
-    [part="root"] {
-      display: flex;
-      position: relative;
-      transition: inherit;
-      border-radius: inherit;
-    }
-
-    [part="tooltip"] {
-      z-index: 1;
-      opacity: 0;
-      width: -moz-fit-content;
-      width: fit-content;
-      height: -moz-fit-content;
-      height: fit-content;
-      position: absolute;
-      visibility: hidden;
-      transition: inherit;
-      pointer-events: none;
-      border-radius: inherit;
-      transition-property:opacity;
-    }
-
-    :host(:hover) [part="tooltip"],
-    :host([open]) [part="tooltip"] {
-      visibility: visible;
-      animation: open .8s forwards;
-    }
-    @keyframes open {
-      50% {
-        opacity: 0;
-      }
-      100% {
-        opacity: 1;
-      }
-    }
-  `,
-        css `
-    [direction^="top"] {
-      bottom: 100%;
-      padding-bottom: var(--${cssScope}--tooltip-gap);
-    }
-    [direction^="bottom"] {
-      top: 100%;
-      padding-top: var(--${cssScope}--tooltip-gap);
-    }
-    [direction$="right"] {
-      left: 100%;
-      padding-left: var(--${cssScope}--tooltip-gap);
-    }
-    [direction$="left"] {
-      right: 100%;
-      padding-right: var(--${cssScope}--tooltip-gap);
-    }
-  `,
-    ])
-], Tooltip);
-export { Tooltip };
-export default Tooltip;
-//# sourceMappingURL=tooltip.js.map

package/web-components/tooltip/tooltip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/tooltip/tooltip.ts"],"names":[],"mappings":";;AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,mBAAwC,MAAM,+BAA+B,CAAC;AACrF,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,MAAM,SAAS,GAAG,SAAS,CAAC;AAC5B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAExC;;;;;;;;GAQG;AAmEI,IAAM,OAAO,eAAb,MAAM,OAAQ,SAAQ,mBAAmB;IAAzC;;QACL;;WAEG;QACS,cAAS,GAAe,KAAK,CAAC;QAC1C;;WAEG;QACS,UAAK,GAA4C,QAAQ,CAAC;IAiBxE,CAAC;IAPW,MAAM;QACd,MAAM,KAAK,GAAG,SAAO,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,SAAS,CAAC;QACtD,OAAO,IAAI,CAAA,wDAAwD,KAAK,gBAAgB,KAAK;QACzF,QAAQ,EAAE;uCACqB,IAAI,CAAC,SAAS,KAAK,QAAQ,CAAC,SAAS,CAAC;WAClE,CAAC;IACV,CAAC;;AAdM,cAAM,GAAG;IACd,KAAK,EAAE,YAAY;IACnB,GAAG,EAAE,UAAU;IACf,MAAM,EAAE,QAAQ;IAChB,YAAY,EAAE,YAAY;IAC1B,UAAU,EAAE,UAAU;CACvB,AANY,CAMX;AAZU;IAAX,QAAQ,EAAE;0CAA+B;AAI9B;IAAX,QAAQ,EAAE;sCAA2D;AAR3D,OAAO;IAlEnB,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CAAC;QACN,GAAG,CAAA;;UAEK,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0Cf;QACD,GAAG,CAAA;;;8BAGyB,QAAQ;;;;2BAIX,QAAQ;;;;4BAIP,QAAQ;;;;6BAIP,QAAQ;;GAElC;KACF,CAAC;GACW,OAAO,CAyBnB;;AAED,eAAe,OAAO,CAAC","sourcesContent":["import { css, html, property } from \"../../_deps.js\";\nimport { godown } from \"../../decorators/godown.js\";\nimport { styles } from \"../../decorators/styles.js\";\nimport { htmlSlot } from \"../../lib/directives.js\";\nimport GodownSuperOpenable, { type Direction8 } from \"../../proto/super-openable.js\";\nimport { createScope } from \"../../styles/global.js\";\n\nconst protoName = \"tooltip\";\nconst cssScope = createScope(protoName);\n\n/**\n * {@linkcode Tooltip} provide tooltip for slot elements.\n *\n * Content can be opened in 8 directions.\n *\n * @slot tooltip - Tooltip element.\n * @slot - Tooltip trigger.\n *\n */\n@godown(protoName)\n@styles([\n  css`\n    :host {\n      --${cssScope}--tooltip-gap: .15em;\n      transition: 0.3s ease-in-out;\n      border-radius: 0.25em;\n      display: block;\n      height: 100%;\n    }\n\n    [part=\"root\"] {\n      display: flex;\n      position: relative;\n      transition: inherit;\n      border-radius: inherit;\n    }\n\n    [part=\"tooltip\"] {\n      z-index: 1;\n      opacity: 0;\n      width: -moz-fit-content;\n      width: fit-content;\n      height: -moz-fit-content;\n      height: fit-content;\n      position: absolute;\n      visibility: hidden;\n      transition: inherit;\n      pointer-events: none;\n      border-radius: inherit;\n      transition-property:opacity;\n    }\n\n    :host(:hover) [part=\"tooltip\"],\n    :host([open]) [part=\"tooltip\"] {\n      visibility: visible;\n      animation: open .8s forwards;\n    }\n    @keyframes open {\n      50% {\n        opacity: 0;\n      }\n      100% {\n        opacity: 1;\n      }\n    }\n  `,\n  css`\n    [direction^=\"top\"] {\n      bottom: 100%;\n      padding-bottom: var(--${cssScope}--tooltip-gap);\n    }\n    [direction^=\"bottom\"] {\n      top: 100%;\n      padding-top: var(--${cssScope}--tooltip-gap);\n    }\n    [direction$=\"right\"] {\n      left: 100%;\n      padding-left: var(--${cssScope}--tooltip-gap);\n    }\n    [direction$=\"left\"] {\n      right: 100%;\n      padding-right: var(--${cssScope}--tooltip-gap);\n    }\n  `,\n])\nexport class Tooltip extends GodownSuperOpenable {\n  /**\n   * Open direction.\n   */\n  @property() direction: Direction8 = \"top\";\n  /**\n   * Content align.\n   */\n  @property() align: keyof typeof Tooltip.aligns | \"inherit\" = \"center\";\n\n  static aligns = {\n    start: \"flex-start\",\n    end: \"flex-end\",\n    center: \"center\",\n    \"flex-start\": \"flex-start\",\n    \"flex-end\": \"flex-end\",\n  };\n\n  protected render() {\n    const align = Tooltip.aligns[this.align] || \"inherit\";\n    return html`<div part=\"root\" class=\"root\" style=\"justify-content:${align};align-items:${align}\">\n      ${htmlSlot()}\n      <div part=\"tooltip\" direction=\"${this.direction}\">${htmlSlot(\"tooltip\")}</div>\n    </div>`;\n  }\n}\n\nexport default Tooltip;\n"]}

package/web-components/wrapper/dragbox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"dragbox.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/wrapper/dragbox.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9D;;GAEG;AACH,qBAca,OAAQ,SAAQ,aAAa;IACxC,IAAI,EAAE,OAAO,CAAC;IACd,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACS,CAAC,SAAU;IACvB;;OAEG;IACS,CAAC,SAAU;IAEvB,SAAS,CAAC,MAAM;IAIhB,SAAS,CAAC,YAAY;IAItB,SAAS,CAAC,gBAAgB,CAAC,CAAC,EAAE,UAAU;IAUxC,cAAc,EAAE,YAAY,CAAC;IAC7B,eAAe,EAAE,YAAY,CAAC;IAE9B,SAAS,CAAC,cAAc;IAMxB,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,UAAU;IAuBnC,KAAK;CAWN;AAED,eAAe,OAAO,CAAC"}

package/web-components/wrapper/dragbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dragbox.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/wrapper/dragbox.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, property } from \"../../_deps.js\";\nimport { godown } from \"../../decorators/godown.js\";\nimport styles from \"../../decorators/styles.js\";\nimport { htmlSlot } from \"../../lib/directives.js\";\nimport { ListenerFunc } from \"../../lib/event-coll.js\";\nimport { GodownElement } from \"../../proto/godown-element.js\";\n\nconst protoName = \"dragbox\";\n\n/**\n * {@linkcode Dragbox} does not extend beyond the range of {@linkcode Dragbox.offsetsWidth} and {@linkcode Dragbox.offsetsHeight}.\n */\n@godown(protoName)\n@styles([\n  css`\n    :host {\n      position: absolute;\n      display: block;\n    }\n\n    :host(:active) {\n      -webkit-user-select: none;\n      user-select: none;\n    }\n  `,\n])\nexport class Dragbox extends GodownElement {\n  drag: boolean;\n  t: number;\n  l: number;\n  cx: number;\n  cy: number;\n\n  /**\n   * Position x.\n   */\n  @property() x = \"auto\";\n  /**\n   * Position y.\n   */\n  @property() y = \"auto\";\n\n  protected render() {\n    return html`<div @mousedown=\"${this._handleDragStart}\" @mouseup=\"${this._handleDragEnd}\">${htmlSlot()}</div>`;\n  }\n\n  protected firstUpdated() {\n    this.reset();\n  }\n\n  protected _handleDragStart(e: MouseEvent) {\n    this.cx = e.clientX;\n    this.cy = e.clientY;\n    this.t = this.offsetTop;\n    this.l = this.offsetLeft;\n    this.drag = true;\n    this.mouseMoveEvent = this.addEvent(document, \"mousemove\", this._handleDrag.bind(this));\n    this.mouseLeaveEvent = this.addEvent(document, \"mouseleave\", this._handleDragEnd.bind(this));\n  }\n\n  mouseMoveEvent: ListenerFunc;\n  mouseLeaveEvent: ListenerFunc;\n\n  protected _handleDragEnd() {\n    this.drag = false;\n    this.removeEvent(document, \"mousemove\", this.mouseMoveEvent);\n    this.removeEvent(document, \"mouseleave\", this.mouseLeaveEvent);\n  }\n\n  protected _handleDrag(e: MouseEvent) {\n    if (!this.drag) {\n      return;\n    }\n    const nl = e.clientX - (this.cx - this.l);\n    const nt = e.clientY - (this.cy - this.t);\n    const { style, offsetsWidth, offsetsHeight, offsetWidth, offsetHeight } = this;\n    if (nl < 0) {\n      style.left = \"0\";\n    } else if (nl < offsetsWidth - offsetWidth) {\n      style.left = `${nl}px`;\n    } else {\n      style.left = `${offsetsWidth - offsetWidth}\"px\"`;\n    }\n    if (nt < 0) {\n      style.top = \"0\";\n    } else if (nt < offsetsHeight - offsetHeight) {\n      style.top = `${nt}px`;\n    } else {\n      style.top = `${offsetsHeight - offsetHeight}px`;\n    }\n  }\n\n  reset() {\n    const { x, y, style, offsetsWidth, offsetsHeight, offsetWidth, offsetHeight, offsetLeft, offsetTop } = this;\n    style.left = x || \"0\";\n    style.top = y || \"0\";\n    if (offsetLeft > offsetsWidth - offsetWidth) {\n      style.left = `${offsetsWidth - offsetWidth}px`;\n    }\n    if (offsetTop > offsetsHeight - offsetHeight) {\n      style.top = `${offsetsHeight - offsetHeight}px`;\n    }\n  }\n}\n\nexport default Dragbox;\n"]}

package/web-components/wrapper/rotate.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"rotate.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/wrapper/rotate.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAM9D;;GAEG;AACH,qBA+Ba,MAAO,SAAQ,aAAa;IACzB,KAAK,EAAE,WAAW,CAAC;IAEjC,SAAS,CAAC,MAAM;IAOhB;;OAEG;IACH,KAAK;IAKL;;OAEG;IACH,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,UAAU;IAMrC;;;;;;;OAOG;IACH,cAAc,CAAC,CAAC,EAAE,UAAU;;;;CAU7B;AAED,eAAe,MAAM,CAAC"}

package/web-components/wrapper/rotate.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"rotate.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/wrapper/rotate.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,MAAM,SAAS,GAAG,QAAQ,CAAC;AAC3B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAExC;;GAEG;AAgCI,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,aAAa;IAG7B,MAAM;QACd,OAAO,IAAI,CAAA;qCACsB,IAAI,CAAC,aAAa,KAAK,QAAQ,EAAE;wBAC9C,IAAI,CAAC,KAAK;WACvB,CAAC;IACV,CAAC;IAED;;OAEG;IACH,KAAK;QACH,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;QAC7C,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;IAChD,CAAC;IAED;;OAEG;IACO,aAAa,CAAC,CAAa;QACnC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;QACpD,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,WAAW,EAAE,WAAW,OAAO,gBAAgB,OAAO,MAAM,CAAC,CAAC;QAC3F,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;IACnD,CAAC;IAED;;;;;;;OAOG;IACH,cAAc,CAAC,CAAa;QAC1B,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,EAAE,CAAC;QACxE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC;QAC/B,MAAM,OAAO,GAAG,OAAO,GAAG,IAAI,CAAC;QAC/B,MAAM,OAAO,GAAG,OAAO,GAAG,GAAG,CAAC;QAE9B,MAAM,OAAO,GAAG,CAAC,CAAC,OAAO,GAAG,MAAM,GAAG,CAAC,CAAC,GAAG,MAAM,GAAG,CAAC,CAAC;QACrD,MAAM,OAAO,GAAG,CAAC,OAAO,GAAG,KAAK,GAAG,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC;QAClD,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC;IAC9B,CAAC;CACF,CAAA;AA5Ce;IAAb,IAAI,CAAC,MAAM,CAAC;qCAAoB;AADtB,MAAM;IA/BlB,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CAAC,GAAG,CAAA;;;;;;QAMH,QAAQ;QACR,QAAQ;;;;;;;;;;;;;;;qBAeK,QAAQ;8BACC,QAAQ;;;;;;CAMrC,CAAC;GACW,MAAM,CA6ClB;;AAED,eAAe,MAAM,CAAC","sourcesContent":["import { css, html } from \"../../_deps.js\";\nimport { godown } from \"../../decorators/godown.js\";\nimport { part } from \"../../decorators/part.js\";\nimport { styles } from \"../../decorators/styles.js\";\nimport { htmlSlot } from \"../../lib/directives.js\";\nimport { GodownElement } from \"../../proto/godown-element.js\";\nimport { createScope } from \"../../styles/global.js\";\n\nconst protoName = \"rotate\";\nconst cssScope = createScope(protoName);\n\n/**\n * {@linkcode Rotate} Make child elements rotate.\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    display: block;\n    width: -moz-fit-content;\n    width: fit-content;\n    transition: all 0.5s ease-in-out;\n    --${cssScope}--padding: .75em;\n    --${cssScope}--offset: .5em;\n  }\n\n  div {\n    position: relative;\n    transition: inherit;\n    transition-property: transform;\n  }\n\n  i {\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    top: 0;\n    box-sizing: content-box;\n    padding: var(--${cssScope}--offset);\n    margin: calc(-1 * var(--${cssScope}--offset));\n  }\n\n  [part=\"slot\"]{\n    z-index: 2;\n  }\n`)\nexport class Rotate extends GodownElement {\n  @part(\"root\") _root: HTMLElement;\n\n  protected render() {\n    return html`<div part=\"root\">\n      <div part=\"slot\" @mousemove=\"${this._handleRotate}\">${htmlSlot()}</div>\n      <i @mouseleave=\"${this.reset}\"></i>\n    </div>`;\n  }\n\n  /**\n   * Cancel the offset.\n   */\n  reset() {\n    this._root.style.removeProperty(\"transform\");\n    this._root.style.removeProperty(\"transition\");\n  }\n\n  /**\n   * Apply offset.\n   */\n  protected _handleRotate(e: MouseEvent) {\n    const { rotateX, rotateY } = this._computeOffset(e);\n    this._root.style.setProperty(\"transform\", `rotateX(${rotateX}rad) rotateY(${rotateY}rad)`);\n    this._root.style.setProperty(\"transition\", \"0s\");\n  }\n\n  /**\n   * Compute offset.\n   * ```\n   * `rotateX(${rotateX}rad) rotateY(${rotateY}rad)`\n   * ```\n   * @param e Mouse move event.\n   * @returns rotateX, rotateY\n   */\n  _computeOffset(e: MouseEvent) {\n    const { left, top, width, height } = this._root.getBoundingClientRect();\n    const { clientX, clientY } = e;\n    const offsetX = clientX - left;\n    const offsetY = clientY - top;\n\n    const rotateX = -(offsetY - height / 2) / height / 2;\n    const rotateY = (offsetX - width / 2) / width / 2;\n    return { rotateX, rotateY };\n  }\n}\n\nexport default Rotate;\n"]}