godown 1.1.5 → 1.2.0

package/view/scroll-x.js

@@ -1,48 +1,48 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { css, define, html } from "../deps.js";
-import STD from "./std.js";
-let ScrollX = class ScrollX extends STD {
-    get _section() {
-        return this.shadowRoot.querySelector("section");
-    }
-    render() {
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { css, define, html } from "../deps.js";
+import STD from "./std.js";
+let ScrollX = class ScrollX extends STD {
+    get _section() {
+        return this.shadowRoot.querySelector("section");
+    }
+    render() {
         return html `<section>
       <main>
         <span><slot></slot></span>
       </main>
-    </section>`;
-    }
-    firstUpdated() {
-        this._section.addEventListener("scroll", (e) => {
-            this.dispatchEvent(new CustomEvent("scroll", { detail: e.target.scrollTop }));
-        });
-        this.resize();
-        window.addEventListener("resize", () => {
-            this.resize();
-        });
-    }
-    resize() {
-        const child = this.firstElementChild;
-        if (!child)
-            return;
-        const ClientHeight = child.clientHeight || 0;
-        if (ClientHeight) {
-            this._section.style.width = ClientHeight + "px";
-            this._section.style.height = getComputedStyle(this).width;
-        }
-        else {
-            const ComputedHeight = getComputedStyle(child).height;
-            this.style.height = ComputedHeight;
-            this._section.style.width = ComputedHeight;
-            this._section.style.height = getComputedStyle(this).width;
-        }
-    }
-};
+    </section>`;
+    }
+    firstUpdated() {
+        this._section.addEventListener("scroll", (e) => {
+            this.dispatchEvent(new CustomEvent("scroll", { detail: e.target.scrollTop }));
+        });
+        this.resize();
+        window.addEventListener("resize", () => {
+            this.resize();
+        });
+    }
+    resize() {
+        const child = this.firstElementChild;
+        if (!child)
+            return;
+        const ClientHeight = child.clientHeight || 0;
+        if (ClientHeight) {
+            this._section.style.width = ClientHeight + "px";
+            this._section.style.height = getComputedStyle(this).width;
+        }
+        else {
+            const ComputedHeight = getComputedStyle(child).height;
+            this.style.height = ComputedHeight;
+            this._section.style.width = ComputedHeight;
+            this._section.style.height = getComputedStyle(this).width;
+        }
+    }
+};
 ScrollX.styles = css `
     :host {
       display: block;
@@ -69,9 +69,9 @@ ScrollX.styles = css `
       transform-origin: 0 0;
       transform: rotate(90deg);
     }
-  `;
-ScrollX = __decorate([
-    define("scroll-x")
-], ScrollX);
-export { ScrollX };
-export default ScrollX;
+  `;
+ScrollX = __decorate([
+    define("scroll-x")
+], ScrollX);
+export { ScrollX };
+export default ScrollX;

package/view/std.d.ts

@@ -1,5 +1,5 @@
-import { GLOBSTD } from "../deps.js";
-export default class ViewSTD extends GLOBSTD {
-}
-export declare const DLsharecss: import("lit").CSSResult;
+import { GLOBSTD } from "../deps.js";
+export default class ViewSTD extends GLOBSTD {
+}
+export declare const DLsharecss: import("lit").CSSResult;
 //# sourceMappingURL=std.d.ts.map

package/view/std.js

@@ -1,6 +1,6 @@
-import { GLOBSTD, css } from "../deps.js";
-export default class ViewSTD extends GLOBSTD {
-}
+import { GLOBSTD, css } from "../deps.js";
+export default class ViewSTD extends GLOBSTD {
+}
 export const DLsharecss = css `
   :host {
     display: block;
@@ -34,4 +34,4 @@ export const DLsharecss = css `
   dd[open] {
     grid-template-rows: 1fr;
   }
-`;
+`;

package/with.d.ts

@@ -1,28 +1,24 @@
-export declare const define: (name: string, options?: ElementDefinitionOptions) => (constructor: CustomElementConstructor) => void;
-/**
- * Create element with args append to target
- * @param target Appended target element or use document.querySelector(target) or document.body
- * @param args tag:tag name, props:attribute, children:appended chindren, html:innerHTML
- */
-export declare const append: (target?: string | object, args?: string | {
-    tag: any;
-    props?: any;
-    children?: any;
-    html?: any;
-}) => void;
-/**
- * Create element from args
- * @param args tag:tag name, props:attribute, children:appended chindren, html:innerHTML
- */
-export declare const create: (args?: string | {
-    tag: any;
-    props?: any;
-    children?: any;
-    html?: any;
-}) => any;
-/**
- * Create element with args append to target
- * @param map Map of key:selector, value:args
- */
-export declare const retag: (map: any) => void;
+export declare const define: (name: string, options?: ElementDefinitionOptions) => (constructor: CustomElementConstructor) => void;
+/**
+ * Create element from args append to target
+ * @param target Appended target element, target or document.querySelector(target) or document.body
+ * @param args tag: tag name, props: attribute, children: appended chindren
+ */
+export declare function append(target: string | HTMLElement, args: string | EleArgs | HTMLElement): void;
+/**
+ * Create element from args
+ * @param args tag: tag name, props: attribute, children: appended chindren
+ */
+export declare function create(args: string | EleArgs | HTMLElement): HTMLElement;
+/**
+ * Replace elements
+ * @param matched: Element array to be replaced
+ * @param args: New element arguments will call create
+ */
+export declare function retag(matched: HTMLElement[], args: string | EleArgs | HTMLElement): void;
+export type EleArgs = {
+    tag: string;
+    props?: Record<string, any>;
+    children?: Array<string | HTMLElement | EleArgs>;
+};
 //# sourceMappingURL=with.d.ts.map

package/with.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"with.d.ts","sourceRoot":"","sources":["../src/with.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,MAAM,SAAU,MAAM,YAAY,wBAAwB,mBAAmB,wBAAwB,SAOjH,CAAC;AACF;;;;GAIG;AACH,eAAO,MAAM,MAAM,YAAY,MAAM,GAAG,MAAM,SAAiB,MAAM,GAAG;IAAE,GAAG,EAAE,GAAG,CAAC;IAAC,KAAK,CAAC,EAAE,GAAG,CAAC;IAAC,QAAQ,CAAC,EAAE,GAAG,CAAC;IAAC,IAAI,CAAC,EAAE,GAAG,CAAA;CAAE,SAK5H,CAAC;AACF;;;GAGG;AACH,eAAO,MAAM,MAAM,UAAU,MAAM,GAAG;IAAE,GAAG,EAAE,GAAG,CAAC;IAAC,KAAK,CAAC,EAAE,GAAG,CAAC;IAAC,QAAQ,CAAC,EAAE,GAAG,CAAC;IAAC,IAAI,CAAC,EAAE,GAAG,CAAA;CAAE,QAqB1F,CAAC;AACF;;;GAGG;AACH,eAAO,MAAM,KAAK,oBAqBjB,CAAC"}
+{"version":3,"file":"with.d.ts","sourceRoot":"","sources":["../src/with.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,MAAM,SAAU,MAAM,YAAY,wBAAwB,mBAAmB,wBAAwB,SAOjH,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,WAA2B,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,WAAW,QAKxG;AAED;;;GAGG;AACH,wBAAgB,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,WAAW,GAAG,WAAW,CAuBxE;AAED;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,WAAW,QAajF;AAED,MAAM,MAAM,OAAO,GAAG;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,WAAW,GAAG,OAAO,CAAC,CAAC;CAClD,CAAC"}

package/with.js

@@ -1,77 +1,70 @@
-import { conf } from "./conf.js";
-export const define = (name, options) => (constructor) => {
-    var _a, _b;
-    const tagname = conf === null || conf === void 0 ? void 0 : conf.tag(name);
-    if (customElements.get(tagname) === undefined) {
-        customElements.define(tagname, constructor, options);
-        (_a = conf === null || conf === void 0 ? void 0 : conf.enabled) === null || _a === void 0 ? void 0 : _a.push(name);
-        (_b = conf === null || conf === void 0 ? void 0 : conf.namemap) === null || _b === void 0 ? void 0 : _b.set(name, tagname);
-    }
-};
-/**
- * Create element with args append to target
- * @param target Appended target element or use document.querySelector(target) or document.body
- * @param args tag:tag name, props:attribute, children:appended chindren, html:innerHTML
- */
-export const append = (target = "body", args = "div") => {
-    if (!args)
-        return;
-    target = (typeof target === "string" ? document.querySelector(target) : target) || document.body;
-    const element = create(args);
-    target.appendChild(element);
-};
-/**
- * Create element from args
- * @param args tag:tag name, props:attribute, children:appended chindren, html:innerHTML
- */
-export const create = (args = "div") => {
-    const tag = (typeof args === "string" ? args : args === null || args === void 0 ? void 0 : args.tag) || "div";
-    const { props, children, html } = args || {};
-    const element = document.createElement(tag);
-    if (props) {
-        Object.keys(props).forEach((prop) => {
-            // element[prop] = props[prop];
-            element.setAttribute(prop, props[prop] === true ? "" : props[prop]);
-        });
-    }
-    if (html)
-        element.innerHTML += html;
-    if (children) {
-        if (children.length) {
-            /* Iterators exist */ [...children].forEach((child) => {
-                typeof child === "string" ? element.appendChild(document.createTextNode(child)) : element.appendChild(child);
-            });
-        }
-        else {
-            typeof children === "string" ? element.appendChild(document.createTextNode(children)) : element.appendChild(children);
-        }
-    }
-    return element;
-};
-/**
- * Create element with args append to target
- * @param map Map of key:selector, value:args
- */
-export const retag = (map) => {
-    if (!map)
-        return;
-    for (const [key, args] of map) {
-        for (let i = document.querySelectorAll(key).length - 1; i >= 0; i--) {
-            const element = document.querySelectorAll(key)[i];
-            const tag = (typeof args === "string" ? args : args === null || args === void 0 ? void 0 : args.tag) || "div";
-            const props = args.props || {};
-            const { children, html = "" } = args;
-            [...element.attributes].reduce((acc, attr) => {
-                acc[attr.name] = attr.args;
-                return acc;
-            }, props);
-            const newElement = create({
-                tag,
-                html: html + element.innerHTML,
-                props,
-                children,
-            });
-            element.parentNode.replaceChild(newElement, element);
-        }
-    }
-};
+import { conf } from "./conf.js";
+export const define = (name, options) => (constructor) => {
+    const tagname = conf.tag(name);
+    if (customElements.get(tagname) === undefined) {
+        customElements.define(tagname, constructor, options);
+        conf.enabled.push(name);
+        conf.namemap.set(name, tagname);
+    }
+};
+/**
+ * Create element from args append to target
+ * @param target Appended target element, target or document.querySelector(target) or document.body
+ * @param args tag: tag name, props: attribute, children: appended chindren
+ */
+export function append(target = document.body, args) {
+    if (!(target instanceof HTMLElement)) {
+        target = (document.querySelector(target) || document.body);
+    }
+    target.appendChild(create(args));
+}
+/**
+ * Create element from args
+ * @param args tag: tag name, props: attribute, children: appended chindren
+ */
+export function create(args) {
+    if (args instanceof HTMLElement) {
+        return args;
+    }
+    const { tag, props, children } = (typeof args === "string" ? { tag: args } : args);
+    const newElement = document.createElement(tag);
+    if (props) {
+        Object.keys(props).forEach((prop) => {
+            newElement.setAttribute(prop, props[prop] === true ? "" : props[prop]);
+        });
+    }
+    if (children && Array.isArray(children)) {
+        children.forEach((child) => {
+            if (typeof child === "string") {
+                newElement.appendChild(document.createTextNode(child));
+            }
+            else if (child instanceof HTMLElement) {
+                newElement.appendChild(child);
+            }
+            else {
+                newElement.appendChild(create(child));
+            }
+        });
+    }
+    return newElement;
+}
+/**
+ * Replace elements
+ * @param matched: Element array to be replaced
+ * @param args: New element arguments will call create
+ */
+export function retag(matched, args) {
+    var _a;
+    for (let i = matched.length - 1; i >= 0; i--) {
+        const element = matched[i];
+        const newElement = create(args);
+        for (let i = 0; i < element.attributes.length; i++) {
+            const attribute = element.attributes[i];
+            if (!newElement.hasAttribute(attribute.name)) {
+                newElement.setAttribute(attribute.name, attribute.value);
+            }
+        }
+        newElement.innerHTML = element.innerHTML;
+        (_a = element.parentNode) === null || _a === void 0 ? void 0 : _a.replaceChild(newElement, element);
+    }
+}

package/items/no-support.d.ts

@@ -1,7 +0,0 @@
-import STD from "./std.js";
-export declare class NoSupport extends STD {
-    static style: import("lit").CSSResult;
-    render(): void;
-}
-export default NoSupport;
-//# sourceMappingURL=no-support.d.ts.map

package/items/no-support.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"no-support.d.ts","sourceRoot":"","sources":["../../items/no-support.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,SAAU,SAAQ,GAAG;IAChC,MAAM,CAAC,KAAK,0BAIV;IACF,MAAM;CAGP;AACD,eAAe,SAAS,CAAC"}

package/items/no-support.js

@@ -1,23 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { css, define, } from "../deps.js";
-import STD from "./std.js";
-let NoSupport = class NoSupport extends STD {
-    render() {
-        return;
-    }
-};
-NoSupport.style = css `
-  :host{
-    display:none;
-  }
-  `;
-NoSupport = __decorate([
-    define("no-support")
-], NoSupport);
-export { NoSupport };
-export default NoSupport;