@e280/shiny 0.1.0-15 → 0.1.0-17

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 (277) hide show
  1. package/README.md +34 -80
  2. package/package.json +18 -25
  3. package/s/_archive/demo/utils/lipsum.ts +19 -0
  4. package/s/_archive/demo/views/showcase/style.css.ts +53 -0
  5. package/s/_archive/demo/views/showcase/view.ts +54 -0
  6. package/s/_archive/index.html.ts +34 -0
  7. package/s/_archive/index.ts +19 -0
  8. package/s/_archive/utils/states.ts +15 -0
  9. package/s/demo/main.bundle.ts +16 -0
  10. package/s/demo/main.css +71 -0
  11. package/s/demo/parts/exhibit.ts +15 -0
  12. package/s/demo/utils/lipsum.ts +1 -1
  13. package/s/demo/views/codebox/style.css.ts +43 -0
  14. package/s/demo/views/codebox/use-prism-styles.ts +13 -0
  15. package/s/demo/views/codebox/view.ts +39 -0
  16. package/s/demo/views/showcase/style.css.ts +42 -11
  17. package/s/demo/views/showcase/view.ts +41 -45
  18. package/s/demo/views/stylebox/view.ts +21 -0
  19. package/s/index.html.ts +42 -29
  20. package/s/index.ts +1 -17
  21. package/s/test.ts +5 -0
  22. package/s/theme/parts/core.ts +34 -0
  23. package/s/theme/parts/reset.ts +20 -0
  24. package/s/theme/parts/vars.ts +41 -0
  25. package/s/theme/theme-string.ts +15 -0
  26. package/s/theme/theme.css.ts +7 -0
  27. package/s/views/button/showcase.ts +43 -0
  28. package/s/views/button/style.css.ts +110 -0
  29. package/s/views/button/view.ts +30 -0
  30. package/s/views/copy/parts/copy-status.ts +3 -0
  31. package/s/views/copy/parts/determine-base-status.ts +7 -0
  32. package/s/views/copy/parts/use-copier.ts +20 -0
  33. package/s/views/copy/showcase.ts +54 -0
  34. package/s/views/copy/style.css.ts +46 -0
  35. package/s/views/copy/view.ts +58 -0
  36. package/s/views/drawer/control.ts +31 -0
  37. package/s/views/drawer/showcase.ts +83 -0
  38. package/s/views/drawer/style.css.ts +128 -0
  39. package/s/views/drawer/view.ts +76 -0
  40. package/s/views/tabs/control.ts +31 -0
  41. package/s/views/tabs/showcase.ts +89 -0
  42. package/s/views/tabs/style.css.ts +46 -0
  43. package/s/views/tabs/view.ts +66 -0
  44. package/x/demo/main.bundle.js +13 -0
  45. package/x/demo/main.bundle.js.map +1 -0
  46. package/x/demo/main.bundle.min.js +794 -0
  47. package/x/demo/main.bundle.min.js.map +7 -0
  48. package/x/demo/main.css +71 -0
  49. package/x/demo/parts/exhibit.d.ts +11 -0
  50. package/x/demo/parts/exhibit.js +2 -0
  51. package/x/demo/parts/exhibit.js.map +1 -0
  52. package/x/demo/utils/lipsum.d.ts +1 -1
  53. package/x/demo/utils/lipsum.js +1 -1
  54. package/x/demo/utils/lipsum.js.map +1 -1
  55. package/x/demo/views/codebox/style.css.js +42 -0
  56. package/x/demo/views/codebox/style.css.js.map +1 -0
  57. package/x/demo/views/codebox/use-prism-styles.d.ts +1 -0
  58. package/x/demo/views/codebox/use-prism-styles.js +12 -0
  59. package/x/demo/views/codebox/use-prism-styles.js.map +1 -0
  60. package/x/demo/views/codebox/view.d.ts +2 -0
  61. package/x/demo/views/codebox/view.js +29 -0
  62. package/x/demo/views/codebox/view.js.map +1 -0
  63. package/x/demo/views/showcase/style.css.js +42 -11
  64. package/x/demo/views/showcase/style.css.js.map +1 -1
  65. package/x/demo/views/showcase/view.d.ts +2 -7
  66. package/x/demo/views/showcase/view.js +39 -35
  67. package/x/demo/views/showcase/view.js.map +1 -1
  68. package/x/demo/views/stylebox/view.d.ts +3 -0
  69. package/x/demo/views/stylebox/view.js +13 -0
  70. package/x/demo/views/stylebox/view.js.map +1 -0
  71. package/x/index.d.ts +1 -11
  72. package/x/index.html +212 -62
  73. package/x/index.html.js +40 -26
  74. package/x/index.html.js.map +1 -1
  75. package/x/index.js +1 -11
  76. package/x/index.js.map +1 -1
  77. package/x/test.js +3 -0
  78. package/x/test.js.map +1 -0
  79. package/x/theme/parts/core.d.ts +1 -0
  80. package/x/theme/parts/core.js +33 -0
  81. package/x/theme/parts/core.js.map +1 -0
  82. package/x/theme/parts/reset.d.ts +1 -0
  83. package/x/theme/parts/reset.js +19 -0
  84. package/x/theme/parts/reset.js.map +1 -0
  85. package/x/theme/parts/vars.d.ts +1 -0
  86. package/x/theme/parts/vars.js +34 -0
  87. package/x/theme/parts/vars.js.map +1 -0
  88. package/x/theme/theme-string.d.ts +1 -0
  89. package/x/theme/theme-string.js +14 -0
  90. package/x/theme/theme-string.js.map +1 -0
  91. package/x/theme/theme.css.d.ts +1 -0
  92. package/x/theme/theme.css.js +4 -0
  93. package/x/theme/theme.css.js.map +1 -0
  94. package/x/views/button/showcase.d.ts +1 -0
  95. package/x/views/button/showcase.js +41 -0
  96. package/x/views/button/showcase.js.map +1 -0
  97. package/x/views/button/style.css.js +109 -0
  98. package/x/views/button/style.css.js.map +1 -0
  99. package/x/views/button/view.d.ts +4 -0
  100. package/x/views/button/view.js +22 -0
  101. package/x/views/button/view.js.map +1 -0
  102. package/x/views/copy/parts/copy-status.d.ts +1 -0
  103. package/x/views/copy/parts/copy-status.js +2 -0
  104. package/x/views/copy/parts/copy-status.js.map +1 -0
  105. package/x/views/copy/parts/determine-base-status.d.ts +1 -0
  106. package/x/views/copy/parts/determine-base-status.js +6 -0
  107. package/x/views/copy/parts/determine-base-status.js.map +1 -0
  108. package/x/views/copy/parts/use-copier.d.ts +6 -0
  109. package/x/views/copy/parts/use-copier.js +13 -0
  110. package/x/views/copy/parts/use-copier.js.map +1 -0
  111. package/x/views/copy/showcase.d.ts +1 -0
  112. package/x/views/copy/showcase.js +51 -0
  113. package/x/views/copy/showcase.js.map +1 -0
  114. package/x/views/copy/style.css.js.map +1 -0
  115. package/x/views/copy/view.d.ts +4 -0
  116. package/x/views/copy/view.js +47 -0
  117. package/x/views/copy/view.js.map +1 -0
  118. package/x/{components → views}/drawer/control.d.ts +1 -1
  119. package/x/views/drawer/control.js.map +1 -0
  120. package/x/views/drawer/showcase.d.ts +1 -0
  121. package/x/views/drawer/showcase.js +75 -0
  122. package/x/views/drawer/showcase.js.map +1 -0
  123. package/x/{components → views}/drawer/style.css.js +1 -0
  124. package/x/views/drawer/style.css.js.map +1 -0
  125. package/x/views/drawer/view.d.ts +6 -0
  126. package/x/views/drawer/view.js +60 -0
  127. package/x/views/drawer/view.js.map +1 -0
  128. package/x/{components → views}/tabs/control.d.ts +2 -2
  129. package/x/{components → views}/tabs/control.js +3 -3
  130. package/x/views/tabs/control.js.map +1 -0
  131. package/x/views/tabs/showcase.d.ts +1 -0
  132. package/x/views/tabs/showcase.js +86 -0
  133. package/x/views/tabs/showcase.js.map +1 -0
  134. package/x/{components → views}/tabs/style.css.js +5 -5
  135. package/x/views/tabs/style.css.js.map +1 -0
  136. package/x/views/tabs/view.d.ts +5 -0
  137. package/x/views/tabs/view.js +52 -0
  138. package/x/views/tabs/view.js.map +1 -0
  139. package/x/components/button/component.d.ts +0 -6
  140. package/x/components/button/component.js +0 -25
  141. package/x/components/button/component.js.map +0 -1
  142. package/x/components/button/showcase.d.ts +0 -1
  143. package/x/components/button/showcase.js +0 -116
  144. package/x/components/button/showcase.js.map +0 -1
  145. package/x/components/button/style.css.js +0 -62
  146. package/x/components/button/style.css.js.map +0 -1
  147. package/x/components/copy/component.d.ts +0 -376
  148. package/x/components/copy/component.js +0 -63
  149. package/x/components/copy/component.js.map +0 -1
  150. package/x/components/copy/showcase.d.ts +0 -1
  151. package/x/components/copy/showcase.js +0 -48
  152. package/x/components/copy/showcase.js.map +0 -1
  153. package/x/components/copy/style.css.js.map +0 -1
  154. package/x/components/drawer/component.d.ts +0 -387
  155. package/x/components/drawer/component.js +0 -73
  156. package/x/components/drawer/component.js.map +0 -1
  157. package/x/components/drawer/control.js.map +0 -1
  158. package/x/components/drawer/showcase.d.ts +0 -1
  159. package/x/components/drawer/showcase.js +0 -105
  160. package/x/components/drawer/showcase.js.map +0 -1
  161. package/x/components/drawer/style.css.js.map +0 -1
  162. package/x/components/example/component.d.ts +0 -371
  163. package/x/components/example/component.js +0 -22
  164. package/x/components/example/component.js.map +0 -1
  165. package/x/components/example/showcase.d.ts +0 -1
  166. package/x/components/example/showcase.js +0 -30
  167. package/x/components/example/showcase.js.map +0 -1
  168. package/x/components/example/style.css.js +0 -10
  169. package/x/components/example/style.css.js.map +0 -1
  170. package/x/components/foundation.css.d.ts +0 -1
  171. package/x/components/foundation.css.js +0 -14
  172. package/x/components/foundation.css.js.map +0 -1
  173. package/x/components/framework.d.ts +0 -8
  174. package/x/components/framework.js +0 -5
  175. package/x/components/framework.js.map +0 -1
  176. package/x/components/raw-components.d.ts +0 -12
  177. package/x/components/raw-components.js +0 -13
  178. package/x/components/raw-components.js.map +0 -1
  179. package/x/components/tabs/component.d.ts +0 -374
  180. package/x/components/tabs/component.js +0 -60
  181. package/x/components/tabs/component.js.map +0 -1
  182. package/x/components/tabs/control.js.map +0 -1
  183. package/x/components/tabs/showcase.d.ts +0 -1
  184. package/x/components/tabs/showcase.js +0 -167
  185. package/x/components/tabs/showcase.js.map +0 -1
  186. package/x/components/tabs/style.css.js.map +0 -1
  187. package/x/demo/demo.bundle.js +0 -42
  188. package/x/demo/demo.bundle.js.map +0 -1
  189. package/x/demo/demo.bundle.min.js +0 -893
  190. package/x/demo/demo.bundle.min.js.map +0 -7
  191. package/x/demo/lipsum.d.ts +0 -2
  192. package/x/demo/lipsum.js +0 -4
  193. package/x/demo/lipsum.js.map +0 -1
  194. package/x/demo/views/exhibit/style.css.d.ts +0 -2
  195. package/x/demo/views/exhibit/style.css.js +0 -84
  196. package/x/demo/views/exhibit/style.css.js.map +0 -1
  197. package/x/demo/views/exhibit/view.d.ts +0 -29
  198. package/x/demo/views/exhibit/view.js +0 -40
  199. package/x/demo/views/exhibit/view.js.map +0 -1
  200. package/x/demo/viewsets.d.ts +0 -17
  201. package/x/demo/viewsets.js +0 -9
  202. package/x/demo/viewsets.js.map +0 -1
  203. package/x/install/aura.bundle.js +0 -5
  204. package/x/install/aura.bundle.js.map +0 -1
  205. package/x/install/aura.bundle.min.js +0 -471
  206. package/x/install/aura.bundle.min.js.map +0 -7
  207. package/x/install/plain.bundle.d.ts +0 -1
  208. package/x/install/plain.bundle.js +0 -5
  209. package/x/install/plain.bundle.js.map +0 -1
  210. package/x/install/plain.bundle.min.js +0 -398
  211. package/x/install/plain.bundle.min.js.map +0 -7
  212. package/x/shiny.d.ts +0 -47
  213. package/x/shiny.js +0 -8
  214. package/x/shiny.js.map +0 -1
  215. package/x/tests.test.d.ts +0 -1
  216. package/x/tests.test.js +0 -3
  217. package/x/tests.test.js.map +0 -1
  218. package/x/themes/aura.css.d.ts +0 -1
  219. package/x/themes/aura.css.js +0 -85
  220. package/x/themes/aura.css.js.map +0 -1
  221. package/x/themes/index.barrel.d.ts +0 -2
  222. package/x/themes/index.barrel.js +0 -3
  223. package/x/themes/index.barrel.js.map +0 -1
  224. package/x/themes/index.d.ts +0 -2
  225. package/x/themes/index.js +0 -2
  226. package/x/themes/index.js.map +0 -1
  227. package/x/themes/infra/css-vars.d.ts +0 -15
  228. package/x/themes/infra/css-vars.js +0 -22
  229. package/x/themes/infra/css-vars.js.map +0 -1
  230. package/x/themes/plain.css.d.ts +0 -1
  231. package/x/themes/plain.css.js +0 -10
  232. package/x/themes/plain.css.js.map +0 -1
  233. /package/s/{components → _archive/components}/button/component.ts +0 -0
  234. /package/s/{components → _archive/components}/button/showcase.ts +0 -0
  235. /package/s/{components → _archive/components}/button/style.css.ts +0 -0
  236. /package/s/{components → _archive/components}/copy/component.ts +0 -0
  237. /package/s/{components → _archive/components}/copy/showcase.ts +0 -0
  238. /package/s/{components → _archive/components}/copy/style.css.ts +0 -0
  239. /package/s/{components → _archive/components}/drawer/component.ts +0 -0
  240. /package/s/{components → _archive/components}/drawer/control.ts +0 -0
  241. /package/s/{components → _archive/components}/drawer/showcase.ts +0 -0
  242. /package/s/{components → _archive/components}/drawer/style.css.ts +0 -0
  243. /package/s/{components → _archive/components}/example/component.ts +0 -0
  244. /package/s/{components → _archive/components}/example/showcase.ts +0 -0
  245. /package/s/{components → _archive/components}/example/style.css.ts +0 -0
  246. /package/s/{components → _archive/components}/foundation.css.ts +0 -0
  247. /package/s/{components → _archive/components}/framework.ts +0 -0
  248. /package/s/{components → _archive/components}/raw-components.ts +0 -0
  249. /package/s/{components → _archive/components}/tabs/component.ts +0 -0
  250. /package/s/{components → _archive/components}/tabs/control.ts +0 -0
  251. /package/s/{components → _archive/components}/tabs/showcase.ts +0 -0
  252. /package/s/{components → _archive/components}/tabs/style.css.ts +0 -0
  253. /package/s/{demo → _archive/demo}/demo.bundle.ts +0 -0
  254. /package/s/{demo → _archive/demo}/demo.css +0 -0
  255. /package/s/{demo → _archive/demo}/lipsum.ts +0 -0
  256. /package/s/{demo → _archive/demo}/views/exhibit/style.css.ts +0 -0
  257. /package/s/{demo → _archive/demo}/views/exhibit/view.ts +0 -0
  258. /package/s/{demo → _archive/demo}/viewsets.ts +0 -0
  259. /package/s/{install → _archive/install}/aura.bundle.ts +0 -0
  260. /package/s/{install → _archive/install}/plain.bundle.ts +0 -0
  261. /package/s/{shiny.ts → _archive/shiny.ts} +0 -0
  262. /package/s/{tests.test.ts → _archive/tests.test.ts} +0 -0
  263. /package/s/{themes → _archive/themes}/aura.css.ts +0 -0
  264. /package/s/{themes → _archive/themes}/index.barrel.ts +0 -0
  265. /package/s/{themes → _archive/themes}/index.ts +0 -0
  266. /package/s/{themes → _archive/themes}/infra/css-vars.ts +0 -0
  267. /package/s/{themes → _archive/themes}/plain.css.ts +0 -0
  268. /package/x/{demo → _archive/demo}/demo.css +0 -0
  269. /package/x/demo/{demo.bundle.d.ts → main.bundle.d.ts} +0 -0
  270. /package/x/{components/button → demo/views/codebox}/style.css.d.ts +0 -0
  271. /package/x/{install/aura.bundle.d.ts → test.d.ts} +0 -0
  272. /package/x/{components/copy → views/button}/style.css.d.ts +0 -0
  273. /package/x/{components/drawer → views/copy}/style.css.d.ts +0 -0
  274. /package/x/{components → views}/copy/style.css.js +0 -0
  275. /package/x/{components → views}/drawer/control.js +0 -0
  276. /package/x/{components/example → views/drawer}/style.css.d.ts +0 -0
  277. /package/x/{components → views}/tabs/style.css.d.ts +0 -0
@@ -1,374 +0,0 @@
1
- import { TabControl } from "./control.js";
2
- import { ShinyContext } from "../framework.js";
3
- declare const ShinyTabs_base: import("@e280/sly").ComponentClass<{
4
- new (): {
5
- control: TabControl;
6
- get index(): number;
7
- get length(): number;
8
- setIndex: (index: number) => Promise<number>;
9
- shimmy: (delta: number) => Promise<number>;
10
- context: ShinyContext;
11
- "__#private@#private": any;
12
- readonly shadow: ShadowRoot;
13
- createShadow(): ShadowRoot;
14
- render(_use: import("@e280/sly").Use): import("@e280/sly").Content;
15
- updateNow: () => void;
16
- update: import("@e280/stz").DebounceReturn<() => void>;
17
- connectedCallback(): void;
18
- disconnectedCallback(): void;
19
- accessKey: string;
20
- readonly accessKeyLabel: string;
21
- autocapitalize: string;
22
- autocorrect: boolean;
23
- dir: string;
24
- draggable: boolean;
25
- hidden: boolean;
26
- inert: boolean;
27
- innerText: string;
28
- lang: string;
29
- readonly offsetHeight: number;
30
- readonly offsetLeft: number;
31
- readonly offsetParent: Element | null;
32
- readonly offsetTop: number;
33
- readonly offsetWidth: number;
34
- outerText: string;
35
- popover: string | null;
36
- spellcheck: boolean;
37
- title: string;
38
- translate: boolean;
39
- writingSuggestions: string;
40
- attachInternals(): ElementInternals;
41
- click(): void;
42
- hidePopover(): void;
43
- showPopover(): void;
44
- togglePopover(options?: boolean): boolean;
45
- addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
46
- addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
47
- removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
48
- removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
49
- readonly attributes: NamedNodeMap;
50
- get classList(): DOMTokenList;
51
- set classList(value: string);
52
- className: string;
53
- readonly clientHeight: number;
54
- readonly clientLeft: number;
55
- readonly clientTop: number;
56
- readonly clientWidth: number;
57
- readonly currentCSSZoom: number;
58
- id: string;
59
- innerHTML: string;
60
- readonly localName: string;
61
- readonly namespaceURI: string | null;
62
- onfullscreenchange: ((this: Element, ev: Event) => any) | null;
63
- onfullscreenerror: ((this: Element, ev: Event) => any) | null;
64
- outerHTML: string;
65
- readonly ownerDocument: Document;
66
- get part(): DOMTokenList;
67
- set part(value: string);
68
- readonly prefix: string | null;
69
- readonly scrollHeight: number;
70
- scrollLeft: number;
71
- scrollTop: number;
72
- readonly scrollWidth: number;
73
- readonly shadowRoot: ShadowRoot | null;
74
- slot: string;
75
- readonly tagName: string;
76
- attachShadow(init: ShadowRootInit): ShadowRoot;
77
- checkVisibility(options?: CheckVisibilityOptions): boolean;
78
- closest<K extends keyof HTMLElementTagNameMap>(selector: K): HTMLElementTagNameMap[K] | null;
79
- closest<K extends keyof SVGElementTagNameMap>(selector: K): SVGElementTagNameMap[K] | null;
80
- closest<K extends keyof MathMLElementTagNameMap>(selector: K): MathMLElementTagNameMap[K] | null;
81
- closest<E extends Element = Element>(selectors: string): E | null;
82
- computedStyleMap(): StylePropertyMapReadOnly;
83
- getAttribute(qualifiedName: string): string | null;
84
- getAttributeNS(namespace: string | null, localName: string): string | null;
85
- getAttributeNames(): string[];
86
- getAttributeNode(qualifiedName: string): Attr | null;
87
- getAttributeNodeNS(namespace: string | null, localName: string): Attr | null;
88
- getBoundingClientRect(): DOMRect;
89
- getClientRects(): DOMRectList;
90
- getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
91
- getElementsByTagName<K extends keyof HTMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementTagNameMap[K]>;
92
- getElementsByTagName<K extends keyof SVGElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<SVGElementTagNameMap[K]>;
93
- getElementsByTagName<K extends keyof MathMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<MathMLElementTagNameMap[K]>;
94
- getElementsByTagName<K extends keyof HTMLElementDeprecatedTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K]>;
95
- getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;
96
- getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
97
- getElementsByTagNameNS(namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
98
- getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1998/Math/MathML", localName: string): HTMLCollectionOf<MathMLElement>;
99
- getElementsByTagNameNS(namespace: string | null, localName: string): HTMLCollectionOf<Element>;
100
- getHTML(options?: GetHTMLOptions): string;
101
- hasAttribute(qualifiedName: string): boolean;
102
- hasAttributeNS(namespace: string | null, localName: string): boolean;
103
- hasAttributes(): boolean;
104
- hasPointerCapture(pointerId: number): boolean;
105
- insertAdjacentElement(where: InsertPosition, element: Element): Element | null;
106
- insertAdjacentHTML(position: InsertPosition, string: string): void;
107
- insertAdjacentText(where: InsertPosition, data: string): void;
108
- matches(selectors: string): boolean;
109
- releasePointerCapture(pointerId: number): void;
110
- removeAttribute(qualifiedName: string): void;
111
- removeAttributeNS(namespace: string | null, localName: string): void;
112
- removeAttributeNode(attr: Attr): Attr;
113
- requestFullscreen(options?: FullscreenOptions): Promise<void>;
114
- requestPointerLock(options?: PointerLockOptions): Promise<void>;
115
- scroll(options?: ScrollToOptions): void;
116
- scroll(x: number, y: number): void;
117
- scrollBy(options?: ScrollToOptions): void;
118
- scrollBy(x: number, y: number): void;
119
- scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void;
120
- scrollTo(options?: ScrollToOptions): void;
121
- scrollTo(x: number, y: number): void;
122
- setAttribute(qualifiedName: string, value: string): void;
123
- setAttributeNS(namespace: string | null, qualifiedName: string, value: string): void;
124
- setAttributeNode(attr: Attr): Attr | null;
125
- setAttributeNodeNS(attr: Attr): Attr | null;
126
- setHTMLUnsafe(html: string): void;
127
- setPointerCapture(pointerId: number): void;
128
- toggleAttribute(qualifiedName: string, force?: boolean): boolean;
129
- webkitMatchesSelector(selectors: string): boolean;
130
- get textContent(): string;
131
- set textContent(value: string | null);
132
- readonly baseURI: string;
133
- readonly childNodes: NodeListOf<ChildNode>;
134
- readonly firstChild: ChildNode | null;
135
- readonly isConnected: boolean;
136
- readonly lastChild: ChildNode | null;
137
- readonly nextSibling: ChildNode | null;
138
- readonly nodeName: string;
139
- readonly nodeType: number;
140
- nodeValue: string | null;
141
- readonly parentElement: HTMLElement | null;
142
- readonly parentNode: ParentNode | null;
143
- readonly previousSibling: ChildNode | null;
144
- appendChild<T extends Node>(node: T): T;
145
- cloneNode(subtree?: boolean): Node;
146
- compareDocumentPosition(other: Node): number;
147
- contains(other: Node | null): boolean;
148
- getRootNode(options?: GetRootNodeOptions): Node;
149
- hasChildNodes(): boolean;
150
- insertBefore<T extends Node>(node: T, child: Node | null): T;
151
- isDefaultNamespace(namespace: string | null): boolean;
152
- isEqualNode(otherNode: Node | null): boolean;
153
- isSameNode(otherNode: Node | null): boolean;
154
- lookupNamespaceURI(prefix: string | null): string | null;
155
- lookupPrefix(namespace: string | null): string | null;
156
- normalize(): void;
157
- removeChild<T extends Node>(child: T): T;
158
- replaceChild<T extends Node>(node: Node, child: T): T;
159
- readonly ELEMENT_NODE: 1;
160
- readonly ATTRIBUTE_NODE: 2;
161
- readonly TEXT_NODE: 3;
162
- readonly CDATA_SECTION_NODE: 4;
163
- readonly ENTITY_REFERENCE_NODE: 5;
164
- readonly ENTITY_NODE: 6;
165
- readonly PROCESSING_INSTRUCTION_NODE: 7;
166
- readonly COMMENT_NODE: 8;
167
- readonly DOCUMENT_NODE: 9;
168
- readonly DOCUMENT_TYPE_NODE: 10;
169
- readonly DOCUMENT_FRAGMENT_NODE: 11;
170
- readonly NOTATION_NODE: 12;
171
- readonly DOCUMENT_POSITION_DISCONNECTED: 1;
172
- readonly DOCUMENT_POSITION_PRECEDING: 2;
173
- readonly DOCUMENT_POSITION_FOLLOWING: 4;
174
- readonly DOCUMENT_POSITION_CONTAINS: 8;
175
- readonly DOCUMENT_POSITION_CONTAINED_BY: 16;
176
- readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
177
- dispatchEvent(event: Event): boolean;
178
- ariaActiveDescendantElement: Element | null;
179
- ariaAtomic: string | null;
180
- ariaAutoComplete: string | null;
181
- ariaBrailleLabel: string | null;
182
- ariaBrailleRoleDescription: string | null;
183
- ariaBusy: string | null;
184
- ariaChecked: string | null;
185
- ariaColCount: string | null;
186
- ariaColIndex: string | null;
187
- ariaColIndexText: string | null;
188
- ariaColSpan: string | null;
189
- ariaControlsElements: ReadonlyArray<Element> | null;
190
- ariaCurrent: string | null;
191
- ariaDescribedByElements: ReadonlyArray<Element> | null;
192
- ariaDescription: string | null;
193
- ariaDetailsElements: ReadonlyArray<Element> | null;
194
- ariaDisabled: string | null;
195
- ariaErrorMessageElements: ReadonlyArray<Element> | null;
196
- ariaExpanded: string | null;
197
- ariaFlowToElements: ReadonlyArray<Element> | null;
198
- ariaHasPopup: string | null;
199
- ariaHidden: string | null;
200
- ariaInvalid: string | null;
201
- ariaKeyShortcuts: string | null;
202
- ariaLabel: string | null;
203
- ariaLabelledByElements: ReadonlyArray<Element> | null;
204
- ariaLevel: string | null;
205
- ariaLive: string | null;
206
- ariaModal: string | null;
207
- ariaMultiLine: string | null;
208
- ariaMultiSelectable: string | null;
209
- ariaOrientation: string | null;
210
- ariaOwnsElements: ReadonlyArray<Element> | null;
211
- ariaPlaceholder: string | null;
212
- ariaPosInSet: string | null;
213
- ariaPressed: string | null;
214
- ariaReadOnly: string | null;
215
- ariaRelevant: string | null;
216
- ariaRequired: string | null;
217
- ariaRoleDescription: string | null;
218
- ariaRowCount: string | null;
219
- ariaRowIndex: string | null;
220
- ariaRowIndexText: string | null;
221
- ariaRowSpan: string | null;
222
- ariaSelected: string | null;
223
- ariaSetSize: string | null;
224
- ariaSort: string | null;
225
- ariaValueMax: string | null;
226
- ariaValueMin: string | null;
227
- ariaValueNow: string | null;
228
- ariaValueText: string | null;
229
- role: string | null;
230
- animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions): Animation;
231
- getAnimations(options?: GetAnimationsOptions): Animation[];
232
- after(...nodes: (Node | string)[]): void;
233
- before(...nodes: (Node | string)[]): void;
234
- remove(): void;
235
- replaceWith(...nodes: (Node | string)[]): void;
236
- readonly nextElementSibling: Element | null;
237
- readonly previousElementSibling: Element | null;
238
- readonly childElementCount: number;
239
- readonly children: HTMLCollection;
240
- readonly firstElementChild: Element | null;
241
- readonly lastElementChild: Element | null;
242
- append(...nodes: (Node | string)[]): void;
243
- prepend(...nodes: (Node | string)[]): void;
244
- querySelector<K extends keyof HTMLElementTagNameMap>(selectors: K): HTMLElementTagNameMap[K] | null;
245
- querySelector<K extends keyof SVGElementTagNameMap>(selectors: K): SVGElementTagNameMap[K] | null;
246
- querySelector<K extends keyof MathMLElementTagNameMap>(selectors: K): MathMLElementTagNameMap[K] | null;
247
- querySelector<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): HTMLElementDeprecatedTagNameMap[K] | null;
248
- querySelector<E extends Element = Element>(selectors: string): E | null;
249
- querySelectorAll<K extends keyof HTMLElementTagNameMap>(selectors: K): NodeListOf<HTMLElementTagNameMap[K]>;
250
- querySelectorAll<K extends keyof SVGElementTagNameMap>(selectors: K): NodeListOf<SVGElementTagNameMap[K]>;
251
- querySelectorAll<K extends keyof MathMLElementTagNameMap>(selectors: K): NodeListOf<MathMLElementTagNameMap[K]>;
252
- querySelectorAll<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): NodeListOf<HTMLElementDeprecatedTagNameMap[K]>;
253
- querySelectorAll<E extends Element = Element>(selectors: string): NodeListOf<E>;
254
- replaceChildren(...nodes: (Node | string)[]): void;
255
- readonly assignedSlot: HTMLSlotElement | null;
256
- readonly attributeStyleMap: StylePropertyMap;
257
- get style(): CSSStyleDeclaration;
258
- set style(cssText: string);
259
- contentEditable: string;
260
- enterKeyHint: string;
261
- inputMode: string;
262
- readonly isContentEditable: boolean;
263
- onabort: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
264
- onanimationcancel: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
265
- onanimationend: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
266
- onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
267
- onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
268
- onauxclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
269
- onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
270
- onbeforematch: ((this: GlobalEventHandlers, ev: Event) => any) | null;
271
- onbeforetoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
272
- onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
273
- oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
274
- oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
275
- oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any) | null;
276
- onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
277
- onclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
278
- onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
279
- oncontextlost: ((this: GlobalEventHandlers, ev: Event) => any) | null;
280
- oncontextmenu: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
281
- oncontextrestored: ((this: GlobalEventHandlers, ev: Event) => any) | null;
282
- oncopy: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
283
- oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
284
- oncut: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
285
- ondblclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
286
- ondrag: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
287
- ondragend: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
288
- ondragenter: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
289
- ondragleave: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
290
- ondragover: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
291
- ondragstart: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
292
- ondrop: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
293
- ondurationchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
294
- onemptied: ((this: GlobalEventHandlers, ev: Event) => any) | null;
295
- onended: ((this: GlobalEventHandlers, ev: Event) => any) | null;
296
- onerror: OnErrorEventHandler;
297
- onfocus: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
298
- onformdata: ((this: GlobalEventHandlers, ev: FormDataEvent) => any) | null;
299
- ongotpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
300
- oninput: ((this: GlobalEventHandlers, ev: Event) => any) | null;
301
- oninvalid: ((this: GlobalEventHandlers, ev: Event) => any) | null;
302
- onkeydown: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
303
- onkeypress: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
304
- onkeyup: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
305
- onload: ((this: GlobalEventHandlers, ev: Event) => any) | null;
306
- onloadeddata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
307
- onloadedmetadata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
308
- onloadstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
309
- onlostpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
310
- onmousedown: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
311
- onmouseenter: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
312
- onmouseleave: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
313
- onmousemove: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
314
- onmouseout: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
315
- onmouseover: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
316
- onmouseup: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
317
- onpaste: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
318
- onpause: ((this: GlobalEventHandlers, ev: Event) => any) | null;
319
- onplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
320
- onplaying: ((this: GlobalEventHandlers, ev: Event) => any) | null;
321
- onpointercancel: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
322
- onpointerdown: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
323
- onpointerenter: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
324
- onpointerleave: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
325
- onpointermove: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
326
- onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
327
- onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
328
- onpointerrawupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
329
- onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
330
- onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null;
331
- onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
332
- onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
333
- onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
334
- onscroll: ((this: GlobalEventHandlers, ev: Event) => any) | null;
335
- onscrollend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
336
- onsecuritypolicyviolation: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null;
337
- onseeked: ((this: GlobalEventHandlers, ev: Event) => any) | null;
338
- onseeking: ((this: GlobalEventHandlers, ev: Event) => any) | null;
339
- onselect: ((this: GlobalEventHandlers, ev: Event) => any) | null;
340
- onselectionchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
341
- onselectstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
342
- onslotchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
343
- onstalled: ((this: GlobalEventHandlers, ev: Event) => any) | null;
344
- onsubmit: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null;
345
- onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
346
- ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
347
- ontoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
348
- ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
349
- ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
350
- ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
351
- ontouchstart?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
352
- ontransitioncancel: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
353
- ontransitionend: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
354
- ontransitionrun: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
355
- ontransitionstart: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
356
- onvolumechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
357
- onwaiting: ((this: GlobalEventHandlers, ev: Event) => any) | null;
358
- onwebkitanimationend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
359
- onwebkitanimationiteration: ((this: GlobalEventHandlers, ev: Event) => any) | null;
360
- onwebkitanimationstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
361
- onwebkittransitionend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
362
- onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null;
363
- autofocus: boolean;
364
- readonly dataset: DOMStringMap;
365
- nonce?: string;
366
- tabIndex: number;
367
- blur(): void;
368
- focus(options?: FocusOptions): void;
369
- };
370
- styles: import("lit").CSSResultGroup | undefined;
371
- }, [context: ShinyContext, controlOption?: TabControl | undefined]>;
372
- export declare class ShinyTabs extends ShinyTabs_base {
373
- }
374
- export {};
@@ -1,60 +0,0 @@
1
- import { html } from "lit";
2
- import { dom, view } from "@e280/sly";
3
- import styleCss from "./style.css.js";
4
- import { TabControl } from "./control.js";
5
- import { foundationCss } from "../foundation.css.js";
6
- import { ShinyElement } from "../framework.js";
7
- export class ShinyTabs extends (view(use => (context, controlOption) => {
8
- use.name("shiny-tabs");
9
- use.styles(foundationCss, context.theme, styleCss);
10
- const attrs = use.attrs.spec({ index: Number });
11
- const control = use.once(() => controlOption ?? new TabControl(attrs.index ?? 0));
12
- const $tabs = use.signal([]);
13
- const $panels = use.signal([]);
14
- async function tabchange(event) {
15
- const slot = event.currentTarget;
16
- await $tabs.set(slot.assignedElements());
17
- }
18
- async function panelchange(event) {
19
- const slot = event.currentTarget;
20
- await $panels.set(slot.assignedElements());
21
- }
22
- attrs.index = control.$index();
23
- control.length = $tabs().length;
24
- function isNeighborActive(index, delta) {
25
- const nextIndex = control.clamp(index + delta);
26
- if (nextIndex === index)
27
- return false;
28
- return (nextIndex === control.index);
29
- }
30
- for (const [index, tab] of $tabs().entries()) {
31
- const active = (index === control.index);
32
- const tabAttrs = dom.attrs(tab);
33
- tabAttrs.booleans.disabled = active;
34
- tabAttrs.booleans["data-active"] = active;
35
- tabAttrs.booleans["data-first"] = (index === 0);
36
- tabAttrs.booleans["data-last"] = (index === (control.length - 1));
37
- tabAttrs.booleans["data-next-is-active"] = isNeighborActive(index, 1);
38
- tabAttrs.booleans["data-previous-is-active"] = isNeighborActive(index, -1);
39
- tab.onclick = () => control.setIndex(index);
40
- }
41
- for (const [index, tab] of $panels().entries()) {
42
- const active = (index === control.index);
43
- dom.attrs(tab).booleans.active = active;
44
- dom.attrs(tab).booleans.hidden = !active;
45
- }
46
- return html `
47
- <slot part=tabs @slotchange="${tabchange}"></slot>
48
- <slot part=panels name=panel @slotchange="${panelchange}"></slot>
49
- `;
50
- })
51
- .component(class extends ShinyElement {
52
- control = new TabControl();
53
- get index() { return this.control.index; }
54
- get length() { return this.control.length; }
55
- setIndex = this.control.setIndex.bind(this.control);
56
- shimmy = this.control.shimmy.bind(this.control);
57
- })
58
- .props(el => [el.context, el.control])) {
59
- }
60
- //# sourceMappingURL=component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"component.js","sourceRoot":"","sources":["../../../s/components/tabs/component.ts"],"names":[],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"control.js","sourceRoot":"","sources":["../../../s/components/tabs/control.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,MAAM,EAAC,MAAM,cAAc,CAAA;AAEnC,MAAM,OAAO,UAAU;IACtB,MAAM,GAAG,CAAC,CAAA;IACV,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,CAAA;IAElB,YAAY,KAAK,GAAG,CAAC;QACpB,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,KAAK,CAAA;IAC1B,CAAC;IAED,KAAK,CAAC,KAAa;QAClB,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;QACxC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;QAC1B,OAAO,KAAK,CAAA;IACb,CAAC;IAED,IAAI,KAAK;QACR,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,CAAA;IACrC,CAAC;IAED,KAAK,CAAC,QAAQ,CAAC,KAAa;QAC3B,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;IAC9B,CAAC;IAED,KAAK,CAAC,MAAM,CAAC,KAAa;QACzB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,CAAA;QAC5C,OAAO,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC5B,CAAC;CACD"}
@@ -1 +0,0 @@
1
- export declare const tabsShowcase: () => import("lit-html/directive.js").DirectiveResult<import("lit-html/directive.js").DirectiveClass>;
@@ -1,167 +0,0 @@
1
- import { css, html } from "lit";
2
- import { lipsum } from "../../demo/lipsum.js";
3
- import { Showcase } from "../../demo/views/showcase/view.js";
4
- const lip1 = lipsum();
5
- const lip2 = lipsum();
6
- const lip3 = lipsum();
7
- const cssSnippet = `
8
- [view="shiny-tabs"] {
9
- &::part(tabs) {}
10
- &::part(panels) {}
11
-
12
- /* buttons */
13
- > :not([slot="panel"]) {}
14
-
15
- /* panels */
16
- > [slot="panel"] {}
17
- }
18
- `;
19
- export const tabsShowcase = () => Showcase({
20
- name: "tabs",
21
- style: css `
22
- .box {
23
- place-content: start start;
24
- p { margin-top: 0.5em; }
25
- button { padding: 1em; }
26
- }
27
- `,
28
- exhibits: [
29
- {
30
- label: "shiny snug",
31
- explain: html `<p>button bar. panels optional.</p>`,
32
- snippets: [
33
- { label: "html", code: `
34
- <shiny-tabs snug>
35
- <shiny-button>tab1</shiny-button>
36
- <shiny-button>tab2</shiny-button>
37
- <shiny-button>tab3</shiny-button>
38
- <div slot=panel>panel1</div>
39
- <div slot=panel>panel2</div>
40
- <div slot=panel>panel3</div>
41
- </shiny-tabs>
42
- ` },
43
- { label: "view", code: `
44
- ShinyTabs
45
- .props()
46
- .attr("snug")
47
- .children(html\`
48
- \${ShinyButton.props().children("tab1").render()}
49
- \${ShinyButton.props().children("tab2").render()}
50
- \${ShinyButton.props().children("tab3").render()}
51
- <div slot=panel>panel1</div>
52
- <div slot=panel>panel2</div>
53
- <div slot=panel>panel3</div>
54
- \`)
55
- .render()
56
- ` },
57
- { label: "css", code: cssSnippet },
58
- ],
59
- style: css ``,
60
- presentation: views => html `
61
- ${views.ShinyTabs
62
- .props()
63
- .attr("snug")
64
- .children(html `
65
- ${views.ShinyButton.props().children("tab1").render()}
66
- ${views.ShinyButton.props().children("tab2").render()}
67
- ${views.ShinyButton.props().children("tab3").render()}
68
- <p slot=panel class=lipsum>${lip1}</p>
69
- <p slot=panel class=lipsum>${lip2}</p>
70
- <p slot=panel class=lipsum>${lip3}</p>
71
- `)
72
- .render()}
73
- `,
74
- },
75
- {
76
- label: "regular",
77
- explain: html `<p>button bar. panels optional.</p>`,
78
- snippets: [
79
- { label: "html", code: `
80
- <shiny-tabs>
81
- <button>tab1</button>
82
- <button>tab2</button>
83
- <button>tab3</button>
84
- <div slot=panel>panel1</div>
85
- <div slot=panel>panel2</div>
86
- <div slot=panel>panel3</div>
87
- </shiny-tabs>
88
- ` },
89
- { label: "view", code: `
90
- ShinyTabs
91
- .props()
92
- .children(html\`
93
- <button>tab1</button>
94
- <button>tab2</button>
95
- <button>tab3</button>
96
- <div slot=panel>panel1</div>
97
- <div slot=panel>panel2</div>
98
- <div slot=panel>panel3</div>
99
- \`)
100
- .render()
101
- ` },
102
- { label: "css", code: cssSnippet },
103
- ],
104
- style: css ``,
105
- presentation: views => html `
106
- ${views.ShinyTabs
107
- .props()
108
- .children(html `
109
- <button>tab1</button>
110
- <button>tab2</button>
111
- <button>tab3</button>
112
- <p slot=panel class=lipsum>${lip1}</p>
113
- <p slot=panel class=lipsum>${lip2}</p>
114
- <p slot=panel class=lipsum>${lip3}</p>
115
- `)
116
- .render()}
117
- `,
118
- },
119
- {
120
- label: "regular snug",
121
- explain: html `<p>button bar. panels optional.</p>`,
122
- snippets: [
123
- { label: "html", code: `
124
- <shiny-tabs snug>
125
- <button>tab1</button>
126
- <button>tab2</button>
127
- <button>tab3</button>
128
- <div slot=panel>panel1</div>
129
- <div slot=panel>panel2</div>
130
- <div slot=panel>panel3</div>
131
- </shiny-tabs>
132
- ` },
133
- { label: "view", code: `
134
- ShinyTabs
135
- .props()
136
- .attr("snug")
137
- .children(html\`
138
- <button>tab1</button>
139
- <button>tab2</button>
140
- <button>tab3</button>
141
- <div slot=panel>panel1</div>
142
- <div slot=panel>panel2</div>
143
- <div slot=panel>panel3</div>
144
- \`)
145
- .render()
146
- ` },
147
- { label: "css", code: cssSnippet },
148
- ],
149
- style: css ``,
150
- presentation: views => html `
151
- ${views.ShinyTabs
152
- .props()
153
- .attr("snug")
154
- .children(html `
155
- <button>tab1</button>
156
- <button>tab2</button>
157
- <button>tab3</button>
158
- <p slot=panel class=lipsum>${lip1}</p>
159
- <p slot=panel class=lipsum>${lip2}</p>
160
- <p slot=panel class=lipsum>${lip3}</p>
161
- `)
162
- .render()}
163
- `,
164
- },
165
- ],
166
- });
167
- //# sourceMappingURL=showcase.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"showcase.js","sourceRoot":"","sources":["../../../s/components/tabs/showcase.ts"],"names":[],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"style.css.js","sourceRoot":"","sources":["../../../s/components/tabs/style.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0Cf,CAAA"}