@e280/shiny 0.1.0-12 → 0.1.0-13

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 (33) hide show
  1. package/package.json +1 -1
  2. package/s/components/tabs/showcase.ts +95 -2
  3. package/s/components/tabs/style.css.ts +7 -4
  4. package/s/demo/views/exhibit/style.css.ts +1 -1
  5. package/s/demo/views/exhibit/view.ts +3 -1
  6. package/s/demo/views/showcase/style.css.ts +3 -0
  7. package/s/demo/views/showcase/view.ts +21 -21
  8. package/x/components/tabs/showcase.js +95 -2
  9. package/x/components/tabs/showcase.js.map +1 -1
  10. package/x/components/tabs/style.css.js +7 -4
  11. package/x/components/tabs/style.css.js.map +1 -1
  12. package/x/demo/demo.bundle.min.js +135 -68
  13. package/x/demo/demo.bundle.min.js.map +2 -2
  14. package/x/demo/views/exhibit/style.css.js +1 -1
  15. package/x/demo/views/exhibit/view.js +3 -1
  16. package/x/demo/views/exhibit/view.js.map +1 -1
  17. package/x/demo/views/showcase/style.css.js +3 -0
  18. package/x/demo/views/showcase/style.css.js.map +1 -1
  19. package/x/demo/views/showcase/view.js +4 -4
  20. package/x/demo/views/showcase/view.js.map +1 -1
  21. package/x/index.html +2 -2
  22. package/x/install/aura.bundle.min.js +7 -4
  23. package/x/install/aura.bundle.min.js.map +2 -2
  24. package/x/install/plain.bundle.min.js +7 -4
  25. package/x/install/plain.bundle.min.js.map +2 -2
  26. package/s/demo/views/demonstration/style.css.ts +0 -124
  27. package/s/demo/views/demonstration/view.ts +0 -57
  28. package/x/demo/views/demonstration/style.css.d.ts +0 -2
  29. package/x/demo/views/demonstration/style.css.js +0 -123
  30. package/x/demo/views/demonstration/style.css.js.map +0 -1
  31. package/x/demo/views/demonstration/view.d.ts +0 -12
  32. package/x/demo/views/demonstration/view.js +0 -44
  33. package/x/demo/views/demonstration/view.js.map +0 -1
package/x/demo/views/exhibit/style.css.js CHANGED
@@ -7,7 +7,7 @@ export default css `@layer view {
7
7
  gap: 0.5em;
8
8
 
9
9
  > * {
10
- flex: 1 1 0;
10
+ flex: 1 1 10em;
11
11
  min-width: 0;
12
12
  }
13
13
  }
package/x/demo/views/exhibit/view.js CHANGED
@@ -17,7 +17,9 @@ export const Exhibit = view(use => (exhibit, views, showcaseStyle) => {
17
17
 
18
18
  <div class=snippet>
19
19
  <header>
20
- ${auraViews.ShinyTabs.props(snippetControl)
20
+ ${auraViews.ShinyTabs
21
+ .props(snippetControl)
22
+ .attr("snug")
21
23
  .children(exhibit.snippets.map(s => auraViews.ShinyButton
22
24
  .props()
23
25
  .attr("plain")
package/x/demo/views/exhibit/view.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"view.js","sourceRoot":"","sources":["../../../../s/demo/views/exhibit/view.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,KAAK,EAAC,MAAM,WAAW,CAAA;AAC/B,OAAO,EAAU,IAAI,EAAC,MAAM,WAAW,CAAA;AACvC,OAAO,EAAiB,IAAI,EAAC,MAAM,KAAK,CAAA;AAExC,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AACrC,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAA;AAE3C,OAAO,EAAC,UAAU,EAAC,MAAM,qCAAqC,CAAA;AAC9D,OAAO,EAAC,aAAa,EAAC,MAAM,uCAAuC,CAAA;AAUnE,MAAM,CAAC,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CACjC,OAAsB,EACtB,KAAiB,EACjB,aAA6B,EAC5B,EAAE;IAEJ,GAAG,CAAC,IAAI,CAAC,WAAW,OAAO,CAAC,KAAK,EAAE,CAAC,CAAA;IACpC,GAAG,CAAC,MAAM,CAAC,aAAa,EAAE,QAAQ,EAAE,aAAa,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;IAEjE,MAAM,cAAc,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,UAAU,EAAE,CAAC,CAAA;IACvD,MAAM,OAAO,GAAG,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;IACzD,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IAEtD,OAAO,IAAI,CAAA;;KAEP,OAAO,CAAC,OAAO;;;;OAIb,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,cAAc,CAAC;SACzC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAClC,SAAS,CAAC,WAAW;SACnB,KAAK,EAAE;SACP,IAAI,CAAC,OAAO,CAAC;SACb,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;SACjB,MAAM,EAAE,CACV,CAAC;SACD,MAAM,EAAE;OACR,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC;;YAEpB,IAAI;;;;;KAKX,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC;;EAE9B,CAAA;AACF,CAAC,CAAC,CAAA"}
1
+ {"version":3,"file":"view.js","sourceRoot":"","sources":["../../../../s/demo/views/exhibit/view.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,KAAK,EAAC,MAAM,WAAW,CAAA;AAC/B,OAAO,EAAU,IAAI,EAAC,MAAM,WAAW,CAAA;AACvC,OAAO,EAAiB,IAAI,EAAC,MAAM,KAAK,CAAA;AAExC,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AACrC,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAA;AAE3C,OAAO,EAAC,UAAU,EAAC,MAAM,qCAAqC,CAAA;AAC9D,OAAO,EAAC,aAAa,EAAC,MAAM,uCAAuC,CAAA;AAUnE,MAAM,CAAC,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CACjC,OAAsB,EACtB,KAAiB,EACjB,aAA6B,EAC5B,EAAE;IAEJ,GAAG,CAAC,IAAI,CAAC,WAAW,OAAO,CAAC,KAAK,EAAE,CAAC,CAAA;IACpC,GAAG,CAAC,MAAM,CAAC,aAAa,EAAE,QAAQ,EAAE,aAAa,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;IAEjE,MAAM,cAAc,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,UAAU,EAAE,CAAC,CAAA;IACvD,MAAM,OAAO,GAAG,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;IACzD,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IAEtD,OAAO,IAAI,CAAA;;KAEP,OAAO,CAAC,OAAO;;;;OAIb,SAAS,CAAC,SAAS;SACnB,KAAK,CAAC,cAAc,CAAC;SACrB,IAAI,CAAC,MAAM,CAAC;SACZ,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAClC,SAAS,CAAC,WAAW;SACnB,KAAK,EAAE;SACP,IAAI,CAAC,OAAO,CAAC;SACb,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;SACjB,MAAM,EAAE,CACV,CAAC;SACD,MAAM,EAAE;OACR,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC;;YAEpB,IAAI;;;;;KAKX,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC;;EAE9B,CAAA;AACF,CAAC,CAAC,CAAA"}
package/x/demo/views/showcase/style.css.js CHANGED
@@ -38,6 +38,9 @@ export default css `@layer view {
38
38
 
39
39
  header {
40
40
  display: flex;
41
+ flex-wrap: wrap;
42
+ place-content: center center;
43
+ gap: 0.5em;
41
44
 
42
45
  h2 {
43
46
  flex: 1 1 auto;
package/x/demo/views/showcase/style.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"style.css.js","sourceRoot":"","sources":["../../../../s/demo/views/showcase/style.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8ChB,CAAA"}
1
+ {"version":3,"file":"style.css.js","sourceRoot":"","sources":["../../../../s/demo/views/showcase/style.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiDhB,CAAA"}
package/x/demo/views/showcase/view.js CHANGED
@@ -15,23 +15,23 @@ export const Showcase = view(use => (options) => {
15
15
  return html `
16
16
  <header>
17
17
  <h2>✨shiny-${options.name}✨</h2>
18
- <nav>
19
- ${auraViews.ShinyTabs
18
+ ${auraViews.ShinyTabs
20
19
  .props(exhibitTabControl)
20
+ .attr("snug")
21
21
  .children(options.exhibits.map(p => auraViews.ShinyButton
22
22
  .props()
23
23
  .attr("sad")
24
24
  .children(p.label)
25
25
  .render()))
26
26
  .render()}
27
- ${auraViews.ShinyTabs
27
+ ${auraViews.ShinyTabs
28
28
  .props(themeTabControl)
29
+ .attr("snug")
29
30
  .children(viewsets.map(([theme]) => auraViews.ShinyButton
30
31
  .props()
31
32
  .children(theme)
32
33
  .render()))
33
34
  .render()}
34
- </nav>
35
35
  </header>
36
36
 
37
37
  ${Exhibit(exhibit, exhibitViews, options.style)}
package/x/demo/views/showcase/view.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"view.js","sourceRoot":"","sources":["../../../../s/demo/views/showcase/view.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAiB,IAAI,EAAC,MAAM,KAAK,CAAA;AACxC,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AACrC,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAA;AACrD,OAAO,EAAC,OAAO,EAAgB,MAAM,oBAAoB,CAAA;AACzD,OAAO,EAAC,UAAU,EAAC,MAAM,qCAAqC,CAAA;AAC9D,OAAO,EAAC,aAAa,EAAC,MAAM,uCAAuC,CAAA;AAEnE,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,OAInC,EAAE,EAAE;IAEL,GAAG,CAAC,IAAI,CAAC,YAAY,OAAO,CAAC,IAAI,EAAE,CAAC,CAAA;IACpC,GAAG,CAAC,MAAM,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAA;IAEnC,MAAM,iBAAiB,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,UAAU,EAAE,CAAC,CAAA;IAC1D,MAAM,eAAe,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,UAAU,EAAE,CAAC,CAAA;IAExD,MAAM,YAAY,GAAG,QAAQ,CAAC,EAAE,CAAC,eAAe,CAAC,KAAK,CAAE,CAAC,CAAC,CAAC,CAAA;IAC3D,MAAM,OAAO,GAAG,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAE,CAAA;IAE7D,OAAO,IAAI,CAAA;;gBAEI,OAAO,CAAC,IAAI;;MAEtB,SAAS,CAAC,SAAS;SACnB,KAAK,CAAC,iBAAiB,CAAC;SACxB,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAClC,SAAS,CAAC,WAAW;SACnB,KAAK,EAAE;SACP,IAAI,CAAC,KAAK,CAAC;SACX,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;SACjB,MAAM,EAAE,CACV,CAAC;SACD,MAAM,EAAE;MACR,SAAS,CAAC,SAAS;SACnB,KAAK,CAAC,eAAe,CAAC;SACtB,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,CAClC,SAAS,CAAC,WAAW;SACnB,KAAK,EAAE;SACP,QAAQ,CAAC,KAAK,CAAC;SACf,MAAM,EAAE,CACV,CAAC;SACD,MAAM,EAAE;;;;IAIV,OAAO,CAAC,OAAO,EAAE,YAAY,EAAE,OAAO,CAAC,KAAK,CAAC;EAC/C,CAAA;AACF,CAAC,CAAC,CAAA"}
1
+ {"version":3,"file":"view.js","sourceRoot":"","sources":["../../../../s/demo/views/showcase/view.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAiB,IAAI,EAAC,MAAM,KAAK,CAAA;AACxC,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AACrC,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAA;AACrD,OAAO,EAAC,OAAO,EAAgB,MAAM,oBAAoB,CAAA;AACzD,OAAO,EAAC,UAAU,EAAC,MAAM,qCAAqC,CAAA;AAC9D,OAAO,EAAC,aAAa,EAAC,MAAM,uCAAuC,CAAA;AAEnE,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,OAInC,EAAE,EAAE;IAEL,GAAG,CAAC,IAAI,CAAC,YAAY,OAAO,CAAC,IAAI,EAAE,CAAC,CAAA;IACpC,GAAG,CAAC,MAAM,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAA;IAEnC,MAAM,iBAAiB,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,UAAU,EAAE,CAAC,CAAA;IAC1D,MAAM,eAAe,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,UAAU,EAAE,CAAC,CAAA;IAExD,MAAM,YAAY,GAAG,QAAQ,CAAC,EAAE,CAAC,eAAe,CAAC,KAAK,CAAE,CAAC,CAAC,CAAC,CAAA;IAC3D,MAAM,OAAO,GAAG,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAE,CAAA;IAE7D,OAAO,IAAI,CAAA;;gBAEI,OAAO,CAAC,IAAI;KACvB,SAAS,CAAC,SAAS;SACnB,KAAK,CAAC,iBAAiB,CAAC;SACxB,IAAI,CAAC,MAAM,CAAC;SACZ,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAClC,SAAS,CAAC,WAAW;SACnB,KAAK,EAAE;SACP,IAAI,CAAC,KAAK,CAAC;SACX,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;SACjB,MAAM,EAAE,CACV,CAAC;SACD,MAAM,EAAE;KACR,SAAS,CAAC,SAAS;SACnB,KAAK,CAAC,eAAe,CAAC;SACtB,IAAI,CAAC,MAAM,CAAC;SACZ,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,CAClC,SAAS,CAAC,WAAW;SACnB,KAAK,EAAE;SACP,QAAQ,CAAC,KAAK,CAAC;SACf,MAAM,EAAE,CACV,CAAC;SACD,MAAM,EAAE;;;IAGT,OAAO,CAAC,OAAO,EAAE,YAAY,EAAE,OAAO,CAAC,KAAK,CAAC;EAC/C,CAAA;AACF,CAAC,CAAC,CAAA"}
package/x/index.html CHANGED
@@ -129,7 +129,7 @@ body > section {
129
129
  }
130
130
 
131
131
  </style>
132
- <script type=module src="demo/demo.bundle.min.js?v=0a297bb8b47a"></script>
132
+ <script type=module src="demo/demo.bundle.min.js?v=588ff40817bc"></script>
133
133
  <link rel="icon" href="assets/favicon.png?v=0414eeb5fcc2"/>
134
134
 
135
135
  <meta name="theme-color" content="#d068ff">
@@ -146,7 +146,7 @@ body > section {
146
146
 
147
147
  <h1>
148
148
  <strong>✨shiny✨</strong>
149
- <small>v0.1.0-12</small>
149
+ <small>v0.1.0-13</small>
150
150
  </h1>
151
151
 
152
152
  <section>
package/x/install/aura.bundle.min.js CHANGED
@@ -315,16 +315,19 @@ button {
315
315
 
316
316
  slot[part="tabs"] {
317
317
  display: flex;
318
-
319
- &::slotted(*) {
320
- border-radius: 0.3em;
321
- }
318
+ flex-wrap: wrap;
322
319
 
323
320
  &::slotted([data-active]) {
324
321
  opacity: 1;
325
322
  color: currentColor;
326
323
  text-decoration: underline;
327
324
  }
325
+ }
326
+
327
+ :host([snug]) slot[part="tabs"] {
328
+ &::slotted(*) {
329
+ border-radius: 0.3em;
330
+ }
328
331
 
329
332
  &::slotted(:not([data-last], [data-next-is-active])) {
330
333
  border-right: none;