godown 1.1.5 → 1.1.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/conf.d.ts +18 -18
- package/conf.js +22 -22
- package/deps.d.ts +7 -7
- package/deps.js +7 -7
- package/effect/index.d.ts +3 -3
- package/effect/index.js +3 -3
- package/effect/ov-effect.d.ts +23 -23
- package/effect/ov-effect.js +63 -63
- package/effect/ro-effect.d.ts +19 -19
- package/effect/ro-effect.js +76 -76
- package/effect/std.d.ts +3 -3
- package/effect/std.js +3 -3
- package/effect/tw-effect.d.ts +21 -21
- package/effect/tw-effect.js +90 -90
- package/glob.d.ts +8 -8
- package/glob.js +9 -9
- package/group/avatar-group.d.ts +20 -20
- package/group/avatar-group.js +88 -88
- package/group/button-group.d.ts +12 -12
- package/group/button-group.js +26 -26
- package/group/details-group.d.ts +16 -16
- package/group/details-group.js +51 -51
- package/group/index.d.ts +3 -3
- package/group/index.js +3 -3
- package/group/std.d.ts +3 -3
- package/group/std.js +3 -3
- package/index.d.ts +7 -7
- package/index.js +7 -7
- package/input-form/base-input.d.ts +32 -32
- package/input-form/base-input.js +129 -129
- package/input-form/exp-input.d.ts +22 -22
- package/input-form/exp-input.js +67 -67
- package/input-form/index.d.ts +8 -8
- package/input-form/index.js +8 -8
- package/input-form/label-input.d.ts +21 -21
- package/input-form/label-input.js +69 -69
- package/input-form/search-input.d.ts +36 -36
- package/input-form/search-input.js +162 -162
- package/input-form/select-input.d.ts +31 -31
- package/input-form/select-input.js +256 -256
- package/input-form/sign-form.d.ts +25 -25
- package/input-form/sign-form.js +147 -147
- package/input-form/split-input.d.ts +26 -26
- package/input-form/split-input.js +127 -127
- package/input-form/std.d.ts +19 -19
- package/input-form/std.js +56 -55
- package/input-form/switch-input.d.ts +22 -22
- package/input-form/switch-input.js +73 -73
- package/items/alert-item.d.ts +16 -16
- package/items/alert-item.js +46 -46
- package/items/avatar-anchor.d.ts +19 -19
- package/items/avatar-anchor.js +62 -62
- package/items/base-button.d.ts +16 -16
- package/items/base-button.js +44 -44
- package/items/dialog-item.d.ts +24 -24
- package/items/dialog-item.js +92 -92
- package/items/index.d.ts +7 -7
- package/items/index.js +7 -7
- package/items/link-a.d.ts +19 -19
- package/items/link-a.js +76 -76
- package/items/load-track.d.ts +20 -20
- package/items/load-track.js +76 -76
- package/items/std.d.ts +3 -3
- package/items/std.js +3 -3
- package/items/super-a.d.ts +15 -15
- package/items/super-a.js +46 -46
- package/layout/div-line.d.ts +15 -15
- package/layout/div-line.js +39 -39
- package/layout/drag-box.d.ts +25 -25
- package/layout/drag-box.js +88 -88
- package/layout/flex-flow.d.ts +13 -13
- package/layout/flex-flow.js +32 -32
- package/layout/index.d.ts +5 -5
- package/layout/index.js +5 -5
- package/layout/nav-aside.d.ts +13 -13
- package/layout/nav-aside.js +38 -38
- package/layout/nav-layout.d.ts +16 -16
- package/layout/nav-layout.js +51 -51
- package/layout/std.d.ts +4 -4
- package/layout/std.js +4 -4
- package/package.json +6 -5
- package/react/effect.d.ts +9 -9
- package/react/effect.d.ts.map +1 -1
- package/react/effect.js +33 -33
- package/react/group.d.ts +4 -4
- package/react/group.d.ts.map +1 -1
- package/react/group.js +19 -19
- package/react/index.d.ts +7 -7
- package/react/index.d.ts.map +1 -1
- package/react/index.js +7 -7
- package/react/input-form.d.ts +32 -32
- package/react/input-form.d.ts.map +1 -1
- package/react/input-form.js +65 -65
- package/react/items.d.ts +8 -8
- package/react/items.d.ts.map +1 -1
- package/react/items.js +39 -39
- package/react/layout.d.ts +6 -6
- package/react/layout.d.ts.map +1 -1
- package/react/layout.js +29 -29
- package/react/view.d.ts +6 -6
- package/react/view.d.ts.map +1 -1
- package/react/view.js +29 -29
- package/view/details-expand.d.ts +18 -18
- package/view/details-expand.js +53 -53
- package/view/down-drop.d.ts +18 -18
- package/view/down-drop.js +71 -71
- package/view/index.d.ts +5 -5
- package/view/index.js +5 -5
- package/view/menu-list.d.ts +16 -16
- package/view/menu-list.js +48 -48
- package/view/route-view.d.ts +57 -57
- package/view/route-view.js +257 -257
- package/view/scroll-x.d.ts +14 -14
- package/view/scroll-x.js +47 -47
- package/view/std.d.ts +4 -4
- package/view/std.js +4 -4
- package/with.d.ts +27 -27
- package/with.js +77 -77
package/view/scroll-x.js
CHANGED
@@ -1,48 +1,48 @@
|
|
1
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
4
|
-
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;
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
6
|
-
};
|
7
|
-
import { css, define, html } from "../deps.js";
|
8
|
-
import STD from "./std.js";
|
9
|
-
let ScrollX = class ScrollX extends STD {
|
10
|
-
get _section() {
|
11
|
-
return this.shadowRoot.querySelector("section");
|
12
|
-
}
|
13
|
-
render() {
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
4
|
+
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;
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
6
|
+
};
|
7
|
+
import { css, define, html } from "../deps.js";
|
8
|
+
import STD from "./std.js";
|
9
|
+
let ScrollX = class ScrollX extends STD {
|
10
|
+
get _section() {
|
11
|
+
return this.shadowRoot.querySelector("section");
|
12
|
+
}
|
13
|
+
render() {
|
14
14
|
return html `<section>
|
15
15
|
<main>
|
16
16
|
<span><slot></slot></span>
|
17
17
|
</main>
|
18
|
-
</section>`;
|
19
|
-
}
|
20
|
-
firstUpdated() {
|
21
|
-
this._section.addEventListener("scroll", (e) => {
|
22
|
-
this.dispatchEvent(new CustomEvent("scroll", { detail: e.target.scrollTop }));
|
23
|
-
});
|
24
|
-
this.resize();
|
25
|
-
window.addEventListener("resize", () => {
|
26
|
-
this.resize();
|
27
|
-
});
|
28
|
-
}
|
29
|
-
resize() {
|
30
|
-
const child = this.firstElementChild;
|
31
|
-
if (!child)
|
32
|
-
return;
|
33
|
-
const ClientHeight = child.clientHeight || 0;
|
34
|
-
if (ClientHeight) {
|
35
|
-
this._section.style.width = ClientHeight + "px";
|
36
|
-
this._section.style.height = getComputedStyle(this).width;
|
37
|
-
}
|
38
|
-
else {
|
39
|
-
const ComputedHeight = getComputedStyle(child).height;
|
40
|
-
this.style.height = ComputedHeight;
|
41
|
-
this._section.style.width = ComputedHeight;
|
42
|
-
this._section.style.height = getComputedStyle(this).width;
|
43
|
-
}
|
44
|
-
}
|
45
|
-
};
|
18
|
+
</section>`;
|
19
|
+
}
|
20
|
+
firstUpdated() {
|
21
|
+
this._section.addEventListener("scroll", (e) => {
|
22
|
+
this.dispatchEvent(new CustomEvent("scroll", { detail: e.target.scrollTop }));
|
23
|
+
});
|
24
|
+
this.resize();
|
25
|
+
window.addEventListener("resize", () => {
|
26
|
+
this.resize();
|
27
|
+
});
|
28
|
+
}
|
29
|
+
resize() {
|
30
|
+
const child = this.firstElementChild;
|
31
|
+
if (!child)
|
32
|
+
return;
|
33
|
+
const ClientHeight = child.clientHeight || 0;
|
34
|
+
if (ClientHeight) {
|
35
|
+
this._section.style.width = ClientHeight + "px";
|
36
|
+
this._section.style.height = getComputedStyle(this).width;
|
37
|
+
}
|
38
|
+
else {
|
39
|
+
const ComputedHeight = getComputedStyle(child).height;
|
40
|
+
this.style.height = ComputedHeight;
|
41
|
+
this._section.style.width = ComputedHeight;
|
42
|
+
this._section.style.height = getComputedStyle(this).width;
|
43
|
+
}
|
44
|
+
}
|
45
|
+
};
|
46
46
|
ScrollX.styles = css `
|
47
47
|
:host {
|
48
48
|
display: block;
|
@@ -69,9 +69,9 @@ ScrollX.styles = css `
|
|
69
69
|
transform-origin: 0 0;
|
70
70
|
transform: rotate(90deg);
|
71
71
|
}
|
72
|
-
`;
|
73
|
-
ScrollX = __decorate([
|
74
|
-
define("scroll-x")
|
75
|
-
], ScrollX);
|
76
|
-
export { ScrollX };
|
77
|
-
export default ScrollX;
|
72
|
+
`;
|
73
|
+
ScrollX = __decorate([
|
74
|
+
define("scroll-x")
|
75
|
+
], ScrollX);
|
76
|
+
export { ScrollX };
|
77
|
+
export default ScrollX;
|
package/view/std.d.ts
CHANGED
@@ -1,5 +1,5 @@
|
|
1
|
-
import { GLOBSTD } from "../deps.js";
|
2
|
-
export default class ViewSTD extends GLOBSTD {
|
3
|
-
}
|
4
|
-
export declare const DLsharecss: import("lit").CSSResult;
|
1
|
+
import { GLOBSTD } from "../deps.js";
|
2
|
+
export default class ViewSTD extends GLOBSTD {
|
3
|
+
}
|
4
|
+
export declare const DLsharecss: import("lit").CSSResult;
|
5
5
|
//# sourceMappingURL=std.d.ts.map
|
package/view/std.js
CHANGED
@@ -1,6 +1,6 @@
|
|
1
|
-
import { GLOBSTD, css } from "../deps.js";
|
2
|
-
export default class ViewSTD extends GLOBSTD {
|
3
|
-
}
|
1
|
+
import { GLOBSTD, css } from "../deps.js";
|
2
|
+
export default class ViewSTD extends GLOBSTD {
|
3
|
+
}
|
4
4
|
export const DLsharecss = css `
|
5
5
|
:host {
|
6
6
|
display: block;
|
@@ -34,4 +34,4 @@ export const DLsharecss = css `
|
|
34
34
|
dd[open] {
|
35
35
|
grid-template-rows: 1fr;
|
36
36
|
}
|
37
|
-
`;
|
37
|
+
`;
|
package/with.d.ts
CHANGED
@@ -1,28 +1,28 @@
|
|
1
|
-
export declare const define: (name: string, options?: ElementDefinitionOptions) => (constructor: CustomElementConstructor) => void;
|
2
|
-
/**
|
3
|
-
* Create element with args append to target
|
4
|
-
* @param target Appended target element or use document.querySelector(target) or document.body
|
5
|
-
* @param args tag:tag name, props:attribute, children:appended chindren, html:innerHTML
|
6
|
-
*/
|
7
|
-
export declare const append: (target?: string | object, args?: string | {
|
8
|
-
tag: any;
|
9
|
-
props?: any;
|
10
|
-
children?: any;
|
11
|
-
html?: any;
|
12
|
-
}) => void;
|
13
|
-
/**
|
14
|
-
* Create element from args
|
15
|
-
* @param args tag:tag name, props:attribute, children:appended chindren, html:innerHTML
|
16
|
-
*/
|
17
|
-
export declare const create: (args?: string | {
|
18
|
-
tag: any;
|
19
|
-
props?: any;
|
20
|
-
children?: any;
|
21
|
-
html?: any;
|
22
|
-
}) => any;
|
23
|
-
/**
|
24
|
-
* Create element with args append to target
|
25
|
-
* @param map Map of key:selector, value:args
|
26
|
-
*/
|
27
|
-
export declare const retag: (map: any) => void;
|
1
|
+
export declare const define: (name: string, options?: ElementDefinitionOptions) => (constructor: CustomElementConstructor) => void;
|
2
|
+
/**
|
3
|
+
* Create element with args append to target
|
4
|
+
* @param target Appended target element or use document.querySelector(target) or document.body
|
5
|
+
* @param args tag:tag name, props:attribute, children:appended chindren, html:innerHTML
|
6
|
+
*/
|
7
|
+
export declare const append: (target?: string | object, args?: string | {
|
8
|
+
tag: any;
|
9
|
+
props?: any;
|
10
|
+
children?: any;
|
11
|
+
html?: any;
|
12
|
+
}) => void;
|
13
|
+
/**
|
14
|
+
* Create element from args
|
15
|
+
* @param args tag:tag name, props:attribute, children:appended chindren, html:innerHTML
|
16
|
+
*/
|
17
|
+
export declare const create: (args?: string | {
|
18
|
+
tag: any;
|
19
|
+
props?: any;
|
20
|
+
children?: any;
|
21
|
+
html?: any;
|
22
|
+
}) => any;
|
23
|
+
/**
|
24
|
+
* Create element with args append to target
|
25
|
+
* @param map Map of key:selector, value:args
|
26
|
+
*/
|
27
|
+
export declare const retag: (map: any) => void;
|
28
28
|
//# sourceMappingURL=with.d.ts.map
|
package/with.js
CHANGED
@@ -1,77 +1,77 @@
|
|
1
|
-
import { conf } from "./conf.js";
|
2
|
-
export const define = (name, options) => (constructor) => {
|
3
|
-
var _a, _b;
|
4
|
-
const tagname = conf === null || conf === void 0 ? void 0 : conf.tag(name);
|
5
|
-
if (customElements.get(tagname) === undefined) {
|
6
|
-
customElements.define(tagname, constructor, options);
|
7
|
-
(_a = conf === null || conf === void 0 ? void 0 : conf.enabled) === null || _a === void 0 ? void 0 : _a.push(name);
|
8
|
-
(_b = conf === null || conf === void 0 ? void 0 : conf.namemap) === null || _b === void 0 ? void 0 : _b.set(name, tagname);
|
9
|
-
}
|
10
|
-
};
|
11
|
-
/**
|
12
|
-
* Create element with args append to target
|
13
|
-
* @param target Appended target element or use document.querySelector(target) or document.body
|
14
|
-
* @param args tag:tag name, props:attribute, children:appended chindren, html:innerHTML
|
15
|
-
*/
|
16
|
-
export const append = (target = "body", args = "div") => {
|
17
|
-
if (!args)
|
18
|
-
return;
|
19
|
-
target = (typeof target === "string" ? document.querySelector(target) : target) || document.body;
|
20
|
-
const element = create(args);
|
21
|
-
target.appendChild(element);
|
22
|
-
};
|
23
|
-
/**
|
24
|
-
* Create element from args
|
25
|
-
* @param args tag:tag name, props:attribute, children:appended chindren, html:innerHTML
|
26
|
-
*/
|
27
|
-
export const create = (args = "div") => {
|
28
|
-
const tag = (typeof args === "string" ? args : args === null || args === void 0 ? void 0 : args.tag) || "div";
|
29
|
-
const { props, children, html } = args || {};
|
30
|
-
const element = document.createElement(tag);
|
31
|
-
if (props) {
|
32
|
-
Object.keys(props).forEach((prop) => {
|
33
|
-
// element[prop] = props[prop];
|
34
|
-
element.setAttribute(prop, props[prop] === true ? "" : props[prop]);
|
35
|
-
});
|
36
|
-
}
|
37
|
-
if (html)
|
38
|
-
element.innerHTML += html;
|
39
|
-
if (children) {
|
40
|
-
if (children.length) {
|
41
|
-
/* Iterators exist */ [...children].forEach((child) => {
|
42
|
-
typeof child === "string" ? element.appendChild(document.createTextNode(child)) : element.appendChild(child);
|
43
|
-
});
|
44
|
-
}
|
45
|
-
else {
|
46
|
-
typeof children === "string" ? element.appendChild(document.createTextNode(children)) : element.appendChild(children);
|
47
|
-
}
|
48
|
-
}
|
49
|
-
return element;
|
50
|
-
};
|
51
|
-
/**
|
52
|
-
* Create element with args append to target
|
53
|
-
* @param map Map of key:selector, value:args
|
54
|
-
*/
|
55
|
-
export const retag = (map) => {
|
56
|
-
if (!map)
|
57
|
-
return;
|
58
|
-
for (const [key, args] of map) {
|
59
|
-
for (let i = document.querySelectorAll(key).length - 1; i >= 0; i--) {
|
60
|
-
const element = document.querySelectorAll(key)[i];
|
61
|
-
const tag = (typeof args === "string" ? args : args === null || args === void 0 ? void 0 : args.tag) || "div";
|
62
|
-
const props = args.props || {};
|
63
|
-
const { children, html = "" } = args;
|
64
|
-
[...element.attributes].reduce((acc, attr) => {
|
65
|
-
acc[attr.name] = attr.args;
|
66
|
-
return acc;
|
67
|
-
}, props);
|
68
|
-
const newElement = create({
|
69
|
-
tag,
|
70
|
-
html: html + element.innerHTML,
|
71
|
-
props,
|
72
|
-
children,
|
73
|
-
});
|
74
|
-
element.parentNode.replaceChild(newElement, element);
|
75
|
-
}
|
76
|
-
}
|
77
|
-
};
|
1
|
+
import { conf } from "./conf.js";
|
2
|
+
export const define = (name, options) => (constructor) => {
|
3
|
+
var _a, _b;
|
4
|
+
const tagname = conf === null || conf === void 0 ? void 0 : conf.tag(name);
|
5
|
+
if (customElements.get(tagname) === undefined) {
|
6
|
+
customElements.define(tagname, constructor, options);
|
7
|
+
(_a = conf === null || conf === void 0 ? void 0 : conf.enabled) === null || _a === void 0 ? void 0 : _a.push(name);
|
8
|
+
(_b = conf === null || conf === void 0 ? void 0 : conf.namemap) === null || _b === void 0 ? void 0 : _b.set(name, tagname);
|
9
|
+
}
|
10
|
+
};
|
11
|
+
/**
|
12
|
+
* Create element with args append to target
|
13
|
+
* @param target Appended target element or use document.querySelector(target) or document.body
|
14
|
+
* @param args tag:tag name, props:attribute, children:appended chindren, html:innerHTML
|
15
|
+
*/
|
16
|
+
export const append = (target = "body", args = "div") => {
|
17
|
+
if (!args)
|
18
|
+
return;
|
19
|
+
target = (typeof target === "string" ? document.querySelector(target) : target) || document.body;
|
20
|
+
const element = create(args);
|
21
|
+
target.appendChild(element);
|
22
|
+
};
|
23
|
+
/**
|
24
|
+
* Create element from args
|
25
|
+
* @param args tag:tag name, props:attribute, children:appended chindren, html:innerHTML
|
26
|
+
*/
|
27
|
+
export const create = (args = "div") => {
|
28
|
+
const tag = (typeof args === "string" ? args : args === null || args === void 0 ? void 0 : args.tag) || "div";
|
29
|
+
const { props, children, html } = args || {};
|
30
|
+
const element = document.createElement(tag);
|
31
|
+
if (props) {
|
32
|
+
Object.keys(props).forEach((prop) => {
|
33
|
+
// element[prop] = props[prop];
|
34
|
+
element.setAttribute(prop, props[prop] === true ? "" : props[prop]);
|
35
|
+
});
|
36
|
+
}
|
37
|
+
if (html)
|
38
|
+
element.innerHTML += html;
|
39
|
+
if (children) {
|
40
|
+
if (children.length) {
|
41
|
+
/* Iterators exist */ [...children].forEach((child) => {
|
42
|
+
typeof child === "string" ? element.appendChild(document.createTextNode(child)) : element.appendChild(child);
|
43
|
+
});
|
44
|
+
}
|
45
|
+
else {
|
46
|
+
typeof children === "string" ? element.appendChild(document.createTextNode(children)) : element.appendChild(children);
|
47
|
+
}
|
48
|
+
}
|
49
|
+
return element;
|
50
|
+
};
|
51
|
+
/**
|
52
|
+
* Create element with args append to target
|
53
|
+
* @param map Map of key:selector, value:args
|
54
|
+
*/
|
55
|
+
export const retag = (map) => {
|
56
|
+
if (!map)
|
57
|
+
return;
|
58
|
+
for (const [key, args] of map) {
|
59
|
+
for (let i = document.querySelectorAll(key).length - 1; i >= 0; i--) {
|
60
|
+
const element = document.querySelectorAll(key)[i];
|
61
|
+
const tag = (typeof args === "string" ? args : args === null || args === void 0 ? void 0 : args.tag) || "div";
|
62
|
+
const props = args.props || {};
|
63
|
+
const { children, html = "" } = args;
|
64
|
+
[...element.attributes].reduce((acc, attr) => {
|
65
|
+
acc[attr.name] = attr.args;
|
66
|
+
return acc;
|
67
|
+
}, props);
|
68
|
+
const newElement = create({
|
69
|
+
tag,
|
70
|
+
html: html + element.innerHTML,
|
71
|
+
props,
|
72
|
+
children,
|
73
|
+
});
|
74
|
+
element.parentNode.replaceChild(newElement, element);
|
75
|
+
}
|
76
|
+
}
|
77
|
+
};
|