@universal-material/web 3.0.8 → 3.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 (364) hide show
  1. package/.editorconfig +8 -0
  2. package/.eleventy.cjs +21 -0
  3. package/.eslintignore +6 -0
  4. package/.eslintrc.json +98 -0
  5. package/.prettierrc.json +7 -0
  6. package/.vscode/extensions.json +9 -0
  7. package/CHANGELOG.md +98 -0
  8. package/LICENSE +28 -0
  9. package/docs/.nojekyll +0 -0
  10. package/docs/api/index.html +149 -0
  11. package/docs/docs.css +185 -0
  12. package/docs/examples/index.html +75 -0
  13. package/docs/examples/name-property/index.html +65 -0
  14. package/docs/index.html +75 -0
  15. package/docs/install/index.html +53 -0
  16. package/docs/prism-okaidia.css +123 -0
  17. package/docs/src/_api-section.pug +27 -0
  18. package/docs/src/_layout.pug +182 -0
  19. package/docs/src/components/button-set/alignment.html +29 -0
  20. package/docs/src/components/button-set/stack.html +5 -0
  21. package/docs/src/components/button-set/usage.html +35 -0
  22. package/docs/src/components/button-set.pug +16 -0
  23. package/docs/src/components/cards/card-media.html +39 -0
  24. package/docs/src/components/cards/card-with-actions.html +38 -0
  25. package/docs/src/components/cards/simple-card.html +3 -0
  26. package/docs/src/components/cards.pug +15 -0
  27. package/docs/src/components/checkbox/usage.html +33 -0
  28. package/docs/src/components/checkbox.pug +7 -0
  29. package/docs/src/components/chips/chip-input.html +73 -0
  30. package/docs/src/components/chips/default-chips.html +25 -0
  31. package/docs/src/components/chips/elevated-chips.html +25 -0
  32. package/docs/src/components/chips/selected-chips.html +50 -0
  33. package/docs/src/components/chips.pug +16 -0
  34. package/docs/src/components/common-buttons/anchor-buttons.html +6 -0
  35. package/docs/src/components/common-buttons/buttons-icons.html +24 -0
  36. package/docs/src/components/common-buttons/buttons-trailing-icons.html +25 -0
  37. package/docs/src/components/common-buttons/buttons-variants.html +6 -0
  38. package/docs/src/components/common-buttons/filled-colors.html +4 -0
  39. package/docs/src/components/common-buttons.pug +22 -0
  40. package/docs/src/components/data-tables/simple-table.html +47 -0
  41. package/docs/src/components/data-tables/table-footer.html +59 -0
  42. package/docs/src/components/data-tables/table-header.html +43 -0
  43. package/docs/src/components/data-tables.pug +15 -0
  44. package/docs/src/components/datepicker.pug +133 -0
  45. package/docs/src/components/dialogs/example.html +44 -0
  46. package/docs/src/components/dialogs.pug +19 -0
  47. package/docs/src/components/dividers/no-margin.html +7 -0
  48. package/docs/src/components/dividers/usage.html +7 -0
  49. package/docs/src/components/dividers.pug +13 -0
  50. package/docs/src/components/dropdown-menus/down-end.html +10 -0
  51. package/docs/src/components/dropdown-menus/down-left.html +10 -0
  52. package/docs/src/components/dropdown-menus/down-right.html +10 -0
  53. package/docs/src/components/dropdown-menus/down-start.html +10 -0
  54. package/docs/src/components/dropdown-menus/down.html +10 -0
  55. package/docs/src/components/dropdown-menus/up-end.html +10 -0
  56. package/docs/src/components/dropdown-menus/up-left.html +10 -0
  57. package/docs/src/components/dropdown-menus/up-right.html +10 -0
  58. package/docs/src/components/dropdown-menus/up-start.html +10 -0
  59. package/docs/src/components/dropdown-menus/up.html +10 -0
  60. package/docs/src/components/expansion-panel.pug +33 -0
  61. package/docs/src/components/fab/button-colors.html +18 -0
  62. package/docs/src/components/fab/button-sizes.html +11 -0
  63. package/docs/src/components/fab/extended-buttons.html +18 -0
  64. package/docs/src/components/fab/floating-action-area.html +5 -0
  65. package/docs/src/components/fab/floating-menu.html +10 -0
  66. package/docs/src/components/fab/lowered-buttons.html +6 -0
  67. package/docs/src/components/fab.pug +25 -0
  68. package/docs/src/components/icon-buttons/anchor-buttons.html +15 -0
  69. package/docs/src/components/icon-buttons/buttons-variants.html +15 -0
  70. package/docs/src/components/icon-buttons/toggle-buttons-manual.html +44 -0
  71. package/docs/src/components/icon-buttons/toggle-buttons.html +48 -0
  72. package/docs/src/components/icon-buttons.pug +18 -0
  73. package/docs/src/components/lists/list-avatars.html +14 -0
  74. package/docs/src/components/lists/list-custom-dividers.html +23 -0
  75. package/docs/src/components/lists/list-dividers.html +17 -0
  76. package/docs/src/components/lists/list-dynamic.html +26 -0
  77. package/docs/src/components/lists/list-hover.html +17 -0
  78. package/docs/src/components/lists/list-icons.html +17 -0
  79. package/docs/src/components/lists/list-indexed.html +123 -0
  80. package/docs/src/components/lists/list-sections.html +16 -0
  81. package/docs/src/components/lists/list-three-lines.html +20 -0
  82. package/docs/src/components/lists/list-two-lines.html +20 -0
  83. package/docs/src/components/lists/list-with-action.html +26 -0
  84. package/docs/src/components/lists/list-with-activated-item.html +17 -0
  85. package/docs/src/components/lists/simple-list.html +17 -0
  86. package/docs/src/components/lists.pug +94 -0
  87. package/docs/src/components/menus.pug +55 -0
  88. package/docs/src/components/progress/circular-progress.html +13 -0
  89. package/docs/src/components/progress/determinate-progress.html +3 -0
  90. package/docs/src/components/progress/indeterminate-progress.html +3 -0
  91. package/docs/src/components/progress/progress-color.html +3 -0
  92. package/docs/src/components/progress.pug +18 -0
  93. package/docs/src/components/ripple/usage.html +9 -0
  94. package/docs/src/components/ripple.pug +10 -0
  95. package/docs/src/components/selection-controls/checkbox.html +22 -0
  96. package/docs/src/components/selection-controls/radio-button.html +36 -0
  97. package/docs/src/components/selection-controls/switch.html +12 -0
  98. package/docs/src/components/selection-controls.pug +13 -0
  99. package/docs/src/components/sliders/example.html +42 -0
  100. package/docs/src/components/sliders.pug +7 -0
  101. package/docs/src/components/snackbar/example.html +35 -0
  102. package/docs/src/components/snackbars.pug +21 -0
  103. package/docs/src/components/steppers.pug +57 -0
  104. package/docs/src/components/tabs/example.html +45 -0
  105. package/docs/src/components/tabs.pug +8 -0
  106. package/docs/src/components/text-fields.pug +88 -0
  107. package/docs/src/components/toolbars/simple-toolbar.html +33 -0
  108. package/docs/src/components/toolbars.pug +7 -0
  109. package/docs/src/content/typography/example.html +15 -0
  110. package/docs/src/content/typography.pug +8 -0
  111. package/docs/src/css/docs.scss +189 -0
  112. package/docs/src/index.pug +10 -0
  113. package/docs/src/js/docs.js +161 -0
  114. package/docs/src/js/universal-material.js +757 -0
  115. package/docs/src/js/universal-material.js.map +1 -0
  116. package/docs/src/js/universal-material.min.js +17 -0
  117. package/docs/src/js/universal-material.min.js.map +1 -0
  118. package/docs/src/layout/grid.pug +15 -0
  119. package/docs/src/utilities/background-colors/common-colors.html +7 -0
  120. package/docs/src/utilities/background-colors/theme-colors.html +16 -0
  121. package/docs/src/utilities/background-colors.pug +10 -0
  122. package/docs/src/utilities/text-and-background-colors/common-colors.html +80 -0
  123. package/docs/src/utilities/text-and-background-colors/theme-colors.html +208 -0
  124. package/docs/src/utilities/text-and-background-colors.pug +10 -0
  125. package/docs/src/utilities/text-colors/common-colors.html +12 -0
  126. package/docs/src/utilities/text-colors/emphasis-colors.html +26 -0
  127. package/docs/src/utilities/text-colors/theme-colors.html +37 -0
  128. package/docs/src/utilities/text-colors.pug +13 -0
  129. package/gulpfile.js +225 -0
  130. package/index.html +11 -0
  131. package/package.json +1 -1
  132. package/rollup.config.js +42 -0
  133. package/src/_utils.scss +20 -0
  134. package/src/_variables.scss +68 -0
  135. package/src/button/button-base.styles.scss +75 -0
  136. package/src/button/button-base.ts +147 -0
  137. package/src/button/button-set.styles.scss +35 -0
  138. package/src/button/button-set.ts +33 -0
  139. package/src/button/button.styles.scss +97 -0
  140. package/src/button/button.ts +64 -0
  141. package/src/button/fab.styles.scss +90 -0
  142. package/src/button/fab.ts +55 -0
  143. package/src/button/icon-button.styles.scss +74 -0
  144. package/src/button/icon-button.ts +72 -0
  145. package/src/card/card-content.styles.scss +11 -0
  146. package/src/card/card-content.ts +45 -0
  147. package/src/card/card-media.styles.scss +9 -0
  148. package/src/card/card-media.ts +24 -0
  149. package/src/card/card.styles.scss +27 -0
  150. package/src/card/card.ts +37 -0
  151. package/src/checkbox/checkbox.ts +77 -0
  152. package/src/container/container.styles.scss +39 -0
  153. package/src/container/container.ts +24 -0
  154. package/src/divider/divider.styles.scss +13 -0
  155. package/src/divider/divider.ts +21 -0
  156. package/src/elevation/elevation.styles.scss +31 -0
  157. package/src/elevation/elevation.ts +17 -0
  158. package/{index.js → src/index.ts} +1 -1
  159. package/src/ripple/ripple.styles.scss +80 -0
  160. package/src/ripple/ripple.ts +150 -0
  161. package/src/shared/base.styles.scss +5 -0
  162. package/src/table/table-body.styles.scss +9 -0
  163. package/src/table/table-body.ts +21 -0
  164. package/src/table/table-cell.styles.scss +9 -0
  165. package/src/table/table-cell.ts +21 -0
  166. package/src/table/table-head.styles.scss +9 -0
  167. package/src/table/table-head.ts +21 -0
  168. package/src/table/table-header-cell.styles.scss +10 -0
  169. package/src/table/table-header-cell.ts +21 -0
  170. package/src/table/table-row.styles.scss +3 -0
  171. package/src/table/table-row.ts +21 -0
  172. package/src/table/table.styles.scss +12 -0
  173. package/{table/table.js → src/table/table.ts} +15 -6
  174. package/src/theme/color.ts +6 -0
  175. package/src/theme/css-var-builder.ts +36 -0
  176. package/{theme/index.js → src/theme/index.ts} +0 -1
  177. package/src/theme/neutral-colors.ts +21 -0
  178. package/src/theme/rgb-color.ts +19 -0
  179. package/src/theme/theme-builder.ts +201 -0
  180. package/{theme/theme-color.d.ts → src/theme/theme-color.ts} +3 -2
  181. package/tsconfig.json +36 -0
  182. package/web-dev-server.config.js +25 -0
  183. package/web-test-runner.config.js +120 -0
  184. package/button/button-base.d.ts +0 -43
  185. package/button/button-base.d.ts.map +0 -1
  186. package/button/button-base.js +0 -152
  187. package/button/button-base.js.map +0 -1
  188. package/button/button-base.styles.d.ts +0 -2
  189. package/button/button-base.styles.d.ts.map +0 -1
  190. package/button/button-base.styles.js +0 -75
  191. package/button/button-base.styles.js.map +0 -1
  192. package/button/button-set.d.ts +0 -20
  193. package/button/button-set.d.ts.map +0 -1
  194. package/button/button-set.js +0 -38
  195. package/button/button-set.js.map +0 -1
  196. package/button/button-set.styles.d.ts +0 -2
  197. package/button/button-set.styles.d.ts.map +0 -1
  198. package/button/button-set.styles.js +0 -39
  199. package/button/button-set.styles.js.map +0 -1
  200. package/button/button.d.ts +0 -34
  201. package/button/button.d.ts.map +0 -1
  202. package/button/button.js +0 -64
  203. package/button/button.js.map +0 -1
  204. package/button/button.styles.d.ts +0 -2
  205. package/button/button.styles.d.ts.map +0 -1
  206. package/button/button.styles.js +0 -96
  207. package/button/button.styles.js.map +0 -1
  208. package/button/fab.d.ts +0 -31
  209. package/button/fab.d.ts.map +0 -1
  210. package/button/fab.js +0 -63
  211. package/button/fab.js.map +0 -1
  212. package/button/fab.styles.d.ts +0 -2
  213. package/button/fab.styles.d.ts.map +0 -1
  214. package/button/fab.styles.js +0 -89
  215. package/button/fab.styles.js.map +0 -1
  216. package/button/icon-button.d.ts +0 -35
  217. package/button/icon-button.d.ts.map +0 -1
  218. package/button/icon-button.js +0 -79
  219. package/button/icon-button.js.map +0 -1
  220. package/button/icon-button.styles.d.ts +0 -2
  221. package/button/icon-button.styles.d.ts.map +0 -1
  222. package/button/icon-button.styles.js +0 -70
  223. package/button/icon-button.styles.js.map +0 -1
  224. package/card/card-content.d.ts +0 -13
  225. package/card/card-content.d.ts.map +0 -1
  226. package/card/card-content.js +0 -44
  227. package/card/card-content.js.map +0 -1
  228. package/card/card-content.styles.d.ts +0 -2
  229. package/card/card-content.styles.d.ts.map +0 -1
  230. package/card/card-content.styles.js +0 -15
  231. package/card/card-content.styles.js.map +0 -1
  232. package/card/card-media.d.ts +0 -12
  233. package/card/card-media.d.ts.map +0 -1
  234. package/card/card-media.js +0 -29
  235. package/card/card-media.js.map +0 -1
  236. package/card/card-media.styles.d.ts +0 -2
  237. package/card/card-media.styles.d.ts.map +0 -1
  238. package/card/card-media.styles.js +0 -13
  239. package/card/card-media.styles.js.map +0 -1
  240. package/card/card.d.ts +0 -19
  241. package/card/card.d.ts.map +0 -1
  242. package/card/card.js +0 -40
  243. package/card/card.js.map +0 -1
  244. package/card/card.styles.d.ts +0 -2
  245. package/card/card.styles.d.ts.map +0 -1
  246. package/card/card.styles.js +0 -28
  247. package/card/card.styles.js.map +0 -1
  248. package/checkbox/checkbox.d.ts +0 -16
  249. package/checkbox/checkbox.d.ts.map +0 -1
  250. package/checkbox/checkbox.js +0 -75
  251. package/checkbox/checkbox.js.map +0 -1
  252. package/container/container.d.ts +0 -13
  253. package/container/container.d.ts.map +0 -1
  254. package/container/container.js +0 -23
  255. package/container/container.js.map +0 -1
  256. package/container/container.styles.d.ts +0 -2
  257. package/container/container.styles.d.ts.map +0 -1
  258. package/container/container.styles.js +0 -43
  259. package/container/container.styles.js.map +0 -1
  260. package/custom-elements.json +0 -3706
  261. package/divider/divider.d.ts +0 -14
  262. package/divider/divider.d.ts.map +0 -1
  263. package/divider/divider.js +0 -27
  264. package/divider/divider.js.map +0 -1
  265. package/divider/divider.styles.d.ts +0 -2
  266. package/divider/divider.styles.d.ts.map +0 -1
  267. package/divider/divider.styles.js +0 -15
  268. package/divider/divider.styles.js.map +0 -1
  269. package/elevation/elevation.d.ts +0 -11
  270. package/elevation/elevation.d.ts.map +0 -1
  271. package/elevation/elevation.js +0 -21
  272. package/elevation/elevation.js.map +0 -1
  273. package/elevation/elevation.styles.d.ts +0 -2
  274. package/elevation/elevation.styles.d.ts.map +0 -1
  275. package/elevation/elevation.styles.js +0 -28
  276. package/elevation/elevation.styles.js.map +0 -1
  277. package/index.d.ts +0 -27
  278. package/index.d.ts.map +0 -1
  279. package/index.js.map +0 -1
  280. package/ripple/ripple.d.ts +0 -25
  281. package/ripple/ripple.d.ts.map +0 -1
  282. package/ripple/ripple.js +0 -119
  283. package/ripple/ripple.js.map +0 -1
  284. package/ripple/ripple.styles.d.ts +0 -2
  285. package/ripple/ripple.styles.d.ts.map +0 -1
  286. package/ripple/ripple.styles.js +0 -74
  287. package/ripple/ripple.styles.js.map +0 -1
  288. package/shared/base.styles.d.ts +0 -2
  289. package/shared/base.styles.d.ts.map +0 -1
  290. package/shared/base.styles.js +0 -9
  291. package/shared/base.styles.js.map +0 -1
  292. package/table/table-body.d.ts +0 -11
  293. package/table/table-body.d.ts.map +0 -1
  294. package/table/table-body.js +0 -21
  295. package/table/table-body.js.map +0 -1
  296. package/table/table-body.styles.d.ts +0 -2
  297. package/table/table-body.styles.d.ts.map +0 -1
  298. package/table/table-body.styles.js +0 -11
  299. package/table/table-body.styles.js.map +0 -1
  300. package/table/table-cell.d.ts +0 -11
  301. package/table/table-cell.d.ts.map +0 -1
  302. package/table/table-cell.js +0 -21
  303. package/table/table-cell.js.map +0 -1
  304. package/table/table-cell.styles.d.ts +0 -2
  305. package/table/table-cell.styles.d.ts.map +0 -1
  306. package/table/table-cell.styles.js +0 -11
  307. package/table/table-cell.styles.js.map +0 -1
  308. package/table/table-head.d.ts +0 -11
  309. package/table/table-head.d.ts.map +0 -1
  310. package/table/table-head.js +0 -21
  311. package/table/table-head.js.map +0 -1
  312. package/table/table-head.styles.d.ts +0 -2
  313. package/table/table-head.styles.d.ts.map +0 -1
  314. package/table/table-head.styles.js +0 -11
  315. package/table/table-head.styles.js.map +0 -1
  316. package/table/table-header-cell.d.ts +0 -11
  317. package/table/table-header-cell.d.ts.map +0 -1
  318. package/table/table-header-cell.js +0 -21
  319. package/table/table-header-cell.js.map +0 -1
  320. package/table/table-header-cell.styles.d.ts +0 -2
  321. package/table/table-header-cell.styles.d.ts.map +0 -1
  322. package/table/table-header-cell.styles.js +0 -12
  323. package/table/table-header-cell.styles.js.map +0 -1
  324. package/table/table-row.d.ts +0 -11
  325. package/table/table-row.d.ts.map +0 -1
  326. package/table/table-row.js +0 -21
  327. package/table/table-row.js.map +0 -1
  328. package/table/table-row.styles.d.ts +0 -2
  329. package/table/table-row.styles.d.ts.map +0 -1
  330. package/table/table-row.styles.js +0 -7
  331. package/table/table-row.styles.js.map +0 -1
  332. package/table/table.d.ts +0 -16
  333. package/table/table.d.ts.map +0 -1
  334. package/table/table.js.map +0 -1
  335. package/table/table.styles.d.ts +0 -2
  336. package/table/table.styles.d.ts.map +0 -1
  337. package/table/table.styles.js +0 -16
  338. package/table/table.styles.js.map +0 -1
  339. package/theme/color.d.ts +0 -7
  340. package/theme/color.d.ts.map +0 -1
  341. package/theme/color.js +0 -2
  342. package/theme/color.js.map +0 -1
  343. package/theme/css-var-builder.d.ts +0 -9
  344. package/theme/css-var-builder.d.ts.map +0 -1
  345. package/theme/css-var-builder.js +0 -25
  346. package/theme/css-var-builder.js.map +0 -1
  347. package/theme/index.d.ts +0 -2
  348. package/theme/index.d.ts.map +0 -1
  349. package/theme/index.js.map +0 -1
  350. package/theme/neutral-colors.d.ts +0 -4
  351. package/theme/neutral-colors.d.ts.map +0 -1
  352. package/theme/neutral-colors.js +0 -19
  353. package/theme/neutral-colors.js.map +0 -1
  354. package/theme/rgb-color.d.ts +0 -9
  355. package/theme/rgb-color.d.ts.map +0 -1
  356. package/theme/rgb-color.js +0 -13
  357. package/theme/rgb-color.js.map +0 -1
  358. package/theme/theme-builder.d.ts +0 -27
  359. package/theme/theme-builder.d.ts.map +0 -1
  360. package/theme/theme-builder.js +0 -146
  361. package/theme/theme-builder.js.map +0 -1
  362. package/theme/theme-color.d.ts.map +0 -1
  363. package/theme/theme-color.js +0 -2
  364. package/theme/theme-color.js.map +0 -1
@@ -1,3706 +0,0 @@
1
- {
2
- "schemaVersion": "1.0.0",
3
- "readme": "",
4
- "modules": [
5
- {
6
- "kind": "javascript-module",
7
- "path": "src/index.ts",
8
- "declarations": [],
9
- "exports": [
10
- {
11
- "kind": "js",
12
- "name": "*",
13
- "declaration": {
14
- "name": "*",
15
- "package": "./button/button.js"
16
- }
17
- },
18
- {
19
- "kind": "js",
20
- "name": "*",
21
- "declaration": {
22
- "name": "*",
23
- "package": "./button/fab.js"
24
- }
25
- },
26
- {
27
- "kind": "js",
28
- "name": "*",
29
- "declaration": {
30
- "name": "*",
31
- "package": "./button/icon-button.js"
32
- }
33
- },
34
- {
35
- "kind": "js",
36
- "name": "*",
37
- "declaration": {
38
- "name": "*",
39
- "package": "./button/button-set.js"
40
- }
41
- },
42
- {
43
- "kind": "js",
44
- "name": "*",
45
- "declaration": {
46
- "name": "*",
47
- "package": "./card/card.js"
48
- }
49
- },
50
- {
51
- "kind": "js",
52
- "name": "*",
53
- "declaration": {
54
- "name": "*",
55
- "package": "./checkbox/checkbox.js"
56
- }
57
- },
58
- {
59
- "kind": "js",
60
- "name": "*",
61
- "declaration": {
62
- "name": "*",
63
- "package": "./container/container.js"
64
- }
65
- },
66
- {
67
- "kind": "js",
68
- "name": "*",
69
- "declaration": {
70
- "name": "*",
71
- "package": "./divider/divider.js"
72
- }
73
- },
74
- {
75
- "kind": "js",
76
- "name": "*",
77
- "declaration": {
78
- "name": "*",
79
- "package": "./elevation/elevation.js"
80
- }
81
- },
82
- {
83
- "kind": "js",
84
- "name": "*",
85
- "declaration": {
86
- "name": "*",
87
- "package": "./ripple/ripple.js"
88
- }
89
- },
90
- {
91
- "kind": "js",
92
- "name": "*",
93
- "declaration": {
94
- "name": "*",
95
- "package": "./table/table.js"
96
- }
97
- }
98
- ]
99
- },
100
- {
101
- "kind": "javascript-module",
102
- "path": "src/card/card-content.styles.ts",
103
- "declarations": [
104
- {
105
- "kind": "variable",
106
- "name": "styles",
107
- "default": "css `\n :host {\n display: block;\n }\n\n :host(:has(slot > *)) {\n display: none;\n }\n\n :host([has-content]) {\n padding: var(--u-card-padding, 16px);\n }\n`"
108
- }
109
- ],
110
- "exports": [
111
- {
112
- "kind": "js",
113
- "name": "styles",
114
- "declaration": {
115
- "name": "styles",
116
- "module": "src/card/card-content.styles.ts"
117
- }
118
- }
119
- ]
120
- },
121
- {
122
- "kind": "javascript-module",
123
- "path": "src/card/card-content.ts",
124
- "declarations": [
125
- {
126
- "kind": "class",
127
- "description": "",
128
- "name": "UmCardContent",
129
- "members": [
130
- {
131
- "kind": "field",
132
- "name": "hasContent",
133
- "type": {
134
- "text": "boolean"
135
- },
136
- "default": "false",
137
- "attribute": "has-content",
138
- "reflects": true
139
- },
140
- {
141
- "kind": "method",
142
- "name": "handleSlotChange",
143
- "privacy": "private",
144
- "parameters": [
145
- {
146
- "name": "e",
147
- "type": {
148
- "text": "Event"
149
- }
150
- }
151
- ]
152
- }
153
- ],
154
- "attributes": [
155
- {
156
- "name": "has-content",
157
- "type": {
158
- "text": "boolean"
159
- },
160
- "default": "false",
161
- "fieldName": "hasContent"
162
- }
163
- ],
164
- "superclass": {
165
- "name": "LitElement",
166
- "package": "lit"
167
- },
168
- "tagName": "u-card-content",
169
- "customElement": true
170
- }
171
- ],
172
- "exports": [
173
- {
174
- "kind": "js",
175
- "name": "UmCardContent",
176
- "declaration": {
177
- "name": "UmCardContent",
178
- "module": "src/card/card-content.ts"
179
- }
180
- },
181
- {
182
- "kind": "custom-element-definition",
183
- "name": "u-card-content",
184
- "declaration": {
185
- "name": "UmCardContent",
186
- "module": "src/card/card-content.ts"
187
- }
188
- }
189
- ]
190
- },
191
- {
192
- "kind": "javascript-module",
193
- "path": "src/card/card-media.styles.ts",
194
- "declarations": [
195
- {
196
- "kind": "variable",
197
- "name": "styles",
198
- "default": "css `\n :host {\n display: block;\n aspect-ratio: 1;\n border-radius: var(--u-card-shape-corner, var(--u-shape-corner-medium, 12px));\n }\n\n :host([wide]) {\n aspect-ratio: 16/9;\n }\n`"
199
- }
200
- ],
201
- "exports": [
202
- {
203
- "kind": "js",
204
- "name": "styles",
205
- "declaration": {
206
- "name": "styles",
207
- "module": "src/card/card-media.styles.ts"
208
- }
209
- }
210
- ]
211
- },
212
- {
213
- "kind": "javascript-module",
214
- "path": "src/card/card-media.ts",
215
- "declarations": [
216
- {
217
- "kind": "class",
218
- "description": "",
219
- "name": "UmCardMedia",
220
- "members": [
221
- {
222
- "kind": "field",
223
- "name": "wide",
224
- "type": {
225
- "text": "boolean"
226
- },
227
- "default": "false",
228
- "attribute": "wide",
229
- "reflects": true
230
- }
231
- ],
232
- "attributes": [
233
- {
234
- "name": "wide",
235
- "type": {
236
- "text": "boolean"
237
- },
238
- "default": "false",
239
- "fieldName": "wide"
240
- }
241
- ],
242
- "superclass": {
243
- "name": "LitElement",
244
- "package": "lit"
245
- },
246
- "tagName": "u-card-media",
247
- "customElement": true
248
- }
249
- ],
250
- "exports": [
251
- {
252
- "kind": "js",
253
- "name": "UmCardMedia",
254
- "declaration": {
255
- "name": "UmCardMedia",
256
- "module": "src/card/card-media.ts"
257
- }
258
- },
259
- {
260
- "kind": "custom-element-definition",
261
- "name": "u-card-media",
262
- "declaration": {
263
- "name": "UmCardMedia",
264
- "module": "src/card/card-media.ts"
265
- }
266
- }
267
- ]
268
- },
269
- {
270
- "kind": "javascript-module",
271
- "path": "src/card/card.styles.ts",
272
- "declarations": [
273
- {
274
- "kind": "variable",
275
- "name": "styles",
276
- "default": "css `\n :host {\n display: block;\n position: relative;\n border-radius: var(--u-card-shape-corner, var(--u-shape-corner-medium, 12px));\n }\n\n :host(:not(:first-child)) {\n margin-top: 8px;\n }\n\n :host([variant=elevated]) {\n background-color: var(--u-color-surface-container-low, rgb(247, 242, 250));\n --u-elevation-level: var(--u-elevated-card-elevation-level, 1);\n }\n\n :host([variant=filled]) {\n background-color: var(--u-color-surface-container-highest, rgb(230, 224, 233));\n }\n\n :host([variant=outlined]) {\n border: var(--u-outlined-card-outline-width, 1px) solid var(--u-outlined-card-outline-color, var(--u-color-outline-variant, rgb(202, 196, 208)));\n }\n`"
277
- }
278
- ],
279
- "exports": [
280
- {
281
- "kind": "js",
282
- "name": "styles",
283
- "declaration": {
284
- "name": "styles",
285
- "module": "src/card/card.styles.ts"
286
- }
287
- }
288
- ]
289
- },
290
- {
291
- "kind": "javascript-module",
292
- "path": "src/card/card.ts",
293
- "declarations": [
294
- {
295
- "kind": "class",
296
- "description": "",
297
- "name": "UmCard",
298
- "members": [
299
- {
300
- "kind": "field",
301
- "name": "variant",
302
- "type": {
303
- "text": "'filled' | 'elevated' | 'outlined'"
304
- },
305
- "default": "'elevated'",
306
- "description": "The Card variant to render.",
307
- "attribute": "variant",
308
- "reflects": true
309
- }
310
- ],
311
- "attributes": [
312
- {
313
- "name": "variant",
314
- "type": {
315
- "text": "'filled' | 'elevated' | 'outlined'"
316
- },
317
- "default": "'elevated'",
318
- "description": "The Card variant to render.",
319
- "fieldName": "variant"
320
- }
321
- ],
322
- "superclass": {
323
- "name": "LitElement",
324
- "package": "lit"
325
- },
326
- "tagName": "u-card",
327
- "customElement": true
328
- }
329
- ],
330
- "exports": [
331
- {
332
- "kind": "js",
333
- "name": "UmCard",
334
- "declaration": {
335
- "name": "UmCard",
336
- "module": "src/card/card.ts"
337
- }
338
- },
339
- {
340
- "kind": "custom-element-definition",
341
- "name": "u-card",
342
- "declaration": {
343
- "name": "UmCard",
344
- "module": "src/card/card.ts"
345
- }
346
- }
347
- ]
348
- },
349
- {
350
- "kind": "javascript-module",
351
- "path": "src/button/button-base.styles.ts",
352
- "declarations": [
353
- {
354
- "kind": "variable",
355
- "name": "styles",
356
- "default": "css `\n :host {\n --_color-primary: var(--u-color-primary, rgb(103, 80, 164));\n -webkit-tap-highlight-color: transparent;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n vertical-align: baseline;\n position: relative;\n white-space: nowrap;\n font-family: var(--u-font-family-base, system-ui);\n transition: color 150ms ease-in-out, background-color 150ms ease-in-out;\n }\n\n :host([disabled]) {\n --u-elevation-level: 0 !important;\n background-color: var(--u-button-disabled-background-color, rgba(var(--u-color-on-surface, 29, 27, 32), 0.12)) !important;\n color: var(--u-button-disabled-text-color, rgba(var(--u-color-on-surface, 29, 27, 32), 0.38)) !important;\n }\n\n :host([disabled]) .button {\n cursor: default;\n }\n\n * {\n color: inherit;\n }\n\n u-elevation {\n z-index: -1;\n }\n\n .button {\n cursor: pointer;\n position: absolute;\n inset: 0;\n font-family: inherit;\n border-radius: inherit;\n color: inherit;\n border: none;\n margin: 0;\n padding: 0;\n text-align: center;\n white-space: nowrap;\n background: transparent;\n user-select: none;\n text-decoration: none;\n outline: 0;\n z-index: 0;\n }\n\n .button:focus-visible {\n animation: offset-pulse 400ms ease;\n animation-fill-mode: forwards;\n outline-offset: 2px;\n }\n\n ::slotted([slot=icon]) {\n display: inline-block;\n }\n\n @keyframes offset-pulse {\n 0% {\n outline: 4px solid var(--_color-primary);\n }\n 50% {\n outline: 8px solid var(--_color-primary);\n }\n 100% {\n outline: 4px solid var(--_color-primary);\n }\n }\n`"
357
- }
358
- ],
359
- "exports": [
360
- {
361
- "kind": "js",
362
- "name": "styles",
363
- "declaration": {
364
- "name": "styles",
365
- "module": "src/button/button-base.styles.ts"
366
- }
367
- }
368
- ]
369
- },
370
- {
371
- "kind": "javascript-module",
372
- "path": "src/button/button-base.ts",
373
- "declarations": [
374
- {
375
- "kind": "class",
376
- "description": "",
377
- "name": "ButtonBase",
378
- "members": [
379
- {
380
- "kind": "field",
381
- "name": "formAssociated",
382
- "type": {
383
- "text": "boolean"
384
- },
385
- "static": true,
386
- "default": "true"
387
- },
388
- {
389
- "kind": "field",
390
- "name": "disabled",
391
- "type": {
392
- "text": "boolean"
393
- },
394
- "default": "false",
395
- "description": "Whether the button is disabled or not.",
396
- "attribute": "disabled",
397
- "reflects": true
398
- },
399
- {
400
- "kind": "field",
401
- "name": "href",
402
- "type": {
403
- "text": "string"
404
- },
405
- "default": "''",
406
- "description": "The URL that the link button points to.",
407
- "attribute": "href"
408
- },
409
- {
410
- "kind": "field",
411
- "name": "target",
412
- "type": {
413
- "text": "string"
414
- },
415
- "default": "''",
416
- "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
417
- "attribute": "target"
418
- },
419
- {
420
- "kind": "field",
421
- "name": "type",
422
- "type": {
423
- "text": "string"
424
- },
425
- "default": "'submit'",
426
- "attribute": "type"
427
- },
428
- {
429
- "kind": "field",
430
- "name": "value",
431
- "type": {
432
- "text": "string"
433
- },
434
- "default": "''",
435
- "attribute": "value",
436
- "reflects": true
437
- },
438
- {
439
- "kind": "field",
440
- "name": "name",
441
- "type": {
442
- "text": "string | undefined"
443
- },
444
- "attribute": "name"
445
- },
446
- {
447
- "kind": "field",
448
- "name": "buttonElement",
449
- "type": {
450
- "text": "HTMLElement"
451
- },
452
- "privacy": "private"
453
- },
454
- {
455
- "kind": "field",
456
- "name": "ripple",
457
- "type": {
458
- "text": "UmRipple"
459
- },
460
- "privacy": "private"
461
- },
462
- {
463
- "kind": "field",
464
- "name": "form",
465
- "type": {
466
- "text": "HTMLFormElement | null"
467
- },
468
- "description": "The `<form>` element to associate the button with (its form owner). The value of this attribute must be the id of a `<form>` in the same document. (If this attribute is not set, the button is associated with its ancestor `<form>` element, if any.)",
469
- "attribute": "form"
470
- },
471
- {
472
- "kind": "field",
473
- "name": "#elementInternals",
474
- "privacy": "private",
475
- "type": {
476
- "text": "ElementInternals"
477
- }
478
- },
479
- {
480
- "kind": "method",
481
- "name": "renderButton",
482
- "privacy": "private"
483
- },
484
- {
485
- "kind": "method",
486
- "name": "renderLink",
487
- "privacy": "private"
488
- },
489
- {
490
- "kind": "method",
491
- "name": "renderContent",
492
- "privacy": "protected",
493
- "return": {
494
- "type": {
495
- "text": "HTMLTemplateResult"
496
- }
497
- }
498
- },
499
- {
500
- "kind": "method",
501
- "name": "focus"
502
- },
503
- {
504
- "kind": "method",
505
- "name": "blur"
506
- },
507
- {
508
- "kind": "method",
509
- "name": "getAriaLabel",
510
- "privacy": "protected",
511
- "return": {
512
- "type": {
513
- "text": "string | null | typeof nothing"
514
- }
515
- }
516
- },
517
- {
518
- "kind": "method",
519
- "name": "innerHandleClick",
520
- "privacy": "private",
521
- "return": {
522
- "type": {
523
- "text": "void"
524
- }
525
- },
526
- "parameters": [
527
- {
528
- "name": "event",
529
- "type": {
530
- "text": "UIEvent"
531
- }
532
- }
533
- ]
534
- },
535
- {
536
- "kind": "method",
537
- "name": "handleClick",
538
- "privacy": "protected",
539
- "return": {
540
- "type": {
541
- "text": "void"
542
- }
543
- },
544
- "parameters": [
545
- {
546
- "name": "_",
547
- "type": {
548
- "text": "UIEvent"
549
- }
550
- }
551
- ]
552
- }
553
- ],
554
- "attributes": [
555
- {
556
- "name": "disabled",
557
- "type": {
558
- "text": "boolean"
559
- },
560
- "default": "false",
561
- "description": "Whether the button is disabled or not.",
562
- "fieldName": "disabled"
563
- },
564
- {
565
- "name": "href",
566
- "type": {
567
- "text": "string"
568
- },
569
- "default": "''",
570
- "description": "The URL that the link button points to.",
571
- "fieldName": "href"
572
- },
573
- {
574
- "name": "target",
575
- "type": {
576
- "text": "string"
577
- },
578
- "default": "''",
579
- "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
580
- "fieldName": "target"
581
- },
582
- {
583
- "name": "type",
584
- "type": {
585
- "text": "string"
586
- },
587
- "default": "'submit'",
588
- "fieldName": "type"
589
- },
590
- {
591
- "name": "value",
592
- "type": {
593
- "text": "string"
594
- },
595
- "default": "''",
596
- "fieldName": "value"
597
- },
598
- {
599
- "name": "name",
600
- "type": {
601
- "text": "string | undefined"
602
- },
603
- "fieldName": "name"
604
- },
605
- {
606
- "name": "form",
607
- "type": {
608
- "text": "HTMLFormElement | null"
609
- },
610
- "description": "The `<form>` element to associate the button with (its form owner). The value of this attribute must be the id of a `<form>` in the same document. (If this attribute is not set, the button is associated with its ancestor `<form>` element, if any.)",
611
- "fieldName": "form"
612
- }
613
- ],
614
- "superclass": {
615
- "name": "LitElement",
616
- "package": "lit"
617
- },
618
- "customElement": true
619
- }
620
- ],
621
- "exports": [
622
- {
623
- "kind": "js",
624
- "name": "ButtonBase",
625
- "declaration": {
626
- "name": "ButtonBase",
627
- "module": "src/button/button-base.ts"
628
- }
629
- }
630
- ]
631
- },
632
- {
633
- "kind": "javascript-module",
634
- "path": "src/button/button-set.styles.ts",
635
- "declarations": [
636
- {
637
- "kind": "variable",
638
- "name": "styles",
639
- "default": "css `\n :host {\n display: flex;\n gap: 8px;\n align-items: center;\n flex-wrap: wrap;\n }\n\n :host([align=start]) {\n justify-content: flex-start;\n }\n\n :host([align=center]) {\n justify-content: center;\n }\n\n :host([align=end]) {\n justify-content: flex-end;\n }\n\n :host([stack][align=start]) {\n align-items: flex-start;\n }\n\n :host([stack][align=center]) {\n align-items: center;\n }\n\n :host([stack][align=end]) {\n align-items: flex-end;\n }\n\n :host([stack]) {\n flex-direction: column;\n justify-content: flex-start;\n }\n`"
640
- }
641
- ],
642
- "exports": [
643
- {
644
- "kind": "js",
645
- "name": "styles",
646
- "declaration": {
647
- "name": "styles",
648
- "module": "src/button/button-set.styles.ts"
649
- }
650
- }
651
- ]
652
- },
653
- {
654
- "kind": "javascript-module",
655
- "path": "src/button/button-set.ts",
656
- "declarations": [
657
- {
658
- "kind": "class",
659
- "description": "",
660
- "name": "UmButtonSet",
661
- "members": [
662
- {
663
- "kind": "field",
664
- "name": "align",
665
- "type": {
666
- "text": "'start' | 'center' | 'end'"
667
- },
668
- "default": "'end'",
669
- "description": "Set the alignment of the buttons at the `start`, `center` or at the `end`.",
670
- "attribute": "align",
671
- "reflects": true
672
- },
673
- {
674
- "kind": "field",
675
- "name": "stack",
676
- "type": {
677
- "text": "boolean"
678
- },
679
- "default": "false",
680
- "description": "Whether to render the buttons stacked or not",
681
- "attribute": "stack",
682
- "reflects": true
683
- }
684
- ],
685
- "attributes": [
686
- {
687
- "name": "align",
688
- "type": {
689
- "text": "'start' | 'center' | 'end'"
690
- },
691
- "default": "'end'",
692
- "description": "Set the alignment of the buttons at the `start`, `center` or at the `end`.",
693
- "fieldName": "align"
694
- },
695
- {
696
- "name": "stack",
697
- "type": {
698
- "text": "boolean"
699
- },
700
- "default": "false",
701
- "description": "Whether to render the buttons stacked or not",
702
- "fieldName": "stack"
703
- }
704
- ],
705
- "superclass": {
706
- "name": "LitElement",
707
- "package": "lit"
708
- },
709
- "tagName": "u-button-set",
710
- "customElement": true
711
- }
712
- ],
713
- "exports": [
714
- {
715
- "kind": "js",
716
- "name": "UmButtonSet",
717
- "declaration": {
718
- "name": "UmButtonSet",
719
- "module": "src/button/button-set.ts"
720
- }
721
- },
722
- {
723
- "kind": "custom-element-definition",
724
- "name": "u-button-set",
725
- "declaration": {
726
- "name": "UmButtonSet",
727
- "module": "src/button/button-set.ts"
728
- }
729
- }
730
- ]
731
- },
732
- {
733
- "kind": "javascript-module",
734
- "path": "src/button/button.styles.ts",
735
- "declarations": [
736
- {
737
- "kind": "variable",
738
- "name": "styles",
739
- "default": "css `\n :host {\n --u-common-button-line-height: var(--u-label-large-line-height, 1.25rem);\n --u-common-button-font-size: var(--u-label-large-font-size, 0.875rem);\n --u-common-button-font-weight: var(--u-font-weight-medium, 500);\n --_common-button-height: var(--u-common-button-height, 2.5rem);\n --_common-button-padding: var(--u-common-button-padding, 24px);\n --_common-button-icon-padding: var(--u-common-button-icon-padding, 16px);\n border-radius: var(--u-common-button-shape-corner, var(--u-shape-corner-full, 9999px));\n font-family: var(--u-font-family-base, system-ui);\n height: var(--u-common-button-height, 40px);\n font-size: var(--u-common-button-font-size);\n font-weight: var(--u-common-button-font-weight);\n padding-inline: var(--_common-button-padding);\n box-sizing: border-box;\n }\n\n :host([variant=filled]),\n :host([variant=filled][color=primary]) {\n background-color: var(--u-filled-button-primary-container-color, var(--_color-primary));\n color: var(--u-filled-button-primary-text-color, var(--u-color-on-primary, rgb(255, 255, 255)));\n }\n\n :host([variant=filled][color=secondary]) {\n background-color: var(--u-filled-button-secondary-container-color, var(--u-color-secondary, rgb(98, 91, 113)));\n color: var(--u-filled-button-secondary-text-color, var(--u-color-on-secondary, rgb(255, 255, 255)));\n }\n\n :host([variant=filled][color=tertiary]) {\n background-color: var(--u-filled-button-tertiary-container-color, var(--u-color-tertiary, rgb(125, 82, 96)));\n color: var(--u-filled-button-tertiary-text-color, var(--u-color-on-tertiary, rgb(255, 255, 255)));\n }\n\n :host([variant=filled][color=error]) {\n background-color: var(--u-filled-button-error-container-color, var(--u-color-error, rgb(179, 38, 30)));\n color: var(--u-filled-button-error-text-color, var(--u-color-on-error, rgb(255, 255, 255)));\n }\n\n :host([variant=tonal]) {\n background-color: var(--u-tonal-button-background-color, var(--u-color-secondary-container, rgb(232, 222, 248)));\n color: var(--u-tonal-button-text-color, var(--u-color-on-secondary-container, rgb(29, 25, 43)));\n }\n\n :host([variant=elevated]) {\n background-color: var(--u-elevated-button-background-color, var(--u-color-surface-container-low, rgb(247, 242, 250)));\n color: var(--u-tonal-button-text-color, var(--u-color-on-secondary-container, rgb(29, 25, 43)));\n }\n\n @media (hover: hover) {\n :host([variant=filled]:hover:not(:focus-within):not(:active)),\n :host([variant=tonal]:hover:not(:focus-within):not(:active)) {\n --u-elevation-level: var(--u-filled-button-hover-elevation-level, 1);\n }\n }\n :host([variant=outlined]),\n :host([variant=text]),\n :host([variant=elevated]) {\n color: var(--_color-primary);\n }\n\n :host([variant=outlined]) {\n border: 1px solid var(--u-color-outline-color, );\n }\n\n :host([variant=elevated]) {\n --u-elevation-level: var(--u-elevated-button-elevation-level, 1);\n }\n\n @media (hover: hover) {\n :host([variant=elevated]:hover) {\n --u-elevation-level: var(--u-elevated-button-hover-elevation-level, 2);\n }\n }\n :host([has-icon]) {\n padding-inline: var(--_common-button-icon-padding) var(--_common-button-padding);\n }\n\n :host([has-icon][trailing-icon]) {\n padding-inline: var(--_common-button-padding) var(--_common-button-icon-padding);\n }\n\n ::slotted([slot=icon]) {\n display: inline-block;\n width: var(--u-common-button-icon-size, 1.125rem);\n height: var(--u-common-button-icon-size, 1.125rem);\n margin-inline-end: 8px;\n font-size: var(--u-common-button-icon-size, 1.125rem);\n line-height: var(--u-common-button-icon-size, 1.125rem);\n }\n\n :host([trailing-icon]) ::slotted([slot=icon]) {\n margin-inline: 8px 0;\n }\n`"
740
- }
741
- ],
742
- "exports": [
743
- {
744
- "kind": "js",
745
- "name": "styles",
746
- "declaration": {
747
- "name": "styles",
748
- "module": "src/button/button.styles.ts"
749
- }
750
- }
751
- ]
752
- },
753
- {
754
- "kind": "javascript-module",
755
- "path": "src/button/button.ts",
756
- "declarations": [
757
- {
758
- "kind": "class",
759
- "description": "",
760
- "name": "UmButton",
761
- "members": [
762
- {
763
- "kind": "field",
764
- "name": "variant",
765
- "type": {
766
- "text": "'filled' | 'tonal' | 'elevated' | 'outlined' | 'text'"
767
- },
768
- "default": "'filled'",
769
- "description": "The Button variant to render",
770
- "attribute": "variant",
771
- "reflects": true
772
- },
773
- {
774
- "kind": "field",
775
- "name": "color",
776
- "type": {
777
- "text": "'primary' | 'secondary' | 'tertiary' | 'error' | undefined"
778
- },
779
- "description": "The Button color\n\n_Note:_ Filled buttons only",
780
- "attribute": "color",
781
- "reflects": true
782
- },
783
- {
784
- "kind": "field",
785
- "name": "trailingIcon",
786
- "type": {
787
- "text": "boolean"
788
- },
789
- "default": "false",
790
- "attribute": "trailing-icon",
791
- "reflects": true
792
- },
793
- {
794
- "kind": "field",
795
- "name": "hasIcon",
796
- "type": {
797
- "text": "boolean"
798
- },
799
- "default": "false",
800
- "description": "Whether the button has icon or not\n\n_Note:_ Readonly",
801
- "attribute": "has-icon",
802
- "reflects": true
803
- },
804
- {
805
- "kind": "field",
806
- "name": "assignedIcons",
807
- "type": {
808
- "text": "HTMLElement[]"
809
- },
810
- "privacy": "private"
811
- },
812
- {
813
- "kind": "method",
814
- "name": "renderContent",
815
- "privacy": "protected",
816
- "return": {
817
- "type": {
818
- "text": "HTMLTemplateResult"
819
- }
820
- },
821
- "inheritedFrom": {
822
- "name": "ButtonBase",
823
- "module": "src/button/button-base.ts"
824
- }
825
- },
826
- {
827
- "kind": "method",
828
- "name": "handleSlotChange",
829
- "privacy": "private"
830
- },
831
- {
832
- "kind": "field",
833
- "name": "formAssociated",
834
- "type": {
835
- "text": "boolean"
836
- },
837
- "static": true,
838
- "default": "true",
839
- "inheritedFrom": {
840
- "name": "ButtonBase",
841
- "module": "src/button/button-base.ts"
842
- }
843
- },
844
- {
845
- "kind": "field",
846
- "name": "disabled",
847
- "type": {
848
- "text": "boolean"
849
- },
850
- "default": "false",
851
- "description": "Whether the button is disabled or not.",
852
- "attribute": "disabled",
853
- "reflects": true,
854
- "inheritedFrom": {
855
- "name": "ButtonBase",
856
- "module": "src/button/button-base.ts"
857
- }
858
- },
859
- {
860
- "kind": "field",
861
- "name": "href",
862
- "type": {
863
- "text": "string"
864
- },
865
- "default": "''",
866
- "description": "The URL that the link button points to.",
867
- "attribute": "href",
868
- "inheritedFrom": {
869
- "name": "ButtonBase",
870
- "module": "src/button/button-base.ts"
871
- }
872
- },
873
- {
874
- "kind": "field",
875
- "name": "target",
876
- "type": {
877
- "text": "string"
878
- },
879
- "default": "''",
880
- "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
881
- "attribute": "target",
882
- "inheritedFrom": {
883
- "name": "ButtonBase",
884
- "module": "src/button/button-base.ts"
885
- }
886
- },
887
- {
888
- "kind": "field",
889
- "name": "type",
890
- "type": {
891
- "text": "string"
892
- },
893
- "default": "'submit'",
894
- "attribute": "type",
895
- "inheritedFrom": {
896
- "name": "ButtonBase",
897
- "module": "src/button/button-base.ts"
898
- }
899
- },
900
- {
901
- "kind": "field",
902
- "name": "value",
903
- "type": {
904
- "text": "string"
905
- },
906
- "default": "''",
907
- "attribute": "value",
908
- "reflects": true,
909
- "inheritedFrom": {
910
- "name": "ButtonBase",
911
- "module": "src/button/button-base.ts"
912
- }
913
- },
914
- {
915
- "kind": "field",
916
- "name": "name",
917
- "type": {
918
- "text": "string | undefined"
919
- },
920
- "attribute": "name",
921
- "inheritedFrom": {
922
- "name": "ButtonBase",
923
- "module": "src/button/button-base.ts"
924
- }
925
- },
926
- {
927
- "kind": "field",
928
- "name": "buttonElement",
929
- "type": {
930
- "text": "HTMLElement"
931
- },
932
- "privacy": "private",
933
- "inheritedFrom": {
934
- "name": "ButtonBase",
935
- "module": "src/button/button-base.ts"
936
- }
937
- },
938
- {
939
- "kind": "field",
940
- "name": "ripple",
941
- "type": {
942
- "text": "UmRipple"
943
- },
944
- "privacy": "private",
945
- "inheritedFrom": {
946
- "name": "ButtonBase",
947
- "module": "src/button/button-base.ts"
948
- }
949
- },
950
- {
951
- "kind": "field",
952
- "name": "form",
953
- "type": {
954
- "text": "HTMLFormElement | null"
955
- },
956
- "description": "The `<form>` element to associate the button with (its form owner). The value of this attribute must be the id of a `<form>` in the same document. (If this attribute is not set, the button is associated with its ancestor `<form>` element, if any.)",
957
- "attribute": "form",
958
- "inheritedFrom": {
959
- "name": "ButtonBase",
960
- "module": "src/button/button-base.ts"
961
- }
962
- },
963
- {
964
- "kind": "field",
965
- "name": "#elementInternals",
966
- "privacy": "private",
967
- "type": {
968
- "text": "ElementInternals"
969
- },
970
- "inheritedFrom": {
971
- "name": "ButtonBase",
972
- "module": "src/button/button-base.ts"
973
- }
974
- },
975
- {
976
- "kind": "method",
977
- "name": "renderButton",
978
- "privacy": "private",
979
- "inheritedFrom": {
980
- "name": "ButtonBase",
981
- "module": "src/button/button-base.ts"
982
- }
983
- },
984
- {
985
- "kind": "method",
986
- "name": "renderLink",
987
- "privacy": "private",
988
- "inheritedFrom": {
989
- "name": "ButtonBase",
990
- "module": "src/button/button-base.ts"
991
- }
992
- },
993
- {
994
- "kind": "method",
995
- "name": "focus",
996
- "inheritedFrom": {
997
- "name": "ButtonBase",
998
- "module": "src/button/button-base.ts"
999
- }
1000
- },
1001
- {
1002
- "kind": "method",
1003
- "name": "blur",
1004
- "inheritedFrom": {
1005
- "name": "ButtonBase",
1006
- "module": "src/button/button-base.ts"
1007
- }
1008
- },
1009
- {
1010
- "kind": "method",
1011
- "name": "getAriaLabel",
1012
- "privacy": "protected",
1013
- "return": {
1014
- "type": {
1015
- "text": "string | null | typeof nothing"
1016
- }
1017
- },
1018
- "inheritedFrom": {
1019
- "name": "ButtonBase",
1020
- "module": "src/button/button-base.ts"
1021
- }
1022
- },
1023
- {
1024
- "kind": "method",
1025
- "name": "innerHandleClick",
1026
- "privacy": "private",
1027
- "return": {
1028
- "type": {
1029
- "text": "void"
1030
- }
1031
- },
1032
- "parameters": [
1033
- {
1034
- "name": "event",
1035
- "type": {
1036
- "text": "UIEvent"
1037
- }
1038
- }
1039
- ],
1040
- "inheritedFrom": {
1041
- "name": "ButtonBase",
1042
- "module": "src/button/button-base.ts"
1043
- }
1044
- },
1045
- {
1046
- "kind": "method",
1047
- "name": "handleClick",
1048
- "privacy": "protected",
1049
- "return": {
1050
- "type": {
1051
- "text": "void"
1052
- }
1053
- },
1054
- "parameters": [
1055
- {
1056
- "name": "_",
1057
- "type": {
1058
- "text": "UIEvent"
1059
- }
1060
- }
1061
- ],
1062
- "inheritedFrom": {
1063
- "name": "ButtonBase",
1064
- "module": "src/button/button-base.ts"
1065
- }
1066
- }
1067
- ],
1068
- "attributes": [
1069
- {
1070
- "name": "variant",
1071
- "type": {
1072
- "text": "'filled' | 'tonal' | 'elevated' | 'outlined' | 'text'"
1073
- },
1074
- "default": "'filled'",
1075
- "description": "The Button variant to render",
1076
- "fieldName": "variant"
1077
- },
1078
- {
1079
- "name": "color",
1080
- "type": {
1081
- "text": "'primary' | 'secondary' | 'tertiary' | 'error' | undefined"
1082
- },
1083
- "description": "The Button color\n\n_Note:_ Filled buttons only",
1084
- "fieldName": "color"
1085
- },
1086
- {
1087
- "name": "trailing-icon",
1088
- "type": {
1089
- "text": "boolean"
1090
- },
1091
- "default": "false",
1092
- "fieldName": "trailingIcon"
1093
- },
1094
- {
1095
- "name": "has-icon",
1096
- "type": {
1097
- "text": "boolean"
1098
- },
1099
- "default": "false",
1100
- "description": "Whether the button has icon or not\n\n_Note:_ Readonly",
1101
- "fieldName": "hasIcon"
1102
- },
1103
- {
1104
- "name": "disabled",
1105
- "type": {
1106
- "text": "boolean"
1107
- },
1108
- "default": "false",
1109
- "description": "Whether the button is disabled or not.",
1110
- "fieldName": "disabled",
1111
- "inheritedFrom": {
1112
- "name": "ButtonBase",
1113
- "module": "src/button/button-base.ts"
1114
- }
1115
- },
1116
- {
1117
- "name": "href",
1118
- "type": {
1119
- "text": "string"
1120
- },
1121
- "default": "''",
1122
- "description": "The URL that the link button points to.",
1123
- "fieldName": "href",
1124
- "inheritedFrom": {
1125
- "name": "ButtonBase",
1126
- "module": "src/button/button-base.ts"
1127
- }
1128
- },
1129
- {
1130
- "name": "target",
1131
- "type": {
1132
- "text": "string"
1133
- },
1134
- "default": "''",
1135
- "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
1136
- "fieldName": "target",
1137
- "inheritedFrom": {
1138
- "name": "ButtonBase",
1139
- "module": "src/button/button-base.ts"
1140
- }
1141
- },
1142
- {
1143
- "name": "type",
1144
- "type": {
1145
- "text": "string"
1146
- },
1147
- "default": "'submit'",
1148
- "fieldName": "type",
1149
- "inheritedFrom": {
1150
- "name": "ButtonBase",
1151
- "module": "src/button/button-base.ts"
1152
- }
1153
- },
1154
- {
1155
- "name": "value",
1156
- "type": {
1157
- "text": "string"
1158
- },
1159
- "default": "''",
1160
- "fieldName": "value",
1161
- "inheritedFrom": {
1162
- "name": "ButtonBase",
1163
- "module": "src/button/button-base.ts"
1164
- }
1165
- },
1166
- {
1167
- "name": "name",
1168
- "type": {
1169
- "text": "string | undefined"
1170
- },
1171
- "fieldName": "name",
1172
- "inheritedFrom": {
1173
- "name": "ButtonBase",
1174
- "module": "src/button/button-base.ts"
1175
- }
1176
- },
1177
- {
1178
- "name": "form",
1179
- "type": {
1180
- "text": "HTMLFormElement | null"
1181
- },
1182
- "description": "The `<form>` element to associate the button with (its form owner). The value of this attribute must be the id of a `<form>` in the same document. (If this attribute is not set, the button is associated with its ancestor `<form>` element, if any.)",
1183
- "fieldName": "form",
1184
- "inheritedFrom": {
1185
- "name": "ButtonBase",
1186
- "module": "src/button/button-base.ts"
1187
- }
1188
- }
1189
- ],
1190
- "superclass": {
1191
- "name": "ButtonBase",
1192
- "module": "/src/button/button-base"
1193
- },
1194
- "tagName": "u-button",
1195
- "customElement": true
1196
- }
1197
- ],
1198
- "exports": [
1199
- {
1200
- "kind": "js",
1201
- "name": "UmButton",
1202
- "declaration": {
1203
- "name": "UmButton",
1204
- "module": "src/button/button.ts"
1205
- }
1206
- },
1207
- {
1208
- "kind": "custom-element-definition",
1209
- "name": "u-button",
1210
- "declaration": {
1211
- "name": "UmButton",
1212
- "module": "src/button/button.ts"
1213
- }
1214
- }
1215
- ]
1216
- },
1217
- {
1218
- "kind": "javascript-module",
1219
- "path": "src/button/fab.styles.ts",
1220
- "declarations": [
1221
- {
1222
- "kind": "variable",
1223
- "name": "styles",
1224
- "default": "css `\n :host {\n aspect-ratio: 1;\n --u-elevation-level: var(--u-fab-button-elevation-level, 3);\n }\n\n :host([lowered]) {\n --u-elevation-level: var(--u-fab-button-elevation-level, 1);\n }\n\n @media (hover: hover) {\n :host(:hover:not(:focus-within):not(:active)) {\n --u-elevation-level: var(--u-fab-button-hover-elevation-level, 4);\n }\n :host(:hover:not(:focus-within):not(:active)[lowered]) {\n --u-elevation-level: var(--u-fab-button-elevation-level, 2);\n }\n }\n @media (hover: hover) {\n :host(:hover:not(:focus-within):not(:active)) {\n --u-elevation-level: var(--u-fab-button-hover-elevation-level, 4);\n }\n }\n :host([size=small]) {\n width: var(--u-fab-button-small-size, 40px);\n border-radius: var(--u-fab-button-medium-shape-corner, var(--u-shape-corner-medium, 12px));\n }\n\n :host([size=large]) {\n width: var(--u-fab-button-medium-size, 96px);\n border-radius: var(--u-fab-button-medium-shape-corner, var(--u-shape-corner-extra-large, 28px));\n }\n\n :host([extended]),\n :host([size=medium]) {\n width: var(--u-fab-button-medium-size, 56px);\n border-radius: var(--u-fab-button-medium-shape-corner, var(--u-shape-corner-large, 16px));\n }\n\n :host([size=large]) .icon {\n font-size: var(--u-fab-button-icon-size, 2rem);\n }\n\n :host([extended]) .icon,\n :host([size=small]) .icon,\n :host([size=medium]) .icon {\n font-size: var(--u-fab-button-icon-size, 1.5rem);\n }\n\n :host([extended]) {\n width: auto;\n height: var(--u-extended-fab-button-height, 56px);\n aspect-ratio: auto;\n min-width: var(--u-extended-fab-button-min-width, 80px);\n padding-inline: var(--u-extended-fab-button-padding, 16px 24px);\n }\n\n :host([extended]) .icon {\n margin-inline-end: var(--u-extended-fab-button-icon-margin, 12px);\n }\n\n :host([color=primary]) {\n background-color: var(--u-fab-button-primary-background-color, var(--u-color-primary-container, rgb(234, 221, 255)));\n color: var(--u-fab-button-primary-text-color, var(--u-color-on-primary-container, rgb(33, 0, 93)));\n }\n\n :host([color=secondary]) {\n background-color: var(--u-fab-button-secondary-background-color, var(--u-color-secondary-container, rgb(232, 222, 248)));\n color: var(--u-fab-button-secondary-text-color, var(--u-color-on-secondary-container, rgb(29, 25, 43)));\n }\n\n :host([color=tertiary]) {\n background-color: var(--u-fab-button-tertiary-background-color, var(--u-color-tertiary-container, rgb(255, 216, 228)));\n color: var(--u-fab-button-tertiary-text-color, var(--u-color-on-tertiary-container, rgb(49, 17, 29)));\n }\n\n :host([color=branded]),\n :host([color=surface]) {\n background-color: var(--u-fab-button-surface-background-color, var(--u-color-surface-container-high, rgb(236, 230, 240)));\n color: var(--u-fab-button-surface-text-color, var(--_color-primary));\n }\n\n :host([color=branded][lowered]),\n :host([color=surface][lowered]) {\n background-color: var(--u-fab-button-surface-background-color, var(--u-color-surface-container-low, rgb(247, 242, 250)));\n }\n`"
1225
- }
1226
- ],
1227
- "exports": [
1228
- {
1229
- "kind": "js",
1230
- "name": "styles",
1231
- "declaration": {
1232
- "name": "styles",
1233
- "module": "src/button/fab.styles.ts"
1234
- }
1235
- }
1236
- ]
1237
- },
1238
- {
1239
- "kind": "javascript-module",
1240
- "path": "src/button/fab.ts",
1241
- "declarations": [
1242
- {
1243
- "kind": "class",
1244
- "description": "",
1245
- "name": "UmFabButton",
1246
- "members": [
1247
- {
1248
- "kind": "field",
1249
- "name": "color",
1250
- "type": {
1251
- "text": "'primary' | 'secondary' | 'tertiary' | 'surface' | 'branded'"
1252
- },
1253
- "default": "'primary'",
1254
- "description": "The FAB color variant to render.",
1255
- "attribute": "color",
1256
- "reflects": true
1257
- },
1258
- {
1259
- "kind": "field",
1260
- "name": "size",
1261
- "type": {
1262
- "text": "'small' | 'medium' | 'large'"
1263
- },
1264
- "default": "'medium'",
1265
- "description": "The size of the FAB.",
1266
- "attribute": "size",
1267
- "reflects": true
1268
- },
1269
- {
1270
- "kind": "field",
1271
- "name": "label",
1272
- "type": {
1273
- "text": "string | null"
1274
- },
1275
- "default": "null",
1276
- "description": "The text to display the FAB.",
1277
- "attribute": "label",
1278
- "reflects": true
1279
- },
1280
- {
1281
- "kind": "field",
1282
- "name": "lowered",
1283
- "type": {
1284
- "text": "boolean"
1285
- },
1286
- "default": "false",
1287
- "description": "Lowers the FAB's elevation.",
1288
- "attribute": "lowered",
1289
- "reflects": true
1290
- },
1291
- {
1292
- "kind": "field",
1293
- "name": "extended",
1294
- "type": {
1295
- "text": "boolean"
1296
- },
1297
- "attribute": "extended",
1298
- "reflects": true
1299
- },
1300
- {
1301
- "kind": "method",
1302
- "name": "renderContent",
1303
- "privacy": "protected",
1304
- "return": {
1305
- "type": {
1306
- "text": "HTMLTemplateResult"
1307
- }
1308
- },
1309
- "inheritedFrom": {
1310
- "name": "ButtonBase",
1311
- "module": "src/button/button-base.ts"
1312
- }
1313
- },
1314
- {
1315
- "kind": "field",
1316
- "name": "formAssociated",
1317
- "type": {
1318
- "text": "boolean"
1319
- },
1320
- "static": true,
1321
- "default": "true",
1322
- "inheritedFrom": {
1323
- "name": "ButtonBase",
1324
- "module": "src/button/button-base.ts"
1325
- }
1326
- },
1327
- {
1328
- "kind": "field",
1329
- "name": "disabled",
1330
- "type": {
1331
- "text": "boolean"
1332
- },
1333
- "default": "false",
1334
- "description": "Whether the button is disabled or not.",
1335
- "attribute": "disabled",
1336
- "reflects": true,
1337
- "inheritedFrom": {
1338
- "name": "ButtonBase",
1339
- "module": "src/button/button-base.ts"
1340
- }
1341
- },
1342
- {
1343
- "kind": "field",
1344
- "name": "href",
1345
- "type": {
1346
- "text": "string"
1347
- },
1348
- "default": "''",
1349
- "description": "The URL that the link button points to.",
1350
- "attribute": "href",
1351
- "inheritedFrom": {
1352
- "name": "ButtonBase",
1353
- "module": "src/button/button-base.ts"
1354
- }
1355
- },
1356
- {
1357
- "kind": "field",
1358
- "name": "target",
1359
- "type": {
1360
- "text": "string"
1361
- },
1362
- "default": "''",
1363
- "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
1364
- "attribute": "target",
1365
- "inheritedFrom": {
1366
- "name": "ButtonBase",
1367
- "module": "src/button/button-base.ts"
1368
- }
1369
- },
1370
- {
1371
- "kind": "field",
1372
- "name": "type",
1373
- "type": {
1374
- "text": "string"
1375
- },
1376
- "default": "'submit'",
1377
- "attribute": "type",
1378
- "inheritedFrom": {
1379
- "name": "ButtonBase",
1380
- "module": "src/button/button-base.ts"
1381
- }
1382
- },
1383
- {
1384
- "kind": "field",
1385
- "name": "value",
1386
- "type": {
1387
- "text": "string"
1388
- },
1389
- "default": "''",
1390
- "attribute": "value",
1391
- "reflects": true,
1392
- "inheritedFrom": {
1393
- "name": "ButtonBase",
1394
- "module": "src/button/button-base.ts"
1395
- }
1396
- },
1397
- {
1398
- "kind": "field",
1399
- "name": "name",
1400
- "type": {
1401
- "text": "string | undefined"
1402
- },
1403
- "attribute": "name",
1404
- "inheritedFrom": {
1405
- "name": "ButtonBase",
1406
- "module": "src/button/button-base.ts"
1407
- }
1408
- },
1409
- {
1410
- "kind": "field",
1411
- "name": "buttonElement",
1412
- "type": {
1413
- "text": "HTMLElement"
1414
- },
1415
- "privacy": "private",
1416
- "inheritedFrom": {
1417
- "name": "ButtonBase",
1418
- "module": "src/button/button-base.ts"
1419
- }
1420
- },
1421
- {
1422
- "kind": "field",
1423
- "name": "ripple",
1424
- "type": {
1425
- "text": "UmRipple"
1426
- },
1427
- "privacy": "private",
1428
- "inheritedFrom": {
1429
- "name": "ButtonBase",
1430
- "module": "src/button/button-base.ts"
1431
- }
1432
- },
1433
- {
1434
- "kind": "field",
1435
- "name": "form",
1436
- "type": {
1437
- "text": "HTMLFormElement | null"
1438
- },
1439
- "description": "The `<form>` element to associate the button with (its form owner). The value of this attribute must be the id of a `<form>` in the same document. (If this attribute is not set, the button is associated with its ancestor `<form>` element, if any.)",
1440
- "attribute": "form",
1441
- "inheritedFrom": {
1442
- "name": "ButtonBase",
1443
- "module": "src/button/button-base.ts"
1444
- }
1445
- },
1446
- {
1447
- "kind": "field",
1448
- "name": "#elementInternals",
1449
- "privacy": "private",
1450
- "type": {
1451
- "text": "ElementInternals"
1452
- },
1453
- "inheritedFrom": {
1454
- "name": "ButtonBase",
1455
- "module": "src/button/button-base.ts"
1456
- }
1457
- },
1458
- {
1459
- "kind": "method",
1460
- "name": "renderButton",
1461
- "privacy": "private",
1462
- "inheritedFrom": {
1463
- "name": "ButtonBase",
1464
- "module": "src/button/button-base.ts"
1465
- }
1466
- },
1467
- {
1468
- "kind": "method",
1469
- "name": "renderLink",
1470
- "privacy": "private",
1471
- "inheritedFrom": {
1472
- "name": "ButtonBase",
1473
- "module": "src/button/button-base.ts"
1474
- }
1475
- },
1476
- {
1477
- "kind": "method",
1478
- "name": "focus",
1479
- "inheritedFrom": {
1480
- "name": "ButtonBase",
1481
- "module": "src/button/button-base.ts"
1482
- }
1483
- },
1484
- {
1485
- "kind": "method",
1486
- "name": "blur",
1487
- "inheritedFrom": {
1488
- "name": "ButtonBase",
1489
- "module": "src/button/button-base.ts"
1490
- }
1491
- },
1492
- {
1493
- "kind": "method",
1494
- "name": "getAriaLabel",
1495
- "privacy": "protected",
1496
- "return": {
1497
- "type": {
1498
- "text": "string | null | typeof nothing"
1499
- }
1500
- },
1501
- "inheritedFrom": {
1502
- "name": "ButtonBase",
1503
- "module": "src/button/button-base.ts"
1504
- }
1505
- },
1506
- {
1507
- "kind": "method",
1508
- "name": "innerHandleClick",
1509
- "privacy": "private",
1510
- "return": {
1511
- "type": {
1512
- "text": "void"
1513
- }
1514
- },
1515
- "parameters": [
1516
- {
1517
- "name": "event",
1518
- "type": {
1519
- "text": "UIEvent"
1520
- }
1521
- }
1522
- ],
1523
- "inheritedFrom": {
1524
- "name": "ButtonBase",
1525
- "module": "src/button/button-base.ts"
1526
- }
1527
- },
1528
- {
1529
- "kind": "method",
1530
- "name": "handleClick",
1531
- "privacy": "protected",
1532
- "return": {
1533
- "type": {
1534
- "text": "void"
1535
- }
1536
- },
1537
- "parameters": [
1538
- {
1539
- "name": "_",
1540
- "type": {
1541
- "text": "UIEvent"
1542
- }
1543
- }
1544
- ],
1545
- "inheritedFrom": {
1546
- "name": "ButtonBase",
1547
- "module": "src/button/button-base.ts"
1548
- }
1549
- }
1550
- ],
1551
- "attributes": [
1552
- {
1553
- "name": "color",
1554
- "type": {
1555
- "text": "'primary' | 'secondary' | 'tertiary' | 'surface' | 'branded'"
1556
- },
1557
- "default": "'primary'",
1558
- "description": "The FAB color variant to render.",
1559
- "fieldName": "color"
1560
- },
1561
- {
1562
- "name": "size",
1563
- "type": {
1564
- "text": "'small' | 'medium' | 'large'"
1565
- },
1566
- "default": "'medium'",
1567
- "description": "The size of the FAB.",
1568
- "fieldName": "size"
1569
- },
1570
- {
1571
- "name": "label",
1572
- "type": {
1573
- "text": "string | null"
1574
- },
1575
- "default": "null",
1576
- "description": "The text to display the FAB.",
1577
- "fieldName": "label"
1578
- },
1579
- {
1580
- "name": "lowered",
1581
- "type": {
1582
- "text": "boolean"
1583
- },
1584
- "default": "false",
1585
- "description": "Lowers the FAB's elevation.",
1586
- "fieldName": "lowered"
1587
- },
1588
- {
1589
- "name": "extended",
1590
- "type": {
1591
- "text": "boolean"
1592
- },
1593
- "fieldName": "extended"
1594
- },
1595
- {
1596
- "name": "disabled",
1597
- "type": {
1598
- "text": "boolean"
1599
- },
1600
- "default": "false",
1601
- "description": "Whether the button is disabled or not.",
1602
- "fieldName": "disabled",
1603
- "inheritedFrom": {
1604
- "name": "ButtonBase",
1605
- "module": "src/button/button-base.ts"
1606
- }
1607
- },
1608
- {
1609
- "name": "href",
1610
- "type": {
1611
- "text": "string"
1612
- },
1613
- "default": "''",
1614
- "description": "The URL that the link button points to.",
1615
- "fieldName": "href",
1616
- "inheritedFrom": {
1617
- "name": "ButtonBase",
1618
- "module": "src/button/button-base.ts"
1619
- }
1620
- },
1621
- {
1622
- "name": "target",
1623
- "type": {
1624
- "text": "string"
1625
- },
1626
- "default": "''",
1627
- "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
1628
- "fieldName": "target",
1629
- "inheritedFrom": {
1630
- "name": "ButtonBase",
1631
- "module": "src/button/button-base.ts"
1632
- }
1633
- },
1634
- {
1635
- "name": "type",
1636
- "type": {
1637
- "text": "string"
1638
- },
1639
- "default": "'submit'",
1640
- "fieldName": "type",
1641
- "inheritedFrom": {
1642
- "name": "ButtonBase",
1643
- "module": "src/button/button-base.ts"
1644
- }
1645
- },
1646
- {
1647
- "name": "value",
1648
- "type": {
1649
- "text": "string"
1650
- },
1651
- "default": "''",
1652
- "fieldName": "value",
1653
- "inheritedFrom": {
1654
- "name": "ButtonBase",
1655
- "module": "src/button/button-base.ts"
1656
- }
1657
- },
1658
- {
1659
- "name": "name",
1660
- "type": {
1661
- "text": "string | undefined"
1662
- },
1663
- "fieldName": "name",
1664
- "inheritedFrom": {
1665
- "name": "ButtonBase",
1666
- "module": "src/button/button-base.ts"
1667
- }
1668
- },
1669
- {
1670
- "name": "form",
1671
- "type": {
1672
- "text": "HTMLFormElement | null"
1673
- },
1674
- "description": "The `<form>` element to associate the button with (its form owner). The value of this attribute must be the id of a `<form>` in the same document. (If this attribute is not set, the button is associated with its ancestor `<form>` element, if any.)",
1675
- "fieldName": "form",
1676
- "inheritedFrom": {
1677
- "name": "ButtonBase",
1678
- "module": "src/button/button-base.ts"
1679
- }
1680
- }
1681
- ],
1682
- "superclass": {
1683
- "name": "ButtonBase",
1684
- "module": "/src/button/button-base"
1685
- },
1686
- "tagName": "u-fab",
1687
- "customElement": true
1688
- }
1689
- ],
1690
- "exports": [
1691
- {
1692
- "kind": "js",
1693
- "name": "UmFabButton",
1694
- "declaration": {
1695
- "name": "UmFabButton",
1696
- "module": "src/button/fab.ts"
1697
- }
1698
- },
1699
- {
1700
- "kind": "custom-element-definition",
1701
- "name": "u-fab",
1702
- "declaration": {
1703
- "name": "UmFabButton",
1704
- "module": "src/button/fab.ts"
1705
- }
1706
- }
1707
- ]
1708
- },
1709
- {
1710
- "kind": "javascript-module",
1711
- "path": "src/button/icon-button.styles.ts",
1712
- "declarations": [
1713
- {
1714
- "kind": "variable",
1715
- "name": "styles",
1716
- "default": "css `\n :host {\n --_surface-container-highest-color: var(--u-color-surface-container-highest, rgb(230, 224, 233));\n width: var(--u-icon-button-size, 2.5rem);\n height: var(--u-icon-button-size, 2.5rem);\n border-radius: var(--u-icon-button-shape-corner, 9999px);\n font-family: var(--u-font-family-base, system-ui);\n }\n\n .icon {\n display: inline-block;\n width: var(--u-icon-button-icon-size, 1.5rem);\n height: var(--u-icon-button-icon-size, 1.5rem);\n font-size: var(--u-icon-button-icon-size, 1.5rem);\n line-height: var(--u-icon-button-icon-size, 1.5rem);\n }\n .icon.icon-selected {\n display: none;\n }\n\n :host([selected]) .icon:not(.icon-selected) {\n display: none;\n }\n :host([selected]) .icon.icon-selected {\n display: inline-block;\n }\n\n :host([variant=filled]) {\n background-color: var(--u-filled-icon-button-unselected-background-color, var(--_surface-container-highest-color));\n color: var(--u-filled-icon-button-unselected-text-color, var(--_color-primary));\n }\n\n :host([variant=tonal]) {\n background-color: var(--u-total-icon-button-unselected-background-color, var(--_surface-container-highest-color));\n color: var(--u-tonal-icon-button-unselected-text-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n }\n\n :host([selected][variant=filled]),\n :host([variant=filled]:not([has-selection-icon])) {\n background-color: var(--u-filled-icon-button-background-color, var(--_color-primary));\n color: var(--u-filled-icon-button-text-color, var(--u-color-on-primary, rgb(255, 255, 255)));\n }\n\n :host([selected][variant=tonal]),\n :host([variant=tonal]:not([has-selection-icon])) {\n background-color: var(--u-tonal-icon-button-background-color, var(--u-color-secondary-container, rgb(232, 222, 248)));\n color: var(--u-tonal-icon-button-text-color, var(--u-color-on-secondary-container, rgb(29, 25, 43)));\n }\n\n :host([variant=standard]),\n :host([variant=outlined]) {\n color: var(--u-color-on-surface-variant, rgb(73, 69, 79));\n }\n\n :host([variant=outlined]) {\n border: 1px solid var(--u-color-outline, rgb(121, 116, 126));\n }\n\n :host([selected][variant=outlined]) {\n border: none;\n background-color: var(--u-outlined-icon-button-selected-background-color, var(--u-color-inverse-surface, rgb(50, 47, 53)));\n color: var(--u-outlined-icon-button-selected-text-color, var(--u-color-inverse-on-surface, rgb(245, 239, 247)));\n }\n\n :host([selected][variant=standard]) {\n color: var(--u-standard-icon-button-selected-text-color, var(--_color-primary));\n }\n`"
1717
- }
1718
- ],
1719
- "exports": [
1720
- {
1721
- "kind": "js",
1722
- "name": "styles",
1723
- "declaration": {
1724
- "name": "styles",
1725
- "module": "src/button/icon-button.styles.ts"
1726
- }
1727
- }
1728
- ]
1729
- },
1730
- {
1731
- "kind": "javascript-module",
1732
- "path": "src/button/icon-button.ts",
1733
- "declarations": [
1734
- {
1735
- "kind": "class",
1736
- "description": "",
1737
- "name": "UmIconButton",
1738
- "members": [
1739
- {
1740
- "kind": "field",
1741
- "name": "variant",
1742
- "type": {
1743
- "text": "'standard' | 'filled' | 'tonal' | 'outlined'"
1744
- },
1745
- "default": "'standard'",
1746
- "attribute": "variant",
1747
- "reflects": true
1748
- },
1749
- {
1750
- "kind": "field",
1751
- "name": "toggle",
1752
- "type": {
1753
- "text": "boolean"
1754
- },
1755
- "default": "false",
1756
- "description": "When true, the button will toggle between selected and unselected\nstates",
1757
- "attribute": "toggle"
1758
- },
1759
- {
1760
- "kind": "field",
1761
- "name": "hasSelectionIcon",
1762
- "type": {
1763
- "text": "boolean"
1764
- },
1765
- "default": "false",
1766
- "attribute": "has-selection-icon",
1767
- "reflects": true
1768
- },
1769
- {
1770
- "kind": "field",
1771
- "name": "selected",
1772
- "type": {
1773
- "text": "boolean"
1774
- },
1775
- "default": "false",
1776
- "description": "Sets the selected state. When false, displays the default icon. When true,\ndisplays the selected icon, or the default icon If no `slot=\"selected\"`\nicon is provided.",
1777
- "attribute": "selected",
1778
- "reflects": true
1779
- },
1780
- {
1781
- "kind": "field",
1782
- "name": "ariaLabelSelected",
1783
- "type": {
1784
- "text": "string"
1785
- },
1786
- "default": "''",
1787
- "description": "The `aria-label` of the button when the button is toggleable and selected.",
1788
- "attribute": "aria-label-selected"
1789
- },
1790
- {
1791
- "kind": "field",
1792
- "name": "selectedIcons",
1793
- "type": {
1794
- "text": "HTMLElement[]"
1795
- },
1796
- "privacy": "private"
1797
- },
1798
- {
1799
- "kind": "method",
1800
- "name": "renderContent",
1801
- "privacy": "protected",
1802
- "return": {
1803
- "type": {
1804
- "text": "HTMLTemplateResult"
1805
- }
1806
- },
1807
- "inheritedFrom": {
1808
- "name": "ButtonBase",
1809
- "module": "src/button/button-base.ts"
1810
- }
1811
- },
1812
- {
1813
- "kind": "method",
1814
- "name": "handleClick",
1815
- "privacy": "protected",
1816
- "return": {
1817
- "type": {
1818
- "text": "void"
1819
- }
1820
- },
1821
- "parameters": [
1822
- {
1823
- "name": "_",
1824
- "type": {
1825
- "text": "UIEvent"
1826
- }
1827
- }
1828
- ],
1829
- "inheritedFrom": {
1830
- "name": "ButtonBase",
1831
- "module": "src/button/button-base.ts"
1832
- }
1833
- },
1834
- {
1835
- "kind": "method",
1836
- "name": "getAriaLabel",
1837
- "privacy": "protected",
1838
- "return": {
1839
- "type": {
1840
- "text": "string | null | typeof nothing"
1841
- }
1842
- },
1843
- "inheritedFrom": {
1844
- "name": "ButtonBase",
1845
- "module": "src/button/button-base.ts"
1846
- }
1847
- },
1848
- {
1849
- "kind": "method",
1850
- "name": "handleSlotChange",
1851
- "privacy": "private"
1852
- },
1853
- {
1854
- "kind": "field",
1855
- "name": "formAssociated",
1856
- "type": {
1857
- "text": "boolean"
1858
- },
1859
- "static": true,
1860
- "default": "true",
1861
- "inheritedFrom": {
1862
- "name": "ButtonBase",
1863
- "module": "src/button/button-base.ts"
1864
- }
1865
- },
1866
- {
1867
- "kind": "field",
1868
- "name": "disabled",
1869
- "type": {
1870
- "text": "boolean"
1871
- },
1872
- "default": "false",
1873
- "description": "Whether the button is disabled or not.",
1874
- "attribute": "disabled",
1875
- "reflects": true,
1876
- "inheritedFrom": {
1877
- "name": "ButtonBase",
1878
- "module": "src/button/button-base.ts"
1879
- }
1880
- },
1881
- {
1882
- "kind": "field",
1883
- "name": "href",
1884
- "type": {
1885
- "text": "string"
1886
- },
1887
- "default": "''",
1888
- "description": "The URL that the link button points to.",
1889
- "attribute": "href",
1890
- "inheritedFrom": {
1891
- "name": "ButtonBase",
1892
- "module": "src/button/button-base.ts"
1893
- }
1894
- },
1895
- {
1896
- "kind": "field",
1897
- "name": "target",
1898
- "type": {
1899
- "text": "string"
1900
- },
1901
- "default": "''",
1902
- "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
1903
- "attribute": "target",
1904
- "inheritedFrom": {
1905
- "name": "ButtonBase",
1906
- "module": "src/button/button-base.ts"
1907
- }
1908
- },
1909
- {
1910
- "kind": "field",
1911
- "name": "type",
1912
- "type": {
1913
- "text": "string"
1914
- },
1915
- "default": "'submit'",
1916
- "attribute": "type",
1917
- "inheritedFrom": {
1918
- "name": "ButtonBase",
1919
- "module": "src/button/button-base.ts"
1920
- }
1921
- },
1922
- {
1923
- "kind": "field",
1924
- "name": "value",
1925
- "type": {
1926
- "text": "string"
1927
- },
1928
- "default": "''",
1929
- "attribute": "value",
1930
- "reflects": true,
1931
- "inheritedFrom": {
1932
- "name": "ButtonBase",
1933
- "module": "src/button/button-base.ts"
1934
- }
1935
- },
1936
- {
1937
- "kind": "field",
1938
- "name": "name",
1939
- "type": {
1940
- "text": "string | undefined"
1941
- },
1942
- "attribute": "name",
1943
- "inheritedFrom": {
1944
- "name": "ButtonBase",
1945
- "module": "src/button/button-base.ts"
1946
- }
1947
- },
1948
- {
1949
- "kind": "field",
1950
- "name": "buttonElement",
1951
- "type": {
1952
- "text": "HTMLElement"
1953
- },
1954
- "privacy": "private",
1955
- "inheritedFrom": {
1956
- "name": "ButtonBase",
1957
- "module": "src/button/button-base.ts"
1958
- }
1959
- },
1960
- {
1961
- "kind": "field",
1962
- "name": "ripple",
1963
- "type": {
1964
- "text": "UmRipple"
1965
- },
1966
- "privacy": "private",
1967
- "inheritedFrom": {
1968
- "name": "ButtonBase",
1969
- "module": "src/button/button-base.ts"
1970
- }
1971
- },
1972
- {
1973
- "kind": "field",
1974
- "name": "form",
1975
- "type": {
1976
- "text": "HTMLFormElement | null"
1977
- },
1978
- "description": "The `<form>` element to associate the button with (its form owner). The value of this attribute must be the id of a `<form>` in the same document. (If this attribute is not set, the button is associated with its ancestor `<form>` element, if any.)",
1979
- "attribute": "form",
1980
- "inheritedFrom": {
1981
- "name": "ButtonBase",
1982
- "module": "src/button/button-base.ts"
1983
- }
1984
- },
1985
- {
1986
- "kind": "field",
1987
- "name": "#elementInternals",
1988
- "privacy": "private",
1989
- "type": {
1990
- "text": "ElementInternals"
1991
- },
1992
- "inheritedFrom": {
1993
- "name": "ButtonBase",
1994
- "module": "src/button/button-base.ts"
1995
- }
1996
- },
1997
- {
1998
- "kind": "method",
1999
- "name": "renderButton",
2000
- "privacy": "private",
2001
- "inheritedFrom": {
2002
- "name": "ButtonBase",
2003
- "module": "src/button/button-base.ts"
2004
- }
2005
- },
2006
- {
2007
- "kind": "method",
2008
- "name": "renderLink",
2009
- "privacy": "private",
2010
- "inheritedFrom": {
2011
- "name": "ButtonBase",
2012
- "module": "src/button/button-base.ts"
2013
- }
2014
- },
2015
- {
2016
- "kind": "method",
2017
- "name": "focus",
2018
- "inheritedFrom": {
2019
- "name": "ButtonBase",
2020
- "module": "src/button/button-base.ts"
2021
- }
2022
- },
2023
- {
2024
- "kind": "method",
2025
- "name": "blur",
2026
- "inheritedFrom": {
2027
- "name": "ButtonBase",
2028
- "module": "src/button/button-base.ts"
2029
- }
2030
- },
2031
- {
2032
- "kind": "method",
2033
- "name": "innerHandleClick",
2034
- "privacy": "private",
2035
- "return": {
2036
- "type": {
2037
- "text": "void"
2038
- }
2039
- },
2040
- "parameters": [
2041
- {
2042
- "name": "event",
2043
- "type": {
2044
- "text": "UIEvent"
2045
- }
2046
- }
2047
- ],
2048
- "inheritedFrom": {
2049
- "name": "ButtonBase",
2050
- "module": "src/button/button-base.ts"
2051
- }
2052
- }
2053
- ],
2054
- "attributes": [
2055
- {
2056
- "name": "variant",
2057
- "type": {
2058
- "text": "'standard' | 'filled' | 'tonal' | 'outlined'"
2059
- },
2060
- "default": "'standard'",
2061
- "fieldName": "variant"
2062
- },
2063
- {
2064
- "name": "toggle",
2065
- "type": {
2066
- "text": "boolean"
2067
- },
2068
- "default": "false",
2069
- "description": "When true, the button will toggle between selected and unselected\nstates",
2070
- "fieldName": "toggle"
2071
- },
2072
- {
2073
- "name": "has-selection-icon",
2074
- "type": {
2075
- "text": "boolean"
2076
- },
2077
- "default": "false",
2078
- "fieldName": "hasSelectionIcon"
2079
- },
2080
- {
2081
- "name": "selected",
2082
- "type": {
2083
- "text": "boolean"
2084
- },
2085
- "default": "false",
2086
- "description": "Sets the selected state. When false, displays the default icon. When true,\ndisplays the selected icon, or the default icon If no `slot=\"selected\"`\nicon is provided.",
2087
- "fieldName": "selected"
2088
- },
2089
- {
2090
- "name": "aria-label-selected",
2091
- "type": {
2092
- "text": "string"
2093
- },
2094
- "default": "''",
2095
- "description": "The `aria-label` of the button when the button is toggleable and selected.",
2096
- "fieldName": "ariaLabelSelected"
2097
- },
2098
- {
2099
- "name": "disabled",
2100
- "type": {
2101
- "text": "boolean"
2102
- },
2103
- "default": "false",
2104
- "description": "Whether the button is disabled or not.",
2105
- "fieldName": "disabled",
2106
- "inheritedFrom": {
2107
- "name": "ButtonBase",
2108
- "module": "src/button/button-base.ts"
2109
- }
2110
- },
2111
- {
2112
- "name": "href",
2113
- "type": {
2114
- "text": "string"
2115
- },
2116
- "default": "''",
2117
- "description": "The URL that the link button points to.",
2118
- "fieldName": "href",
2119
- "inheritedFrom": {
2120
- "name": "ButtonBase",
2121
- "module": "src/button/button-base.ts"
2122
- }
2123
- },
2124
- {
2125
- "name": "target",
2126
- "type": {
2127
- "text": "string"
2128
- },
2129
- "default": "''",
2130
- "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
2131
- "fieldName": "target",
2132
- "inheritedFrom": {
2133
- "name": "ButtonBase",
2134
- "module": "src/button/button-base.ts"
2135
- }
2136
- },
2137
- {
2138
- "name": "type",
2139
- "type": {
2140
- "text": "string"
2141
- },
2142
- "default": "'submit'",
2143
- "fieldName": "type",
2144
- "inheritedFrom": {
2145
- "name": "ButtonBase",
2146
- "module": "src/button/button-base.ts"
2147
- }
2148
- },
2149
- {
2150
- "name": "value",
2151
- "type": {
2152
- "text": "string"
2153
- },
2154
- "default": "''",
2155
- "fieldName": "value",
2156
- "inheritedFrom": {
2157
- "name": "ButtonBase",
2158
- "module": "src/button/button-base.ts"
2159
- }
2160
- },
2161
- {
2162
- "name": "name",
2163
- "type": {
2164
- "text": "string | undefined"
2165
- },
2166
- "fieldName": "name",
2167
- "inheritedFrom": {
2168
- "name": "ButtonBase",
2169
- "module": "src/button/button-base.ts"
2170
- }
2171
- },
2172
- {
2173
- "name": "form",
2174
- "type": {
2175
- "text": "HTMLFormElement | null"
2176
- },
2177
- "description": "The `<form>` element to associate the button with (its form owner). The value of this attribute must be the id of a `<form>` in the same document. (If this attribute is not set, the button is associated with its ancestor `<form>` element, if any.)",
2178
- "fieldName": "form",
2179
- "inheritedFrom": {
2180
- "name": "ButtonBase",
2181
- "module": "src/button/button-base.ts"
2182
- }
2183
- }
2184
- ],
2185
- "superclass": {
2186
- "name": "ButtonBase",
2187
- "module": "/src/button/button-base"
2188
- },
2189
- "tagName": "u-icon-button",
2190
- "customElement": true
2191
- }
2192
- ],
2193
- "exports": [
2194
- {
2195
- "kind": "js",
2196
- "name": "UmIconButton",
2197
- "declaration": {
2198
- "name": "UmIconButton",
2199
- "module": "src/button/icon-button.ts"
2200
- }
2201
- },
2202
- {
2203
- "kind": "custom-element-definition",
2204
- "name": "u-icon-button",
2205
- "declaration": {
2206
- "name": "UmIconButton",
2207
- "module": "src/button/icon-button.ts"
2208
- }
2209
- }
2210
- ]
2211
- },
2212
- {
2213
- "kind": "javascript-module",
2214
- "path": "src/checkbox/checkbox.ts",
2215
- "declarations": [
2216
- {
2217
- "kind": "class",
2218
- "description": "",
2219
- "name": "UmCheckbox",
2220
- "members": [
2221
- {
2222
- "kind": "field",
2223
- "name": "ripple",
2224
- "type": {
2225
- "text": "UmRipple"
2226
- },
2227
- "privacy": "private"
2228
- },
2229
- {
2230
- "kind": "field",
2231
- "name": "assignedInputs",
2232
- "type": {
2233
- "text": "HTMLInputElement[]"
2234
- },
2235
- "privacy": "private"
2236
- },
2237
- {
2238
- "kind": "field",
2239
- "name": "input",
2240
- "type": {
2241
- "text": "HTMLInputElement | undefined"
2242
- },
2243
- "privacy": "private"
2244
- },
2245
- {
2246
- "kind": "method",
2247
- "name": "handleSlotChange",
2248
- "privacy": "private",
2249
- "return": {
2250
- "type": {
2251
- "text": "void"
2252
- }
2253
- }
2254
- },
2255
- {
2256
- "kind": "field",
2257
- "name": "handleInputChange",
2258
- "privacy": "private"
2259
- }
2260
- ],
2261
- "superclass": {
2262
- "name": "LitElement",
2263
- "package": "lit"
2264
- },
2265
- "tagName": "u-checkbox",
2266
- "customElement": true
2267
- }
2268
- ],
2269
- "exports": [
2270
- {
2271
- "kind": "js",
2272
- "name": "UmCheckbox",
2273
- "declaration": {
2274
- "name": "UmCheckbox",
2275
- "module": "src/checkbox/checkbox.ts"
2276
- }
2277
- },
2278
- {
2279
- "kind": "custom-element-definition",
2280
- "name": "u-checkbox",
2281
- "declaration": {
2282
- "name": "UmCheckbox",
2283
- "module": "src/checkbox/checkbox.ts"
2284
- }
2285
- }
2286
- ]
2287
- },
2288
- {
2289
- "kind": "javascript-module",
2290
- "path": "src/container/container.styles.ts",
2291
- "declarations": [
2292
- {
2293
- "kind": "variable",
2294
- "name": "styles",
2295
- "default": "css `\n :host {\n --_grid-spacing-small: var(--u-spacing-sm, 8px);\n --_grid-spacing-medium: var(--u-spacing-md, 16px);\n --_grid-spacing-large: var(--u-spacing-lg, 24px);\n --_grid-spacing-extra-large: var(--u-spacing-xl, 40px);\n }\n\n :host([margin=none]) {\n --_container-margin: 0;\n }\n\n :host([margin=small]) {\n --_container-margin: var(--u-container-margin, var(--_grid-spacing-small));\n }\n\n :host([margin=medium]) {\n --_container-margin: var(--u-container-margin, var(--_grid-spacing-medium));\n }\n\n :host([margin=large]) {\n --_container-margin: var(--u-container-margin, var(--_grid-spacing-large));\n }\n\n :host([margin=extra-large]) {\n --_container-margin: var(--u-container-margin, var(--_grid-spacing-extra-large));\n }\n\n :host {\n display: block;\n width: 100%;\n max-width: var(--u-container-max-width, 992px);\n margin-inline: auto;\n padding: var(--_container-margin, var(--_grid-spacing-medium));\n }\n\n :host::after {\n content: \"\";\n display: block;\n }\n`"
2296
- }
2297
- ],
2298
- "exports": [
2299
- {
2300
- "kind": "js",
2301
- "name": "styles",
2302
- "declaration": {
2303
- "name": "styles",
2304
- "module": "src/container/container.styles.ts"
2305
- }
2306
- }
2307
- ]
2308
- },
2309
- {
2310
- "kind": "javascript-module",
2311
- "path": "src/container/container.ts",
2312
- "declarations": [
2313
- {
2314
- "kind": "class",
2315
- "description": "",
2316
- "name": "UmContainer",
2317
- "members": [
2318
- {
2319
- "kind": "field",
2320
- "name": "margin",
2321
- "type": {
2322
- "text": "SpacingSizes | undefined"
2323
- },
2324
- "attribute": "margin",
2325
- "reflects": true
2326
- }
2327
- ],
2328
- "attributes": [
2329
- {
2330
- "name": "margin",
2331
- "type": {
2332
- "text": "SpacingSizes | undefined"
2333
- },
2334
- "fieldName": "margin"
2335
- }
2336
- ],
2337
- "superclass": {
2338
- "name": "LitElement",
2339
- "package": "lit"
2340
- },
2341
- "tagName": "u-container",
2342
- "customElement": true
2343
- }
2344
- ],
2345
- "exports": [
2346
- {
2347
- "kind": "js",
2348
- "name": "UmContainer",
2349
- "declaration": {
2350
- "name": "UmContainer",
2351
- "module": "src/container/container.ts"
2352
- }
2353
- },
2354
- {
2355
- "kind": "custom-element-definition",
2356
- "name": "u-container",
2357
- "declaration": {
2358
- "name": "UmContainer",
2359
- "module": "src/container/container.ts"
2360
- }
2361
- }
2362
- ]
2363
- },
2364
- {
2365
- "kind": "javascript-module",
2366
- "path": "src/divider/divider.styles.ts",
2367
- "declarations": [
2368
- {
2369
- "kind": "variable",
2370
- "name": "styles",
2371
- "default": "css `\n :host {\n --_divider-thickness: var(--u-divider-thickness, 1px);\n display: block;\n margin-block: 8px;\n height: var(--_divider-thickness);\n background-color: var(--u-divider-color, var(--u-color-outline-variant, rgb(202, 196, 208)));\n }\n\n :host([no-margin]) {\n margin: 0;\n }\n`"
2372
- }
2373
- ],
2374
- "exports": [
2375
- {
2376
- "kind": "js",
2377
- "name": "styles",
2378
- "declaration": {
2379
- "name": "styles",
2380
- "module": "src/divider/divider.styles.ts"
2381
- }
2382
- }
2383
- ]
2384
- },
2385
- {
2386
- "kind": "javascript-module",
2387
- "path": "src/divider/divider.ts",
2388
- "declarations": [
2389
- {
2390
- "kind": "class",
2391
- "description": "",
2392
- "name": "UmDivider",
2393
- "members": [
2394
- {
2395
- "kind": "field",
2396
- "name": "noMargin",
2397
- "type": {
2398
- "text": "boolean"
2399
- },
2400
- "default": "false",
2401
- "description": "When true, remove the margin of the divider",
2402
- "attribute": "no-margin",
2403
- "reflects": true
2404
- }
2405
- ],
2406
- "attributes": [
2407
- {
2408
- "name": "no-margin",
2409
- "type": {
2410
- "text": "boolean"
2411
- },
2412
- "default": "false",
2413
- "description": "When true, remove the margin of the divider",
2414
- "fieldName": "noMargin"
2415
- }
2416
- ],
2417
- "superclass": {
2418
- "name": "LitElement",
2419
- "package": "lit"
2420
- },
2421
- "tagName": "u-divider",
2422
- "customElement": true
2423
- }
2424
- ],
2425
- "exports": [
2426
- {
2427
- "kind": "js",
2428
- "name": "UmDivider",
2429
- "declaration": {
2430
- "name": "UmDivider",
2431
- "module": "src/divider/divider.ts"
2432
- }
2433
- },
2434
- {
2435
- "kind": "custom-element-definition",
2436
- "name": "u-divider",
2437
- "declaration": {
2438
- "name": "UmDivider",
2439
- "module": "src/divider/divider.ts"
2440
- }
2441
- }
2442
- ]
2443
- },
2444
- {
2445
- "kind": "javascript-module",
2446
- "path": "src/elevation/elevation.styles.ts",
2447
- "declarations": [
2448
- {
2449
- "kind": "variable",
2450
- "name": "styles",
2451
- "default": "css `\n :host {\n --_level: var(--u-elevation-level, 0);\n --_shadow-color: var(--u-color-shadow, rgb(0, 0, 0));\n -webkit-tap-highlight-color: transparent;\n position: absolute;\n inset: 0;\n border-radius: inherit;\n pointer-events: none;\n }\n :host::before, :host::after {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: inherit;\n transition: box-shadow 150ms ease-in-out;\n }\n :host::before {\n box-shadow: 0 calc(1px * (clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 3, 1) + 2 * clamp(0, var(--_level) - 4, 1))) calc(1px * (2 * clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 2, 1) + clamp(0, var(--_level) - 4, 1))) 0 var(--_shadow-color);\n opacity: 0.3;\n }\n :host::after {\n box-shadow: 0 calc(1px * (clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 1, 1) + 2 * clamp(0, var(--_level) - 2, 3))) calc(1px * (3 * clamp(0, var(--_level), 2) + 2 * clamp(0, var(--_level) - 2, 3))) calc(1px * (clamp(0, var(--_level), 4) + 2 * clamp(0, var(--_level) - 4, 1))) var(--_shadow-color);\n opacity: 0.15;\n }\n`"
2452
- }
2453
- ],
2454
- "exports": [
2455
- {
2456
- "kind": "js",
2457
- "name": "styles",
2458
- "declaration": {
2459
- "name": "styles",
2460
- "module": "src/elevation/elevation.styles.ts"
2461
- }
2462
- }
2463
- ]
2464
- },
2465
- {
2466
- "kind": "javascript-module",
2467
- "path": "src/elevation/elevation.ts",
2468
- "declarations": [
2469
- {
2470
- "kind": "class",
2471
- "description": "",
2472
- "name": "UmElevation",
2473
- "members": [
2474
- {
2475
- "kind": "field",
2476
- "name": "ariaHidden",
2477
- "type": {
2478
- "text": "string"
2479
- },
2480
- "default": "\"true\""
2481
- }
2482
- ],
2483
- "superclass": {
2484
- "name": "LitElement",
2485
- "package": "lit"
2486
- },
2487
- "tagName": "u-elevation",
2488
- "customElement": true
2489
- }
2490
- ],
2491
- "exports": [
2492
- {
2493
- "kind": "js",
2494
- "name": "UmElevation",
2495
- "declaration": {
2496
- "name": "UmElevation",
2497
- "module": "src/elevation/elevation.ts"
2498
- }
2499
- },
2500
- {
2501
- "kind": "custom-element-definition",
2502
- "name": "u-elevation",
2503
- "declaration": {
2504
- "name": "UmElevation",
2505
- "module": "src/elevation/elevation.ts"
2506
- }
2507
- }
2508
- ]
2509
- },
2510
- {
2511
- "kind": "javascript-module",
2512
- "path": "src/ripple/ripple.styles.ts",
2513
- "declarations": [
2514
- {
2515
- "kind": "variable",
2516
- "name": "styles",
2517
- "default": "css `\n :host,\n .ripple-container::before {\n --_ripple-hover-color: var(--u-ripple-hover-color, var(--u-ripple-color, var(--u-state-layer-color, currentColor)));\n --_ripple-pressed-color: var(--u-ripple-pressed-color, var(--u-ripple-color, var(--u-state-layer-color, currentColor)));\n --_ripple-hover-opacity: var(--u-ripple-pressed-opacity, .08);\n --_ripple-pressed-opacity: var(--u-ripple-pressed-opacity, .2);\n display: block;\n inset: 0;\n isolation: isolate;\n }\n\n .ripple-container {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n border-radius: inherit;\n }\n\n .ripple-container::before {\n content: \"\";\n background: var(--_ripple-hover-color);\n opacity: 0;\n transition: opacity 200ms;\n }\n\n @media (hover: hover) {\n :host(:not([disabled]):hover) .ripple-container::before {\n content: \"\";\n background: var(--_ripple-hover-color);\n opacity: var(--_ripple-hover-opacity);\n }\n }\n :host,\n .ripple-container::before,\n .ripple {\n position: absolute;\n border-radius: inherit;\n }\n\n .ripple {\n top: 50%;\n left: 50%;\n background: var(--_ripple-pressed-color);\n border-radius: 50%;\n box-shadow: 0 0 64px 64px var(--_ripple-pressed-color);\n opacity: var(--_ripple-pressed-opacity);\n transform: scale3d(0, 0, 1);\n pointer-events: none;\n will-change: transform;\n }\n .ripple.show {\n transition: transform calc(var(--_ripple-transition-duration) / var(--u-ripple-speed, 1)) cubic-bezier(0.19, 1, 0.22, 1), opacity calc(750ms / var(--u-ripple-speed, 1));\n transform: scale3d(1, 1, 1);\n }\n .ripple.show-forced {\n transition: transform calc(var(--_ripple-transition-duration) / var(--u-ripple-speed, 1)) cubic-bezier(0.19, 1, 0.22, 1), opacity calc(200ms / var(--u-ripple-speed, 1)) 300ms;\n transform: scale3d(2, 2, 1);\n opacity: 0;\n }\n .ripple.dismiss {\n opacity: 0;\n transform: scale3d(2, 2, 1);\n }\n\n ::slotted(*) {\n position: absolute !important;\n inset: 0;\n border-radius: inherit;\n }\n`"
2518
- }
2519
- ],
2520
- "exports": [
2521
- {
2522
- "kind": "js",
2523
- "name": "styles",
2524
- "declaration": {
2525
- "name": "styles",
2526
- "module": "src/ripple/ripple.styles.ts"
2527
- }
2528
- }
2529
- ]
2530
- },
2531
- {
2532
- "kind": "javascript-module",
2533
- "path": "src/ripple/ripple.ts",
2534
- "declarations": [
2535
- {
2536
- "kind": "class",
2537
- "description": "",
2538
- "name": "UmRipple",
2539
- "members": [
2540
- {
2541
- "kind": "field",
2542
- "name": "isTouching",
2543
- "type": {
2544
- "text": "boolean"
2545
- },
2546
- "privacy": "private",
2547
- "default": "false"
2548
- },
2549
- {
2550
- "kind": "field",
2551
- "name": "disabled",
2552
- "type": {
2553
- "text": "boolean"
2554
- },
2555
- "default": "false",
2556
- "description": "Disables the ripple.",
2557
- "attribute": "disabled",
2558
- "reflects": true
2559
- },
2560
- {
2561
- "kind": "field",
2562
- "name": "rippleContainer",
2563
- "type": {
2564
- "text": "HTMLElement"
2565
- },
2566
- "privacy": "private"
2567
- },
2568
- {
2569
- "kind": "method",
2570
- "name": "attachEvents",
2571
- "privacy": "private",
2572
- "return": {
2573
- "type": {
2574
- "text": "void"
2575
- }
2576
- }
2577
- },
2578
- {
2579
- "kind": "method",
2580
- "name": "handleMouseDown",
2581
- "privacy": "private",
2582
- "return": {
2583
- "type": {
2584
- "text": "void"
2585
- }
2586
- },
2587
- "parameters": [
2588
- {
2589
- "name": "e",
2590
- "type": {
2591
- "text": "MouseEvent"
2592
- }
2593
- }
2594
- ]
2595
- },
2596
- {
2597
- "kind": "method",
2598
- "name": "handleTouchStart",
2599
- "privacy": "private",
2600
- "return": {
2601
- "type": {
2602
- "text": "void"
2603
- }
2604
- },
2605
- "parameters": [
2606
- {
2607
- "name": "e",
2608
- "type": {
2609
- "text": "TouchEvent"
2610
- }
2611
- }
2612
- ]
2613
- },
2614
- {
2615
- "kind": "method",
2616
- "name": "canCreateRipple",
2617
- "privacy": "private",
2618
- "return": {
2619
- "type": {
2620
- "text": "boolean"
2621
- }
2622
- }
2623
- },
2624
- {
2625
- "kind": "method",
2626
- "name": "createRipple",
2627
- "return": {
2628
- "type": {
2629
- "text": "(() => void) | null"
2630
- }
2631
- },
2632
- "parameters": [
2633
- {
2634
- "name": "targetX",
2635
- "default": "null",
2636
- "type": {
2637
- "text": "number | null"
2638
- }
2639
- },
2640
- {
2641
- "name": "targetY",
2642
- "default": "null",
2643
- "type": {
2644
- "text": "number | null"
2645
- }
2646
- },
2647
- {
2648
- "name": "releaseEventName",
2649
- "default": "null",
2650
- "type": {
2651
- "text": "string | null"
2652
- }
2653
- }
2654
- ]
2655
- },
2656
- {
2657
- "kind": "method",
2658
- "name": "createDismissEvent",
2659
- "privacy": "private",
2660
- "return": {
2661
- "type": {
2662
- "text": "() => void"
2663
- }
2664
- },
2665
- "parameters": [
2666
- {
2667
- "name": "ripple",
2668
- "type": {
2669
- "text": "HTMLElement"
2670
- }
2671
- },
2672
- {
2673
- "name": "releaseEventName",
2674
- "type": {
2675
- "text": "string"
2676
- }
2677
- }
2678
- ]
2679
- },
2680
- {
2681
- "kind": "method",
2682
- "name": "_setElementSquareSizeAndCenter",
2683
- "privacy": "private",
2684
- "static": true,
2685
- "parameters": [
2686
- {
2687
- "name": "element",
2688
- "type": {
2689
- "text": "HTMLElement"
2690
- }
2691
- },
2692
- {
2693
- "name": "size",
2694
- "type": {
2695
- "text": "number"
2696
- }
2697
- }
2698
- ]
2699
- },
2700
- {
2701
- "kind": "field",
2702
- "name": "ariaHidden",
2703
- "type": {
2704
- "text": "string"
2705
- },
2706
- "default": "\"true\""
2707
- }
2708
- ],
2709
- "attributes": [
2710
- {
2711
- "name": "disabled",
2712
- "type": {
2713
- "text": "boolean"
2714
- },
2715
- "default": "false",
2716
- "description": "Disables the ripple.",
2717
- "fieldName": "disabled"
2718
- }
2719
- ],
2720
- "superclass": {
2721
- "name": "LitElement",
2722
- "package": "lit"
2723
- },
2724
- "tagName": "u-ripple",
2725
- "customElement": true
2726
- }
2727
- ],
2728
- "exports": [
2729
- {
2730
- "kind": "js",
2731
- "name": "UmRipple",
2732
- "declaration": {
2733
- "name": "UmRipple",
2734
- "module": "src/ripple/ripple.ts"
2735
- }
2736
- },
2737
- {
2738
- "kind": "custom-element-definition",
2739
- "name": "u-ripple",
2740
- "declaration": {
2741
- "name": "UmRipple",
2742
- "module": "src/ripple/ripple.ts"
2743
- }
2744
- }
2745
- ]
2746
- },
2747
- {
2748
- "kind": "javascript-module",
2749
- "path": "src/shared/base.styles.ts",
2750
- "declarations": [
2751
- {
2752
- "kind": "variable",
2753
- "name": "styles",
2754
- "default": "css `\n :host,\n * {\n font-family: var(--u-font-family-base, system-ui, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\");\n box-sizing: border-box;\n }\n`"
2755
- }
2756
- ],
2757
- "exports": [
2758
- {
2759
- "kind": "js",
2760
- "name": "styles",
2761
- "declaration": {
2762
- "name": "styles",
2763
- "module": "src/shared/base.styles.ts"
2764
- }
2765
- }
2766
- ]
2767
- },
2768
- {
2769
- "kind": "javascript-module",
2770
- "path": "src/table/table-body.styles.ts",
2771
- "declarations": [
2772
- {
2773
- "kind": "variable",
2774
- "name": "styles",
2775
- "default": "css `\n :host {\n display: table-row-group;\n }\n\n ::slotted(u-tr:not(:first-child)) {\n border-top: 1px solid var(--u-color-outline-variant, rgb(202, 196, 208));\n }\n`"
2776
- }
2777
- ],
2778
- "exports": [
2779
- {
2780
- "kind": "js",
2781
- "name": "styles",
2782
- "declaration": {
2783
- "name": "styles",
2784
- "module": "src/table/table-body.styles.ts"
2785
- }
2786
- }
2787
- ]
2788
- },
2789
- {
2790
- "kind": "javascript-module",
2791
- "path": "src/table/table-body.ts",
2792
- "declarations": [
2793
- {
2794
- "kind": "class",
2795
- "description": "",
2796
- "name": "UmTableBody",
2797
- "members": [],
2798
- "superclass": {
2799
- "name": "LitElement",
2800
- "package": "lit"
2801
- },
2802
- "tagName": "u-tbody",
2803
- "customElement": true
2804
- }
2805
- ],
2806
- "exports": [
2807
- {
2808
- "kind": "js",
2809
- "name": "UmTableBody",
2810
- "declaration": {
2811
- "name": "UmTableBody",
2812
- "module": "src/table/table-body.ts"
2813
- }
2814
- },
2815
- {
2816
- "kind": "custom-element-definition",
2817
- "name": "u-tbody",
2818
- "declaration": {
2819
- "name": "UmTableBody",
2820
- "module": "src/table/table-body.ts"
2821
- }
2822
- }
2823
- ]
2824
- },
2825
- {
2826
- "kind": "javascript-module",
2827
- "path": "src/table/table-cell.styles.ts",
2828
- "declarations": [
2829
- {
2830
- "kind": "variable",
2831
- "name": "styles",
2832
- "default": "css `\n :host {\n display: table-cell;\n padding: var(--u-td-padding, 13px 16px);\n font-size: var(--u-td-font-size, 0.875rem);\n font-weight: var(--u-td-font-weight, var(--u-font-weight-medium, 500));\n text-align: start;\n }\n`"
2833
- }
2834
- ],
2835
- "exports": [
2836
- {
2837
- "kind": "js",
2838
- "name": "styles",
2839
- "declaration": {
2840
- "name": "styles",
2841
- "module": "src/table/table-cell.styles.ts"
2842
- }
2843
- }
2844
- ]
2845
- },
2846
- {
2847
- "kind": "javascript-module",
2848
- "path": "src/table/table-cell.ts",
2849
- "declarations": [
2850
- {
2851
- "kind": "class",
2852
- "description": "",
2853
- "name": "UmTableCell",
2854
- "members": [],
2855
- "superclass": {
2856
- "name": "LitElement",
2857
- "package": "lit"
2858
- },
2859
- "tagName": "u-td",
2860
- "customElement": true
2861
- }
2862
- ],
2863
- "exports": [
2864
- {
2865
- "kind": "js",
2866
- "name": "UmTableCell",
2867
- "declaration": {
2868
- "name": "UmTableCell",
2869
- "module": "src/table/table-cell.ts"
2870
- }
2871
- },
2872
- {
2873
- "kind": "custom-element-definition",
2874
- "name": "u-td",
2875
- "declaration": {
2876
- "name": "UmTableCell",
2877
- "module": "src/table/table-cell.ts"
2878
- }
2879
- }
2880
- ]
2881
- },
2882
- {
2883
- "kind": "javascript-module",
2884
- "path": "src/table/table-head.styles.ts",
2885
- "declarations": [
2886
- {
2887
- "kind": "variable",
2888
- "name": "styles",
2889
- "default": "css `\n :host {\n display: table-header-group;\n }\n\n ::slotted(u-tr:not(:first-child)) {\n border-top: 1px solid var(--u-color-outline-variant, rgb(202, 196, 208));\n }\n`"
2890
- }
2891
- ],
2892
- "exports": [
2893
- {
2894
- "kind": "js",
2895
- "name": "styles",
2896
- "declaration": {
2897
- "name": "styles",
2898
- "module": "src/table/table-head.styles.ts"
2899
- }
2900
- }
2901
- ]
2902
- },
2903
- {
2904
- "kind": "javascript-module",
2905
- "path": "src/table/table-head.ts",
2906
- "declarations": [
2907
- {
2908
- "kind": "class",
2909
- "description": "",
2910
- "name": "UmTableHead",
2911
- "members": [],
2912
- "superclass": {
2913
- "name": "LitElement",
2914
- "package": "lit"
2915
- },
2916
- "tagName": "u-thead",
2917
- "customElement": true
2918
- }
2919
- ],
2920
- "exports": [
2921
- {
2922
- "kind": "js",
2923
- "name": "UmTableHead",
2924
- "declaration": {
2925
- "name": "UmTableHead",
2926
- "module": "src/table/table-head.ts"
2927
- }
2928
- },
2929
- {
2930
- "kind": "custom-element-definition",
2931
- "name": "u-thead",
2932
- "declaration": {
2933
- "name": "UmTableHead",
2934
- "module": "src/table/table-head.ts"
2935
- }
2936
- }
2937
- ]
2938
- },
2939
- {
2940
- "kind": "javascript-module",
2941
- "path": "src/table/table-header-cell.styles.ts",
2942
- "declarations": [
2943
- {
2944
- "kind": "variable",
2945
- "name": "styles",
2946
- "default": "css `\n :host {\n display: table-cell;\n padding: var(--u-th-padding, 13px 16px);\n font-size: var(--u-th-font-size, 0.8125rem);\n font-weight: var(--u-th-font-weigh, var(--u-font-weight-medium, 500));\n text-align: start;\n color: var(--u-low-emphasis-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n }\n`"
2947
- }
2948
- ],
2949
- "exports": [
2950
- {
2951
- "kind": "js",
2952
- "name": "styles",
2953
- "declaration": {
2954
- "name": "styles",
2955
- "module": "src/table/table-header-cell.styles.ts"
2956
- }
2957
- }
2958
- ]
2959
- },
2960
- {
2961
- "kind": "javascript-module",
2962
- "path": "src/table/table-header-cell.ts",
2963
- "declarations": [
2964
- {
2965
- "kind": "class",
2966
- "description": "",
2967
- "name": "UmTableHeaderCell",
2968
- "members": [],
2969
- "superclass": {
2970
- "name": "LitElement",
2971
- "package": "lit"
2972
- },
2973
- "tagName": "u-th",
2974
- "customElement": true
2975
- }
2976
- ],
2977
- "exports": [
2978
- {
2979
- "kind": "js",
2980
- "name": "UmTableHeaderCell",
2981
- "declaration": {
2982
- "name": "UmTableHeaderCell",
2983
- "module": "src/table/table-header-cell.ts"
2984
- }
2985
- },
2986
- {
2987
- "kind": "custom-element-definition",
2988
- "name": "u-th",
2989
- "declaration": {
2990
- "name": "UmTableHeaderCell",
2991
- "module": "src/table/table-header-cell.ts"
2992
- }
2993
- }
2994
- ]
2995
- },
2996
- {
2997
- "kind": "javascript-module",
2998
- "path": "src/table/table-row.styles.ts",
2999
- "declarations": [
3000
- {
3001
- "kind": "variable",
3002
- "name": "styles",
3003
- "default": "css `\n :host {\n display: table-row;\n }\n`"
3004
- }
3005
- ],
3006
- "exports": [
3007
- {
3008
- "kind": "js",
3009
- "name": "styles",
3010
- "declaration": {
3011
- "name": "styles",
3012
- "module": "src/table/table-row.styles.ts"
3013
- }
3014
- }
3015
- ]
3016
- },
3017
- {
3018
- "kind": "javascript-module",
3019
- "path": "src/table/table-row.ts",
3020
- "declarations": [
3021
- {
3022
- "kind": "class",
3023
- "description": "",
3024
- "name": "UmTableRow",
3025
- "members": [],
3026
- "superclass": {
3027
- "name": "LitElement",
3028
- "package": "lit"
3029
- },
3030
- "tagName": "u-tr",
3031
- "customElement": true
3032
- }
3033
- ],
3034
- "exports": [
3035
- {
3036
- "kind": "js",
3037
- "name": "UmTableRow",
3038
- "declaration": {
3039
- "name": "UmTableRow",
3040
- "module": "src/table/table-row.ts"
3041
- }
3042
- },
3043
- {
3044
- "kind": "custom-element-definition",
3045
- "name": "u-tr",
3046
- "declaration": {
3047
- "name": "UmTableRow",
3048
- "module": "src/table/table-row.ts"
3049
- }
3050
- }
3051
- ]
3052
- },
3053
- {
3054
- "kind": "javascript-module",
3055
- "path": "src/table/table.styles.ts",
3056
- "declarations": [
3057
- {
3058
- "kind": "variable",
3059
- "name": "styles",
3060
- "default": "css `\n :host {\n display: table;\n min-width: 100%;\n border-collapse: collapse;\n }\n\n ::slotted(u-thead:not(:first-child)),\n ::slotted(u-tbody:not(:first-child)),\n ::slotted(u-tfooter:not(:first-child)),\n ::slotted(u-tr:not(:first-child)) {\n border-top: 1px solid get-color-var(outline-variant);\n }\n`"
3061
- }
3062
- ],
3063
- "exports": [
3064
- {
3065
- "kind": "js",
3066
- "name": "styles",
3067
- "declaration": {
3068
- "name": "styles",
3069
- "module": "src/table/table.styles.ts"
3070
- }
3071
- }
3072
- ]
3073
- },
3074
- {
3075
- "kind": "javascript-module",
3076
- "path": "src/table/table.ts",
3077
- "declarations": [
3078
- {
3079
- "kind": "class",
3080
- "description": "",
3081
- "name": "UmTable",
3082
- "members": [],
3083
- "superclass": {
3084
- "name": "LitElement",
3085
- "package": "lit"
3086
- },
3087
- "tagName": "u-table",
3088
- "customElement": true
3089
- }
3090
- ],
3091
- "exports": [
3092
- {
3093
- "kind": "js",
3094
- "name": "UmTable",
3095
- "declaration": {
3096
- "name": "UmTable",
3097
- "module": "src/table/table.ts"
3098
- }
3099
- },
3100
- {
3101
- "kind": "custom-element-definition",
3102
- "name": "u-table",
3103
- "declaration": {
3104
- "name": "UmTable",
3105
- "module": "src/table/table.ts"
3106
- }
3107
- }
3108
- ]
3109
- },
3110
- {
3111
- "kind": "javascript-module",
3112
- "path": "src/theme/color.ts",
3113
- "declarations": [],
3114
- "exports": []
3115
- },
3116
- {
3117
- "kind": "javascript-module",
3118
- "path": "src/theme/css-var-builder.ts",
3119
- "declarations": [
3120
- {
3121
- "kind": "class",
3122
- "description": "",
3123
- "name": "CssVarBuilder",
3124
- "members": [
3125
- {
3126
- "kind": "field",
3127
- "name": "content",
3128
- "type": {
3129
- "text": "string"
3130
- },
3131
- "privacy": "private",
3132
- "default": "''"
3133
- },
3134
- {
3135
- "kind": "method",
3136
- "name": "create",
3137
- "static": true,
3138
- "return": {
3139
- "type": {
3140
- "text": "CssVarBuilder"
3141
- }
3142
- }
3143
- },
3144
- {
3145
- "kind": "method",
3146
- "name": "add",
3147
- "return": {
3148
- "type": {
3149
- "text": "CssVarBuilder"
3150
- }
3151
- },
3152
- "parameters": [
3153
- {
3154
- "name": "name",
3155
- "type": {
3156
- "text": "string"
3157
- }
3158
- },
3159
- {
3160
- "name": "value",
3161
- "type": {
3162
- "text": "string"
3163
- }
3164
- }
3165
- ]
3166
- },
3167
- {
3168
- "kind": "method",
3169
- "name": "addFromArgb",
3170
- "return": {
3171
- "type": {
3172
- "text": "CssVarBuilder"
3173
- }
3174
- },
3175
- "parameters": [
3176
- {
3177
- "name": "name",
3178
- "type": {
3179
- "text": "string"
3180
- }
3181
- },
3182
- {
3183
- "name": "argb",
3184
- "type": {
3185
- "text": "number"
3186
- }
3187
- }
3188
- ]
3189
- },
3190
- {
3191
- "kind": "method",
3192
- "name": "build",
3193
- "return": {
3194
- "type": {
3195
- "text": "string"
3196
- }
3197
- }
3198
- }
3199
- ]
3200
- }
3201
- ],
3202
- "exports": [
3203
- {
3204
- "kind": "js",
3205
- "name": "CssVarBuilder",
3206
- "declaration": {
3207
- "name": "CssVarBuilder",
3208
- "module": "src/theme/css-var-builder.ts"
3209
- }
3210
- }
3211
- ]
3212
- },
3213
- {
3214
- "kind": "javascript-module",
3215
- "path": "src/theme/index.ts",
3216
- "declarations": [],
3217
- "exports": [
3218
- {
3219
- "kind": "js",
3220
- "name": "*",
3221
- "declaration": {
3222
- "name": "*",
3223
- "package": "./theme-builder.js"
3224
- }
3225
- }
3226
- ]
3227
- },
3228
- {
3229
- "kind": "javascript-module",
3230
- "path": "src/theme/neutral-colors.ts",
3231
- "declarations": [
3232
- {
3233
- "kind": "variable",
3234
- "name": "neutralColors",
3235
- "type": {
3236
- "text": "Color[]"
3237
- },
3238
- "default": "[\n { name: 'surface', lightTone: 98, darkTone: 6 },\n { name: 'surface-bright', lightTone: 98, darkTone: 24 },\n { name: 'surface-dim', lightTone: 87, darkTone: 6 },\n { name: 'surface-container-lowest', lightTone: 100, darkTone: 4 },\n { name: 'surface-container-low', lightTone: 96, darkTone: 10 },\n { name: 'surface-container', lightTone: 94, darkTone: 12 },\n { name: 'surface-container-high', lightTone: 92, darkTone: 17 },\n { name: 'surface-container-highest', lightTone: 90, darkTone: 22 },\n { name: 'on-surface', lightTone: 10, darkTone: 90 },\n { name: 'scrim', fixedTone: 0 },\n { name: 'shadow', fixedTone: 0 },\n]"
3239
- },
3240
- {
3241
- "kind": "variable",
3242
- "name": "neutralVariantColors",
3243
- "type": {
3244
- "text": "Color[]"
3245
- },
3246
- "default": "[\n { name: 'on-surface-variant', lightTone: 30, darkTone: 80 },\n { name: 'outline', lightTone: 50, darkTone: 60 },\n { name: 'outline-variant', lightTone: 80, darkTone: 30 }\n]"
3247
- }
3248
- ],
3249
- "exports": [
3250
- {
3251
- "kind": "js",
3252
- "name": "neutralColors",
3253
- "declaration": {
3254
- "name": "neutralColors",
3255
- "module": "src/theme/neutral-colors.ts"
3256
- }
3257
- },
3258
- {
3259
- "kind": "js",
3260
- "name": "neutralVariantColors",
3261
- "declaration": {
3262
- "name": "neutralVariantColors",
3263
- "module": "src/theme/neutral-colors.ts"
3264
- }
3265
- }
3266
- ]
3267
- },
3268
- {
3269
- "kind": "javascript-module",
3270
- "path": "src/theme/rgb-color.ts",
3271
- "declarations": [
3272
- {
3273
- "kind": "class",
3274
- "description": "",
3275
- "name": "RgbColor",
3276
- "members": [
3277
- {
3278
- "kind": "field",
3279
- "name": "r",
3280
- "type": {
3281
- "text": "number"
3282
- },
3283
- "default": "r"
3284
- },
3285
- {
3286
- "kind": "field",
3287
- "name": "g",
3288
- "type": {
3289
- "text": "number"
3290
- },
3291
- "default": "g"
3292
- },
3293
- {
3294
- "kind": "field",
3295
- "name": "b",
3296
- "type": {
3297
- "text": "number"
3298
- },
3299
- "default": "b"
3300
- },
3301
- {
3302
- "kind": "method",
3303
- "name": "fromArgb",
3304
- "static": true,
3305
- "return": {
3306
- "type": {
3307
- "text": "RgbColor"
3308
- }
3309
- },
3310
- "parameters": [
3311
- {
3312
- "name": "argb",
3313
- "type": {
3314
- "text": "number"
3315
- }
3316
- }
3317
- ]
3318
- },
3319
- {
3320
- "kind": "field",
3321
- "name": "toString"
3322
- }
3323
- ]
3324
- }
3325
- ],
3326
- "exports": [
3327
- {
3328
- "kind": "js",
3329
- "name": "RgbColor",
3330
- "declaration": {
3331
- "name": "RgbColor",
3332
- "module": "src/theme/rgb-color.ts"
3333
- }
3334
- }
3335
- ]
3336
- },
3337
- {
3338
- "kind": "javascript-module",
3339
- "path": "src/theme/theme-builder.ts",
3340
- "declarations": [
3341
- {
3342
- "kind": "class",
3343
- "description": "",
3344
- "name": "ThemeBuilder",
3345
- "members": [
3346
- {
3347
- "kind": "field",
3348
- "name": "cssClass",
3349
- "type": {
3350
- "text": "string | null"
3351
- },
3352
- "default": "null"
3353
- },
3354
- {
3355
- "kind": "field",
3356
- "name": "colors",
3357
- "type": {
3358
- "text": "ThemeColor[]"
3359
- },
3360
- "default": "[]"
3361
- },
3362
- {
3363
- "kind": "field",
3364
- "name": "commonColors",
3365
- "type": {
3366
- "text": "ThemeColor[]"
3367
- },
3368
- "default": "[]"
3369
- },
3370
- {
3371
- "kind": "field",
3372
- "name": "neutralColorPalette",
3373
- "type": {
3374
- "text": "TonalPalette"
3375
- }
3376
- },
3377
- {
3378
- "kind": "field",
3379
- "name": "neutralVariantColorPalette",
3380
- "type": {
3381
- "text": "TonalPalette"
3382
- }
3383
- },
3384
- {
3385
- "kind": "field",
3386
- "name": "partial",
3387
- "type": {
3388
- "text": "boolean"
3389
- },
3390
- "privacy": "private",
3391
- "default": "false"
3392
- },
3393
- {
3394
- "kind": "method",
3395
- "name": "create",
3396
- "static": true,
3397
- "return": {
3398
- "type": {
3399
- "text": "ThemeBuilder"
3400
- }
3401
- },
3402
- "parameters": [
3403
- {
3404
- "name": "primaryColorHex",
3405
- "type": {
3406
- "text": "string"
3407
- }
3408
- }
3409
- ]
3410
- },
3411
- {
3412
- "kind": "method",
3413
- "name": "createPartial",
3414
- "static": true,
3415
- "return": {
3416
- "type": {
3417
- "text": "ThemeBuilder"
3418
- }
3419
- }
3420
- },
3421
- {
3422
- "kind": "method",
3423
- "name": "addColorFromHex",
3424
- "return": {
3425
- "type": {
3426
- "text": "ThemeBuilder"
3427
- }
3428
- },
3429
- "parameters": [
3430
- {
3431
- "name": "name",
3432
- "type": {
3433
- "text": "string"
3434
- }
3435
- },
3436
- {
3437
- "name": "hex",
3438
- "type": {
3439
- "text": "string"
3440
- }
3441
- }
3442
- ]
3443
- },
3444
- {
3445
- "kind": "method",
3446
- "name": "addColorFromPalette",
3447
- "return": {
3448
- "type": {
3449
- "text": "ThemeBuilder"
3450
- }
3451
- },
3452
- "parameters": [
3453
- {
3454
- "name": "name",
3455
- "type": {
3456
- "text": "string"
3457
- }
3458
- },
3459
- {
3460
- "name": "palette",
3461
- "type": {
3462
- "text": "TonalPalette"
3463
- }
3464
- }
3465
- ]
3466
- },
3467
- {
3468
- "kind": "method",
3469
- "name": "addCommonColor",
3470
- "return": {
3471
- "type": {
3472
- "text": "ThemeBuilder"
3473
- }
3474
- },
3475
- "parameters": [
3476
- {
3477
- "name": "name",
3478
- "type": {
3479
- "text": "string"
3480
- }
3481
- },
3482
- {
3483
- "name": "hex",
3484
- "type": {
3485
- "text": "string"
3486
- }
3487
- }
3488
- ]
3489
- },
3490
- {
3491
- "kind": "method",
3492
- "name": "setCssClass",
3493
- "return": {
3494
- "type": {
3495
- "text": "ThemeBuilder"
3496
- }
3497
- },
3498
- "parameters": [
3499
- {
3500
- "name": "cssClass",
3501
- "type": {
3502
- "text": "string"
3503
- }
3504
- }
3505
- ]
3506
- },
3507
- {
3508
- "kind": "method",
3509
- "name": "ensureCssClassStartsWithDot",
3510
- "privacy": "private",
3511
- "return": {
3512
- "type": {
3513
- "text": "void"
3514
- }
3515
- }
3516
- },
3517
- {
3518
- "kind": "method",
3519
- "name": "ensureThemeColors",
3520
- "privacy": "private",
3521
- "return": {
3522
- "type": {
3523
- "text": "void"
3524
- }
3525
- }
3526
- },
3527
- {
3528
- "kind": "method",
3529
- "name": "getNeutralVariables",
3530
- "privacy": "private",
3531
- "return": {
3532
- "type": {
3533
- "text": "string"
3534
- }
3535
- },
3536
- "parameters": [
3537
- {
3538
- "name": "dark",
3539
- "type": {
3540
- "text": "boolean"
3541
- }
3542
- }
3543
- ]
3544
- },
3545
- {
3546
- "kind": "method",
3547
- "name": "getNeutralVariantVariables",
3548
- "privacy": "private",
3549
- "return": {
3550
- "type": {
3551
- "text": "string"
3552
- }
3553
- },
3554
- "parameters": [
3555
- {
3556
- "name": "dark",
3557
- "type": {
3558
- "text": "boolean"
3559
- }
3560
- }
3561
- ]
3562
- },
3563
- {
3564
- "kind": "method",
3565
- "name": "getColorVariables",
3566
- "return": {
3567
- "type": {
3568
- "text": "string"
3569
- }
3570
- },
3571
- "parameters": [
3572
- {
3573
- "name": "color",
3574
- "type": {
3575
- "text": "ThemeColor"
3576
- }
3577
- },
3578
- {
3579
- "name": "dark",
3580
- "type": {
3581
- "text": "boolean"
3582
- }
3583
- }
3584
- ]
3585
- },
3586
- {
3587
- "kind": "method",
3588
- "name": "getColorsVariables",
3589
- "privacy": "private",
3590
- "return": {
3591
- "type": {
3592
- "text": "string"
3593
- }
3594
- },
3595
- "parameters": [
3596
- {
3597
- "name": "dark",
3598
- "type": {
3599
- "text": "boolean"
3600
- }
3601
- }
3602
- ]
3603
- },
3604
- {
3605
- "kind": "method",
3606
- "name": "addColors",
3607
- "privacy": "private",
3608
- "return": {
3609
- "type": {
3610
- "text": "void"
3611
- }
3612
- },
3613
- "parameters": [
3614
- {
3615
- "name": "builder",
3616
- "type": {
3617
- "text": "CssVarBuilder"
3618
- }
3619
- },
3620
- {
3621
- "name": "colors",
3622
- "type": {
3623
- "text": "Color[]"
3624
- }
3625
- },
3626
- {
3627
- "name": "palette",
3628
- "type": {
3629
- "text": "TonalPalette"
3630
- }
3631
- },
3632
- {
3633
- "name": "dark",
3634
- "type": {
3635
- "text": "boolean"
3636
- }
3637
- }
3638
- ]
3639
- },
3640
- {
3641
- "kind": "method",
3642
- "name": "addToneColor",
3643
- "privacy": "private",
3644
- "return": {
3645
- "type": {
3646
- "text": "void"
3647
- }
3648
- },
3649
- "parameters": [
3650
- {
3651
- "name": "builder",
3652
- "type": {
3653
- "text": "CssVarBuilder"
3654
- }
3655
- },
3656
- {
3657
- "name": "color",
3658
- "type": {
3659
- "text": "Color"
3660
- }
3661
- },
3662
- {
3663
- "name": "palette",
3664
- "type": {
3665
- "text": "TonalPalette"
3666
- }
3667
- },
3668
- {
3669
- "name": "dark",
3670
- "type": {
3671
- "text": "boolean"
3672
- }
3673
- }
3674
- ]
3675
- },
3676
- {
3677
- "kind": "method",
3678
- "name": "build",
3679
- "return": {
3680
- "type": {
3681
- "text": "string"
3682
- }
3683
- }
3684
- }
3685
- ]
3686
- }
3687
- ],
3688
- "exports": [
3689
- {
3690
- "kind": "js",
3691
- "name": "ThemeBuilder",
3692
- "declaration": {
3693
- "name": "ThemeBuilder",
3694
- "module": "src/theme/theme-builder.ts"
3695
- }
3696
- }
3697
- ]
3698
- },
3699
- {
3700
- "kind": "javascript-module",
3701
- "path": "src/theme/theme-color.ts",
3702
- "declarations": [],
3703
- "exports": []
3704
- }
3705
- ]
3706
- }