@e280/shiny 0.1.0-2 → 0.1.0-4

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 (82) hide show
  1. package/README.md +19 -0
  2. package/package.json +2 -2
  3. package/s/{ui → components}/copy/style.css.ts +1 -1
  4. package/s/components/drawer/component.ts +74 -0
  5. package/s/components/drawer/drawer.ts +31 -0
  6. package/s/components/drawer/style.css.ts +107 -0
  7. package/s/{ui → components}/example/component.ts +2 -1
  8. package/s/{ui → components}/raw-components.ts +2 -0
  9. package/s/demo/demo.bundle.ts +110 -9
  10. package/s/demo/utils/lipsum.ts +19 -0
  11. package/s/demo/views/demonstration/style.css.ts +1 -0
  12. package/s/demo/views/demonstration/view.ts +5 -6
  13. package/s/icons/tabler/menu-2.svg.ts +4 -0
  14. package/s/icons/tabler/x.svg.ts +4 -0
  15. package/s/index.ts +3 -3
  16. package/s/shiny.ts +2 -2
  17. package/s/themes/basic.css.ts +3 -0
  18. package/x/{ui → components}/copy/component.js +1 -1
  19. package/x/components/copy/component.js.map +1 -0
  20. package/x/{ui → components}/copy/style.css.js +1 -1
  21. package/x/components/copy/style.css.js.map +1 -0
  22. package/x/components/drawer/component.d.ts +381 -0
  23. package/x/components/drawer/component.js +66 -0
  24. package/x/components/drawer/component.js.map +1 -0
  25. package/x/components/drawer/drawer.d.ts +9 -0
  26. package/x/components/drawer/drawer.js +24 -0
  27. package/x/components/drawer/drawer.js.map +1 -0
  28. package/x/components/drawer/style.css.js +106 -0
  29. package/x/components/drawer/style.css.js.map +1 -0
  30. package/x/{ui → components}/example/component.js +2 -1
  31. package/x/components/example/component.js.map +1 -0
  32. package/x/components/example/style.css.d.ts +2 -0
  33. package/x/components/example/style.css.js.map +1 -0
  34. package/x/components/framework.js.map +1 -0
  35. package/x/{ui → components}/raw-components.d.ts +2 -0
  36. package/x/{ui → components}/raw-components.js +2 -0
  37. package/x/components/raw-components.js.map +1 -0
  38. package/x/demo/demo.bundle.js +108 -9
  39. package/x/demo/demo.bundle.js.map +1 -1
  40. package/x/demo/demo.bundle.min.js +233 -30
  41. package/x/demo/demo.bundle.min.js.map +4 -4
  42. package/x/demo/utils/lipsum.d.ts +2 -0
  43. package/x/demo/utils/lipsum.js +11 -0
  44. package/x/demo/utils/lipsum.js.map +1 -0
  45. package/x/demo/views/demonstration/style.css.js +1 -0
  46. package/x/demo/views/demonstration/style.css.js.map +1 -1
  47. package/x/demo/views/demonstration/view.d.ts +3 -2
  48. package/x/demo/views/demonstration/view.js +2 -3
  49. package/x/demo/views/demonstration/view.js.map +1 -1
  50. package/x/icons/tabler/menu-2.svg.d.ts +2 -0
  51. package/x/icons/tabler/menu-2.svg.js +3 -0
  52. package/x/icons/tabler/menu-2.svg.js.map +1 -0
  53. package/x/icons/tabler/x.svg.d.ts +2 -0
  54. package/x/icons/tabler/x.svg.js +3 -0
  55. package/x/icons/tabler/x.svg.js.map +1 -0
  56. package/x/index.d.ts +3 -3
  57. package/x/index.html +2 -2
  58. package/x/index.js +3 -3
  59. package/x/index.js.map +1 -1
  60. package/x/install.bundle.min.js +146 -14
  61. package/x/install.bundle.min.js.map +4 -4
  62. package/x/shiny.d.ts +20 -3
  63. package/x/shiny.js +1 -1
  64. package/x/shiny.js.map +1 -1
  65. package/x/themes/basic.css.js +3 -0
  66. package/x/themes/basic.css.js.map +1 -1
  67. package/x/ui/copy/component.js.map +0 -1
  68. package/x/ui/copy/style.css.js.map +0 -1
  69. package/x/ui/example/component.js.map +0 -1
  70. package/x/ui/example/style.css.js.map +0 -1
  71. package/x/ui/framework.js.map +0 -1
  72. package/x/ui/raw-components.js.map +0 -1
  73. package/s/{ui → components}/copy/component.ts +1 -1
  74. /package/s/{ui → components}/example/style.css.ts +0 -0
  75. /package/s/{ui → components}/framework.ts +0 -0
  76. /package/x/{ui → components}/copy/component.d.ts +0 -0
  77. /package/x/{ui → components}/copy/style.css.d.ts +0 -0
  78. /package/x/{ui/example → components/drawer}/style.css.d.ts +0 -0
  79. /package/x/{ui → components}/example/component.d.ts +0 -0
  80. /package/x/{ui → components}/example/style.css.js +0 -0
  81. /package/x/{ui → components}/framework.d.ts +0 -0
  82. /package/x/{ui → components}/framework.js +0 -0
package/x/shiny.d.ts CHANGED
@@ -1,11 +1,28 @@
1
- import { ShinyContext } from "./ui/framework.js";
1
+ import { ShinyContext } from "./components/framework.js";
2
2
  export declare function shiny(context: ShinyContext): {
3
3
  components: {
4
- ShinyCopy: import("@e280/sly").ComponentClass<typeof import("./index.js").ShinyCopy, [text: string | undefined, ms?: any]>;
5
- ShinyExample: import("@e280/sly").ComponentClass<typeof import("./index.js").ShinyExample, [start: number]>;
4
+ ShinyCopy: {
5
+ new (): import("./index.js").ShinyCopy;
6
+ view: import("@e280/sly").View<[text: string | undefined, ms?: any]>;
7
+ } & typeof import("./index.js").ShinyCopy;
8
+ ShinyDrawer: {
9
+ new (): import("./components/drawer/component.js").ShinyDrawer;
10
+ view: import("@e280/sly").View<[options?: {
11
+ button?: boolean;
12
+ drawer?: import("./components/drawer/drawer.js").Drawer;
13
+ } | undefined]>;
14
+ } & typeof import("./components/drawer/component.js").ShinyDrawer;
15
+ ShinyExample: {
16
+ new (): import("./index.js").ShinyExample;
17
+ view: import("@e280/sly").View<[start: number]>;
18
+ } & typeof import("./index.js").ShinyExample;
6
19
  };
7
20
  views: {
8
21
  ShinyCopy: import("@e280/sly").View<[text: string | undefined, ms?: any]>;
22
+ ShinyDrawer: import("@e280/sly").View<[options?: {
23
+ button?: boolean;
24
+ drawer?: import("./components/drawer/drawer.js").Drawer;
25
+ } | undefined]>;
9
26
  ShinyExample: import("@e280/sly").View<[start: number]>;
10
27
  };
11
28
  };
package/x/shiny.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { contextualizeComponents, getViews } from "@e280/sly";
2
- import { rawComponents } from "./ui/raw-components.js";
2
+ import { rawComponents } from "./components/raw-components.js";
3
3
  export function shiny(context) {
4
4
  const components = contextualizeComponents(context, rawComponents);
5
5
  const views = getViews(components);
package/x/shiny.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"shiny.js","sourceRoot":"","sources":["../s/shiny.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,uBAAuB,EAAE,QAAQ,EAAC,MAAM,WAAW,CAAA;AAE3D,OAAO,EAAC,aAAa,EAAC,MAAM,wBAAwB,CAAA;AAEpD,MAAM,UAAU,KAAK,CAAC,OAAqB;IAC1C,MAAM,UAAU,GAAG,uBAAuB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAA;IAClE,MAAM,KAAK,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAA;IAClC,OAAO,EAAC,UAAU,EAAE,KAAK,EAAC,CAAA;AAC3B,CAAC"}
1
+ {"version":3,"file":"shiny.js","sourceRoot":"","sources":["../s/shiny.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,uBAAuB,EAAE,QAAQ,EAAC,MAAM,WAAW,CAAA;AAE3D,OAAO,EAAC,aAAa,EAAC,MAAM,gCAAgC,CAAA;AAE5D,MAAM,UAAU,KAAK,CAAC,OAAqB;IAC1C,MAAM,UAAU,GAAG,uBAAuB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAA;IAClE,MAAM,KAAK,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAA;IAClC,OAAO,EAAC,UAAU,EAAE,KAAK,EAAC,CAAA;AAC3B,CAAC"}
@@ -6,11 +6,14 @@ ${cssReset}
6
6
 
7
7
  :host {
8
8
  display: block;
9
+
9
10
  --bg: var(--shiny-bg, #111);
10
11
  --alpha: var(--shiny-alpha, #afa);
11
12
  --good: var(--shiny-good, #0f4);
12
13
  --bad: var(--shiny-bad, #f40);
13
14
  --invalid: var(--shiny-invalid, #8888);
15
+
16
+ --inactive-opacity: var(--shiny-inactive-opacity, 0.5);
14
17
  }
15
18
 
16
19
  `;
@@ -1 +1 @@
1
- {"version":3,"file":"basic.css.js","sourceRoot":"","sources":["../../s/themes/basic.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,OAAO,EAAC,QAAQ,EAAC,MAAM,WAAW,CAAA;AAClC,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;EAEtB,QAAQ;;;;;;;;;;;CAWT,CAAA"}
1
+ {"version":3,"file":"basic.css.js","sourceRoot":"","sources":["../../s/themes/basic.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,OAAO,EAAC,QAAQ,EAAC,MAAM,WAAW,CAAA;AAClC,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;EAEtB,QAAQ;;;;;;;;;;;;;;CAcT,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"component.js","sourceRoot":"","sources":["../../../s/ui/copy/component.ts"],"names":[],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"style.css.js","sourceRoot":"","sources":["../../../s/ui/copy/style.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0CjB,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"component.js","sourceRoot":"","sources":["../../../s/ui/example/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAE,IAAI,EAAC,MAAM,WAAW,CAAA;AACnC,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAA;AACxB,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AACrC,OAAO,EAAe,YAAY,EAAC,MAAM,iBAAiB,CAAA;AAE1D,MAAM,OAAO,YAAa,SAAQ,CACjC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,OAAqB,EAAE,KAAa,EAAE,EAAE;IACpD,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;IAEnC,MAAM,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IAChC,MAAM,SAAS,GAAG,GAAG,EAAE,GAAG,MAAM,CAAC,KAAK,EAAE,CAAA,CAAC,CAAC,CAAA;IAE1C,OAAO,IAAI,CAAA;qBACQ,SAAS;MACxB,MAAM,EAAE;;GAEX,CAAA;AACF,CAAC,CAAC;KACD,SAAS,CAAC,KAAM,SAAQ,YAAY;IACpC,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAAC,KAAK,EAAE,MAAM,EAAC,CAAC,CAAA;CAC7C,CAAC;KACD,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,CAAU,CAAC,CACxD;CAAG"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"style.css.js","sourceRoot":"","sources":["../../../s/ui/example/style.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA;;;;;;;CAOjB,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"framework.js","sourceRoot":"","sources":["../../s/ui/framework.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,WAAW,EAAC,MAAM,WAAW,CAAA;AACrC,OAAO,EAAC,KAAK,EAAC,MAAM,wBAAwB,CAAA;AAI5C,MAAM,OAAO,YAAa,SAAQ,WAAW;IAC5C,OAAO,GAAiB,EAAC,KAAK,EAAE,KAAK,EAAC,CAAA;CACtC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"raw-components.js","sourceRoot":"","sources":["../../s/ui/raw-components.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,SAAS,EAAC,MAAM,qBAAqB,CAAA;AAC7C,OAAO,EAAC,YAAY,EAAC,MAAM,wBAAwB,CAAA;AAEnD,MAAM,CAAC,MAAM,aAAa,GAAG;IAC5B,SAAS;IACT,YAAY;CACZ,CAAA"}
@@ -1,8 +1,8 @@
1
1
 
2
+ import {html} from "lit"
2
3
  import {debounce} from "@e280/stz"
3
4
  import {dom, view} from "@e280/sly"
4
5
 
5
- import {html} from "lit"
6
6
  import styleCss from "./style.css.js"
7
7
  import {ShinyContext, ShinyElement} from "../framework.js"
8
8
  import clipboardSvg from "../../icons/tabler/clipboard.svg.js"
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes