godown 2.7.7 → 3.0.0-canary.1

package/core/global-style.js

@@ -0,0 +1,46 @@
+import { presetsRGB } from '@godown/colors/presets-rgb.js';
+import { travel } from '@godown/colors/travel.js';
+import GodownElement from '@godown/element';
+import GodownConfig from '@godown/element/config.js';
+import { trim } from '@godown/element/tools/lib.js';
+import { unsafeCSS, css } from 'lit';
+
+GodownElement.godownConfig ||= new GodownConfig();
+class GlobalStyle extends GodownElement {
+}
+const cssvar = trim(GlobalStyle.godownConfig.prefix, "-");
+function scopePrefix(scope, len = 1) {
+    return variablePrefix(cssvar + "-".repeat(len) + scope);
+}
+function variablePrefix(variable) {
+    return unsafeCSS("--" + variable);
+}
+const cssGlobalVars = {
+    foreground: scopePrefix("foreground", 2),
+    background: scopePrefix("background", 2),
+    clipBackground: scopePrefix("clip-background", 2),
+    active: scopePrefix("active", 2),
+    passive: scopePrefix("passive", 2),
+    _colors: {},
+    input: scopePrefix("input", 2),
+    white: scopePrefix("color-white", 2),
+    black: scopePrefix("color-black", 2),
+};
+GlobalStyle.styles = [
+    unsafeCSS(":host{"
+        + `${cssGlobalVars.black}:rgb(0 0 0);`
+        + `${cssGlobalVars.white}:rgb(255 255 255);`
+        + travel((key, gradient, rgb) => {
+            cssGlobalVars._colors[key] ||= [];
+            cssGlobalVars._colors[key].push(unsafeCSS(scopePrefix("color", 2) + "-" + key + "-" + gradient));
+            const endKey = `-${key}-${gradient}`;
+            const colorKey = scopePrefix("color", 2) + endKey;
+            return `${colorKey}:rgb(${rgb});`;
+        }, presetsRGB).join("")
+        + "}"),
+    css `:host{${cssGlobalVars.background}:var(${cssGlobalVars._colors.darkgray[9]});${cssGlobalVars.foreground}:var(${cssGlobalVars._colors.lightgray[0]});${cssGlobalVars.active}:var(${cssGlobalVars._colors.blue[6]});${cssGlobalVars.passive}:var(${cssGlobalVars._colors.darkgray[6]});${cssGlobalVars.clipBackground}:linear-gradient(180deg,var(${cssGlobalVars.foreground}),var(${cssGlobalVars.passive}))}`,
+    css `*{border:0;outline:0;margin:0;padding:0;font-size:100%;font-style:normal;box-sizing:border-box}:host{box-sizing:border-box}a{text-decoration:none}span{white-space:nowrap}svg{-webkit-user-select:none;user-select:none}`,
+];
+
+export { GlobalStyle, cssGlobalVars, scopePrefix, variablePrefix };
+//# sourceMappingURL=global-style.js.map

package/core/global-style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"global-style.js","sources":["../src/core/global-style.ts"],"sourcesContent":null,"names":[],"mappings":"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"}

package/core/super-anchor.d.ts

@@ -0,0 +1,15 @@
+import { GlobalStyle } from "./global-style.js";
+declare class SuperAnchor extends GlobalStyle {
+    /**
+     * A element href.
+     */
+    href: string;
+    /**
+     * A element target.
+     */
+    target: "_blank" | "_self" | "_parent" | "_top";
+    protected render(): import("lit").TemplateResult<1>;
+    protected _handleClick(_: MouseEvent): void;
+}
+export default SuperAnchor;
+//# sourceMappingURL=super-anchor.d.ts.map

package/core/super-anchor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"super-anchor.d.ts","sourceRoot":"","sources":["../src/core/super-anchor.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,cACM,WAAY,SAAQ,WAAW;IACnC;;OAEG;IAEH,IAAI,EAAE,MAAM,CAAa;IACzB;;OAEG;IAEH,MAAM,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAW;IAE1D,SAAS,CAAC,MAAM;IAKhB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;CACrC;AAED,eAAe,WAAW,CAAC"}

package/core/super-anchor.js

@@ -0,0 +1,39 @@
+import { __decorate } from 'tslib';
+import { styles } from '@godown/element/decorators/index.js';
+import { htmlSlot } from '@godown/element/directives/html-slot.js';
+import { css, html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { GlobalStyle } from './global-style.js';
+
+let SuperAnchor = class SuperAnchor extends GlobalStyle {
+    constructor() {
+        super(...arguments);
+        /**
+         * A element href.
+         */
+        this.href = undefined;
+        /**
+         * A element target.
+         */
+        this.target = "_self";
+    }
+    render() {
+        return html `<a part="root" href="${ifDefined(this.href)}" target="${this.target}" @click="${this._handleClick}">${htmlSlot()}</a>`;
+    }
+    // eslint-disable-next-line
+    _handleClick(_) { }
+};
+__decorate([
+    property()
+], SuperAnchor.prototype, "href", void 0);
+__decorate([
+    property()
+], SuperAnchor.prototype, "target", void 0);
+SuperAnchor = __decorate([
+    styles(css `:host{display:inline-block;color:currentColor;text-decoration:none;cursor:default}:host([href]){cursor:pointer}a{width:100%;display:flex;color:inherit;text-decoration:inherit;justify-content:space-between;align-items:center}`)
+], SuperAnchor);
+var SuperAnchor$1 = SuperAnchor;
+
+export { SuperAnchor$1 as default };
+//# sourceMappingURL=super-anchor.js.map

package/core/super-anchor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"super-anchor.js","sources":["../src/core/super-anchor.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;AASA,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,WAAW,CAAA;AAArC,IAAA,WAAA,GAAA;;AACE;;AAEG;QAEH,IAAI,CAAA,IAAA,GAAW,SAAS,CAAC;AACzB;;AAEG;QAEH,IAAM,CAAA,MAAA,GAA4C,OAAO,CAAC;KAU3D;IARW,MAAM,GAAA;QACd,OAAO,IAAI,CAAA,CAAwB,qBAAA,EAAA,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA,UAAA,EAAa,IAAI,CAAC,MAAM,aAAY,IAAI,CAAC,YAAY,CACxG,EAAA,EAAA,QAAQ,EAAE,CAAA,IAAA,CACT,CAAC;KACP;;IAGS,YAAY,CAAC,CAAa,EAAA,GAAI;CACzC,CAAA;AAfC,UAAA,CAAA;AADC,IAAA,QAAQ,EAAE;AACc,CAAA,EAAA,WAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAKzB,UAAA,CAAA;AADC,IAAA,QAAQ,EAAE;AAC+C,CAAA,EAAA,WAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAVtD,WAAW,GAAA,UAAA,CAAA;AADhB,IAAA,MAAM,CAAC,GAAG,CAAA,CAAA,gOAAA,CAAkO,CAAC;AACxO,CAAA,EAAA,WAAW,CAoBhB,CAAA;AAED,oBAAe,WAAW;;;;"}

package/core/super-input.d.ts

@@ -0,0 +1,39 @@
+import { type HandlerEvent } from "@godown/element/element.js";
+import { GlobalStyle } from "./global-style.js";
+declare class SuperInput extends GlobalStyle {
+    autofocus: boolean;
+    autocomplete: string | boolean;
+    disabled: boolean;
+    type: InputType;
+    placeholder: string;
+    label: string;
+    name: string;
+    value: any;
+    /**
+     * default property records the default or initial value and is used to reset the input.
+     */
+    default: any;
+    _input: HTMLInputElement;
+    /**
+     * Returns true when the input is compositing.
+     */
+    compositing: boolean;
+    set defaultValue(value: typeof this.default);
+    get defaultValue(): typeof this.default;
+    makeId: string;
+    namevalue(): [string, any];
+    nameValue: () => [string, any];
+    reset(): void;
+    protected _handleInput(e: HandlerEvent<HTMLInputElement>): void;
+    connectedCallback(): void;
+    protected _connectedInit(): void;
+    protected _compositionInit(): void;
+    protected _changeInputType(t: typeof this.type): void;
+    focus(options?: FocusOptions): void;
+    protected firstUpdated(): void;
+    protected _renderPrefix(): import("lit").TemplateResult<1>;
+    protected _renderSuffix(): import("lit").TemplateResult<1>;
+}
+export default SuperInput;
+type InputType = "hidden" | "text" | "search" | "tel" | "url" | "email" | "password" | "datetime" | "date" | "month" | "week" | "time" | "datetime-local" | "number" | "range" | "color" | "checkbox" | "radio" | "file" | "image";
+//# sourceMappingURL=super-input.d.ts.map

package/core/super-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"super-input.d.ts","sourceRoot":"","sources":["../src/core/super-input.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAK/D,OAAO,EAAiB,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAM/D,cACM,UAAW,SAAQ,WAAW;IAClC,SAAS,EAAE,OAAO,CAAC;IAEnB,YAAY,EAAE,MAAM,GAAG,OAAO,CAAC;IAG/B,QAAQ,EAAE,OAAO,CAAC;IAGlB,IAAI,EAAE,SAAS,CAAC;IAGhB,WAAW,EAAE,MAAM,CAAC;IAGpB,KAAK,EAAE,MAAM,CAAC;IAGd,IAAI,EAAE,MAAM,CAAC;IAGb,KAAK,EAAE,GAAG,CAAC;IAEX;;OAEG;IAEH,OAAO,EAAE,GAAG,CAAC;IAGb,MAAM,EAAE,gBAAgB,CAAC;IAEzB;;OAEG;IACH,WAAW,EAAE,OAAO,CAAC;IAErB,IAAI,YAAY,CAAC,KAAK,EAAE,OAAO,IAAI,CAAC,OAAO,EAE1C;IAED,IAAI,YAAY,IAJQ,OAAO,IAAI,CAAC,OAAO,CAM1C;IAED,MAAM,SAAuC;IAE7C,SAAS,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC;IAI1B,SAAS,QAJI,CAAC,MAAM,EAAE,GAAG,CAAC,CAIC;IAE3B,KAAK;IAKL,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC;IAgBxD,iBAAiB;IAKjB,SAAS,CAAC,cAAc;IAKxB,SAAS,CAAC,gBAAgB;IAU1B,SAAS,CAAC,gBAAgB,CAAC,CAAC,EAAE,OAAO,IAAI,CAAC,IAAI;IAM9C,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAI5B,SAAS,CAAC,YAAY;IAItB,SAAS,CAAC,aAAa;IAIvB,SAAS,CAAC,aAAa;CAQxB;AAED,eAAe,UAAU,CAAC;AAE1B,KAAK,SAAS,GACV,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,KAAK,GACL,KAAK,GACL,OAAO,GACP,UAAU,GACV,UAAU,GACV,MAAM,GACN,OAAO,GACP,MAAM,GACN,MAAM,GACN,gBAAgB,GAChB,QAAQ,GACR,OAAO,GACP,OAAO,GACP,UAAU,GACV,OAAO,GACP,MAAM,GACN,OAAO,CAAC"}

package/core/super-input.js

@@ -0,0 +1,115 @@
+import { __decorate } from 'tslib';
+import { part } from '@godown/element/decorators/part.js';
+import { styles } from '@godown/element/decorators/styles.js';
+import { htmlSlot } from '@godown/element/directives/index.js';
+import iconEyeSlashFill from '@godown/f7-icon/icons/eye-slash-fill.js';
+import { css, html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { cssGlobalVars, GlobalStyle } from './global-style.js';
+
+const fieldStyle = css `.input-field{display:flex;position:relative;align-items:center;border-radius:inherit;height:inherit}.input-field input{background:0 0}.input-field.outline,.input-field:focus-within{box-shadow:var(${cssGlobalVars.input}-box-shadow)}.input-field i{display:flex;align-items:center;justify-content:center}.input-field label{height:100%;display:flex}.input-field [part=space]{width:var(${cssGlobalVars.input}-space)}input::-ms-clear,input::-ms-reveal{display:none}`;
+const inputStyle = css `:host{${cssGlobalVars.input}-width:10em;${cssGlobalVars.input}-height:1.6em;${cssGlobalVars.input}-space:.2em;${cssGlobalVars.input}-background:var(${cssGlobalVars.background});${cssGlobalVars.input}-control:var(${cssGlobalVars.foreground});${cssGlobalVars.input}-control-edge:var(${cssGlobalVars.active});${cssGlobalVars.input}-radius:.2em;${cssGlobalVars.input}-box-shadow:0 0 0 .1em var(${cssGlobalVars.active});border-radius:var(${cssGlobalVars.input}-radius)}:host([disabled]){cursor:not-allowed;filter:brightness(.85)}input:disabled{cursor:inherit}`;
+let SuperInput = class SuperInput extends GlobalStyle {
+    constructor() {
+        super(...arguments);
+        this.makeId = Math.random().toString(36).slice(1);
+        this.nameValue = this.namevalue;
+    }
+    set defaultValue(value) {
+        this.default = value;
+    }
+    get defaultValue() {
+        return this.default;
+    }
+    namevalue() {
+        return [this.name, this.value];
+    }
+    reset() {
+        this.value = this.default;
+        this._input.value = this.default;
+    }
+    _handleInput(e) {
+        e.stopPropagation();
+        if (this.compositing) {
+            return;
+        }
+        this.value = e.target.value?.trim();
+        this.dispatchEvent(new CustomEvent("input", {
+            detail: this.value,
+            bubbles: true,
+            composed: true,
+        }));
+        this.dispatchEvent(new CustomEvent("change", { detail: this.value, composed: true }));
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this._connectedInit();
+    }
+    _connectedInit() {
+        this.default ??= this.value || "";
+        this.value ??= this.default;
+    }
+    _compositionInit() {
+        if (this._input) {
+            this.events.add(this._input, "compositionstart", () => this.compositing = true);
+            this.events.add(this._input, "compositionend", (e) => {
+                this.compositing = false;
+                this._handleInput(e);
+            });
+        }
+    }
+    _changeInputType(t) {
+        if (this._input) {
+            this._input.type = t;
+        }
+    }
+    focus(options) {
+        this._input?.focus(options);
+    }
+    firstUpdated() {
+        this._compositionInit();
+    }
+    _renderPrefix() {
+        return html `<label for="${this.makeId}" part="prefix"><i part="space"></i> ${htmlSlot("prefix")}</label>`;
+    }
+    _renderSuffix() {
+        const PASSWORD = "password";
+        return html `<label for="${this.makeId}" part="suffix">${this.type === "password"
+            ? html `<i part="icon" @mousedown="${() => this._changeInputType("text")}" @mouseup="${() => this._changeInputType(PASSWORD)}" @mouseleave="${() => this._changeInputType(PASSWORD)}"><i part="space"></i> ${iconEyeSlashFill()}</i>`
+            : htmlSlot("suffix")} <i part="space"></i></label>`;
+    }
+};
+__decorate([
+    property()
+], SuperInput.prototype, "autocomplete", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], SuperInput.prototype, "disabled", void 0);
+__decorate([
+    property({ reflect: true })
+], SuperInput.prototype, "type", void 0);
+__decorate([
+    property({ reflect: true })
+], SuperInput.prototype, "placeholder", void 0);
+__decorate([
+    property({ reflect: true })
+], SuperInput.prototype, "label", void 0);
+__decorate([
+    property({ reflect: true })
+], SuperInput.prototype, "name", void 0);
+__decorate([
+    property()
+], SuperInput.prototype, "value", void 0);
+__decorate([
+    property()
+], SuperInput.prototype, "default", void 0);
+__decorate([
+    part("input")
+], SuperInput.prototype, "_input", void 0);
+SuperInput = __decorate([
+    styles(fieldStyle, inputStyle)
+], SuperInput);
+var SuperInput$1 = SuperInput;
+
+export { SuperInput$1 as default };
+//# sourceMappingURL=super-input.js.map

package/core/super-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"super-input.js","sources":["../src/core/super-input.ts"],"sourcesContent":null,"names":[],"mappings":"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"}

package/{proto → core}/super-openable.d.ts

@@ -1,10 +1,6 @@
-import { type PropertyValueMap } from "../_deps.js";
-import { GodownElement } from "./godown-element.js";
-export declare class GodownSuperOpenable extends GodownElement {
-    /**
-     * Make the content float.
-     */
-    float: boolean;
+import { type PropertyValueMap } from "lit";
+import { GlobalStyle } from "./global-style.js";
+declare class SuperOpenable extends GlobalStyle {
     /**
      * Open the content.
      */
@@ -15,7 +11,7 @@ export declare class GodownSuperOpenable extends GodownElement {
     protected updated(changedProperties: PropertyValueMap<this>): void;
     protected _handelClick(_: MouseEvent): void;
 }
-export default GodownSuperOpenable;
+export default SuperOpenable;
 export type Direction4 = "left" | "right" | "top" | "bottom";
 export type Direction5 = Direction4 | "center";
 export type Direction8 = Direction4 | "top-left" | "top-right" | "bottom-left" | "bottom-right";

package/core/super-openable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"super-openable.d.ts","sourceRoot":"","sources":["../src/core/super-openable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAG5C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,cAAM,aAAc,SAAQ,WAAW;IACrC;;OAEG;IAEH,IAAI,UAAS;IAEb,MAAM,CAAC,EAAE,UAAa;IAItB,KAAK;IAIL,IAAI;IAIJ,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC;IAQ3D,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;CAGrC;AAED,eAAe,aAAa,CAAC;AAE7B,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE7D,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,QAAQ,CAAC;AAE/C,MAAM,MAAM,UAAU,GAClB,UAAU,GACV,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,CAAC;AAEnB,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC"}

package/core/super-openable.js

@@ -0,0 +1,38 @@
+import { __decorate } from 'tslib';
+import { property } from 'lit/decorators.js';
+import { GlobalStyle } from './global-style.js';
+
+class SuperOpenable extends GlobalStyle {
+    constructor() {
+        super(...arguments);
+        /**
+         * Open the content.
+         */
+        this.open = false;
+    }
+    toggle(to = !this.open) {
+        this.open = to;
+    }
+    close() {
+        this.open = false;
+    }
+    show() {
+        this.open = true;
+    }
+    updated(changedProperties) {
+        const open = changedProperties.get("open");
+        if (open !== undefined) {
+            this.dispatchEvent(new CustomEvent("change", { detail: this.open }));
+        }
+    }
+    // eslint-disable-next-line
+    _handelClick(_) {
+        this.toggle();
+    }
+}
+__decorate([
+    property({ type: Boolean, reflect: true })
+], SuperOpenable.prototype, "open", void 0);
+
+export { SuperOpenable as default };
+//# sourceMappingURL=super-openable.js.map

package/core/super-openable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"super-openable.js","sources":["../src/core/super-openable.ts"],"sourcesContent":null,"names":[],"mappings":";;;;AAKA,MAAM,aAAc,SAAQ,WAAW,CAAA;AAAvC,IAAA,WAAA,GAAA;;AACE;;AAEG;QAEH,IAAI,CAAA,IAAA,GAAG,KAAK,CAAC;KAyBd;AAvBC,IAAA,MAAM,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,IAAI,EAAA;AACpB,QAAA,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;KAChB;IAED,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;KACnB;IAED,IAAI,GAAA;AACF,QAAA,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;KAClB;AAES,IAAA,OAAO,CAAC,iBAAyC,EAAA;QACzD,MAAM,IAAI,GAAG,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;AAC3C,QAAA,IAAI,IAAI,KAAK,SAAS,EAAE;AACtB,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;SACtE;KACF;;AAGS,IAAA,YAAY,CAAC,CAAa,EAAA;QAClC,IAAI,CAAC,MAAM,EAAE,CAAC;KACf;AACF,CAAA;AAzBC,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAC9B,CAAA,EAAA,aAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA;;;;"}