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.
Files changed (118) hide show
  1. package/conf.d.ts +18 -18
  2. package/conf.js +22 -22
  3. package/deps.d.ts +7 -7
  4. package/deps.js +7 -7
  5. package/effect/index.d.ts +3 -3
  6. package/effect/index.js +3 -3
  7. package/effect/ov-effect.d.ts +23 -23
  8. package/effect/ov-effect.js +63 -63
  9. package/effect/ro-effect.d.ts +19 -19
  10. package/effect/ro-effect.js +76 -76
  11. package/effect/std.d.ts +3 -3
  12. package/effect/std.js +3 -3
  13. package/effect/tw-effect.d.ts +21 -21
  14. package/effect/tw-effect.js +90 -90
  15. package/glob.d.ts +8 -8
  16. package/glob.js +9 -9
  17. package/group/avatar-group.d.ts +20 -20
  18. package/group/avatar-group.js +88 -88
  19. package/group/button-group.d.ts +12 -12
  20. package/group/button-group.js +26 -26
  21. package/group/details-group.d.ts +16 -16
  22. package/group/details-group.js +51 -51
  23. package/group/index.d.ts +3 -3
  24. package/group/index.js +3 -3
  25. package/group/std.d.ts +3 -3
  26. package/group/std.js +3 -3
  27. package/index.d.ts +7 -7
  28. package/index.js +7 -7
  29. package/input-form/base-input.d.ts +32 -32
  30. package/input-form/base-input.js +129 -129
  31. package/input-form/exp-input.d.ts +22 -22
  32. package/input-form/exp-input.js +67 -67
  33. package/input-form/index.d.ts +8 -8
  34. package/input-form/index.js +8 -8
  35. package/input-form/label-input.d.ts +21 -21
  36. package/input-form/label-input.js +69 -69
  37. package/input-form/search-input.d.ts +36 -36
  38. package/input-form/search-input.js +162 -162
  39. package/input-form/select-input.d.ts +31 -31
  40. package/input-form/select-input.js +256 -256
  41. package/input-form/sign-form.d.ts +25 -25
  42. package/input-form/sign-form.js +147 -147
  43. package/input-form/split-input.d.ts +26 -26
  44. package/input-form/split-input.js +127 -127
  45. package/input-form/std.d.ts +19 -19
  46. package/input-form/std.js +56 -55
  47. package/input-form/switch-input.d.ts +22 -22
  48. package/input-form/switch-input.js +73 -73
  49. package/items/alert-item.d.ts +16 -16
  50. package/items/alert-item.js +46 -46
  51. package/items/avatar-anchor.d.ts +19 -19
  52. package/items/avatar-anchor.js +62 -62
  53. package/items/base-button.d.ts +16 -16
  54. package/items/base-button.js +44 -44
  55. package/items/dialog-item.d.ts +24 -24
  56. package/items/dialog-item.js +92 -92
  57. package/items/index.d.ts +7 -7
  58. package/items/index.js +7 -7
  59. package/items/link-a.d.ts +19 -19
  60. package/items/link-a.js +76 -76
  61. package/items/load-track.d.ts +20 -20
  62. package/items/load-track.js +76 -76
  63. package/items/std.d.ts +3 -3
  64. package/items/std.js +3 -3
  65. package/items/super-a.d.ts +15 -15
  66. package/items/super-a.js +46 -46
  67. package/layout/div-line.d.ts +15 -15
  68. package/layout/div-line.js +39 -39
  69. package/layout/drag-box.d.ts +25 -25
  70. package/layout/drag-box.js +88 -88
  71. package/layout/flex-flow.d.ts +13 -13
  72. package/layout/flex-flow.js +32 -32
  73. package/layout/index.d.ts +5 -5
  74. package/layout/index.js +5 -5
  75. package/layout/nav-aside.d.ts +13 -13
  76. package/layout/nav-aside.js +38 -38
  77. package/layout/nav-layout.d.ts +16 -16
  78. package/layout/nav-layout.js +51 -51
  79. package/layout/std.d.ts +4 -4
  80. package/layout/std.js +4 -4
  81. package/package.json +6 -5
  82. package/react/effect.d.ts +9 -9
  83. package/react/effect.d.ts.map +1 -1
  84. package/react/effect.js +33 -33
  85. package/react/group.d.ts +4 -4
  86. package/react/group.d.ts.map +1 -1
  87. package/react/group.js +19 -19
  88. package/react/index.d.ts +7 -7
  89. package/react/index.d.ts.map +1 -1
  90. package/react/index.js +7 -7
  91. package/react/input-form.d.ts +32 -32
  92. package/react/input-form.d.ts.map +1 -1
  93. package/react/input-form.js +65 -65
  94. package/react/items.d.ts +8 -8
  95. package/react/items.d.ts.map +1 -1
  96. package/react/items.js +39 -39
  97. package/react/layout.d.ts +6 -6
  98. package/react/layout.d.ts.map +1 -1
  99. package/react/layout.js +29 -29
  100. package/react/view.d.ts +6 -6
  101. package/react/view.d.ts.map +1 -1
  102. package/react/view.js +29 -29
  103. package/view/details-expand.d.ts +18 -18
  104. package/view/details-expand.js +53 -53
  105. package/view/down-drop.d.ts +18 -18
  106. package/view/down-drop.js +71 -71
  107. package/view/index.d.ts +5 -5
  108. package/view/index.js +5 -5
  109. package/view/menu-list.d.ts +16 -16
  110. package/view/menu-list.js +48 -48
  111. package/view/route-view.d.ts +57 -57
  112. package/view/route-view.js +257 -257
  113. package/view/scroll-x.d.ts +14 -14
  114. package/view/scroll-x.js +47 -47
  115. package/view/std.d.ts +4 -4
  116. package/view/std.js +4 -4
  117. package/with.d.ts +27 -27
  118. 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
+ };