@adobe/data 0.9.7 → 0.9.16

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 (310) hide show
  1. package/data.d.ts +1 -1
  2. package/ecs/database/combine-plugins.d.ts +14 -7
  3. package/ecs/database/combine-plugins.js +6 -3
  4. package/ecs/database/combine-plugins.js.map +1 -1
  5. package/ecs/database/create-plugin.d.ts +37 -17
  6. package/ecs/database/create-plugin.js +3 -30
  7. package/ecs/database/create-plugin.js.map +1 -1
  8. package/ecs/database/create-plugin.test.js +55 -0
  9. package/ecs/database/create-plugin.test.js.map +1 -1
  10. package/ecs/database/create-plugin.type-test.js +157 -0
  11. package/ecs/database/create-plugin.type-test.js.map +1 -1
  12. package/ecs/database/database-schema/create-database-schema.js +3 -3
  13. package/ecs/database/database-schema/create-database-schema.js.map +1 -1
  14. package/ecs/database/database.d.ts +43 -5
  15. package/ecs/database/database.js.map +1 -1
  16. package/ecs/database/observe-dependent-value.test.js +39 -31
  17. package/ecs/database/observe-dependent-value.test.js.map +1 -1
  18. package/ecs/database/observe-select-entities.performance.test.js +30 -31
  19. package/ecs/database/observe-select-entities.performance.test.js.map +1 -1
  20. package/ecs/database/observe-select-entities.test.js +30 -31
  21. package/ecs/database/observe-select-entities.test.js.map +1 -1
  22. package/ecs/database/observed/create-observed-database.js +7 -0
  23. package/ecs/database/observed/create-observed-database.js.map +1 -1
  24. package/ecs/database/public/create-database.d.ts +5 -34
  25. package/ecs/database/public/create-database.js +68 -131
  26. package/ecs/database/public/create-database.js.map +1 -1
  27. package/ecs/database/public/create-database.test.js +324 -62
  28. package/ecs/database/public/create-database.test.js.map +1 -1
  29. package/ecs/database/transactional-store/create-transactional-store.js +16 -1
  30. package/ecs/database/transactional-store/create-transactional-store.js.map +1 -1
  31. package/ecs/plugins/scheduler/scheduler.d.ts +2 -2
  32. package/ecs/plugins/scheduler/scheduler.js +2 -2
  33. package/ecs/plugins/scheduler/scheduler.js.map +1 -1
  34. package/ecs/undo-redo-service/create-undo-redo-service.test.js +22 -23
  35. package/ecs/undo-redo-service/create-undo-redo-service.test.js.map +1 -1
  36. package/package.json +6 -24
  37. package/service/async-data-service/create-lazy.d.ts +40 -0
  38. package/service/async-data-service/create-lazy.js +194 -0
  39. package/service/async-data-service/create-lazy.js.map +1 -0
  40. package/service/async-data-service/create-lazy.test.js +477 -0
  41. package/service/async-data-service/create-lazy.test.js.map +1 -0
  42. package/service/async-data-service/example.d.ts +60 -0
  43. package/service/async-data-service/example.js +35 -0
  44. package/service/async-data-service/example.js.map +1 -0
  45. package/service/async-data-service/index.d.ts +1 -0
  46. package/service/async-data-service/index.js +3 -0
  47. package/service/async-data-service/index.js.map +1 -0
  48. package/service/{is-data-service.d.ts → async-data-service/is-valid.d.ts} +4 -4
  49. package/{lit/hooks/component/component.js → service/async-data-service/is-valid.js} +1 -1
  50. package/service/async-data-service/is-valid.js.map +1 -0
  51. package/service/async-data-service/public.d.ts +2 -0
  52. package/service/async-data-service/public.js +4 -0
  53. package/service/async-data-service/public.js.map +1 -0
  54. package/service/index.d.ts +1 -1
  55. package/service/index.js +1 -0
  56. package/service/index.js.map +1 -1
  57. package/tsconfig.tsbuildinfo +1 -1
  58. package/ecs/database/combine-plugins-test.d.ts +0 -39
  59. package/ecs/database/combine-plugins-test.js +0 -3
  60. package/ecs/database/combine-plugins-test.js.map +0 -1
  61. package/ecs/database/create-plugin-cryos-pattern.test.d.ts +0 -3
  62. package/ecs/database/create-plugin-cryos-pattern.test.js +0 -83
  63. package/ecs/database/create-plugin-cryos-pattern.test.js.map +0 -1
  64. package/ecs/database/create-plugin-graphics.test.d.ts +0 -93
  65. package/ecs/database/create-plugin-graphics.test.js +0 -135
  66. package/ecs/database/create-plugin-graphics.test.js.map +0 -1
  67. package/ecs/database/create-plugin-type.type-test.js +0 -563
  68. package/ecs/database/create-plugin-type.type-test.js.map +0 -1
  69. package/ecs/database/create-plugin-type.type.test.d.ts +0 -1
  70. package/ecs/database/create-plugin-type.type.test.js +0 -563
  71. package/ecs/database/create-plugin-type.type.test.js.map +0 -1
  72. package/ecs/database/experimental-action-types.d.ts +0 -1
  73. package/ecs/database/experimental-action-types.js +0 -275
  74. package/ecs/database/experimental-action-types.js.map +0 -1
  75. package/ecs/database/from-plugin.type-test.d.ts +0 -1
  76. package/ecs/database/from-plugin.type-test.js +0 -180
  77. package/ecs/database/from-plugin.type-test.js.map +0 -1
  78. package/ecs/database/plugin-types.d.ts +0 -1
  79. package/ecs/database/plugin-types.js +0 -5
  80. package/ecs/database/plugin-types.js.map +0 -1
  81. package/ecs/database/type-investigation.test.d.ts +0 -1
  82. package/ecs/database/type-investigation.test.js +0 -54
  83. package/ecs/database/type-investigation.test.js.map +0 -1
  84. package/lit/decorators/apply-decorator.d.ts +0 -1
  85. package/lit/decorators/apply-decorator.js +0 -19
  86. package/lit/decorators/apply-decorator.js.map +0 -1
  87. package/lit/decorators/apply-service-decorators.d.ts +0 -1
  88. package/lit/decorators/apply-service-decorators.js +0 -13
  89. package/lit/decorators/apply-service-decorators.js.map +0 -1
  90. package/lit/decorators/index.d.ts +0 -3
  91. package/lit/decorators/index.js +0 -5
  92. package/lit/decorators/index.js.map +0 -1
  93. package/lit/decorators/require-service.d.ts +0 -1
  94. package/lit/decorators/require-service.js +0 -14
  95. package/lit/decorators/require-service.js.map +0 -1
  96. package/lit/elements/application-element.d.ts +0 -9
  97. package/lit/elements/application-element.js +0 -42
  98. package/lit/elements/application-element.js.map +0 -1
  99. package/lit/elements/application-host.d.ts +0 -16
  100. package/lit/elements/application-host.js +0 -39
  101. package/lit/elements/application-host.js.map +0 -1
  102. package/lit/elements/database-element.d.ts +0 -10
  103. package/lit/elements/database-element.js +0 -40
  104. package/lit/elements/database-element.js.map +0 -1
  105. package/lit/elements/index.d.ts +0 -3
  106. package/lit/elements/index.js +0 -5
  107. package/lit/elements/index.js.map +0 -1
  108. package/lit/functions/index.d.ts +0 -1
  109. package/lit/functions/index.js +0 -3
  110. package/lit/functions/index.js.map +0 -1
  111. package/lit/functions/iterate-self-and-ancestors.d.ts +0 -1
  112. package/lit/functions/iterate-self-and-ancestors.js +0 -24
  113. package/lit/functions/iterate-self-and-ancestors.js.map +0 -1
  114. package/lit/hooks/attach-decorator.d.ts +0 -4
  115. package/lit/hooks/attach-decorator.js +0 -26
  116. package/lit/hooks/attach-decorator.js.map +0 -1
  117. package/lit/hooks/component/component.d.ts +0 -10
  118. package/lit/hooks/component/component.js.map +0 -1
  119. package/lit/hooks/component/stack.d.ts +0 -6
  120. package/lit/hooks/component/stack.js +0 -16
  121. package/lit/hooks/component/stack.js.map +0 -1
  122. package/lit/hooks/index.d.ts +0 -19
  123. package/lit/hooks/index.js +0 -21
  124. package/lit/hooks/index.js.map +0 -1
  125. package/lit/hooks/use-connected.d.ts +0 -2
  126. package/lit/hooks/use-connected.js +0 -32
  127. package/lit/hooks/use-connected.js.map +0 -1
  128. package/lit/hooks/use-debounce.d.ts +0 -8
  129. package/lit/hooks/use-debounce.js +0 -21
  130. package/lit/hooks/use-debounce.js.map +0 -1
  131. package/lit/hooks/use-drag-observe.d.ts +0 -25
  132. package/lit/hooks/use-drag-observe.js +0 -35
  133. package/lit/hooks/use-drag-observe.js.map +0 -1
  134. package/lit/hooks/use-drag-transaction.d.ts +0 -7
  135. package/lit/hooks/use-drag-transaction.js +0 -35
  136. package/lit/hooks/use-drag-transaction.js.map +0 -1
  137. package/lit/hooks/use-draggable.d.ts +0 -15
  138. package/lit/hooks/use-draggable.js +0 -96
  139. package/lit/hooks/use-draggable.js.map +0 -1
  140. package/lit/hooks/use-effect.d.ts +0 -3
  141. package/lit/hooks/use-effect.js +0 -14
  142. package/lit/hooks/use-effect.js.map +0 -1
  143. package/lit/hooks/use-element.d.ts +0 -7
  144. package/lit/hooks/use-element.js +0 -67
  145. package/lit/hooks/use-element.js.map +0 -1
  146. package/lit/hooks/use-memo.d.ts +0 -1
  147. package/lit/hooks/use-memo.js +0 -13
  148. package/lit/hooks/use-memo.js.map +0 -1
  149. package/lit/hooks/use-observable-values.d.ts +0 -4
  150. package/lit/hooks/use-observable-values.js +0 -9
  151. package/lit/hooks/use-observable-values.js.map +0 -1
  152. package/lit/hooks/use-observable.d.ts +0 -2
  153. package/lit/hooks/use-observable.js +0 -13
  154. package/lit/hooks/use-observable.js.map +0 -1
  155. package/lit/hooks/use-ref.d.ts +0 -3
  156. package/lit/hooks/use-ref.js +0 -7
  157. package/lit/hooks/use-ref.js.map +0 -1
  158. package/lit/hooks/use-resize-observer.d.ts +0 -12
  159. package/lit/hooks/use-resize-observer.js +0 -23
  160. package/lit/hooks/use-resize-observer.js.map +0 -1
  161. package/lit/hooks/use-state.d.ts +0 -2
  162. package/lit/hooks/use-state.js +0 -15
  163. package/lit/hooks/use-state.js.map +0 -1
  164. package/lit/hooks/use-updated.d.ts +0 -4
  165. package/lit/hooks/use-updated.js +0 -40
  166. package/lit/hooks/use-updated.js.map +0 -1
  167. package/lit/hooks/use-window-event.d.ts +0 -1
  168. package/lit/hooks/use-window-event.js +0 -11
  169. package/lit/hooks/use-window-event.js.map +0 -1
  170. package/lit/hooks/with-hooks.d.ts +0 -2
  171. package/lit/hooks/with-hooks.js +0 -16
  172. package/lit/hooks/with-hooks.js.map +0 -1
  173. package/lit/index.d.ts +0 -4
  174. package/lit/index.js +0 -5
  175. package/lit/index.js.map +0 -1
  176. package/normalize.test.d.ts +0 -1
  177. package/normalize.test.js +0 -28
  178. package/normalize.test.js.map +0 -1
  179. package/samples/index.d.ts +0 -13
  180. package/samples/index.js +0 -7
  181. package/samples/index.js.map +0 -1
  182. package/samples/todo/elements/todo-list/todo-list-presentation.d.ts +0 -8
  183. package/samples/todo/elements/todo-list/todo-list-presentation.js +0 -12
  184. package/samples/todo/elements/todo-list/todo-list-presentation.js.map +0 -1
  185. package/samples/todo/elements/todo-list/todo-list.css.d.ts +0 -1
  186. package/samples/todo/elements/todo-list/todo-list.css.js +0 -11
  187. package/samples/todo/elements/todo-list/todo-list.css.js.map +0 -1
  188. package/samples/todo/elements/todo-list/todo-list.d.ts +0 -12
  189. package/samples/todo/elements/todo-list/todo-list.js +0 -44
  190. package/samples/todo/elements/todo-list/todo-list.js.map +0 -1
  191. package/samples/todo/elements/todo-row/index.d.ts +0 -1
  192. package/samples/todo/elements/todo-row/index.js +0 -3
  193. package/samples/todo/elements/todo-row/index.js.map +0 -1
  194. package/samples/todo/elements/todo-row/todo-row-presentation.d.ts +0 -18
  195. package/samples/todo/elements/todo-row/todo-row-presentation.js +0 -50
  196. package/samples/todo/elements/todo-row/todo-row-presentation.js.map +0 -1
  197. package/samples/todo/elements/todo-row/todo-row.css.d.ts +0 -1
  198. package/samples/todo/elements/todo-row/todo-row.css.js +0 -49
  199. package/samples/todo/elements/todo-row/todo-row.css.js.map +0 -1
  200. package/samples/todo/elements/todo-row/todo-row.d.ts +0 -14
  201. package/samples/todo/elements/todo-row/todo-row.js +0 -44
  202. package/samples/todo/elements/todo-row/todo-row.js.map +0 -1
  203. package/samples/todo/elements/todo-toolbar/index.d.ts +0 -1
  204. package/samples/todo/elements/todo-toolbar/index.js +0 -3
  205. package/samples/todo/elements/todo-toolbar/index.js.map +0 -1
  206. package/samples/todo/elements/todo-toolbar/todo-toolbar-presentation.d.ts +0 -22
  207. package/samples/todo/elements/todo-toolbar/todo-toolbar-presentation.js +0 -41
  208. package/samples/todo/elements/todo-toolbar/todo-toolbar-presentation.js.map +0 -1
  209. package/samples/todo/elements/todo-toolbar/todo-toolbar.css.d.ts +0 -1
  210. package/samples/todo/elements/todo-toolbar/todo-toolbar.css.js +0 -34
  211. package/samples/todo/elements/todo-toolbar/todo-toolbar.css.js.map +0 -1
  212. package/samples/todo/elements/todo-toolbar/todo-toolbar.d.ts +0 -11
  213. package/samples/todo/elements/todo-toolbar/todo-toolbar.js +0 -61
  214. package/samples/todo/elements/todo-toolbar/todo-toolbar.js.map +0 -1
  215. package/samples/todo/elements/todo-undo-redo/index.d.ts +0 -1
  216. package/samples/todo/elements/todo-undo-redo/index.js +0 -3
  217. package/samples/todo/elements/todo-undo-redo/index.js.map +0 -1
  218. package/samples/todo/elements/todo-undo-redo/todo-undo-redo-presentation.d.ts +0 -17
  219. package/samples/todo/elements/todo-undo-redo/todo-undo-redo-presentation.js +0 -29
  220. package/samples/todo/elements/todo-undo-redo/todo-undo-redo-presentation.js.map +0 -1
  221. package/samples/todo/elements/todo-undo-redo/todo-undo-redo.css.d.ts +0 -1
  222. package/samples/todo/elements/todo-undo-redo/todo-undo-redo.css.js +0 -12
  223. package/samples/todo/elements/todo-undo-redo/todo-undo-redo.css.js.map +0 -1
  224. package/samples/todo/elements/todo-undo-redo/todo-undo-redo.d.ts +0 -11
  225. package/samples/todo/elements/todo-undo-redo/todo-undo-redo.js +0 -36
  226. package/samples/todo/elements/todo-undo-redo/todo-undo-redo.js.map +0 -1
  227. package/samples/todo/services/dependent-state-service/create-dependent-state-service.d.ts +0 -6
  228. package/samples/todo/services/dependent-state-service/create-dependent-state-service.js +0 -5
  229. package/samples/todo/services/dependent-state-service/create-dependent-state-service.js.map +0 -1
  230. package/samples/todo/services/dependent-state-service/dependent-state/all-todos.d.ts +0 -2
  231. package/samples/todo/services/dependent-state-service/dependent-state/all-todos.js +0 -2
  232. package/samples/todo/services/dependent-state-service/dependent-state/all-todos.js.map +0 -1
  233. package/samples/todo/services/dependent-state-service/dependent-state/complete-todos.d.ts +0 -2
  234. package/samples/todo/services/dependent-state-service/dependent-state/complete-todos.js +0 -2
  235. package/samples/todo/services/dependent-state-service/dependent-state/complete-todos.js.map +0 -1
  236. package/samples/todo/services/dependent-state-service/dependent-state/incomplete-todos.d.ts +0 -2
  237. package/samples/todo/services/dependent-state-service/dependent-state/incomplete-todos.js +0 -2
  238. package/samples/todo/services/dependent-state-service/dependent-state/incomplete-todos.js.map +0 -1
  239. package/samples/todo/services/dependent-state-service/dependent-state/index.d.ts +0 -3
  240. package/samples/todo/services/dependent-state-service/dependent-state/index.js +0 -5
  241. package/samples/todo/services/dependent-state-service/dependent-state/index.js.map +0 -1
  242. package/samples/todo/services/dependent-state-service/dependent-state-service.d.ts +0 -2
  243. package/samples/todo/services/dependent-state-service/dependent-state-service.js +0 -2
  244. package/samples/todo/services/dependent-state-service/dependent-state-service.js.map +0 -1
  245. package/samples/todo/services/main-service/create-main-service.d.ts +0 -8
  246. package/samples/todo/services/main-service/create-main-service.js +0 -39
  247. package/samples/todo/services/main-service/create-main-service.js.map +0 -1
  248. package/samples/todo/services/main-service/todo-main-service.d.ts +0 -18
  249. package/samples/todo/services/main-service/todo-main-service.js +0 -2
  250. package/samples/todo/services/main-service/todo-main-service.js.map +0 -1
  251. package/samples/todo/services/state-service/create-todo-database.d.ts +0 -37
  252. package/samples/todo/services/state-service/create-todo-database.js +0 -10
  253. package/samples/todo/services/state-service/create-todo-database.js.map +0 -1
  254. package/samples/todo/services/state-service/create-todo-store.d.ts +0 -37
  255. package/samples/todo/services/state-service/create-todo-store.js +0 -24
  256. package/samples/todo/services/state-service/create-todo-store.js.map +0 -1
  257. package/samples/todo/services/state-service/todo-state-service.d.ts +0 -5
  258. package/samples/todo/services/state-service/todo-state-service.js +0 -2
  259. package/samples/todo/services/state-service/todo-state-service.js.map +0 -1
  260. package/samples/todo/services/state-service/transactions/create-bulk-todos.d.ts +0 -2
  261. package/samples/todo/services/state-service/transactions/create-bulk-todos.js +0 -10
  262. package/samples/todo/services/state-service/transactions/create-bulk-todos.js.map +0 -1
  263. package/samples/todo/services/state-service/transactions/create-todo.d.ts +0 -5
  264. package/samples/todo/services/state-service/transactions/create-todo.js +0 -13
  265. package/samples/todo/services/state-service/transactions/create-todo.js.map +0 -1
  266. package/samples/todo/services/state-service/transactions/create-todo.test.d.ts +0 -1
  267. package/samples/todo/services/state-service/transactions/create-todo.test.js +0 -16
  268. package/samples/todo/services/state-service/transactions/create-todo.test.js.map +0 -1
  269. package/samples/todo/services/state-service/transactions/delete-all-todos.d.ts +0 -2
  270. package/samples/todo/services/state-service/transactions/delete-all-todos.js +0 -16
  271. package/samples/todo/services/state-service/transactions/delete-all-todos.js.map +0 -1
  272. package/samples/todo/services/state-service/transactions/delete-todo.d.ts +0 -3
  273. package/samples/todo/services/state-service/transactions/delete-todo.js +0 -8
  274. package/samples/todo/services/state-service/transactions/delete-todo.js.map +0 -1
  275. package/samples/todo/services/state-service/transactions/delete-todo.test.d.ts +0 -1
  276. package/samples/todo/services/state-service/transactions/delete-todo.test.js +0 -24
  277. package/samples/todo/services/state-service/transactions/delete-todo.test.js.map +0 -1
  278. package/samples/todo/services/state-service/transactions/drag-todo.d.ts +0 -7
  279. package/samples/todo/services/state-service/transactions/drag-todo.js +0 -17
  280. package/samples/todo/services/state-service/transactions/drag-todo.js.map +0 -1
  281. package/samples/todo/services/state-service/transactions/index.d.ts +0 -6
  282. package/samples/todo/services/state-service/transactions/index.js +0 -9
  283. package/samples/todo/services/state-service/transactions/index.js.map +0 -1
  284. package/samples/todo/services/state-service/transactions/reorder-todos.d.ts +0 -6
  285. package/samples/todo/services/state-service/transactions/reorder-todos.js +0 -11
  286. package/samples/todo/services/state-service/transactions/reorder-todos.js.map +0 -1
  287. package/samples/todo/services/state-service/transactions/toggle-complete.d.ts +0 -3
  288. package/samples/todo/services/state-service/transactions/toggle-complete.js +0 -11
  289. package/samples/todo/services/state-service/transactions/toggle-complete.js.map +0 -1
  290. package/samples/todo/services/state-service/transactions/toggle-complete.test.d.ts +0 -1
  291. package/samples/todo/services/state-service/transactions/toggle-complete.test.js +0 -65
  292. package/samples/todo/services/state-service/transactions/toggle-complete.test.js.map +0 -1
  293. package/samples/todo/todo-element.d.ts +0 -4
  294. package/samples/todo/todo-element.js +0 -4
  295. package/samples/todo/todo-element.js.map +0 -1
  296. package/samples/todo/todo-host.d.ts +0 -8
  297. package/samples/todo/todo-host.js +0 -35
  298. package/samples/todo/todo-host.js.map +0 -1
  299. package/samples/todo/todo-main-element.d.ts +0 -10
  300. package/samples/todo/todo-main-element.js +0 -47
  301. package/samples/todo/todo-main-element.js.map +0 -1
  302. package/samples/todo/todo-sample.d.ts +0 -3
  303. package/samples/todo/todo-sample.js +0 -19
  304. package/samples/todo/todo-sample.js.map +0 -1
  305. package/service/is-data-service.js +0 -2
  306. package/service/is-data-service.js.map +0 -1
  307. package/typed-buffer/public.d.ts +0 -2
  308. package/typed-buffer/public.js +0 -4
  309. package/typed-buffer/public.js.map +0 -1
  310. /package/{ecs/database/create-plugin-type.type-test.d.ts → service/async-data-service/create-lazy.test.d.ts} +0 -0
@@ -1,44 +0,0 @@
1
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
- return c > 3 && r && Object.defineProperty(target, key, r), r;
6
- };
7
- // © 2026 Adobe. MIT License. See /LICENSE for details.
8
- import * as presentation from './todo-list-presentation.js';
9
- import { styles } from './todo-list.css.js';
10
- import { customElement } from 'lit/decorators.js';
11
- import { css } from 'lit';
12
- import { useObservableValues } from '../../../../lit/hooks/index.js';
13
- import { TodoElement } from '../../todo-element.js';
14
- import '../todo-row/todo-row.js';
15
- export const tagName = 'data-todo-list';
16
- let TodoList = class TodoList extends TodoElement {
17
- static { this.styles = [
18
- styles,
19
- css `
20
- :host {
21
- display: block;
22
- height: 100%;
23
- width: 100%;
24
- overflow-y: auto;
25
- position: relative;
26
- }
27
- `
28
- ]; }
29
- render() {
30
- const values = useObservableValues(() => ({
31
- todos: this.service.dependentState.allTodos,
32
- }));
33
- if (!values)
34
- return;
35
- return presentation.render({
36
- ...values,
37
- });
38
- }
39
- };
40
- TodoList = __decorate([
41
- customElement(tagName)
42
- ], TodoList);
43
- export { TodoList };
44
- //# sourceMappingURL=todo-list.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"todo-list.js","sourceRoot":"","sources":["../../../../../src/samples/todo/elements/todo-list/todo-list.ts"],"names":[],"mappings":";;;;;;AAAA,uDAAuD;AACvD,OAAO,KAAK,YAAY,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,yBAAyB,CAAC;AAEjC,MAAM,CAAC,MAAM,OAAO,GAAG,gBAAgB,CAAC;AASjC,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,WAAW;aAChC,WAAM,GAAG;QACd,MAAM;QACN,GAAG,CAAA;;;;;;;;KAQF;KACF,AAXY,CAWX;IAEF,MAAM;QACJ,MAAM,MAAM,GAAG,mBAAmB,CAAC,GAAG,EAAE,CAAC,CAAC;YACxC,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,QAAQ;SAC5C,CAAC,CAAC,CAAC;QAEJ,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,OAAO,YAAY,CAAC,MAAM,CAAC;YACzB,GAAG,MAAM;SACV,CAAC,CAAC;IACL,CAAC;;AAxBU,QAAQ;IADpB,aAAa,CAAC,OAAO,CAAC;GACV,QAAQ,CAyBpB"}
@@ -1 +0,0 @@
1
- export * from './todo-row.js';
@@ -1,3 +0,0 @@
1
- // © 2026 Adobe. MIT License. See /LICENSE for details.
2
- export * from './todo-row.js';
3
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/samples/todo/elements/todo-row/index.ts"],"names":[],"mappings":"AAAA,uDAAuD;AACvD,cAAc,eAAe,CAAC"}
@@ -1,18 +0,0 @@
1
- import '@spectrum-web-components/action-button/sp-action-button.js';
2
- import '@spectrum-web-components/checkbox/sp-checkbox.js';
3
- import '@spectrum-web-components/icons-workflow/icons/sp-icon-delete.js';
4
- import { DragTodoFunction, Todo } from '../../services/state-service/todo-state-service.js';
5
- declare const localizedStrings: {
6
- readonly deleteTodo: "Delete";
7
- readonly toggleComplete: "Toggle complete";
8
- };
9
- type RenderArgs = {
10
- localized: typeof localizedStrings;
11
- todo: Todo;
12
- toggleComplete: () => void;
13
- deleteTodo: () => void;
14
- dragTodo: DragTodoFunction;
15
- index: number;
16
- };
17
- export declare function render(args: RenderArgs): import("lit").TemplateResult<1>;
18
- export {};
@@ -1,50 +0,0 @@
1
- // © 2026 Adobe. MIT License. See /LICENSE for details.
2
- import { html } from 'lit';
3
- import { useDragTransaction } from '../../../../lit/hooks/index.js';
4
- import '@spectrum-web-components/action-button/sp-action-button.js';
5
- import '@spectrum-web-components/checkbox/sp-checkbox.js';
6
- import '@spectrum-web-components/icons-workflow/icons/sp-icon-delete.js';
7
- const TODO_ROW_HEIGHT = 56;
8
- // Simplified localization for sample - using static strings
9
- const localizedStrings = {
10
- deleteTodo: 'Delete',
11
- toggleComplete: 'Toggle complete',
12
- };
13
- export function render(args) {
14
- const { localized, todo, toggleComplete, deleteTodo, index, dragTodo } = args;
15
- useDragTransaction({
16
- transaction: dragTodo,
17
- update: (value) => {
18
- if (value.type === 'move') {
19
- return {
20
- todo: todo.id,
21
- dragPosition: value.delta[1],
22
- };
23
- }
24
- else if (value.type === 'end') {
25
- const finalIndex = index + Math.round(value.position[1] / TODO_ROW_HEIGHT);
26
- return {
27
- todo: todo.id,
28
- dragPosition: index,
29
- finalIndex,
30
- };
31
- }
32
- },
33
- }, [dragTodo, todo.id, index]);
34
- const dragging = todo.dragPosition !== null;
35
- const position = index * TODO_ROW_HEIGHT + (todo.dragPosition ?? 0);
36
- return html `
37
- <div
38
- class="todo-row ${dragging ? 'dragging' : ''}"
39
- style="height: ${TODO_ROW_HEIGHT}px; position: absolute; top: ${position}px; left: 0; right: 0;">
40
- <sp-checkbox @change=${toggleComplete} title=${localized.toggleComplete} ?checked=${todo.complete}> </sp-checkbox>
41
-
42
- <span class="todo-name"> ${index}: ${todo.name} </span>
43
-
44
- <sp-action-button @click=${deleteTodo} quiet title=${localized.deleteTodo}>
45
- <sp-icon-delete slot="icon"></sp-icon-delete>
46
- </sp-action-button>
47
- </div>
48
- `;
49
- }
50
- //# sourceMappingURL=todo-row-presentation.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"todo-row-presentation.js","sourceRoot":"","sources":["../../../../../src/samples/todo/elements/todo-row/todo-row-presentation.ts"],"names":[],"mappings":"AAAA,uDAAuD;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAE3B,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,4DAA4D,CAAC;AACpE,OAAO,kDAAkD,CAAC;AAC1D,OAAO,iEAAiE,CAAC;AAMzE,MAAM,eAAe,GAAG,EAAE,CAAC;AAE3B,4DAA4D;AAC5D,MAAM,gBAAgB,GAAG;IACvB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,iBAAiB;CACzB,CAAC;AAWX,MAAM,UAAU,MAAM,CAAC,IAAgB;IACrC,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,cAAc,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;IAE9E,kBAAkB,CAAC;QACjB,WAAW,EAAE,QAAQ;QACrB,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;YAChB,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;gBAC1B,OAAO;oBACL,IAAI,EAAE,IAAI,CAAC,EAAE;oBACb,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;iBAC7B,CAAC;YACJ,CAAC;iBAAM,IAAI,KAAK,CAAC,IAAI,KAAK,KAAK,EAAE,CAAC;gBAChC,MAAM,UAAU,GAAG,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,eAAe,CAAC,CAAC;gBAC3E,OAAO;oBACL,IAAI,EAAE,IAAI,CAAC,EAAE;oBACb,YAAY,EAAE,KAAK;oBACnB,UAAU;iBACX,CAAC;YACJ,CAAC;QACH,CAAC;KACF,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC;IAE/B,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,KAAK,IAAI,CAAC;IAC5C,MAAM,QAAQ,GAAG,KAAK,GAAG,eAAe,GAAG,CAAC,IAAI,CAAC,YAAY,IAAI,CAAC,CAAC,CAAC;IAEpE,OAAO,IAAI,CAAA;;wBAEW,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;uBAC3B,eAAe,gCAAgC,QAAQ;6BACjD,cAAc,UAAU,SAAS,CAAC,cAAc,aAAa,IAAI,CAAC,QAAQ;;iCAEtE,KAAK,KAAK,IAAI,CAAC,IAAI;;iCAEnB,UAAU,gBAAgB,SAAS,CAAC,UAAU;;;;GAI5E,CAAC;AACJ,CAAC"}
@@ -1 +0,0 @@
1
- export declare const styles: import("lit").CSSResult;
@@ -1,49 +0,0 @@
1
- // © 2026 Adobe. MIT License. See /LICENSE for details.
2
- import { css } from 'lit';
3
- export const styles = css `
4
- :host {
5
- display: block;
6
- }
7
-
8
- .todo-row {
9
- --todo-row-height: 56px;
10
- box-sizing: border-box;
11
- display: flex;
12
- align-items: center;
13
- gap: var(--spectrum-spacing-200);
14
- padding: var(--spectrum-spacing-200) var(--spectrum-spacing-300);
15
- border-bottom: 1px solid var(--spectrum-gray-200);
16
- min-height: var(--todo-row-height);
17
- height: var(--todo-row-height);
18
- contain: layout paint style; /* or at least paint/layout */
19
- content-visibility: auto; /* skip offscreen work: https://developer.mozilla.org/en-US/docs/Web/CSS/content-visibility */
20
- contain-intrinsic-size: 500px var(--todo-row-height); /* reserve space so auto can skip paint: https://developer.mozilla.org/en-US/docs/Web/CSS/contain-intrinsic-size */
21
- transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
22
- }
23
-
24
- .todo-row.dragging {
25
- background-color: var(--spectrum-gray-100);
26
- z-index: 100;
27
- box-shadow: 0 0 10px var(--spectrum-gray-300);
28
- }
29
-
30
- .todo-row:hover {
31
- background-color: var(--spectrum-gray-100);
32
- }
33
-
34
- .todo-name {
35
- flex: 1;
36
- font-size: var(--spectrum-font-size-100);
37
- line-height: var(--spectrum-line-height-100);
38
- color: var(--spectrum-gray-800);
39
- }
40
-
41
- sp-checkbox {
42
- flex-shrink: 0;
43
- }
44
-
45
- sp-action-button {
46
- flex-shrink: 0;
47
- }
48
- `;
49
- //# sourceMappingURL=todo-row.css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"todo-row.css.js","sourceRoot":"","sources":["../../../../../src/samples/todo/elements/todo-row/todo-row.css.ts"],"names":[],"mappings":"AAAA,uDAAuD;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6CxB,CAAC"}
@@ -1,14 +0,0 @@
1
- import { Entity } from '../../../../ecs/index.js';
2
- import { TodoElement } from '../../todo-element.js';
3
- export declare const tagName = "data-todo-row";
4
- declare global {
5
- interface HTMLElementTagNameMap {
6
- [tagName]: TodoRow;
7
- }
8
- }
9
- export declare class TodoRow extends TodoElement {
10
- static styles: import("lit").CSSResult;
11
- entity: Entity;
12
- index: number;
13
- render(): import("lit").TemplateResult<1> | undefined;
14
- }
@@ -1,44 +0,0 @@
1
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
- return c > 3 && r && Object.defineProperty(target, key, r), r;
6
- };
7
- // © 2026 Adobe. MIT License. See /LICENSE for details.
8
- import * as presentation from './todo-row-presentation.js';
9
- import { styles } from './todo-row.css.js';
10
- import { customElement, property } from 'lit/decorators.js';
11
- import { useObservableValues } from '../../../../lit/hooks/index.js';
12
- import { TodoElement } from '../../todo-element.js';
13
- export const tagName = 'data-todo-row';
14
- let TodoRow = class TodoRow extends TodoElement {
15
- static { this.styles = styles; }
16
- render() {
17
- const localized = { toggleComplete: 'Toggle complete', deleteTodo: 'Delete' };
18
- const values = useObservableValues(() => ({
19
- todo: this.service.state.observe.entity(this.entity, this.service.state.archetypes.Todo),
20
- }));
21
- if (!values || !values.todo)
22
- return;
23
- return presentation.render({
24
- ...values,
25
- localized,
26
- todo: values.todo,
27
- toggleComplete: () => this.service.state.transactions.toggleComplete(this.entity),
28
- deleteTodo: () => this.service.state.transactions.deleteTodo(this.entity),
29
- dragTodo: this.service.state.transactions.dragTodo,
30
- index: this.index,
31
- });
32
- }
33
- };
34
- __decorate([
35
- property({ type: Number })
36
- ], TodoRow.prototype, "entity", void 0);
37
- __decorate([
38
- property({ type: Number })
39
- ], TodoRow.prototype, "index", void 0);
40
- TodoRow = __decorate([
41
- customElement(tagName)
42
- ], TodoRow);
43
- export { TodoRow };
44
- //# sourceMappingURL=todo-row.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"todo-row.js","sourceRoot":"","sources":["../../../../../src/samples/todo/elements/todo-row/todo-row.ts"],"names":[],"mappings":";;;;;;AAAA,uDAAuD;AACvD,OAAO,KAAK,YAAY,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAC;AAShC,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,WAAW;aAC/B,WAAM,GAAG,MAAM,AAAT,CAAU;IAQvB,MAAM;QACJ,MAAM,SAAS,GAAG,EAAE,cAAc,EAAE,iBAAiB,EAAE,UAAU,EAAE,QAAQ,EAAW,CAAC;QACvF,MAAM,MAAM,GAAG,mBAAmB,CAAC,GAAG,EAAE,CAAC,CAAC;YACxC,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC;SACzF,CAAC,CAAC,CAAC;QAEJ,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,IAAI;YAAE,OAAO;QAEpC,OAAO,YAAY,CAAC,MAAM,CAAC;YACzB,GAAG,MAAM;YACT,SAAS;YACT,IAAI,EAAE,MAAM,CAAC,IAAI;YACjB,cAAc,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC;YACjF,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC;YACzE,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ;YAClD,KAAK,EAAE,IAAI,CAAC,KAAK;SAClB,CAAC,CAAC;IACL,CAAC;;AAtBD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCACX;AAGhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sCACZ;AAPJ,OAAO;IADnB,aAAa,CAAC,OAAO,CAAC;GACV,OAAO,CA2BnB"}
@@ -1 +0,0 @@
1
- export * from './todo-toolbar.js';
@@ -1,3 +0,0 @@
1
- // © 2026 Adobe. MIT License. See /LICENSE for details.
2
- export * from './todo-toolbar.js';
3
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/samples/todo/elements/todo-toolbar/index.ts"],"names":[],"mappings":"AAAA,uDAAuD;AACvD,cAAc,mBAAmB,CAAC"}
@@ -1,22 +0,0 @@
1
- import '../todo-undo-redo/index.js';
2
- import '@spectrum-web-components/action-button/sp-action-button.js';
3
- declare const localizedStrings: {
4
- readonly add1Todo: "Add 1 Todo";
5
- readonly add10Todos: "Add 10 Todos";
6
- readonly add1000Todos: "Add 1000 Todos";
7
- readonly clearCompleted: "Clear Completed";
8
- readonly toggleAll: "Toggle All";
9
- readonly todoCount: "todos";
10
- readonly completedCount: "completed";
11
- };
12
- type RenderArgs = {
13
- localized: typeof localizedStrings;
14
- todoCount: number;
15
- completedCount: number;
16
- isGenerating: boolean;
17
- createBulkTodos: (count: number) => void;
18
- clearCompleted: () => void;
19
- toggleAll: () => void;
20
- };
21
- export declare function render(args: RenderArgs): import("lit").TemplateResult<1>;
22
- export {};
@@ -1,41 +0,0 @@
1
- // © 2026 Adobe. MIT License. See /LICENSE for details.
2
- import { html } from 'lit';
3
- import '../todo-undo-redo/index.js';
4
- import '@spectrum-web-components/action-button/sp-action-button.js';
5
- // Temporarily disable localization for the sample
6
- // import { Localized, Unlocalized } from '../../../../services/locale-service/locale-service.js';
7
- // Simplified localization for sample - using static strings
8
- const localizedStrings = {
9
- add1Todo: 'Add 1 Todo',
10
- add10Todos: 'Add 10 Todos',
11
- add1000Todos: 'Add 1000 Todos',
12
- clearCompleted: 'Clear Completed',
13
- toggleAll: 'Toggle All',
14
- todoCount: 'todos',
15
- completedCount: 'completed',
16
- };
17
- export function render(args) {
18
- const { localized, todoCount, completedCount, isGenerating, createBulkTodos, clearCompleted, toggleAll } = args;
19
- return html `
20
- <div class="todo-toolbar">
21
- <div class="toolbar-left">
22
- <data-todo-undo-redo></data-todo-undo-redo>
23
- <sp-action-button @click=${toggleAll} ?disabled=${isGenerating} quiet> ${localized.toggleAll} </sp-action-button>
24
- </div>
25
-
26
- <div class="toolbar-center">
27
- <sp-action-button @click=${() => createBulkTodos(1)} ?disabled=${isGenerating}> ${localized.add1Todo} </sp-action-button>
28
- <sp-action-button @click=${() => createBulkTodos(10)} ?disabled=${isGenerating}> ${localized.add10Todos} </sp-action-button>
29
- <sp-action-button @click=${() => createBulkTodos(1000)} ?disabled=${isGenerating}> ${localized.add1000Todos} </sp-action-button>
30
- </div>
31
-
32
- <div class="toolbar-right">
33
- <sp-action-button @click=${clearCompleted} ?disabled=${completedCount === 0 || isGenerating} quiet>
34
- ${localized.clearCompleted}
35
- </sp-action-button>
36
- <span class="todo-stats"> ${completedCount} / ${todoCount} </span>
37
- </div>
38
- </div>
39
- `;
40
- }
41
- //# sourceMappingURL=todo-toolbar-presentation.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"todo-toolbar-presentation.js","sourceRoot":"","sources":["../../../../../src/samples/todo/elements/todo-toolbar/todo-toolbar-presentation.ts"],"names":[],"mappings":"AAAA,uDAAuD;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAE3B,OAAO,4BAA4B,CAAC;AACpC,OAAO,4DAA4D,CAAC;AAEpE,kDAAkD;AAClD,kGAAkG;AAElG,4DAA4D;AAC5D,MAAM,gBAAgB,GAAG;IACvB,QAAQ,EAAE,YAAY;IACtB,UAAU,EAAE,cAAc;IAC1B,YAAY,EAAE,gBAAgB;IAC9B,cAAc,EAAE,iBAAiB;IACjC,SAAS,EAAE,YAAY;IACvB,SAAS,EAAE,OAAO;IAClB,cAAc,EAAE,WAAW;CACnB,CAAC;AAYX,MAAM,UAAU,MAAM,CAAC,IAAgB;IACrC,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;IAEhH,OAAO,IAAI,CAAA;;;;mCAIsB,SAAS,cAAc,YAAY,WAAW,SAAS,CAAC,SAAS;;;;mCAIjE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,cAAc,YAAY,KAAK,SAAS,CAAC,QAAQ;mCACzE,GAAG,EAAE,CAAC,eAAe,CAAC,EAAE,CAAC,cAAc,YAAY,KAAK,SAAS,CAAC,UAAU;mCAC5E,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,cAAc,YAAY,KAAK,SAAS,CAAC,YAAY;;;;mCAIhF,cAAc,cAAc,cAAc,KAAK,CAAC,IAAI,YAAY;YACvF,SAAS,CAAC,cAAc;;oCAEA,cAAc,MAAM,SAAS;;;GAG9D,CAAC;AACJ,CAAC"}
@@ -1 +0,0 @@
1
- export declare const styles: import("lit").CSSResult;
@@ -1,34 +0,0 @@
1
- // © 2026 Adobe. MIT License. See /LICENSE for details.
2
- import { css } from 'lit';
3
- export const styles = css `
4
- .todo-toolbar {
5
- display: flex;
6
- align-items: center;
7
- justify-content: space-between;
8
- padding: var(--spectrum-spacing-200) var(--spectrum-spacing-300);
9
- background-color: var(--spectrum-gray-100);
10
- border-bottom: 1px solid var(--spectrum-gray-300);
11
- gap: var(--spectrum-spacing-200);
12
- }
13
-
14
- .toolbar-left,
15
- .toolbar-center,
16
- .toolbar-right {
17
- display: flex;
18
- align-items: center;
19
- gap: var(--spectrum-spacing-100);
20
- }
21
-
22
- .toolbar-center {
23
- flex: 1;
24
- justify-content: center;
25
- }
26
-
27
- .todo-stats {
28
- font-size: var(--spectrum-font-size-100);
29
- color: var(--spectrum-gray-600);
30
- margin-left: var(--spectrum-spacing-200);
31
- width: 100px;
32
- }
33
- `;
34
- //# sourceMappingURL=todo-toolbar.css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"todo-toolbar.css.js","sourceRoot":"","sources":["../../../../../src/samples/todo/elements/todo-toolbar/todo-toolbar.css.ts"],"names":[],"mappings":"AAAA,uDAAuD;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BxB,CAAC"}
@@ -1,11 +0,0 @@
1
- import { TodoElement } from '../../todo-element.js';
2
- export declare const tagName = "data-todo-toolbar";
3
- declare global {
4
- interface HTMLElementTagNameMap {
5
- [tagName]: TodoToolbar;
6
- }
7
- }
8
- export declare class TodoToolbar extends TodoElement {
9
- static styles: import("lit").CSSResult[];
10
- render(): import("lit").TemplateResult<1> | undefined;
11
- }
@@ -1,61 +0,0 @@
1
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
- return c > 3 && r && Object.defineProperty(target, key, r), r;
6
- };
7
- // © 2026 Adobe. MIT License. See /LICENSE for details.
8
- import * as presentation from './todo-toolbar-presentation.js';
9
- import { styles } from './todo-toolbar.css.js';
10
- import { Observe } from '../../../../observe/index.js';
11
- import { customElement } from 'lit/decorators.js';
12
- import { css } from 'lit';
13
- import { useObservableValues } from '../../../../lit/hooks/index.js';
14
- import { TodoElement } from '../../todo-element.js';
15
- export const tagName = 'data-todo-toolbar';
16
- let TodoToolbar = class TodoToolbar extends TodoElement {
17
- static { this.styles = [
18
- styles,
19
- css `
20
- :host {
21
- display: block;
22
- flex-shrink: 0;
23
- width: 100%;
24
- }
25
- `
26
- ]; }
27
- render() {
28
- const localized = {
29
- add1Todo: 'Add 1 Todo',
30
- add10Todos: 'Add 10 Todos',
31
- add1000Todos: 'Add 1000 Todos',
32
- clearCompleted: 'Clear Completed',
33
- toggleAll: 'Toggle All',
34
- todoCount: 'todos',
35
- completedCount: 'completed',
36
- };
37
- const values = useObservableValues(() => ({
38
- completedCount: Observe.withMap(this.service.dependentState.completeTodos, (todos) => todos.length),
39
- todoCount: Observe.withMap(this.service.dependentState.allTodos, (todos) => todos.length),
40
- }));
41
- if (!values)
42
- return;
43
- return presentation.render({
44
- ...values,
45
- localized,
46
- isGenerating: false,
47
- createBulkTodos: this.service.state.transactions.createBulkTodos,
48
- clearCompleted: () => {
49
- // Placeholder - would need to implement this transaction
50
- },
51
- toggleAll: () => {
52
- // Placeholder - would need to implement this transaction
53
- },
54
- });
55
- }
56
- };
57
- TodoToolbar = __decorate([
58
- customElement(tagName)
59
- ], TodoToolbar);
60
- export { TodoToolbar };
61
- //# sourceMappingURL=todo-toolbar.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"todo-toolbar.js","sourceRoot":"","sources":["../../../../../src/samples/todo/elements/todo-toolbar/todo-toolbar.ts"],"names":[],"mappings":";;;;;;AAAA,uDAAuD;AACvD,OAAO,KAAK,YAAY,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,MAAM,CAAC,MAAM,OAAO,GAAG,mBAAmB,CAAC;AASpC,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,WAAW;aACnC,WAAM,GAAG;QACd,MAAM;QACN,GAAG,CAAA;;;;;;KAMF;KACF,AATY,CASX;IAEF,MAAM;QACJ,MAAM,SAAS,GAAG;YAChB,QAAQ,EAAE,YAAY;YACtB,UAAU,EAAE,cAAc;YAC1B,YAAY,EAAE,gBAAgB;YAC9B,cAAc,EAAE,iBAAiB;YACjC,SAAS,EAAE,YAAY;YACvB,SAAS,EAAE,OAAO;YAClB,cAAc,EAAE,WAAW;SACnB,CAAC;QACX,MAAM,MAAM,GAAG,mBAAmB,CAAC,GAAG,EAAE,CAAC,CAAC;YACxC,cAAc,EAAE,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,aAAa,EAAE,CAAC,KAAc,EAAE,EAAE,CAAE,KAA4B,CAAC,MAAM,CAAC;YACpI,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC,KAAc,EAAE,EAAE,CAAE,KAA4B,CAAC,MAAM,CAAC;SAC3H,CAAC,CAAC,CAAC;QAEJ,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,OAAO,YAAY,CAAC,MAAM,CAAC;YACzB,GAAG,MAAM;YACT,SAAS;YACT,YAAY,EAAE,KAAK;YACnB,eAAe,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,YAAY,CAAC,eAAe;YAChE,cAAc,EAAE,GAAG,EAAE;gBACnB,yDAAyD;YAC3D,CAAC;YACD,SAAS,EAAE,GAAG,EAAE;gBACd,yDAAyD;YAC3D,CAAC;SACF,CAAC,CAAC;IACL,CAAC;;AAzCU,WAAW;IADvB,aAAa,CAAC,OAAO,CAAC;GACV,WAAW,CA0CvB"}
@@ -1 +0,0 @@
1
- export * from './todo-undo-redo.js';
@@ -1,3 +0,0 @@
1
- // © 2026 Adobe. MIT License. See /LICENSE for details.
2
- export * from './todo-undo-redo.js';
3
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/samples/todo/elements/todo-undo-redo/index.ts"],"names":[],"mappings":"AAAA,uDAAuD;AAEvD,cAAc,qBAAqB,CAAC"}
@@ -1,17 +0,0 @@
1
- import '@spectrum-web-components/action-button/sp-action-button.js';
2
- import '@spectrum-web-components/action-group/sp-action-group.js';
3
- import '@spectrum-web-components/icons-workflow/icons/sp-icon-redo.js';
4
- import '@spectrum-web-components/icons-workflow/icons/sp-icon-undo.js';
5
- declare const localizedStrings: {
6
- readonly undo: "Undo";
7
- readonly redo: "Redo";
8
- };
9
- type RenderArgs = {
10
- localized: typeof localizedStrings;
11
- hasUndo: boolean;
12
- hasRedo: boolean;
13
- undo: () => void;
14
- redo: () => void;
15
- };
16
- export declare function render(args: RenderArgs): import("lit").TemplateResult<1>;
17
- export {};
@@ -1,29 +0,0 @@
1
- // © 2026 Adobe. MIT License. See /LICENSE for details.
2
- import { html } from 'lit';
3
- import '@spectrum-web-components/action-button/sp-action-button.js';
4
- import '@spectrum-web-components/action-group/sp-action-group.js';
5
- import '@spectrum-web-components/icons-workflow/icons/sp-icon-redo.js';
6
- import '@spectrum-web-components/icons-workflow/icons/sp-icon-undo.js';
7
- // Temporarily disable localization for the sample
8
- // import { Localized, Unlocalized } from '../../../../services/locale-service/locale-service.js';
9
- // Simplified localization for sample - using static strings
10
- const localizedStrings = {
11
- undo: 'Undo',
12
- redo: 'Redo',
13
- };
14
- export function render(args) {
15
- const { localized, hasUndo, hasRedo, undo, redo } = args;
16
- return html `
17
- <sp-action-group>
18
- <sp-action-button @click=${undo} ?disabled=${!hasUndo} quiet>
19
- <sp-icon-undo slot="icon"></sp-icon-undo>
20
- ${localized.undo}
21
- </sp-action-button>
22
- <sp-action-button @click=${redo} ?disabled=${!hasRedo} quiet>
23
- <sp-icon-redo slot="icon"></sp-icon-redo>
24
- ${localized.redo}
25
- </sp-action-button>
26
- </sp-action-group>
27
- `;
28
- }
29
- //# sourceMappingURL=todo-undo-redo-presentation.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"todo-undo-redo-presentation.js","sourceRoot":"","sources":["../../../../../src/samples/todo/elements/todo-undo-redo/todo-undo-redo-presentation.ts"],"names":[],"mappings":"AAAA,uDAAuD;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAE3B,OAAO,4DAA4D,CAAC;AACpE,OAAO,0DAA0D,CAAC;AAClE,OAAO,+DAA+D,CAAC;AACvE,OAAO,+DAA+D,CAAC;AAEvE,kDAAkD;AAClD,kGAAkG;AAElG,4DAA4D;AAC5D,MAAM,gBAAgB,GAAG;IACvB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;CACJ,CAAC;AAUX,MAAM,UAAU,MAAM,CAAC,IAAgB;IACrC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IAEzD,OAAO,IAAI,CAAA;;iCAEoB,IAAI,cAAc,CAAC,OAAO;;UAEjD,SAAS,CAAC,IAAI;;iCAES,IAAI,cAAc,CAAC,OAAO;;UAEjD,SAAS,CAAC,IAAI;;;GAGrB,CAAC;AACJ,CAAC"}
@@ -1 +0,0 @@
1
- export declare const styles: import("lit").CSSResult;
@@ -1,12 +0,0 @@
1
- // © 2026 Adobe. MIT License. See /LICENSE for details.
2
- import { css } from 'lit';
3
- export const styles = css `
4
- sp-action-group {
5
- gap: var(--spectrum-global-dimension-size-100);
6
- }
7
-
8
- sp-action-button {
9
- min-width: var(--spectrum-global-dimension-size-300);
10
- }
11
- `;
12
- //# sourceMappingURL=todo-undo-redo.css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"todo-undo-redo.css.js","sourceRoot":"","sources":["../../../../../src/samples/todo/elements/todo-undo-redo/todo-undo-redo.css.ts"],"names":[],"mappings":"AAAA,uDAAuD;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;CAQxB,CAAC"}
@@ -1,11 +0,0 @@
1
- import { TodoElement } from '../../todo-element.js';
2
- export declare const tagName = "data-todo-undo-redo";
3
- declare global {
4
- interface HTMLElementTagNameMap {
5
- [tagName]: TodoUndoRedo;
6
- }
7
- }
8
- export declare class TodoUndoRedo extends TodoElement {
9
- static styles: import("lit").CSSResult;
10
- render(): import("lit").TemplateResult<1> | undefined;
11
- }
@@ -1,36 +0,0 @@
1
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
- return c > 3 && r && Object.defineProperty(target, key, r), r;
6
- };
7
- // © 2026 Adobe. MIT License. See /LICENSE for details.
8
- import * as presentation from './todo-undo-redo-presentation.js';
9
- import { styles } from './todo-undo-redo.css.js';
10
- import { customElement } from 'lit/decorators.js';
11
- import { useObservableValues } from '../../../../lit/hooks/index.js';
12
- import { TodoElement } from '../../todo-element.js';
13
- export const tagName = 'data-todo-undo-redo';
14
- let TodoUndoRedo = class TodoUndoRedo extends TodoElement {
15
- static { this.styles = styles; }
16
- render() {
17
- const localized = { undo: 'Undo', redo: 'Redo' };
18
- const values = useObservableValues(() => ({
19
- hasUndo: this.service.undoRedo.undoEnabled,
20
- hasRedo: this.service.undoRedo.redoEnabled,
21
- }));
22
- if (!values)
23
- return;
24
- return presentation.render({
25
- ...values,
26
- localized,
27
- undo: this.service.undoRedo.undo,
28
- redo: this.service.undoRedo.redo,
29
- });
30
- }
31
- };
32
- TodoUndoRedo = __decorate([
33
- customElement(tagName)
34
- ], TodoUndoRedo);
35
- export { TodoUndoRedo };
36
- //# sourceMappingURL=todo-undo-redo.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"todo-undo-redo.js","sourceRoot":"","sources":["../../../../../src/samples/todo/elements/todo-undo-redo/todo-undo-redo.ts"],"names":[],"mappings":";;;;;;AAAA,uDAAuD;AACvD,OAAO,KAAK,YAAY,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,MAAM,CAAC,MAAM,OAAO,GAAG,qBAAqB,CAAC;AAStC,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,WAAW;aACpC,WAAM,GAAG,MAAM,AAAT,CAAU;IAEvB,MAAM;QACJ,MAAM,SAAS,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAW,CAAC;QAC1D,MAAM,MAAM,GAAG,mBAAmB,CAAC,GAAG,EAAE,CAAC,CAAC;YACxC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,WAAW;YAC1C,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,WAAW;SAC3C,CAAC,CAAC,CAAC;QAEJ,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,OAAO,YAAY,CAAC,MAAM,CAAC;YACzB,GAAG,MAAM;YACT,SAAS;YACT,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI;YAChC,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI;SACjC,CAAC,CAAC;IACL,CAAC;;AAlBU,YAAY;IADxB,aAAa,CAAC,OAAO,CAAC;GACV,YAAY,CAmBxB"}
@@ -1,6 +0,0 @@
1
- import { TodoCoreService } from '../main-service/todo-main-service.js';
2
- export declare const createDependentStateService: (service: TodoCoreService) => {
3
- readonly allTodos: (service: TodoCoreService) => import("../../../../observe/index.js").Observe<readonly number[]>;
4
- readonly completeTodos: (service: TodoCoreService) => import("../../../../observe/index.js").Observe<readonly number[]>;
5
- readonly incompleteTodos: (service: TodoCoreService) => import("../../../../observe/index.js").Observe<readonly number[]>;
6
- };
@@ -1,5 +0,0 @@
1
- // © 2026 Adobe. MIT License. See /LICENSE for details.
2
- import { applyArg } from '../../../../functions/index.js';
3
- import * as dependentState from './dependent-state/index.js';
4
- export const createDependentStateService = (service) => applyArg(service, dependentState);
5
- //# sourceMappingURL=create-dependent-state-service.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"create-dependent-state-service.js","sourceRoot":"","sources":["../../../../../src/samples/todo/services/dependent-state-service/create-dependent-state-service.ts"],"names":[],"mappings":"AAAA,uDAAuD;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAE1D,OAAO,KAAK,cAAc,MAAM,4BAA4B,CAAC;AAI7D,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,OAAwB,EAAE,EAAE,CAAC,QAAQ,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC"}
@@ -1,2 +0,0 @@
1
- import { TodoCoreService } from '../../main-service/todo-main-service.js';
2
- export declare const allTodos: (service: TodoCoreService) => import("../../../../../observe/index.js").Observe<readonly number[]>;