godown 1.1.0 → 1.1.1

package/view/scroll-x.js

@@ -8,26 +8,35 @@ 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');
+        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._section.addEventListener("scroll", (e) => {
+            this.dispatchEvent(new CustomEvent("scroll", { detail: e.target.scrollTop }));
         });
         this.resize();
-        window.addEventListener('resize', () => {
+        window.addEventListener("resize", () => {
             this.resize();
         });
     }
     resize() {
-        var _a;
-        if (!this.style.height)
-            this.style.height = `${((_a = this.querySelector('*')) === null || _a === void 0 ? void 0 : _a.clientHeight) || 0}px`;
-        this._section.style.width = getComputedStyle(this).height;
-        this._section.style.height = getComputedStyle(this).width;
+        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 `

package/with.d.ts

@@ -4,7 +4,7 @@ export declare const define: (name: string, options?: ElementDefinitionOptions)
 * @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: {
+export declare const append: (target?: string | object, args?: string | {
     tag: any;
     props?: any;
     children?: any;
@@ -14,7 +14,12 @@ export declare const append: (target: string | object, args: {
 * Create element from args
 * @param args tag:tag name, props:attribute, children:appended chindren, html:innerHTML
 */
-export declare const create: (args: any) => any;
+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

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;;;;EAIE;AACF,eAAO,MAAM,MAAM,WAAY,MAAM,GAAG,MAAM,QAAQ;IAAE,GAAG,EAAE,GAAG,CAAC;IAAC,KAAK,CAAC,EAAE,GAAG,CAAC;IAAC,QAAQ,CAAC,EAAE,GAAG,CAAC;IAAC,IAAI,CAAC,EAAE,GAAG,CAAC;CAAE,SAK3G,CAAC;AACF;;;EAGE;AACF,eAAO,MAAM,MAAM,oBAqBlB,CAAC;AACF;;;EAGE;AACF,eAAO,MAAM,KAAK,oBAuBjB,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;AACF;;;;EAIE;AACF,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,CAAC;CAAE,SAK7H,CAAC;AACF;;;EAGE;AACF,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,CAAC;CAAE,QAqB3F,CAAC;AACF;;;EAGE;AACF,eAAO,MAAM,KAAK,oBAuBjB,CAAC"}

package/with.js

@@ -13,10 +13,10 @@ export const define = (name, options) => (constructor) => {
 * @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, args) => {
+export const append = (target = "body", args = "div") => {
     if (!args)
         return;
-    target = (typeof target === 'string' ? document.querySelector(target) : target) || document.body;
+    target = (typeof target === "string" ? document.querySelector(target) : target) || document.body;
     const element = create(args);
     target.appendChild(element);
 };
@@ -24,14 +24,14 @@ export const append = (target, args) => {
 * Create element from args
 * @param args tag:tag name, props:attribute, children:appended chindren, html:innerHTML
 */
-export const create = (args) => {
-    const tag = (typeof args === 'string' ? args : args === null || args === void 0 ? void 0 : args.tag) || "div";
+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]);
+            element.setAttribute(prop, props[prop] === true ? "" : props[prop]);
         });
     }
     ;
@@ -59,7 +59,7 @@ export const retag = (map) => {
     for (let [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 tag = (typeof args === "string" ? args : args === null || args === void 0 ? void 0 : args.tag) || "div";
             let props = args.props || {};
             const { children, html = "" } = args;
             [...element.attributes].reduce((acc, attr) => {