@benev/web 0.1.0-10

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 (143) hide show
  1. package/LICENSE +22 -0
  2. package/README.md +67 -0
  3. package/package.json +52 -0
  4. package/s/assets/b.png +0 -0
  5. package/s/assets/b.png.ts +3 -0
  6. package/s/bconfig.ts +9 -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 +210 -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/account/account.ts +7 -0
  15. package/s/dom/account/style.css.ts +6 -0
  16. package/s/dom/account/view.ts +16 -0
  17. package/s/dom/footer/style.css.ts +6 -0
  18. package/s/dom/footer/view.ts +13 -0
  19. package/s/dom/header/style.css.ts +40 -0
  20. package/s/dom/header/view.ts +25 -0
  21. package/s/dom/loader/loader.ts +77 -0
  22. package/s/dom/loader/style.css.ts +54 -0
  23. package/s/dom/loader/view.ts +23 -0
  24. package/s/dom/menu/style.css.ts +90 -0
  25. package/s/dom/menu/utils/click-backdrop.ts +8 -0
  26. package/s/dom/menu/utils/on-keypress.ts +22 -0
  27. package/s/dom/menu/utils/use-after-first-render.ts +9 -0
  28. package/s/dom/menu/view.ts +32 -0
  29. package/s/dom/tools/shadow-duplex.ts +17 -0
  30. package/s/index-ssg.ts +7 -0
  31. package/s/index.html.ts +48 -0
  32. package/s/index.ts +15 -0
  33. package/s/main.bundle.ts +19 -0
  34. package/s/ssg/top-nav.ts +18 -0
  35. package/s/test.ts +5 -0
  36. package/s/types.ts +5 -0
  37. package/s/vitals/setup.ts +29 -0
  38. package/s/vitals/shell.ts +67 -0
  39. package/x/assets/b.png +0 -0
  40. package/x/assets/b.png.d.ts +1 -0
  41. package/x/assets/b.png.js +2 -0
  42. package/x/assets/b.png.js.map +1 -0
  43. package/x/bconfig.d.ts +11 -0
  44. package/x/bconfig.js +8 -0
  45. package/x/bconfig.js.map +1 -0
  46. package/x/css/benev.csstext.d.ts +1 -0
  47. package/x/css/benev.csstext.js +39 -0
  48. package/x/css/benev.csstext.js.map +1 -0
  49. package/x/css/demo.css +19 -0
  50. package/x/css/parts/common.csstext.d.ts +2 -0
  51. package/x/css/parts/common.csstext.js +209 -0
  52. package/x/css/parts/common.csstext.js.map +1 -0
  53. package/x/css/parts/core.csstext.d.ts +2 -0
  54. package/x/css/parts/core.csstext.js +55 -0
  55. package/x/css/parts/core.csstext.js.map +1 -0
  56. package/x/css/parts/page.csstext.d.ts +2 -0
  57. package/x/css/parts/page.csstext.js +23 -0
  58. package/x/css/parts/page.csstext.js.map +1 -0
  59. package/x/css/parts/vars.csstext.d.ts +2 -0
  60. package/x/css/parts/vars.csstext.js +39 -0
  61. package/x/css/parts/vars.csstext.js.map +1 -0
  62. package/x/css/theme.css.d.ts +1 -0
  63. package/x/css/theme.css.js +7 -0
  64. package/x/css/theme.css.js.map +1 -0
  65. package/x/dom/account/account.d.ts +5 -0
  66. package/x/dom/account/account.js +7 -0
  67. package/x/dom/account/account.js.map +1 -0
  68. package/x/dom/account/style.css.d.ts +2 -0
  69. package/x/dom/account/style.css.js +5 -0
  70. package/x/dom/account/style.css.js.map +1 -0
  71. package/x/dom/account/view.d.ts +2 -0
  72. package/x/dom/account/view.js +11 -0
  73. package/x/dom/account/view.js.map +1 -0
  74. package/x/dom/footer/style.css.d.ts +2 -0
  75. package/x/dom/footer/style.css.js +5 -0
  76. package/x/dom/footer/style.css.js.map +1 -0
  77. package/x/dom/footer/view.d.ts +1 -0
  78. package/x/dom/footer/view.js +10 -0
  79. package/x/dom/footer/view.js.map +1 -0
  80. package/x/dom/header/style.css.d.ts +2 -0
  81. package/x/dom/header/style.css.js +39 -0
  82. package/x/dom/header/style.css.js.map +1 -0
  83. package/x/dom/header/view.d.ts +2 -0
  84. package/x/dom/header/view.js +19 -0
  85. package/x/dom/header/view.js.map +1 -0
  86. package/x/dom/loader/loader.d.ts +10 -0
  87. package/x/dom/loader/loader.js +56 -0
  88. package/x/dom/loader/loader.js.map +1 -0
  89. package/x/dom/loader/style.css.d.ts +2 -0
  90. package/x/dom/loader/style.css.js +53 -0
  91. package/x/dom/loader/style.css.js.map +1 -0
  92. package/x/dom/loader/view.d.ts +1 -0
  93. package/x/dom/loader/view.js +19 -0
  94. package/x/dom/loader/view.js.map +1 -0
  95. package/x/dom/menu/style.css.d.ts +2 -0
  96. package/x/dom/menu/style.css.js +89 -0
  97. package/x/dom/menu/style.css.js.map +1 -0
  98. package/x/dom/menu/utils/click-backdrop.d.ts +1 -0
  99. package/x/dom/menu/utils/click-backdrop.js +7 -0
  100. package/x/dom/menu/utils/click-backdrop.js.map +1 -0
  101. package/x/dom/menu/utils/on-keypress.d.ts +1 -0
  102. package/x/dom/menu/utils/on-keypress.js +18 -0
  103. package/x/dom/menu/utils/on-keypress.js.map +1 -0
  104. package/x/dom/menu/utils/use-after-first-render.d.ts +1 -0
  105. package/x/dom/menu/utils/use-after-first-render.js +7 -0
  106. package/x/dom/menu/utils/use-after-first-render.js.map +1 -0
  107. package/x/dom/menu/view.d.ts +2 -0
  108. package/x/dom/menu/view.js +27 -0
  109. package/x/dom/menu/view.js.map +1 -0
  110. package/x/dom/tools/shadow-duplex.d.ts +2 -0
  111. package/x/dom/tools/shadow-duplex.js +10 -0
  112. package/x/dom/tools/shadow-duplex.js.map +1 -0
  113. package/x/index-ssg.d.ts +4 -0
  114. package/x/index-ssg.js +5 -0
  115. package/x/index-ssg.js.map +1 -0
  116. package/x/index.d.ts +10 -0
  117. package/x/index.html +410 -0
  118. package/x/index.html.d.ts +2 -0
  119. package/x/index.html.js +46 -0
  120. package/x/index.html.js.map +1 -0
  121. package/x/index.js +11 -0
  122. package/x/index.js.map +1 -0
  123. package/x/main.bundle.d.ts +1 -0
  124. package/x/main.bundle.js +12 -0
  125. package/x/main.bundle.js.map +1 -0
  126. package/x/main.bundle.min.js +847 -0
  127. package/x/main.bundle.min.js.LEGAL.txt +40 -0
  128. package/x/main.bundle.min.js.map +7 -0
  129. package/x/ssg/top-nav.d.ts +2 -0
  130. package/x/ssg/top-nav.js +12 -0
  131. package/x/ssg/top-nav.js.map +1 -0
  132. package/x/test.d.ts +1 -0
  133. package/x/test.js +3 -0
  134. package/x/test.js.map +1 -0
  135. package/x/types.d.ts +2 -0
  136. package/x/types.js +2 -0
  137. package/x/types.js.map +1 -0
  138. package/x/vitals/setup.d.ts +14 -0
  139. package/x/vitals/setup.js +24 -0
  140. package/x/vitals/setup.js.map +1 -0
  141. package/x/vitals/shell.d.ts +7 -0
  142. package/x/vitals/shell.js +52 -0
  143. package/x/vitals/shell.js.map +1 -0
package/x/index.html ADDED
@@ -0,0 +1,410 @@
1
+ <!doctype html>
2
+ <html benev>
3
+ <head>
4
+ <meta charset="utf-8"/>
5
+ <meta name="viewport" content="width=device-width,initial-scale=1"/>
6
+ <meta name="darkreader-lock"/>
7
+
8
+ <title>@benev/web</title>
9
+ <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='0.9em' font-size='90'>😇</text></svg>"/>
10
+ <script type="module" src="main.bundle.min.js?v=79a18e923793"></script>
11
+ <style>
12
+ @layer benev, demo;
13
+
14
+
15
+ @layer
16
+ benev.vars,
17
+ benev.core,
18
+ benev.common,
19
+ benev.page;
20
+
21
+ @layer benev.vars {
22
+ [benev], :host {
23
+
24
+
25
+ --benev-font-size: 18px;
26
+ --benev-site-width: 62em;
27
+ --benev-copy-width: 70ch;
28
+ --benev-headroom: 2.5em;
29
+
30
+ --benev-bg: #111;
31
+ --benev-prime: #ebb935;
32
+ --benev-tray: #453e2ca8;
33
+ --benev-text: color-mix(in oklch, var(--benev-prime), #fffc 90%);
34
+ --benev-intense: white;
35
+ --benev-focus: 2px solid cyan;
36
+ --benev-link: aqua;
37
+ --benev-b-size: 1.5em;
38
+ --benev-code: #0f0;
39
+
40
+ --benev-select-bg: #f60;
41
+ --benev-select-color: #ff8;
42
+
43
+ --benev-line: #ebb93588;
44
+ --benev-thin: 1px;
45
+ --benev-thick: 3px;
46
+ --benev-border: var(--benev-thin) solid color-mix(in oklch, transparent, var(--benev-line) 50%);
47
+
48
+ --benev-pad: 0.5em;
49
+ --benev-space: 1em;
50
+ --benev-anim: 300ms;
51
+ --benev-round: 0.5em;
52
+ --benev-blur: blur(1em);
53
+ --benev-backdrop: #0008;
54
+
55
+ --benev-box-shadow: 0 0.5em 2em #0008;
56
+ --benev-text-shadow: 0.04em 0.08em 0.1em #0008;
57
+
58
+
59
+ }
60
+ }
61
+
62
+ @layer benev.core {
63
+ [benev], :host {
64
+
65
+
66
+ &, *, ::before, ::after {
67
+ margin: 0;
68
+ padding: 0;
69
+ box-sizing: border-box;
70
+ scrollbar-width: thin;
71
+ }
72
+
73
+ :focus-visible {
74
+ outline: var(--benev-focus);
75
+ outline-offset: 0.2em;
76
+ }
77
+
78
+ ::selection {
79
+ color: var(--benev-select-color);
80
+ background: var(--benev-select-bg);
81
+ }
82
+
83
+ a {
84
+ color: var(--benev-link);
85
+ text-decoration: none;
86
+
87
+ &:visited {
88
+ color: var(--benev-link);
89
+ }
90
+
91
+ &:hover, &:focus-visible {
92
+ color: color-mix(in srgb, var(--benev-link), white 15%);
93
+ text-decoration: underline;
94
+ }
95
+
96
+ &:active {
97
+ color: color-mix(in srgb, var(--benev-link), white 50%);
98
+ }
99
+
100
+ &[benev-cardlink] {
101
+ color: inherit;
102
+
103
+ &:hover, &:focus-visible {
104
+ color: inherit;
105
+ text-decoration: none;
106
+ filter: brightness(110%);
107
+ }
108
+
109
+ &:active {
110
+ color: inherit;
111
+ filter: brightness(95%);
112
+ }
113
+ }
114
+ }
115
+
116
+
117
+ }
118
+ }
119
+
120
+ @layer benev.common {
121
+ [benev], :host {
122
+
123
+
124
+ button, [benev-button] {
125
+ font: inherit;
126
+ text-decoration: none;
127
+
128
+ display: inline-flex;
129
+ align-items: center;
130
+ flex-wrap: wrap;
131
+ padding: var(--benev-pad) var(--benev-space);
132
+
133
+ font-weight: bold;
134
+ text-transform: uppercase;
135
+ color: var(--benev-prime);
136
+ background: oklch(from var(--benev-bg) l c h / 50%);
137
+ backdrop-filter: var(--benev-blur);
138
+ box-shadow: var(--benev-box-shadow);
139
+ border: var(--benev-thick) solid currentColor;
140
+ border-radius: var(--benev-round);
141
+
142
+ &[disabled] {
143
+ opacity: 0.3;
144
+ }
145
+
146
+ &:not([disabled]) {
147
+ cursor: pointer;
148
+ transform: scale(100%);
149
+ transition: all var(--benev-anim) ease;
150
+ &:hover, &:focus-visible { transform: scale(105%); filter: brightness(120%); }
151
+ &:active { transform: scale(100%); filter: brightness(100%); }
152
+ }
153
+
154
+ &[benev-button="naked"] {
155
+ color: inherit;
156
+ background: transparent;
157
+ backdrop-filter: none;
158
+ box-shadow: none;
159
+ padding: 0;
160
+ border-radius: 0;
161
+ border: none;
162
+ text-transform: unset;
163
+ font-weight: inherit;
164
+ text-transform: inherit;
165
+ }
166
+
167
+ &[benev-button="juicy"] {
168
+ opacity: 1;
169
+ color: black;
170
+ border: var(--benev-thick) solid var(--benev-prime);
171
+ background: linear-gradient(
172
+ to bottom,
173
+ oklch(from var(--benev-prime) calc(l * 1.5) c h),
174
+ oklch(from var(--benev-prime) l calc(c * 1.5) h)
175
+ );
176
+ &:is(:hover, :focus-visible) {
177
+ box-shadow: 0 0 2em color-mix(in oklch, transparent, var(--benev-prime));
178
+ }
179
+ }
180
+ }
181
+
182
+ [benev-slice] {
183
+ width: 100%;
184
+ max-width: var(--benev-site-width);
185
+ margin-left: auto;
186
+ margin-right: auto;
187
+ }
188
+
189
+ benev-menu:not(:defined) {
190
+ display: none;
191
+ }
192
+
193
+ benev-header {
194
+ display: flex;
195
+ justify-content: end;
196
+ align-items: center;
197
+ width: 100%;
198
+ max-width: var(--benev-site-width);
199
+ margin: 0 auto;
200
+
201
+ &:not(:defined) {
202
+ padding: var(--benev-pad);
203
+ gap: var(--benev-space);
204
+
205
+ &::before {
206
+ content: "";
207
+ display: inline-block;
208
+ margin-right: auto;
209
+ width: var(--benev-b-size);
210
+ height: var(--benev-b-size);
211
+ }
212
+ }
213
+
214
+ a {
215
+ position: relative;
216
+ color: var(--benev-prime);
217
+ font-size: 1em;
218
+
219
+ &[data-active] {
220
+ text-shadow: 0 0 0.5em currentColor;
221
+
222
+ &::after {
223
+ content: "•";
224
+ display: block;
225
+ position: absolute;
226
+ top: 100%;
227
+ left: 0;
228
+ right: 0;
229
+ line-height: 0;
230
+ text-align: center;
231
+ text-shadow:
232
+ 0 0 0.5em currentColor,
233
+ 0 0 0.5em currentColor;
234
+ }
235
+ }
236
+ }
237
+ }
238
+
239
+ benev-footer {
240
+ width: 100%;
241
+ max-width: var(--benev-site-width);
242
+ margin-left: auto;
243
+ margin-right: auto;
244
+
245
+ display: flex;
246
+ gap: var(--benev-space);
247
+ justify-content: end;
248
+ padding: var(--benev-space);
249
+ --benev-link: #fffa;
250
+ }
251
+
252
+ [benev-prose] {
253
+ display: flex;
254
+ flex-direction: column;
255
+ gap: var(--benev-pad);
256
+
257
+ h1 {
258
+ font-size: 2.5em;
259
+ color: var(--benev-intense);
260
+ a { color: inherit; }
261
+ }
262
+
263
+ h2 {
264
+ font-size: 1.5em;
265
+ color: var(--benev-prime);
266
+ }
267
+
268
+ h3, h4, h5, h6 {
269
+ color: var(--benev-prime);
270
+ }
271
+
272
+ h1, h2, h3, h4, h5, h6 {
273
+ margin-top: var(--benev-space);
274
+ }
275
+
276
+ p {
277
+ max-width: var(--benev-copy-width);
278
+ }
279
+
280
+ p:has(> img) {
281
+ max-width: 100%;
282
+ }
283
+
284
+ ul, ol {
285
+ padding-left: 1.5em;
286
+ }
287
+
288
+ img {
289
+ max-width: 100%;
290
+ background: #0004;
291
+ border-radius: var(--benev-round);
292
+ box-shadow: var(--benev-box-shadow);
293
+ }
294
+
295
+ blockquote {
296
+ color: oklch(from currentColor l 0 h / 50%);
297
+ padding-left: var(--benev-pad);
298
+ margin-left: var(--benev-pad);
299
+ font-style: italic;
300
+ border-left: var(--benev-thick) solid currentColor;
301
+ }
302
+
303
+ hr {
304
+ border: none;
305
+ display: block;
306
+ height: var(--benev-thick);
307
+ background: oklch(from var(--benev-text) l c h / 25%);
308
+ margin: var(--benev-space) 0;
309
+ }
310
+
311
+ code {
312
+ font-size: 0.8em;
313
+
314
+ display: block;
315
+ width: 100%;
316
+ overflow: auto;
317
+
318
+ padding: var(--benev-space);
319
+ color: var(--benev-code);
320
+ background: var(--benev-backdrop);
321
+ border-radius: var(--benev-round);
322
+ border: var(--benev-border);
323
+ border-color: oklch(from var(--benev-code) l c h / 33%);
324
+ box-shadow: var(--benev-box-shadow);
325
+ }
326
+ }
327
+
328
+
329
+ }
330
+ }
331
+
332
+ @layer benev.page {
333
+ [benev], :host {
334
+
335
+
336
+ color-scheme: dark;
337
+
338
+ &:is(html) {
339
+ font-family: sans-serif;
340
+ font-size: var(--benev-font-size);
341
+
342
+ scrollbar-gutter: stable;
343
+ scrollbar-width: thin;
344
+
345
+ color: var(--benev-text);
346
+ background: var(--benev-bg);
347
+ text-shadow: var(--benev-text-shadow);
348
+ }
349
+
350
+ body {
351
+ min-height: 100dvh;
352
+ }
353
+
354
+
355
+ }
356
+ }
357
+
358
+
359
+
360
+ @layer demo {
361
+ benev-header {
362
+ z-index: 2;
363
+ position: absolute;
364
+ inset: 0 0 auto;
365
+ }
366
+
367
+ benev-loader {
368
+ position: absolute;
369
+ inset: 0;
370
+ }
371
+
372
+ main {
373
+ padding: var(--benev-pad);
374
+ padding-top: var(--benev-headroom);
375
+ }
376
+ }
377
+
378
+
379
+ </style>
380
+
381
+
382
+ <meta property="og:type" content="website"/>
383
+ <meta property="og:title" content="@benev/web"/>
384
+ <meta property="og:description" content="benev web ui library"/>
385
+ <meta property="og:site_name" content="@benev/web"/>
386
+ <meta name="theme-color" content="#ffdd22"/>
387
+
388
+
389
+
390
+ </head>
391
+ <body>
392
+ <benev-menu>
393
+ <benev-account></benev-account>
394
+ </benev-menu>
395
+
396
+ <benev-header>
397
+
398
+ <a href="/" data-active>games</a>
399
+ <a href="/d/">devlog</a>
400
+
401
+ </benev-header>
402
+
403
+ <benev-loader>
404
+ <main benev-slice>
405
+ <h1>benev</h1>
406
+ <button class=testloader>test loader</button>
407
+ </main>
408
+ </benev-loader>
409
+ </body>
410
+ </html>
package/x/index.html.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ declare const _default: import("@e280/scute").TemplateFn;
2
+ export default _default;
package/x/index.html.js ADDED
@@ -0,0 +1,46 @@
1
+ import { template, html, socialCard, dataSvgEmoji } from "@e280/scute";
2
+ import { topNav } from "./ssg/top-nav.js";
3
+ import { benevCssText } from "./css/benev.csstext.js";
4
+ export default template(import.meta.url, async (orb) => html `
5
+ <!doctype html>
6
+ <html benev>
7
+ <head>
8
+ <meta charset="utf-8"/>
9
+ <meta name="viewport" content="width=device-width,initial-scale=1"/>
10
+ <meta name="darkreader-lock"/>
11
+
12
+ <title>@benev/web</title>
13
+ <link rel="icon" href="${dataSvgEmoji("😇")}"/>
14
+ <script type="module" src="${orb.hashurl("main.bundle.min.js")}"></script>
15
+ <style>
16
+ @layer benev, demo;
17
+ ${html.raw(benevCssText)}
18
+ ${orb.inject("css/demo.css")}
19
+ </style>
20
+
21
+ ${socialCard({
22
+ themeColor: "#ffdd22",
23
+ siteName: "@benev/web",
24
+ title: "@benev/web",
25
+ description: "benev web ui library",
26
+ })}
27
+ </head>
28
+ <body>
29
+ <benev-menu>
30
+ <benev-account></benev-account>
31
+ </benev-menu>
32
+
33
+ <benev-header>
34
+ ${topNav("games")}
35
+ </benev-header>
36
+
37
+ <benev-loader>
38
+ <main benev-slice>
39
+ <h1>benev</h1>
40
+ <button class=testloader>test loader</button>
41
+ </main>
42
+ </benev-loader>
43
+ </body>
44
+ </html>
45
+ `);
46
+ //# sourceMappingURL=index.html.js.map
package/x/index.html.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.html.js","sourceRoot":"","sources":["../s/index.html.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAC,MAAM,aAAa,CAAA;AACpE,OAAO,EAAC,MAAM,EAAC,MAAM,kBAAkB,CAAA;AACvC,OAAO,EAAC,YAAY,EAAC,MAAM,wBAAwB,CAAA;AAEnD,eAAe,QAAQ,CAAC,OAAO,IAAI,CAAC,GAAG,EAAE,KAAK,EAAC,GAAG,EAAC,EAAE,CAAC,IAAI,CAAA;;;;;;;;;4BAS9B,YAAY,CAAC,IAAI,CAAC;gCACd,GAAG,CAAC,OAAO,CAAC,oBAAoB,CAAC;;;MAG3D,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC;MACtB,GAAG,CAAC,MAAM,CAAC,cAAc,CAAC;;;KAG3B,UAAU,CAAC;IACZ,UAAU,EAAE,SAAS;IACrB,QAAQ,EAAE,YAAY;IACtB,KAAK,EAAE,YAAY;IACnB,WAAW,EAAE,sBAAsB;CACnC,CAAC;;;;;;;;MAQC,MAAM,CAAC,OAAO,CAAC;;;;;;;;;;;CAWpB,CAAC,CAAA"}
package/x/index.js ADDED
@@ -0,0 +1,11 @@
1
+ export * from "./vitals/shell.js";
2
+ export * from "./vitals/setup.js";
3
+ export * from "./css/benev.csstext.js";
4
+ export * from "./css/theme.css.js";
5
+ export * from "./dom/header/view.js";
6
+ export * from "./dom/loader/view.js";
7
+ export * from "./dom/loader/loader.js";
8
+ export * from "./dom/menu/view.js";
9
+ export * from "./bconfig.js";
10
+ export * from "./types.js";
11
+ //# sourceMappingURL=index.js.map
package/x/index.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../s/index.ts"],"names":[],"mappings":"AACA,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA;AAEjC,cAAc,wBAAwB,CAAA;AACtC,cAAc,oBAAoB,CAAA;AAElC,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA;AACpC,cAAc,wBAAwB,CAAA;AACtC,cAAc,oBAAoB,CAAA;AAElC,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA"}
package/x/main.bundle.d.ts ADDED
@@ -0,0 +1 @@
1
+ export {};
package/x/main.bundle.js ADDED
@@ -0,0 +1,12 @@
1
+ import { html } from "lit";
2
+ import { dom } from "@e280/sly";
3
+ import { nap } from "@e280/stz";
4
+ import { setupBenev } from "./vitals/setup.js";
5
+ import { Loader } from "./dom/loader/loader.js";
6
+ const { elements } = await setupBenev();
7
+ dom.register(elements);
8
+ const loader = new Loader(dom("benev-loader"));
9
+ dom(".testloader").onclick = async () => {
10
+ await loader.load(() => "loading...", async () => nap(1000).then(() => html `<main benev-slice>new content</main>`));
11
+ };
12
+ //# sourceMappingURL=main.bundle.js.map
package/x/main.bundle.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"main.bundle.js","sourceRoot":"","sources":["../s/main.bundle.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAA;AACxB,OAAO,EAAC,GAAG,EAAC,MAAM,WAAW,CAAA;AAC7B,OAAO,EAAC,GAAG,EAAC,MAAM,WAAW,CAAA;AAC7B,OAAO,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAC,MAAM,EAAC,MAAM,wBAAwB,CAAA;AAE7C,MAAM,EAAC,QAAQ,EAAC,GAAG,MAAM,UAAU,EAAE,CAAA;AACrC,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAA;AAEtB,MAAM,MAAM,GAAG,IAAI,MAAM,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC,CAAA;AAE9C,GAAG,CAAC,aAAa,CAAC,CAAC,OAAO,GAAG,KAAK,IAAG,EAAE;IACtC,MAAM,MAAM,CAAC,IAAI,CAChB,GAAG,EAAE,CAAC,YAAY,EAClB,KAAK,IAAG,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAA,sCAAsC,CAAC,CAC3E,CAAA;AACF,CAAC,CAAA"}