godown 2.7.6 → 3.0.0-canary.0

package/web-components/router/router.js

@@ -1,246 +0,0 @@
-var Router_1;
-import { __decorate } from "tslib";
-import { css, property, state } from "../../_deps.js";
-import conf from "../../conf.js";
-import { godown } from "../../decorators/godown.js";
-import { styles } from "../../decorators/styles.js";
-import { htmlSlot } from "../../lib/directives.js";
-import RouteTree from "../../lib/route-tree.js";
-import { deepQuerySelectorAll } from "../../lib/utils.js";
-import { GodownElement } from "../../proto/godown-element.js";
-const protoName = "router";
-/**
- * {@linkcode Router} has basic routing control.
- *
- * To switch routes, use history api or router-link.
- */
-let Router = Router_1 = class Router extends GodownElement {
-    constructor() {
-        super(...arguments);
-        this._routes = [];
-        this._routeTree = new RouteTree();
-        /**
-         * Component will render.
-         */
-        this.component = null;
-        /**
-         * Dynamic parameters record.
-         */
-        this.params = {};
-        /**
-         * Value of matched path in routes, or null.
-         */
-        this.path = null;
-        /**
-         * Current pathname (location.pathname).
-         */
-        this.pathname = "";
-        /**
-         * Path prefix.
-         */
-        this.baseURL = "";
-        /**
-         * Rendered content when there is no match.
-         */
-        this.default = htmlSlot();
-        /**
-         * The type of routing query.
-         */
-        this.type = "united";
-        /**
-         * Rewrite history.
-         */
-        this.override = true;
-        /**
-         * Cache accessed.
-         */
-        this.cache = false;
-        /**
-         * Cache record.
-         */
-        this.record = new Map();
-        /**
-         *
-         * @param ur value of useRouter()
-         * @param first whether this path is loaded for the first time
-         */
-        this.routeChangeCallback = null;
-    }
-    set routes(v) {
-        this._routes = v;
-        this.reset();
-        for (const route of v) {
-            this._routeTree.insert(route.path);
-        }
-        this.requestUpdate();
-    }
-    get routes() {
-        return this._routes;
-    }
-    reset() {
-        this._routeTree = new RouteTree();
-        this.record.clear();
-    }
-    render() {
-        this.params = {};
-        if (this.cache) {
-            const cached = this.record.get(this.pathname);
-            if (cached) {
-                Object.assign(this, cached);
-                return this.component;
-            }
-        }
-        switch (this.type) {
-            case "field":
-                this.component = this.fieldComponent();
-                break;
-            case "slotted":
-                this.component = this.slottedComponent();
-                break;
-            case "united":
-                this.component = this.fieldComponent() ?? this.slottedComponent();
-                break;
-        }
-        return this.component ?? this.default;
-    }
-    useRouter() {
-        return {
-            pathname: this.pathname,
-            params: this.params,
-            path: this.path,
-            component: this.component,
-        };
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.pathname = window.location.pathname;
-        if (!this.override) {
-            return;
-        }
-        this.addEvent(window, "popstate", () => {
-            this.pathname = window.location.pathname;
-        });
-        const self = this;
-        const pushHistory = history.pushState;
-        const { override } = conf;
-        if (!override.pushState) {
-            override.pushState = pushHistory;
-        }
-        history.pushState = function () {
-            pushHistory.apply(this, arguments);
-            self.pathname = window.location.pathname;
-        };
-        const replaceHistory = history.replaceState;
-        history.replaceState = function () {
-            replaceHistory.apply(this, arguments);
-            self.pathname = window.location.pathname;
-        };
-    }
-    updated(changedProperties) {
-        const shouldDispatch = changedProperties.has("pathname") || changedProperties.has("path");
-        if (shouldDispatch) {
-            const ur = this.useRouter();
-            const noRecord = !this.record.has(this.pathname);
-            if (noRecord) {
-                this.record.set(this.pathname, ur);
-            }
-            this.routeChangeCallback?.(ur, noRecord);
-            this.dispatchEvent(new CustomEvent("change", { detail: ur }));
-        }
-    }
-    fieldComponent(usedRouteTemplate) {
-        if (!usedRouteTemplate) {
-            usedRouteTemplate = this.useWhichRoute(this.pathname);
-        }
-        this.path = usedRouteTemplate;
-        if (!usedRouteTemplate) {
-            return null;
-        }
-        this.params = this.parseRouterParams(this.path, this.pathname);
-        const route = this.routes.find((r) => r.path === usedRouteTemplate);
-        if (!route) {
-            return null;
-        }
-        return route.component;
-    }
-    slottedComponent(usedRouteTemplate) {
-        const childNodes = this.slottedChildren;
-        if (!childNodes.length) {
-            return null;
-        }
-        const slottedPaths = Array.from(childNodes).map((node) => {
-            const slotName = node.getAttribute("slot");
-            return {
-                path: slotName,
-            };
-        });
-        const tempRouteTree = new RouteTree();
-        for (const withPath of slottedPaths) {
-            tempRouteTree.insert(withPath.path);
-        }
-        if (!usedRouteTemplate) {
-            usedRouteTemplate = tempRouteTree.useWhich(this.pathname);
-            if (!usedRouteTemplate) {
-                return null;
-            }
-        }
-        const slotElement = slottedPaths.find((s) => s.path === usedRouteTemplate);
-        if (!slotElement) {
-            return null;
-        }
-        this.params = this.parseRouterParams(usedRouteTemplate, this.pathname);
-        return htmlSlot(slotElement.path);
-    }
-    useWhichRoute(path) {
-        return this._routeTree.useWhich(this.baseURL + path);
-    }
-    parseRouterParams(routeTemplate, path) {
-        return this._routeTree.parseParams(path, routeTemplate);
-    }
-    static updateAll() {
-        const routeViewArray = deepQuerySelectorAll(Router_1.elementTagName, document.body);
-        routeViewArray.forEach((ArrayItem) => {
-            if (!ArrayItem.override) {
-                ArrayItem.pathname = window.location.pathname;
-            }
-        });
-    }
-};
-__decorate([
-    state()
-], Router.prototype, "component", void 0);
-__decorate([
-    state()
-], Router.prototype, "params", void 0);
-__decorate([
-    state()
-], Router.prototype, "path", void 0);
-__decorate([
-    property()
-], Router.prototype, "pathname", void 0);
-__decorate([
-    property()
-], Router.prototype, "baseURL", void 0);
-__decorate([
-    state()
-], Router.prototype, "default", void 0);
-__decorate([
-    property()
-], Router.prototype, "type", void 0);
-__decorate([
-    state()
-], Router.prototype, "override", void 0);
-__decorate([
-    property({ type: Boolean })
-], Router.prototype, "cache", void 0);
-Router = Router_1 = __decorate([
-    godown(protoName),
-    styles(css `
-  :host {
-    display: contents;
-  }
-`)
-], Router);
-export { Router };
-export default Router;
-//# sourceMappingURL=router.js.map

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"}