godown 2.7.6 → 3.0.0-canary.0

package/web-components/avatar/avatar-group.js

@@ -1,86 +0,0 @@
-import { __decorate } from "tslib";
-import { css, 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 { htmlStyle } from "../../lib/directives.js";
-import { GodownElement } from "../../proto/godown-element.js";
-import Avatar from "./avatar.js";
-const protoName = "avatar-group";
-/**
- * {@linkcode AvatarGroup} used to limit the number of subcomponents.
- */
-let AvatarGroup = class AvatarGroup extends GodownElement {
-    constructor() {
-        super(...arguments);
-        /**
-         * Maximum number of child elements acceptable.
-         */
-        this.max = 99;
-        /**
-         * Exceeded quantity.
-         */
-        this.more = 0;
-    }
-    render() {
-        return [
-            htmlSlot(),
-            ifValue(this.more > 0, [
-                htmlStyle(`slot::slotted(:nth-of-type(n+${this.max})){display: none;}`),
-                new Avatar({ innerText: `+${this.more}` }),
-            ]),
-        ];
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        if (this.children.length > this.max) {
-            this.more = this.children.length - this.max;
-        }
-    }
-    push(a) {
-        if (this.assigned.length === this.max) {
-            this.more = 2;
-        }
-        else {
-            this.more += 1;
-        }
-        this.appendChild(a);
-    }
-    pop() {
-        if (this.assigned.length) {
-            this.assigned.pop().remove();
-            if (this.more === 2) {
-                this.more = 0;
-            }
-            else {
-                this.more -= 1;
-            }
-        }
-    }
-};
-__decorate([
-    property({ type: Number })
-], AvatarGroup.prototype, "max", void 0);
-__decorate([
-    state()
-], AvatarGroup.prototype, "more", void 0);
-AvatarGroup = __decorate([
-    godown(protoName),
-    styles([
-        css `
-    :host {
-      display: flex;
-      width: 100%;
-    }
-  `,
-    ])
-], AvatarGroup);
-export { AvatarGroup };
-export default AvatarGroup;
-// declare global {
-//   interface HTMLElementTagNameMap {
-//     ["godown-avatar-group"]: AvatarGroup;
-//   }
-// }
-//# sourceMappingURL=avatar-group.js.map

package/web-components/avatar/avatar-group.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"avatar-group.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/avatar/avatar-group.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACtD,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,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,MAAM,MAAM,aAAa,CAAC;AAEjC,MAAM,SAAS,GAAG,cAAc,CAAC;AAEjC;;GAEG;AAUI,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,aAAa;IAAvC;;QACL;;WAEG;QACyB,QAAG,GAAG,EAAE,CAAC;QAErC;;WAEG;QACM,SAAI,GAAG,CAAC,CAAC;IAsCpB,CAAC;IApCW,MAAM;QACd,OAAO;YACL,QAAQ,EAAE;YACV,OAAO,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,EAAE;gBACrB,SAAS,CAAC,gCAAgC,IAAI,CAAC,GAAG,oBAAoB,CAAC;gBACvE,IAAI,MAAM,CAAC,EAAE,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC;aAC3C,CAAC;SACH,CAAC;IACJ,CAAC;IAED,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;YACpC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC;QAC9C,CAAC;IACH,CAAC;IAED,IAAI,CAAC,CAAS;QACZ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,IAAI,CAAC,GAAG,EAAE,CAAC;YACtC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;QAChB,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC;QACjB,CAAC;QACD,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;IACtB,CAAC;IAED,GAAG;QACD,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;YACzB,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC;YAC7B,IAAI,IAAI,CAAC,IAAI,KAAK,CAAC,EAAE,CAAC;gBACpB,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;YAChB,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC;YACjB,CAAC;QACH,CAAC;IACH,CAAC;CACF,CAAA;AA3C6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCAAU;AAK5B;IAAR,KAAK,EAAE;yCAAU;AATP,WAAW;IATvB,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CAAC;QACN,GAAG,CAAA;;;;;GAKF;KACF,CAAC;GACW,WAAW,CA+CvB;;AAED,eAAe,WAAW,CAAC;AAE3B,mBAAmB;AACnB,sCAAsC;AACtC,4CAA4C;AAC5C,MAAM;AACN,IAAI","sourcesContent":["import { css, 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 { htmlStyle } from \"../../lib/directives.js\";\nimport { GodownElement } from \"../../proto/godown-element.js\";\nimport Avatar from \"./avatar.js\";\n\nconst protoName = \"avatar-group\";\n\n/**\n * {@linkcode AvatarGroup} used to limit the number of subcomponents.\n */\n@godown(protoName)\n@styles([\n  css`\n    :host {\n      display: flex;\n      width: 100%;\n    }\n  `,\n])\nexport class AvatarGroup extends GodownElement {\n  /**\n   * Maximum number of child elements acceptable.\n   */\n  @property({ type: Number }) max = 99;\n\n  /**\n   * Exceeded quantity.\n   */\n  @state() more = 0;\n\n  protected render() {\n    return [\n      htmlSlot(),\n      ifValue(this.more > 0, [\n        htmlStyle(`slot::slotted(:nth-of-type(n+${this.max})){display: none;}`),\n        new Avatar({ innerText: `+${this.more}` }),\n      ]),\n    ];\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    if (this.children.length > this.max) {\n      this.more = this.children.length - this.max;\n    }\n  }\n\n  push(a: Avatar) {\n    if (this.assigned.length === this.max) {\n      this.more = 2;\n    } else {\n      this.more += 1;\n    }\n    this.appendChild(a);\n  }\n\n  pop() {\n    if (this.assigned.length) {\n      this.assigned.pop().remove();\n      if (this.more === 2) {\n        this.more = 0;\n      } else {\n        this.more -= 1;\n      }\n    }\n  }\n}\n\nexport default AvatarGroup;\n\n// declare global {\n//   interface HTMLElementTagNameMap {\n//     [\"godown-avatar-group\"]: AvatarGroup;\n//   }\n// }\n"]}

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

@@ -1,28 +0,0 @@
-import GodownAnchor from "../../proto/super-a.js";
-/**
- * {@linkcode Avatar} renders the avatar or name and has a href.
- */
-export declare class Avatar extends GodownAnchor {
-    /**
-     * Image src.
-     */
-    src: string | undefined | null;
-    /**
-     * Default image src.
-     */
-    default: string;
-    /**
-     * Link href.
-     */
-    href: any;
-    /**
-     * If the image is not available, the {@linkcode Avatar.format} will be displayed.
-     */
-    name: string;
-    protected render(): import("lit").TemplateResult<1>;
-    private renderAva;
-    format(): string;
-    imgOnError(e: ErrorEvent): void;
-}
-export default Avatar;
-//# sourceMappingURL=avatar.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"avatar.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/avatar/avatar.ts"],"names":[],"mappings":"AAIA,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAMlD;;GAEG;AACH,qBA8Ca,MAAO,SAAQ,YAAY;IACtC;;OAEG;IACS,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IAC3C;;OAEG;IACS,OAAO,EAAE,MAAM,CAAa;IACxC;;OAEG;IACS,IAAI,MAAa;IAC7B;;OAEG;IACS,IAAI,SAAM;IAEtB,SAAS,CAAC,MAAM;IAIhB,OAAO,CAAC,SAAS;IAUjB,MAAM,IAAI,MAAM;IAIhB,UAAU,CAAC,CAAC,EAAE,UAAU;CAOzB;AAED,eAAe,MAAM,CAAC"}

package/web-components/avatar/avatar.js

@@ -1,120 +0,0 @@
-import { __decorate } from "tslib";
-import { css, html, ifDefined, property } from "../../_deps.js";
-import { godown } from "../../decorators/godown.js";
-import { styles } from "../../decorators/styles.js";
-import { htmlSlot } from "../../lib/directives.js";
-import GodownAnchor from "../../proto/super-a.js";
-import { createScope } from "../../styles/global.js";
-const protoName = "avatar";
-const cssScope = createScope(protoName);
-/**
- * {@linkcode Avatar} renders the avatar or name and has a href.
- */
-let Avatar = class Avatar extends GodownAnchor {
-    constructor() {
-        super(...arguments);
-        /**
-         * Default image src.
-         */
-        this.default = undefined;
-        /**
-         * Link href.
-         */
-        this.href = undefined;
-        /**
-         * If the image is not available, the {@linkcode Avatar.format} will be displayed.
-         */
-        this.name = "";
-    }
-    render() {
-        return html `<a part="root" href="${ifDefined(this.href)}"> ${this.renderAva()} ${htmlSlot("mask")}</a> `;
-    }
-    renderAva() {
-        if (this.src) {
-            return html `<img part="image" src="${this.src}" @error=${this.imgOnError} alt="${this.name}" />`;
-        }
-        if (this.name) {
-            return html `<span part="name">${this.format()}</span>`;
-        }
-        return htmlSlot();
-    }
-    format() {
-        return this.name;
-    }
-    imgOnError(e) {
-        if (this.default) {
-            e.target.src = this.default;
-        }
-        else {
-            this.src = undefined;
-        }
-    }
-};
-__decorate([
-    property()
-], Avatar.prototype, "src", void 0);
-__decorate([
-    property()
-], Avatar.prototype, "default", void 0);
-__decorate([
-    property()
-], Avatar.prototype, "href", void 0);
-__decorate([
-    property()
-], Avatar.prototype, "name", void 0);
-Avatar = __decorate([
-    godown(protoName),
-    styles([
-        css `
-    :host {
-      --${cssScope}--avatar-size: 2.4em;
-      display: inline-block;
-    }
-
-    img {
-      width: 100%;
-      height: 100%;
-      object-fit: cover;
-    }
-
-    a {
-      display: block;
-      color: inherit;
-      overflow: hidden;
-      position: relative;
-      border-radius: inherit;
-      width: var(--${cssScope}--avatar-size);
-      height: var(--${cssScope}--avatar-size);
-    }
-
-    span {
-      position: absolute;
-      width: 100%;
-    }
-
-    a,
-    [part="name"] {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
-
-    [part="mask"] {
-      position: absolute;
-      display: flex;
-      width: 100%;
-      height: 100%;
-      align-items: center;
-      justify-content: center;
-    }
-  `,
-    ])
-], Avatar);
-export { Avatar };
-export default Avatar;
-// declare global {
-//   interface HTMLElementTagNameMap {
-//     ["godown-avatar"]: Avatar
-//   }
-// }
-//# sourceMappingURL=avatar.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"avatar.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/avatar/avatar.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAChE,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,YAAY,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,MAAM,SAAS,GAAG,QAAQ,CAAC;AAC3B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAExC;;GAEG;AA+CI,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,YAAY;IAAjC;;QAKL;;WAEG;QACS,YAAO,GAAW,SAAS,CAAC;QACxC;;WAEG;QACS,SAAI,GAAG,SAAS,CAAC;QAC7B;;WAEG;QACS,SAAI,GAAG,EAAE,CAAC;IA2BxB,CAAC;IAzBW,MAAM;QACd,OAAO,IAAI,CAAA,wBAAwB,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE,IAAI,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC;IAC3G,CAAC;IAEO,SAAS;QACf,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC;YACb,OAAO,IAAI,CAAA,0BAA0B,IAAI,CAAC,GAAG,YAAY,IAAI,CAAC,UAAU,SAAS,IAAI,CAAC,IAAI,MAAM,CAAC;QACnG,CAAC;QACD,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,OAAO,IAAI,CAAA,qBAAqB,IAAI,CAAC,MAAM,EAAE,SAAS,CAAC;QACzD,CAAC;QACD,OAAO,QAAQ,EAAE,CAAC;IACpB,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAED,UAAU,CAAC,CAAa;QACtB,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YAChB,CAAC,CAAC,MAA2B,CAAC,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC;QACpD,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,GAAG,GAAG,SAAS,CAAC;QACvB,CAAC;IACH,CAAC;CACF,CAAA;AAvCa;IAAX,QAAQ,EAAE;mCAAgC;AAI/B;IAAX,QAAQ,EAAE;uCAA6B;AAI5B;IAAX,QAAQ,EAAE;oCAAkB;AAIjB;IAAX,QAAQ,EAAE;oCAAW;AAhBX,MAAM;IA9ClB,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CAAC;QACN,GAAG,CAAA;;UAEK,QAAQ;;;;;;;;;;;;;;;;qBAgBG,QAAQ;sBACP,QAAQ;;;;;;;;;;;;;;;;;;;;;;;GAuB3B;KACF,CAAC;GACW,MAAM,CA2ClB;;AAED,eAAe,MAAM,CAAC;AAEtB,mBAAmB;AACnB,sCAAsC;AACtC,gCAAgC;AAChC,MAAM;AACN,IAAI","sourcesContent":["import { css, html, ifDefined, property } from \"../../_deps.js\";\nimport { godown } from \"../../decorators/godown.js\";\nimport { styles } from \"../../decorators/styles.js\";\nimport { htmlSlot } from \"../../lib/directives.js\";\nimport GodownAnchor from \"../../proto/super-a.js\";\nimport { createScope } from \"../../styles/global.js\";\n\nconst protoName = \"avatar\";\nconst cssScope = createScope(protoName);\n\n/**\n * {@linkcode Avatar} renders the avatar or name and has a href.\n */\n@godown(protoName)\n@styles([\n  css`\n    :host {\n      --${cssScope}--avatar-size: 2.4em;\n      display: inline-block;\n    }\n\n    img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n\n    a {\n      display: block;\n      color: inherit;\n      overflow: hidden;\n      position: relative;\n      border-radius: inherit;\n      width: var(--${cssScope}--avatar-size);\n      height: var(--${cssScope}--avatar-size);\n    }\n\n    span {\n      position: absolute;\n      width: 100%;\n    }\n\n    a,\n    [part=\"name\"] {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    [part=\"mask\"] {\n      position: absolute;\n      display: flex;\n      width: 100%;\n      height: 100%;\n      align-items: center;\n      justify-content: center;\n    }\n  `,\n])\nexport class Avatar extends GodownAnchor {\n  /**\n   * Image src.\n   */\n  @property() src: string | undefined | null;\n  /**\n   * Default image src.\n   */\n  @property() default: string = undefined;\n  /**\n   * Link href.\n   */\n  @property() href = undefined;\n  /**\n   * If the image is not available, the {@linkcode Avatar.format} will be displayed.\n   */\n  @property() name = \"\";\n\n  protected render() {\n    return html`<a part=\"root\" href=\"${ifDefined(this.href)}\"> ${this.renderAva()} ${htmlSlot(\"mask\")}</a> `;\n  }\n\n  private renderAva() {\n    if (this.src) {\n      return html`<img part=\"image\" src=\"${this.src}\" @error=${this.imgOnError} alt=\"${this.name}\" />`;\n    }\n    if (this.name) {\n      return html`<span part=\"name\">${this.format()}</span>`;\n    }\n    return htmlSlot();\n  }\n\n  format(): string {\n    return this.name;\n  }\n\n  imgOnError(e: ErrorEvent) {\n    if (this.default) {\n      (e.target as HTMLImageElement).src = this.default;\n    } else {\n      this.src = undefined;\n    }\n  }\n}\n\nexport default Avatar;\n\n// declare global {\n//   interface HTMLElementTagNameMap {\n//     [\"godown-avatar\"]: Avatar\n//   }\n// }\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/button/button.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAS9D,QAAA,MAAM,MAAM,0HA4DX,CAAC;AAEF;;;;GAIG;AACH,qBAgGa,MAAO,SAAQ,aAAa;IACvC;;OAEG;IACyC,QAAQ,EAAE,OAAO,CAAC;IAC9D;;OAEG;IACyC,KAAK,EAAE,OAAO,CAAC;IAC3D;;OAEG;IACyC,MAAM,EAAE,OAAO,CAAC;IAC5D;;OAEG;IACyC,KAAK,EAAE,OAAO,CAAC;IAC3D;;OAEG;IAC0B,KAAK,EAAE,MAAM,GAAG,MAAM,OAAO,MAAM,CAAW;IAC3E;;OAEG;IACS,IAAI,EAAE,MAAM,CAAC;IAEL,UAAU,EAAE,WAAW,CAAC;IAC9B,KAAK,EAAE,WAAW,CAAC;IAEjC,SAAS,CAAC,MAAM;IAWhB,KAAK;IAOL,IAAI;IAIJ,YAAY;IAIZ,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IASpC,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IAepC,SAAS;CAGV;AAED,eAAe,MAAM,CAAC"}

package/web-components/button/button.js

@@ -1,256 +0,0 @@
-import { __decorate } from "tslib";
-import { css, html, property } from "../../_deps.js";
-import { godown } from "../../decorators/godown.js";
-import { part } from "../../decorators/part.js";
-import { styles } from "../../decorators/styles.js";
-import { constructCSSObject } from "../../lib/css.js";
-import { htmlSlot, htmlStyle } from "../../lib/directives.js";
-import { GodownElement } from "../../proto/godown-element.js";
-import { colorValues, createScope } from "../../styles/global.js";
-const protoName = "button";
-const cssScope = createScope(protoName);
-const whiteFont = colorValues.lightgray[0];
-const blackFont = colorValues.darkgray[6];
-const colors = constructCSSObject(["color", "background", "gradients"].map((k) => `--${cssScope}--${k}`), {
-    black: [
-        whiteFont, // color
-        colorValues.darkgray[7], // background
-        colorValues.darkgray[4], // gradients
-    ],
-    gray: [
-        whiteFont, // color
-        colorValues.darkgray[1], // background
-        colorValues.lightgray[8], // gradients
-    ],
-    white: [
-        blackFont, // color
-        colorValues.lightgray[3], // background
-        colorValues.lightgray[0], // gradients
-    ],
-    blue: [
-        whiteFont, // color
-        colorValues.blue[6], // background
-        colorValues.blue[4], // gradients
-    ],
-    green: [
-        whiteFont, // color
-        colorValues.green[6], // background
-        colorValues.green[4], // gradients
-    ],
-    red: [
-        whiteFont, // color
-        colorValues.red[6], // background
-        colorValues.red[4], // gradients
-    ],
-    orange: [
-        whiteFont, // color
-        colorValues.orange[6], // background
-        colorValues.orange[4], // gradients
-    ],
-    pink: [
-        whiteFont, // color
-        colorValues.pink[6], // background
-        colorValues.pink[4], // gradients
-    ],
-    purple: [
-        whiteFont, // color
-        colorValues.purple[6], // background
-        colorValues.purple[4], // gradients
-    ],
-    yellow: [
-        blackFont, // color
-        colorValues.yellow[6], // background
-        colorValues.yellow[4], // gradients
-    ],
-    teal: [
-        whiteFont, // color
-        colorValues.teal[6], // background
-        colorValues.teal[4], //gradients
-    ],
-}, () => `:host`);
-/**
- * {@linkcode Button}.
- *
- * Inspired by Next-ui.
- */
-let Button = class Button extends GodownElement {
-    constructor() {
-        super(...arguments);
-        /**
-         * The primary color.
-         */
-        this.color = "black";
-    }
-    render() {
-        const color = this.nextColor();
-        return html `
-      <div part="root">
-        <span part="modal-root"></span>
-        <div part="slot">${this.text || htmlSlot()}</div>
-      </div>
-      ${htmlStyle(colors[color])}
-    `;
-    }
-    focus() {
-        if (this.disabled) {
-            return;
-        }
-        this.active = true;
-    }
-    blur() {
-        this.active = false;
-    }
-    firstUpdated() {
-        this.addEvent(this, "click", this._handelClick, true);
-    }
-    _handelClick(e) {
-        if (this.disabled) {
-            e.stopPropagation();
-            e.preventDefault();
-            return;
-        }
-        this._handleModal(e);
-    }
-    _handleModal(e) {
-        const modal = document.createElement("i");
-        const rect = this.getBoundingClientRect();
-        const h = rect.height;
-        const w = rect.width;
-        const size = `${Math.sqrt(h * h + w * w) * 2}px`;
-        modal.style.height = size;
-        modal.style.width = size;
-        modal.style.left = `${e.clientX - rect.left}px`;
-        modal.style.top = `${e.clientY - rect.y}px`;
-        modal.style.animationName = "kf";
-        this._modalRoot.appendChild(modal);
-        modal.addEventListener("animationend", () => modal.remove(), { once: true });
-    }
-    nextColor() {
-        return this.color;
-    }
-};
-__decorate([
-    property({ type: Boolean, reflect: true })
-], Button.prototype, "disabled", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], Button.prototype, "ghost", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], Button.prototype, "active", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], Button.prototype, "round", void 0);
-__decorate([
-    property({ reflect: true })
-], Button.prototype, "color", void 0);
-__decorate([
-    property()
-], Button.prototype, "text", void 0);
-__decorate([
-    part("modal-root")
-], Button.prototype, "_modalRoot", void 0);
-__decorate([
-    part("root")
-], Button.prototype, "_root", void 0);
-Button = __decorate([
-    godown(protoName),
-    styles([
-        css `
-    :host(:not([disabled]):active) {
-      transform: scale(var(--${cssScope}--focus-scale));
-    }
-
-    :host([round]) {
-      --${cssScope}--padding-x: .75em;
-      border-radius: calc(infinity * 1px);
-    }
-
-    :host([disabled]) {
-      cursor: not-allowed;
-      filter: brightness(0.85);
-    }
-
-    :host([ghost]) {
-      --${cssScope}--modal-background: var(--${cssScope}--ghost-color);
-      border-color: var(--${cssScope}--ghost-color);
-      border-width: var(--${cssScope}--ghost-width);
-      color: var(--${cssScope}--ghost-color);
-      background: transparent;
-      border-style: solid;
-    }
-  `,
-        css `
-    :host {
-      --${cssScope}--padding-x: .5em;
-      --${cssScope}--padding: .1em var(--${cssScope}--padding-x);
-      --${cssScope}--modal-animation-duration: 1s;
-      --${cssScope}--ghost-width: .08em;
-      --${cssScope}--focus-scale: .97;
-      --${cssScope}--deg: 45deg;
-      --${cssScope}--ghost-color:var(--${cssScope}--background);
-      color: var(--${cssScope}--color, inherit);
-      background: linear-gradient(
-        var(--${cssScope}--deg),
-        var(--${cssScope}--background),
-        var(--${cssScope}--gradients, var(--${cssScope}--background))
-      );
-      border-radius: 0.3em;
-      width: -moz-fit-content;
-      width: fit-content;
-      transition: 0.1s;
-      display: block;
-      overflow: hidden;
-      text-align: center;
-      padding: 0 !important;
-      cursor: pointer;
-    }
-
-    [part="root"] {
-      width: 100%;
-      height: 100%;
-      overflow: hidden;
-      position: relative;
-      border-radius: inherit;
-      -webkit-user-select: none;
-              user-select: none;
-      transition: none;
-      transition-duration: inherit;
-    }
-
-    [part="slot"] {
-      padding: var(--${cssScope}--padding);
-    }
-
-    i {
-      position: absolute;
-      inset: 0;
-      opacity: 0;
-      width: 100%;
-      height: 100%;
-      border-radius: 50%;
-      visibility: visible;
-      pointer-events: none;
-      transform-origin: 0 0;
-      background: var(--${cssScope}--modal-background, currentColor);
-      animation-duration: var(--${cssScope}--modal-animation-duration);
-    }
-
-    @keyframes kf {
-      0% {
-        transform: scale(0) translate(-50%, -50%);
-        opacity: var(--${cssScope}--modal-opacity, 0.18);
-      }
-      80% {
-        transform: scale(1) translate(-50%, -50%);
-      }
-      to {
-        opacity: 0;
-      }
-    }
-  `,
-    ])
-], Button);
-export { Button };
-export default Button;
-//# sourceMappingURL=button.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"button.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/button/button.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, property } from \"../../_deps.js\";\nimport { godown } from \"../../decorators/godown.js\";\nimport { part } from \"../../decorators/part.js\";\nimport { styles } from \"../../decorators/styles.js\";\nimport { constructCSSObject } from \"../../lib/css.js\";\nimport { htmlSlot, htmlStyle } from \"../../lib/directives.js\";\nimport { GodownElement } from \"../../proto/godown-element.js\";\nimport { colorValues, createScope } from \"../../styles/global.js\";\n\nconst protoName = \"button\";\nconst cssScope = createScope(protoName);\n\nconst whiteFont = colorValues.lightgray[0];\nconst blackFont = colorValues.darkgray[6];\n\nconst colors = constructCSSObject(\n  [\"color\", \"background\", \"gradients\"].map((k) => `--${cssScope}--${k}`),\n  {\n    black: [\n      whiteFont, // color\n      colorValues.darkgray[7], // background\n      colorValues.darkgray[4], // gradients\n    ],\n    gray: [\n      whiteFont, // color\n      colorValues.darkgray[1], // background\n      colorValues.lightgray[8], // gradients\n    ],\n    white: [\n      blackFont, // color\n      colorValues.lightgray[3], // background\n      colorValues.lightgray[0], // gradients\n    ],\n    blue: [\n      whiteFont, // color\n      colorValues.blue[6], // background\n      colorValues.blue[4], // gradients\n    ],\n    green: [\n      whiteFont, // color\n      colorValues.green[6], // background\n      colorValues.green[4], // gradients\n    ],\n    red: [\n      whiteFont, // color\n      colorValues.red[6], // background\n      colorValues.red[4], // gradients\n    ],\n    orange: [\n      whiteFont, // color\n      colorValues.orange[6], // background\n      colorValues.orange[4], // gradients\n    ],\n    pink: [\n      whiteFont, // color\n      colorValues.pink[6], // background\n      colorValues.pink[4], // gradients\n    ],\n    purple: [\n      whiteFont, // color\n      colorValues.purple[6], // background\n      colorValues.purple[4], // gradients\n    ],\n    yellow: [\n      blackFont, // color\n      colorValues.yellow[6], // background\n      colorValues.yellow[4], // gradients\n    ],\n    teal: [\n      whiteFont, // color\n      colorValues.teal[6], // background\n      colorValues.teal[4], //gradients\n    ],\n  },\n  () => `:host`,\n);\n\n/**\n * {@linkcode Button}.\n *\n * Inspired by Next-ui.\n */\n@godown(protoName)\n@styles([\n  css`\n    :host(:not([disabled]):active) {\n      transform: scale(var(--${cssScope}--focus-scale));\n    }\n\n    :host([round]) {\n      --${cssScope}--padding-x: .75em;\n      border-radius: calc(infinity * 1px);\n    }\n\n    :host([disabled]) {\n      cursor: not-allowed;\n      filter: brightness(0.85);\n    }\n\n    :host([ghost]) {\n      --${cssScope}--modal-background: var(--${cssScope}--ghost-color);\n      border-color: var(--${cssScope}--ghost-color);\n      border-width: var(--${cssScope}--ghost-width);\n      color: var(--${cssScope}--ghost-color);\n      background: transparent;\n      border-style: solid;\n    }\n  `,\n  css`\n    :host {\n      --${cssScope}--padding-x: .5em;\n      --${cssScope}--padding: .1em var(--${cssScope}--padding-x);\n      --${cssScope}--modal-animation-duration: 1s;\n      --${cssScope}--ghost-width: .08em;\n      --${cssScope}--focus-scale: .97;\n      --${cssScope}--deg: 45deg;\n      --${cssScope}--ghost-color:var(--${cssScope}--background);\n      color: var(--${cssScope}--color, inherit);\n      background: linear-gradient(\n        var(--${cssScope}--deg),\n        var(--${cssScope}--background),\n        var(--${cssScope}--gradients, var(--${cssScope}--background))\n      );\n      border-radius: 0.3em;\n      width: -moz-fit-content;\n      width: fit-content;\n      transition: 0.1s;\n      display: block;\n      overflow: hidden;\n      text-align: center;\n      padding: 0 !important;\n      cursor: pointer;\n    }\n\n    [part=\"root\"] {\n      width: 100%;\n      height: 100%;\n      overflow: hidden;\n      position: relative;\n      border-radius: inherit;\n      -webkit-user-select: none;\n              user-select: none;\n      transition: none;\n      transition-duration: inherit;\n    }\n\n    [part=\"slot\"] {\n      padding: var(--${cssScope}--padding);\n    }\n\n    i {\n      position: absolute;\n      inset: 0;\n      opacity: 0;\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n      visibility: visible;\n      pointer-events: none;\n      transform-origin: 0 0;\n      background: var(--${cssScope}--modal-background, currentColor);\n      animation-duration: var(--${cssScope}--modal-animation-duration);\n    }\n\n    @keyframes kf {\n      0% {\n        transform: scale(0) translate(-50%, -50%);\n        opacity: var(--${cssScope}--modal-opacity, 0.18);\n      }\n      80% {\n        transform: scale(1) translate(-50%, -50%);\n      }\n      to {\n        opacity: 0;\n      }\n    }\n  `,\n])\nexport class Button extends GodownElement {\n  /**\n   * Whether to disable this element.\n   */\n  @property({ type: Boolean, reflect: true }) disabled: boolean;\n  /**\n   * Invert font and background color.\n   */\n  @property({ type: Boolean, reflect: true }) ghost: boolean;\n  /**\n   * Whether this element is active or not.\n   */\n  @property({ type: Boolean, reflect: true }) active: boolean;\n  /**\n   * Enables rounded corners to appear capsule shaped.\n   */\n  @property({ type: Boolean, reflect: true }) round: boolean;\n  /**\n   * The primary color.\n   */\n  @property({ reflect: true }) color: \"none\" | keyof typeof colors = \"black\";\n  /**\n   * Text inside.\n   */\n  @property() text: string;\n\n  @part(\"modal-root\") _modalRoot: HTMLElement;\n  @part(\"root\") _root: HTMLElement;\n\n  protected render() {\n    const color = this.nextColor();\n    return html`\n      <div part=\"root\">\n        <span part=\"modal-root\"></span>\n        <div part=\"slot\">${this.text || htmlSlot()}</div>\n      </div>\n      ${htmlStyle(colors[color])}\n    `;\n  }\n\n  focus() {\n    if (this.disabled) {\n      return;\n    }\n    this.active = true;\n  }\n\n  blur() {\n    this.active = false;\n  }\n\n  firstUpdated() {\n    this.addEvent(this, \"click\", this._handelClick, true);\n  }\n\n  protected _handelClick(e: MouseEvent) {\n    if (this.disabled) {\n      e.stopPropagation();\n      e.preventDefault();\n      return;\n    }\n    this._handleModal(e);\n  }\n\n  protected _handleModal(e: MouseEvent) {\n    const modal = document.createElement(\"i\");\n    const rect = this.getBoundingClientRect();\n    const h = rect.height;\n    const w = rect.width;\n    const size = `${Math.sqrt(h * h + w * w) * 2}px`;\n    modal.style.height = size;\n    modal.style.width = size;\n    modal.style.left = `${e.clientX - rect.left}px`;\n    modal.style.top = `${e.clientY - rect.y}px`;\n    modal.style.animationName = \"kf\";\n    this._modalRoot.appendChild(modal);\n    modal.addEventListener(\"animationend\", () => modal.remove(), { once: true });\n  }\n\n  nextColor() {\n    return this.color;\n  }\n}\n\nexport default Button;\n"]}

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

@@ -1,9 +0,0 @@
-import GodownElement from "../../proto/godown-element.js";
-/**
- * {@linkcode Card} renders a card.
- */
-export declare class Card extends GodownElement {
-    protected render(): import("lit").TemplateResult<1>;
-}
-export default Card;
-//# sourceMappingURL=card.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/card/card.ts"],"names":[],"mappings":"AAKA,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAM1D;;GAEG;AACH,qBAwCa,IAAK,SAAQ,aAAa;IACrC,SAAS,CAAC,MAAM;CAqBjB;AAED,eAAe,IAAI,CAAC"}

package/web-components/card/card.js

@@ -1,75 +0,0 @@
-import { __decorate } from "tslib";
-import { css, html } 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 GodownElement from "../../proto/godown-element.js";
-import { createScope, cssGlobalVars } from "../../styles/global.js";
-const protoName = "card";
-const cssScope = createScope(protoName);
-/**
- * {@linkcode Card} renders a card.
- */
-let Card = class Card extends GodownElement {
-    render() {
-        const HEADER = "header";
-        const FOOTER = "footer";
-        return html `
-      ${ifValue(this.querySlot(HEADER), html `
-          ${htmlSlot(HEADER)}
-          <hr />
-        `)}
-      ${htmlSlot()}
-      ${ifValue(this.querySlot(FOOTER), html `
-          <hr />
-          ${htmlSlot(FOOTER)}
-        `)}
-    `;
-    }
-};
-Card = __decorate([
-    godown(protoName),
-    styles([
-        css `
-    :host {
-      --${cssScope}--border-width: 1px;
-      --${cssScope}--border-color: transparent;
-      --${cssScope}--background: var(--${cssGlobalVars.background});
-      --${cssScope}--divider-width: 100%;
-      --${cssScope}--divider-height: var(--${cssScope}--border-width);
-      --${cssScope}--divider-background: rgb(54 54 54);
-      --${cssScope}--padding: .75em;
-      color: var(--${cssGlobalVars.foreground});
-      background: var(--${cssScope}--background);
-      border: solid var(--${cssScope}--border-width) var(--${cssScope}--border-color);
-      display: block;
-      flex-shrink: 0;
-      position: relative;
-      overflow: hidden;
-      box-sizing: border-box;
-      border-radius: 0.25em;
-      transition: 0.3s ease-in-out;
-    }
-
-    :host(:hover) {
-      --${cssScope}--border-color:var(--${cssScope}--divider-background);
-    }
-
-    hr {
-      margin: auto;
-      width: var(--${cssScope}--divider-width);
-      height: var(--${cssScope}--divider-height);
-      background: var(--${cssScope}--divider-background);
-    }
-
-    slot {
-      display: block;
-      padding: var(--${cssScope}--padding);
-    }
-  `,
-    ])
-], Card);
-export { Card };
-export default Card;
-//# sourceMappingURL=card.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"card.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/card/card.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAC3C,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,aAAa,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEpE,MAAM,SAAS,GAAG,MAAM,CAAC;AACzB,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAExC;;GAEG;AAyCI,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,aAAa;IAC3B,MAAM;QACd,MAAM,MAAM,GAAG,QAAQ,CAAC;QACxB,MAAM,MAAM,GAAG,QAAQ,CAAC;QACxB,OAAO,IAAI,CAAA;QACP,OAAO,CACP,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,EACtB,IAAI,CAAA;YACA,QAAQ,CAAC,MAAM,CAAC;;SAEnB,CACF;QACC,QAAQ,EAAE;QACV,OAAO,CACP,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,EACtB,IAAI,CAAA;;YAEA,QAAQ,CAAC,MAAM,CAAC;SACnB,CACF;KACF,CAAC;IACJ,CAAC;CACF,CAAA;AAtBY,IAAI;IAxChB,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CAAC;QACN,GAAG,CAAA;;UAEK,QAAQ;UACR,QAAQ;UACR,QAAQ,uBAAuB,aAAa,CAAC,UAAU;UACvD,QAAQ;UACR,QAAQ,2BAA2B,QAAQ;UAC3C,QAAQ;UACR,QAAQ;qBACG,aAAa,CAAC,UAAU;0BACnB,QAAQ;4BACN,QAAQ,yBAAyB,QAAQ;;;;;;;;;;;UAW3D,QAAQ,wBAAwB,QAAQ;;;;;qBAK7B,QAAQ;sBACP,QAAQ;0BACJ,QAAQ;;;;;uBAKX,QAAQ;;GAE5B;KACF,CAAC;GACW,IAAI,CAsBhB;;AAED,eAAe,IAAI,CAAC","sourcesContent":["import { css, html } 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 GodownElement from \"../../proto/godown-element.js\";\nimport { createScope, cssGlobalVars } from \"../../styles/global.js\";\n\nconst protoName = \"card\";\nconst cssScope = createScope(protoName);\n\n/**\n * {@linkcode Card} renders a card.\n */\n@godown(protoName)\n@styles([\n  css`\n    :host {\n      --${cssScope}--border-width: 1px;\n      --${cssScope}--border-color: transparent;\n      --${cssScope}--background: var(--${cssGlobalVars.background});\n      --${cssScope}--divider-width: 100%;\n      --${cssScope}--divider-height: var(--${cssScope}--border-width);\n      --${cssScope}--divider-background: rgb(54 54 54);\n      --${cssScope}--padding: .75em;\n      color: var(--${cssGlobalVars.foreground});\n      background: var(--${cssScope}--background);\n      border: solid var(--${cssScope}--border-width) var(--${cssScope}--border-color);\n      display: block;\n      flex-shrink: 0;\n      position: relative;\n      overflow: hidden;\n      box-sizing: border-box;\n      border-radius: 0.25em;\n      transition: 0.3s ease-in-out;\n    }\n\n    :host(:hover) {\n      --${cssScope}--border-color:var(--${cssScope}--divider-background);\n    }\n\n    hr {\n      margin: auto;\n      width: var(--${cssScope}--divider-width);\n      height: var(--${cssScope}--divider-height);\n      background: var(--${cssScope}--divider-background);\n    }\n\n    slot {\n      display: block;\n      padding: var(--${cssScope}--padding);\n    }\n  `,\n])\nexport class Card extends GodownElement {\n  protected render() {\n    const HEADER = \"header\";\n    const FOOTER = \"footer\";\n    return html`\n      ${ifValue(\n        this.querySlot(HEADER),\n        html`\n          ${htmlSlot(HEADER)}\n          <hr />\n        `,\n      )}\n      ${htmlSlot()}\n      ${ifValue(\n        this.querySlot(FOOTER),\n        html`\n          <hr />\n          ${htmlSlot(FOOTER)}\n        `,\n      )}\n    `;\n  }\n}\n\nexport default Card;\n"]}

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

@@ -1,29 +0,0 @@
-import { GodownElement } from "../../proto/godown-element.js";
-/**
- * {@linkcode Carousel} rotates child elements.
- */
-export declare class Carousel extends GodownElement {
-    /**
-     * The index of the element is displayed for the first time.
-     */
-    index: number;
-    /**
-     * If autoChange > 0, the rotation will be automated.
-     */
-    autoChange: number;
-    /**
-     * Width.
-     */
-    width: string;
-    _moveRoot: HTMLElement;
-    intervalID: number;
-    _clone: HTMLElement[];
-    protected render(): import("lit").TemplateResult<1>;
-    protected firstUpdated(): void;
-    disconnectedCallback(): void;
-    show(i: number): void;
-    next(): void;
-    prev(): void;
-}
-export default Carousel;
-//# sourceMappingURL=carousel.d.ts.map