@benev/web 0.1.0-2

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 (111) hide show
  1. package/LICENSE +22 -0
  2. package/README.md +67 -0
  3. package/package.json +49 -0
  4. package/s/assets/b.png +0 -0
  5. package/s/assets/b.png.ts +3 -0
  6. package/s/consts.ts +5 -0
  7. package/s/css/benev.csstext.ts +41 -0
  8. package/s/css/demo.css +19 -0
  9. package/s/css/parts/common.csstext.ts +173 -0
  10. package/s/css/parts/core.csstext.ts +56 -0
  11. package/s/css/parts/page.csstext.ts +24 -0
  12. package/s/css/parts/vars.csstext.ts +40 -0
  13. package/s/css/theme.css.ts +9 -0
  14. package/s/dom/header/style.css.ts +40 -0
  15. package/s/dom/header/view.ts +31 -0
  16. package/s/dom/loader/loader.ts +70 -0
  17. package/s/dom/loader/style.css.ts +44 -0
  18. package/s/dom/loader/view.ts +20 -0
  19. package/s/dom/menu/style.css.ts +90 -0
  20. package/s/dom/menu/utils/click-backdrop.ts +8 -0
  21. package/s/dom/menu/utils/on-keypress.ts +22 -0
  22. package/s/dom/menu/utils/use-after-first-render.ts +9 -0
  23. package/s/dom/menu/view.ts +32 -0
  24. package/s/index-ssg.ts +3 -0
  25. package/s/index.html.ts +45 -0
  26. package/s/index.ts +14 -0
  27. package/s/main.bundle.ts +19 -0
  28. package/s/test.ts +5 -0
  29. package/s/vitals/setup.ts +21 -0
  30. package/s/vitals/shell.ts +67 -0
  31. package/x/assets/b.png +0 -0
  32. package/x/assets/b.png.d.ts +1 -0
  33. package/x/assets/b.png.js +2 -0
  34. package/x/assets/b.png.js.map +1 -0
  35. package/x/consts.d.ts +3 -0
  36. package/x/consts.js +4 -0
  37. package/x/consts.js.map +1 -0
  38. package/x/css/benev.csstext.d.ts +1 -0
  39. package/x/css/benev.csstext.js +39 -0
  40. package/x/css/benev.csstext.js.map +1 -0
  41. package/x/css/demo.css +19 -0
  42. package/x/css/parts/common.csstext.d.ts +2 -0
  43. package/x/css/parts/common.csstext.js +172 -0
  44. package/x/css/parts/common.csstext.js.map +1 -0
  45. package/x/css/parts/core.csstext.d.ts +2 -0
  46. package/x/css/parts/core.csstext.js +55 -0
  47. package/x/css/parts/core.csstext.js.map +1 -0
  48. package/x/css/parts/page.csstext.d.ts +2 -0
  49. package/x/css/parts/page.csstext.js +23 -0
  50. package/x/css/parts/page.csstext.js.map +1 -0
  51. package/x/css/parts/vars.csstext.d.ts +2 -0
  52. package/x/css/parts/vars.csstext.js +39 -0
  53. package/x/css/parts/vars.csstext.js.map +1 -0
  54. package/x/css/theme.css.d.ts +1 -0
  55. package/x/css/theme.css.js +7 -0
  56. package/x/css/theme.css.js.map +1 -0
  57. package/x/dom/header/style.css.d.ts +2 -0
  58. package/x/dom/header/style.css.js +39 -0
  59. package/x/dom/header/style.css.js.map +1 -0
  60. package/x/dom/header/view.d.ts +3 -0
  61. package/x/dom/header/view.js +26 -0
  62. package/x/dom/header/view.js.map +1 -0
  63. package/x/dom/loader/loader.d.ts +9 -0
  64. package/x/dom/loader/loader.js +53 -0
  65. package/x/dom/loader/loader.js.map +1 -0
  66. package/x/dom/loader/style.css.d.ts +2 -0
  67. package/x/dom/loader/style.css.js +43 -0
  68. package/x/dom/loader/style.css.js.map +1 -0
  69. package/x/dom/loader/view.d.ts +1 -0
  70. package/x/dom/loader/view.js +17 -0
  71. package/x/dom/loader/view.js.map +1 -0
  72. package/x/dom/menu/style.css.d.ts +2 -0
  73. package/x/dom/menu/style.css.js +89 -0
  74. package/x/dom/menu/style.css.js.map +1 -0
  75. package/x/dom/menu/utils/click-backdrop.d.ts +1 -0
  76. package/x/dom/menu/utils/click-backdrop.js +7 -0
  77. package/x/dom/menu/utils/click-backdrop.js.map +1 -0
  78. package/x/dom/menu/utils/on-keypress.d.ts +1 -0
  79. package/x/dom/menu/utils/on-keypress.js +18 -0
  80. package/x/dom/menu/utils/on-keypress.js.map +1 -0
  81. package/x/dom/menu/utils/use-after-first-render.d.ts +1 -0
  82. package/x/dom/menu/utils/use-after-first-render.js +7 -0
  83. package/x/dom/menu/utils/use-after-first-render.js.map +1 -0
  84. package/x/dom/menu/view.d.ts +2 -0
  85. package/x/dom/menu/view.js +27 -0
  86. package/x/dom/menu/view.js.map +1 -0
  87. package/x/index-ssg.d.ts +1 -0
  88. package/x/index-ssg.js +2 -0
  89. package/x/index-ssg.js.map +1 -0
  90. package/x/index.d.ts +9 -0
  91. package/x/index.html +368 -0
  92. package/x/index.html.d.ts +2 -0
  93. package/x/index.html.js +43 -0
  94. package/x/index.html.js.map +1 -0
  95. package/x/index.js +10 -0
  96. package/x/index.js.map +1 -0
  97. package/x/main.bundle.d.ts +1 -0
  98. package/x/main.bundle.js +12 -0
  99. package/x/main.bundle.js.map +1 -0
  100. package/x/main.bundle.min.js +522 -0
  101. package/x/main.bundle.min.js.LEGAL.txt +33 -0
  102. package/x/main.bundle.min.js.map +7 -0
  103. package/x/test.d.ts +1 -0
  104. package/x/test.js +3 -0
  105. package/x/test.js.map +1 -0
  106. package/x/vitals/setup.d.ts +9 -0
  107. package/x/vitals/setup.js +17 -0
  108. package/x/vitals/setup.js.map +1 -0
  109. package/x/vitals/shell.d.ts +7 -0
  110. package/x/vitals/shell.js +52 -0
  111. package/x/vitals/shell.js.map +1 -0
package/x/test.d.ts ADDED
@@ -0,0 +1 @@
1
+ export {};
package/x/test.js ADDED
@@ -0,0 +1,3 @@
1
+ import { run } from "@e280/science";
2
+ await run({});
3
+ //# sourceMappingURL=test.js.map
package/x/test.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"test.js","sourceRoot":"","sources":["../s/test.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,eAAe,CAAA;AAEjC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAA"}
@@ -0,0 +1,9 @@
1
+ import { Shell } from "./shell.js";
2
+ export declare function setupBenev(): Promise<{
3
+ shell: Shell;
4
+ elements: {
5
+ BenevHeader: new () => HTMLElement;
6
+ BenevMenu: new () => HTMLElement;
7
+ BenevLoader: new () => HTMLElement;
8
+ };
9
+ }>;
@@ -0,0 +1,17 @@
1
+ import { Shell } from "./shell.js";
2
+ import { BenevLoader } from "../dom/loader/view.js";
3
+ import { menuComponent } from "../dom/menu/view.js";
4
+ import { headerElement } from "../dom/header/view.js";
5
+ export async function setupBenev() {
6
+ const shell = new Shell();
7
+ const elements = {
8
+ BenevHeader: headerElement(shell),
9
+ BenevMenu: menuComponent(shell),
10
+ BenevLoader: BenevLoader,
11
+ };
12
+ return {
13
+ shell,
14
+ elements,
15
+ };
16
+ }
17
+ //# sourceMappingURL=setup.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"setup.js","sourceRoot":"","sources":["../../s/vitals/setup.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,KAAK,EAAC,MAAM,YAAY,CAAA;AAChC,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAA;AACjD,OAAO,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAC,aAAa,EAAC,MAAM,uBAAuB,CAAA;AAEnD,MAAM,CAAC,KAAK,UAAU,UAAU;IAC/B,MAAM,KAAK,GAAG,IAAI,KAAK,EAAE,CAAA;IAEzB,MAAM,QAAQ,GAAG;QAChB,WAAW,EAAE,aAAa,CAAC,KAAK,CAAC;QACjC,SAAS,EAAE,aAAa,CAAC,KAAK,CAAC;QAC/B,WAAW,EAAE,WAAW;KACxB,CAAA;IAED,OAAO;QACN,KAAK;QACL,QAAQ;KACR,CAAA;AACF,CAAC"}
@@ -0,0 +1,7 @@
1
+ export declare class Shell {
2
+ #private;
3
+ get dialog(): HTMLDialogElement | undefined;
4
+ get open(): boolean;
5
+ attach(dialog: HTMLDialogElement): void;
6
+ toggle: (please?: boolean) => void;
7
+ }
@@ -0,0 +1,52 @@
1
+ import { tracker } from "@e280/strata";
2
+ import { got, nap } from "@e280/stz";
3
+ import { consts } from "../consts.js";
4
+ export class Shell {
5
+ #dialog;
6
+ #closeToken = 0;
7
+ get dialog() {
8
+ tracker.read(this);
9
+ return this.#dialog;
10
+ }
11
+ get open() {
12
+ const dialog = this.dialog;
13
+ return !!dialog?.open && !dialog.hasAttribute("data-closing");
14
+ }
15
+ attach(dialog) {
16
+ this.#dialog = dialog;
17
+ dialog.onclose = () => tracker.write(this);
18
+ dialog.oncancel = event => {
19
+ event.preventDefault();
20
+ this.toggle(false);
21
+ };
22
+ }
23
+ toggle = (please = !this.open) => {
24
+ const dialog = got(this.dialog);
25
+ if (please)
26
+ this.#open(dialog);
27
+ else
28
+ this.#close(dialog);
29
+ tracker.write(this);
30
+ };
31
+ #open(dialog) {
32
+ this.#closeToken++;
33
+ dialog.removeAttribute("data-closing");
34
+ if (!dialog.open)
35
+ dialog.showModal();
36
+ }
37
+ #close(dialog) {
38
+ if (!dialog.open)
39
+ return;
40
+ const token = ++this.#closeToken;
41
+ dialog.setAttribute("data-closing", "");
42
+ nap(consts.anim).then(() => {
43
+ if (token !== this.#closeToken)
44
+ return;
45
+ if (dialog.hasAttribute("data-closing"))
46
+ dialog.close();
47
+ dialog.removeAttribute("data-closing");
48
+ tracker.write(this);
49
+ });
50
+ }
51
+ }
52
+ //# sourceMappingURL=shell.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"shell.js","sourceRoot":"","sources":["../../s/vitals/shell.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,OAAO,EAAC,MAAM,cAAc,CAAA;AACpC,OAAO,EAAC,GAAG,EAAE,GAAG,EAAC,MAAM,WAAW,CAAA;AAClC,OAAO,EAAC,MAAM,EAAC,MAAM,cAAc,CAAA;AAEnC,MAAM,OAAO,KAAK;IACjB,OAAO,CAAoB;IAC3B,WAAW,GAAG,CAAC,CAAA;IAEf,IAAI,MAAM;QACT,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAClB,OAAO,IAAI,CAAC,OAAO,CAAA;IACpB,CAAC;IAED,IAAI,IAAI;QACP,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAA;QAC1B,OAAO,CAAC,CAAC,MAAM,EAAE,IAAI,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,cAAc,CAAC,CAAA;IAC9D,CAAC;IAED,MAAM,CAAC,MAAyB;QAC/B,IAAI,CAAC,OAAO,GAAG,MAAM,CAAA;QACrB,MAAM,CAAC,OAAO,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;QAC1C,MAAM,CAAC,QAAQ,GAAG,KAAK,CAAC,EAAE;YACzB,KAAK,CAAC,cAAc,EAAE,CAAA;YACtB,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QACnB,CAAC,CAAA;IACF,CAAC;IAED,MAAM,GAAG,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE;QAChC,MAAM,MAAM,GAAG,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;QAE/B,IAAI,MAAM;YACT,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;;YAElB,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;QAEpB,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IACpB,CAAC,CAAA;IAED,KAAK,CAAC,MAAyB;QAC9B,IAAI,CAAC,WAAW,EAAE,CAAA;QAClB,MAAM,CAAC,eAAe,CAAC,cAAc,CAAC,CAAA;QAEtC,IAAI,CAAC,MAAM,CAAC,IAAI;YACf,MAAM,CAAC,SAAS,EAAE,CAAA;IACpB,CAAC;IAED,MAAM,CAAC,MAAyB;QAC/B,IAAI,CAAC,MAAM,CAAC,IAAI;YACf,OAAM;QAEP,MAAM,KAAK,GAAG,EAAE,IAAI,CAAC,WAAW,CAAA;QAChC,MAAM,CAAC,YAAY,CAAC,cAAc,EAAE,EAAE,CAAC,CAAA;QAEvC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE;YAC1B,IAAI,KAAK,KAAK,IAAI,CAAC,WAAW;gBAC7B,OAAM;YAEP,IAAI,MAAM,CAAC,YAAY,CAAC,cAAc,CAAC;gBACtC,MAAM,CAAC,KAAK,EAAE,CAAA;YAEf,MAAM,CAAC,eAAe,CAAC,cAAc,CAAC,CAAA;YACtC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;QACpB,CAAC,CAAC,CAAA;IACH,CAAC;CACD"}