@soxa-ui/webc 0.0.0-stage → 0.3.0-beta.1

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 (592) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +622 -2
  3. package/dist/adapter/common/attributes.d.ts +22 -0
  4. package/dist/adapter/common/attributes.js +74 -0
  5. package/dist/adapter/common/createWebcAdapterContext.d.ts +8 -0
  6. package/dist/adapter/common/createWebcAdapterContext.js +17 -0
  7. package/dist/adapter/common/icon.d.ts +9 -0
  8. package/dist/adapter/common/icon.js +25 -0
  9. package/dist/adapter/common/index.d.ts +5 -0
  10. package/dist/adapter/common/index.js +6 -0
  11. package/dist/adapter/common/naming.d.ts +7 -0
  12. package/dist/adapter/common/naming.js +9 -0
  13. package/dist/adapter/common/profile.d.ts +3 -0
  14. package/dist/adapter/common/profile.js +6 -0
  15. package/dist/adapter/context/index.d.ts +1 -0
  16. package/dist/adapter/context/place-context.class.d.ts +22 -0
  17. package/dist/adapter/context/place-context.class.js +40 -0
  18. package/dist/adapter/elevator/elevator.class.d.ts +13 -0
  19. package/dist/adapter/elevator/elevator.class.js +34 -0
  20. package/dist/adapter/elevator/factory.d.ts +3 -0
  21. package/dist/adapter/elevator/factory.js +8 -0
  22. package/dist/adapter/elevator/index.d.ts +2 -0
  23. package/dist/adapter/elevator/index.js +2 -0
  24. package/dist/adapter/index.d.ts +5 -0
  25. package/dist/adapter/index.js +21 -0
  26. package/dist/adapter/locale/LocaleProvider.element.d.ts +26 -0
  27. package/dist/adapter/locale/LocaleProvider.element.js +51 -0
  28. package/dist/adapter/locale/context.d.ts +4 -0
  29. package/dist/adapter/locale/context.js +12 -0
  30. package/dist/adapter/locale/index.d.ts +2 -0
  31. package/dist/adapter/locale/index.js +1 -0
  32. package/dist/adapter/runtime/content.d.ts +6 -0
  33. package/dist/adapter/runtime/content.js +13 -0
  34. package/dist/adapter/runtime/deferral.d.ts +22 -0
  35. package/dist/adapter/runtime/deferral.js +100 -0
  36. package/dist/adapter/runtime/defineElement.d.ts +23 -0
  37. package/dist/adapter/runtime/defineElement.js +97 -0
  38. package/dist/adapter/runtime/display-contents.d.ts +5 -0
  39. package/dist/adapter/runtime/display-contents.js +14 -0
  40. package/dist/adapter/runtime/element.base.d.ts +84 -0
  41. package/dist/adapter/runtime/element.base.js +347 -0
  42. package/dist/adapter/runtime/index.d.ts +4 -0
  43. package/dist/adapter/runtime/index.js +4 -0
  44. package/dist/adapter/runtime/light.d.ts +33 -0
  45. package/dist/adapter/runtime/light.js +131 -0
  46. package/dist/adapter/runtime/marks.d.ts +19 -0
  47. package/dist/adapter/runtime/marks.js +46 -0
  48. package/dist/adapter/runtime/paint.d.ts +91 -0
  49. package/dist/adapter/runtime/paint.js +208 -0
  50. package/dist/adapter/runtime/props.d.ts +36 -0
  51. package/dist/adapter/runtime/props.js +58 -0
  52. package/dist/adapter/runtime/relocation.d.ts +16 -0
  53. package/dist/adapter/runtime/relocation.js +58 -0
  54. package/dist/adapter/runtime/root.d.ts +77 -0
  55. package/dist/adapter/runtime/root.js +77 -0
  56. package/dist/adapter/runtime/subtree.d.ts +22 -0
  57. package/dist/adapter/runtime/subtree.js +44 -0
  58. package/dist/adapter/runtime/teleport.d.ts +57 -0
  59. package/dist/adapter/runtime/teleport.js +190 -0
  60. package/dist/adapter/runtime/useAdapter.d.ts +45 -0
  61. package/dist/adapter/runtime/useAdapter.js +151 -0
  62. package/dist/adapter/runtime/waiting.d.ts +10 -0
  63. package/dist/adapter/runtime/waiting.js +53 -0
  64. package/dist/adapter/template/index.d.ts +6 -0
  65. package/dist/adapter/template/index.js +6 -0
  66. package/dist/adapter/template/lend.d.ts +13 -0
  67. package/dist/adapter/template/lend.js +30 -0
  68. package/dist/adapter/template/loop.d.ts +21 -0
  69. package/dist/adapter/template/loop.js +59 -0
  70. package/dist/adapter/template/owner.d.ts +13 -0
  71. package/dist/adapter/template/owner.js +15 -0
  72. package/dist/adapter/template/parts.d.ts +37 -0
  73. package/dist/adapter/template/parts.js +61 -0
  74. package/dist/adapter/template/types.d.ts +69 -0
  75. package/dist/adapter/template/types.js +9 -0
  76. package/dist/adapter/toasts/index.d.ts +1 -0
  77. package/dist/adapter/toasts/index.js +1 -0
  78. package/dist/adapter/toasts/toastsOf.d.ts +12 -0
  79. package/dist/adapter/toasts/toastsOf.js +21 -0
  80. package/dist/components/accordion/Accordion.element.d.ts +9 -0
  81. package/dist/components/accordion/Accordion.element.js +27 -0
  82. package/dist/components/accordion/accordion.template.d.ts +10 -0
  83. package/dist/components/accordion/accordion.template.js +44 -0
  84. package/dist/components/accordion/index.d.ts +5 -0
  85. package/dist/components/accordion/index.js +3 -0
  86. package/dist/components/accordion/item/AccordionItem.element.d.ts +10 -0
  87. package/dist/components/accordion/item/AccordionItem.element.js +25 -0
  88. package/dist/components/accordion/item/accordion-item.template.d.ts +8 -0
  89. package/dist/components/accordion/item/accordion-item.template.js +123 -0
  90. package/dist/components/accordion/item/index.d.ts +3 -0
  91. package/dist/components/accordion/item/index.js +3 -0
  92. package/dist/components/accordion/item/setup.component.d.ts +3 -0
  93. package/dist/components/accordion/item/setup.component.js +22 -0
  94. package/dist/components/accordion/setup.component.d.ts +3 -0
  95. package/dist/components/accordion/setup.component.js +26 -0
  96. package/dist/components/button/Button.element.d.ts +12 -0
  97. package/dist/components/button/Button.element.js +22 -0
  98. package/dist/components/button/button.template.d.ts +8 -0
  99. package/dist/components/button/button.template.js +30 -0
  100. package/dist/components/button/index.d.ts +3 -0
  101. package/dist/components/button/index.js +1 -0
  102. package/dist/components/button/setup.component.d.ts +3 -0
  103. package/dist/components/button/setup.component.js +14 -0
  104. package/dist/components/calendar/Calendar.element.d.ts +9 -0
  105. package/dist/components/calendar/Calendar.element.js +23 -0
  106. package/dist/components/calendar/calendar.template.d.ts +10 -0
  107. package/dist/components/calendar/calendar.template.js +309 -0
  108. package/dist/components/calendar/index.d.ts +5 -0
  109. package/dist/components/calendar/index.js +3 -0
  110. package/dist/components/calendar/item/CalendarItem.element.d.ts +10 -0
  111. package/dist/components/calendar/item/CalendarItem.element.js +19 -0
  112. package/dist/components/calendar/item/calendar-item.template.d.ts +7 -0
  113. package/dist/components/calendar/item/calendar-item.template.js +22 -0
  114. package/dist/components/calendar/item/index.d.ts +3 -0
  115. package/dist/components/calendar/item/index.js +3 -0
  116. package/dist/components/calendar/item/setup.component.d.ts +3 -0
  117. package/dist/components/calendar/item/setup.component.js +22 -0
  118. package/dist/components/calendar/setup.component.d.ts +3 -0
  119. package/dist/components/calendar/setup.component.js +25 -0
  120. package/dist/components/check-box/CheckBox.element.d.ts +9 -0
  121. package/dist/components/check-box/CheckBox.element.js +24 -0
  122. package/dist/components/check-box/check-box.template.d.ts +10 -0
  123. package/dist/components/check-box/check-box.template.js +94 -0
  124. package/dist/components/check-box/index.d.ts +3 -0
  125. package/dist/components/check-box/index.js +1 -0
  126. package/dist/components/check-box/setup.component.d.ts +7 -0
  127. package/dist/components/check-box/setup.component.js +16 -0
  128. package/dist/components/common/clear.d.ts +34 -0
  129. package/dist/components/common/clear.js +67 -0
  130. package/dist/components/common/drawn-rows.d.ts +35 -0
  131. package/dist/components/common/drawn-rows.js +79 -0
  132. package/dist/components/common/icon-button.d.ts +24 -0
  133. package/dist/components/common/icon-button.js +42 -0
  134. package/dist/components/component/index.d.ts +1 -0
  135. package/dist/components/component/index.js +1 -0
  136. package/dist/components/component/setup.component.d.ts +3 -0
  137. package/dist/components/component/setup.component.js +2 -0
  138. package/dist/components/component-view/ComponentView.element.d.ts +6 -0
  139. package/dist/components/component-view/ComponentView.element.js +16 -0
  140. package/dist/components/component-view/component-view.template.d.ts +4 -0
  141. package/dist/components/component-view/component-view.template.js +10 -0
  142. package/dist/components/component-view/index.d.ts +3 -0
  143. package/dist/components/component-view/index.js +1 -0
  144. package/dist/components/component-view/setup.component.d.ts +3 -0
  145. package/dist/components/component-view/setup.component.js +14 -0
  146. package/dist/components/control/index.d.ts +1 -0
  147. package/dist/components/control/index.js +1 -0
  148. package/dist/components/control/setup.component.d.ts +3 -0
  149. package/dist/components/control/setup.component.js +2 -0
  150. package/dist/components/date-input/DateInput.element.d.ts +11 -0
  151. package/dist/components/date-input/DateInput.element.js +21 -0
  152. package/dist/components/date-input/date-input.template.d.ts +11 -0
  153. package/dist/components/date-input/date-input.template.js +102 -0
  154. package/dist/components/date-input/index.d.ts +3 -0
  155. package/dist/components/date-input/index.js +1 -0
  156. package/dist/components/date-input/setup.component.d.ts +8 -0
  157. package/dist/components/date-input/setup.component.js +16 -0
  158. package/dist/components/date-picker/DatePicker.element.d.ts +11 -0
  159. package/dist/components/date-picker/DatePicker.element.js +24 -0
  160. package/dist/components/date-picker/date-picker.template.d.ts +15 -0
  161. package/dist/components/date-picker/date-picker.template.js +310 -0
  162. package/dist/components/date-picker/index.d.ts +3 -0
  163. package/dist/components/date-picker/index.js +1 -0
  164. package/dist/components/date-picker/setup.component.d.ts +9 -0
  165. package/dist/components/date-picker/setup.component.js +16 -0
  166. package/dist/components/dialog/Dialog.element.d.ts +11 -0
  167. package/dist/components/dialog/Dialog.element.js +25 -0
  168. package/dist/components/dialog/dialog.template.d.ts +9 -0
  169. package/dist/components/dialog/dialog.template.js +148 -0
  170. package/dist/components/dialog/index.d.ts +3 -0
  171. package/dist/components/dialog/index.js +1 -0
  172. package/dist/components/dialog/setup.component.d.ts +5 -0
  173. package/dist/components/dialog/setup.component.js +14 -0
  174. package/dist/components/drag-and-drop/DragAndDrop.element.d.ts +10 -0
  175. package/dist/components/drag-and-drop/DragAndDrop.element.js +20 -0
  176. package/dist/components/drag-and-drop/drag-and-drop.template.d.ts +4 -0
  177. package/dist/components/drag-and-drop/drag-and-drop.template.js +14 -0
  178. package/dist/components/drag-and-drop/index.d.ts +3 -0
  179. package/dist/components/drag-and-drop/index.js +1 -0
  180. package/dist/components/drag-and-drop/setup.component.d.ts +4 -0
  181. package/dist/components/drag-and-drop/setup.component.js +17 -0
  182. package/dist/components/drawer/Drawer.element.d.ts +10 -0
  183. package/dist/components/drawer/Drawer.element.js +27 -0
  184. package/dist/components/drawer/drawer.template.d.ts +11 -0
  185. package/dist/components/drawer/drawer.template.js +100 -0
  186. package/dist/components/drawer/index.d.ts +3 -0
  187. package/dist/components/drawer/index.js +1 -0
  188. package/dist/components/drawer/setup.component.d.ts +6 -0
  189. package/dist/components/drawer/setup.component.js +14 -0
  190. package/dist/components/field/Field.element.d.ts +10 -0
  191. package/dist/components/field/Field.element.js +20 -0
  192. package/dist/components/field/field.template.d.ts +9 -0
  193. package/dist/components/field/field.template.js +110 -0
  194. package/dist/components/field/index.d.ts +3 -0
  195. package/dist/components/field/index.js +1 -0
  196. package/dist/components/field/setup.component.d.ts +4 -0
  197. package/dist/components/field/setup.component.js +17 -0
  198. package/dist/components/frame/Frame.element.d.ts +10 -0
  199. package/dist/components/frame/Frame.element.js +27 -0
  200. package/dist/components/frame/frame.template.d.ts +4 -0
  201. package/dist/components/frame/frame.template.js +10 -0
  202. package/dist/components/frame/index.d.ts +3 -0
  203. package/dist/components/frame/index.js +1 -0
  204. package/dist/components/frame/setup.component.d.ts +3 -0
  205. package/dist/components/frame/setup.component.js +14 -0
  206. package/dist/components/icon/Icon.element.d.ts +10 -0
  207. package/dist/components/icon/Icon.element.js +21 -0
  208. package/dist/components/icon/icon.template.d.ts +7 -0
  209. package/dist/components/icon/icon.template.js +32 -0
  210. package/dist/components/icon/index.d.ts +4 -0
  211. package/dist/components/icon/index.js +3 -0
  212. package/dist/components/icon/setup.component.d.ts +3 -0
  213. package/dist/components/icon/setup.component.js +14 -0
  214. package/dist/components/index.d.ts +44 -0
  215. package/dist/components/index.js +104 -0
  216. package/dist/components/input/Input.element.d.ts +9 -0
  217. package/dist/components/input/Input.element.js +24 -0
  218. package/dist/components/input/index.d.ts +3 -0
  219. package/dist/components/input/index.js +1 -0
  220. package/dist/components/input/input.template.d.ts +10 -0
  221. package/dist/components/input/input.template.js +82 -0
  222. package/dist/components/input/setup.component.d.ts +7 -0
  223. package/dist/components/input/setup.component.js +16 -0
  224. package/dist/components/input-control/index.d.ts +1 -0
  225. package/dist/components/input-control/index.js +1 -0
  226. package/dist/components/input-control/setup.component.d.ts +4 -0
  227. package/dist/components/input-control/setup.component.js +2 -0
  228. package/dist/components/interactive/index.d.ts +1 -0
  229. package/dist/components/interactive/index.js +1 -0
  230. package/dist/components/interactive/setup.component.d.ts +3 -0
  231. package/dist/components/interactive/setup.component.js +2 -0
  232. package/dist/components/item-row/ItemRow.element.d.ts +26 -0
  233. package/dist/components/item-row/ItemRow.element.js +53 -0
  234. package/dist/components/item-row/index.d.ts +1 -0
  235. package/dist/components/item-row/index.js +1 -0
  236. package/dist/components/item-row/setup.component.d.ts +3 -0
  237. package/dist/components/item-row/setup.component.js +14 -0
  238. package/dist/components/label/Label.element.d.ts +9 -0
  239. package/dist/components/label/Label.element.js +19 -0
  240. package/dist/components/label/index.d.ts +3 -0
  241. package/dist/components/label/index.js +1 -0
  242. package/dist/components/label/label.template.d.ts +8 -0
  243. package/dist/components/label/label.template.js +33 -0
  244. package/dist/components/label/setup.component.d.ts +3 -0
  245. package/dist/components/label/setup.component.js +14 -0
  246. package/dist/components/list-box/ListBox.element.d.ts +10 -0
  247. package/dist/components/list-box/ListBox.element.js +32 -0
  248. package/dist/components/list-box/group/ListBoxGroup.element.d.ts +9 -0
  249. package/dist/components/list-box/group/ListBoxGroup.element.js +17 -0
  250. package/dist/components/list-box/group/index.d.ts +3 -0
  251. package/dist/components/list-box/group/index.js +3 -0
  252. package/dist/components/list-box/group/list-box-group.template.d.ts +8 -0
  253. package/dist/components/list-box/group/list-box-group.template.js +32 -0
  254. package/dist/components/list-box/group/setup.component.d.ts +3 -0
  255. package/dist/components/list-box/group/setup.component.js +16 -0
  256. package/dist/components/list-box/index.d.ts +7 -0
  257. package/dist/components/list-box/index.js +4 -0
  258. package/dist/components/list-box/item/ListBoxItem.element.d.ts +10 -0
  259. package/dist/components/list-box/item/ListBoxItem.element.js +25 -0
  260. package/dist/components/list-box/item/index.d.ts +3 -0
  261. package/dist/components/list-box/item/index.js +3 -0
  262. package/dist/components/list-box/item/list-box-item.template.d.ts +8 -0
  263. package/dist/components/list-box/item/list-box-item.template.js +116 -0
  264. package/dist/components/list-box/item/setup.component.d.ts +3 -0
  265. package/dist/components/list-box/item/setup.component.js +22 -0
  266. package/dist/components/list-box/list-box.template.d.ts +11 -0
  267. package/dist/components/list-box/list-box.template.js +77 -0
  268. package/dist/components/list-box/setup.component.d.ts +3 -0
  269. package/dist/components/list-box/setup.component.js +26 -0
  270. package/dist/components/menu/Menu.element.d.ts +10 -0
  271. package/dist/components/menu/Menu.element.js +49 -0
  272. package/dist/components/menu/checkbox-item/MenuCheckboxItem.element.d.ts +10 -0
  273. package/dist/components/menu/checkbox-item/MenuCheckboxItem.element.js +24 -0
  274. package/dist/components/menu/checkbox-item/index.d.ts +3 -0
  275. package/dist/components/menu/checkbox-item/index.js +3 -0
  276. package/dist/components/menu/checkbox-item/menu-checkbox-item.template.d.ts +8 -0
  277. package/dist/components/menu/checkbox-item/menu-checkbox-item.template.js +58 -0
  278. package/dist/components/menu/checkbox-item/setup.component.d.ts +3 -0
  279. package/dist/components/menu/checkbox-item/setup.component.js +22 -0
  280. package/dist/components/menu/group/MenuGroup.element.d.ts +9 -0
  281. package/dist/components/menu/group/MenuGroup.element.js +17 -0
  282. package/dist/components/menu/group/index.d.ts +3 -0
  283. package/dist/components/menu/group/index.js +3 -0
  284. package/dist/components/menu/group/menu-group.template.d.ts +12 -0
  285. package/dist/components/menu/group/menu-group.template.js +37 -0
  286. package/dist/components/menu/group/setup.component.d.ts +3 -0
  287. package/dist/components/menu/group/setup.component.js +16 -0
  288. package/dist/components/menu/index.d.ts +19 -0
  289. package/dist/components/menu/index.js +10 -0
  290. package/dist/components/menu/item/MenuItem.element.d.ts +10 -0
  291. package/dist/components/menu/item/MenuItem.element.js +24 -0
  292. package/dist/components/menu/item/index.d.ts +3 -0
  293. package/dist/components/menu/item/index.js +3 -0
  294. package/dist/components/menu/item/menu-item.template.d.ts +8 -0
  295. package/dist/components/menu/item/menu-item.template.js +36 -0
  296. package/dist/components/menu/item/setup.component.d.ts +3 -0
  297. package/dist/components/menu/item/setup.component.js +22 -0
  298. package/dist/components/menu/items.d.ts +25 -0
  299. package/dist/components/menu/items.js +112 -0
  300. package/dist/components/menu/menu.template.d.ts +17 -0
  301. package/dist/components/menu/menu.template.js +100 -0
  302. package/dist/components/menu/popover-item/MenuPopoverItem.element.d.ts +10 -0
  303. package/dist/components/menu/popover-item/MenuPopoverItem.element.js +24 -0
  304. package/dist/components/menu/popover-item/index.d.ts +3 -0
  305. package/dist/components/menu/popover-item/index.js +3 -0
  306. package/dist/components/menu/popover-item/menu-popover-item.template.d.ts +14 -0
  307. package/dist/components/menu/popover-item/menu-popover-item.template.js +83 -0
  308. package/dist/components/menu/popover-item/setup.component.d.ts +6 -0
  309. package/dist/components/menu/popover-item/setup.component.js +22 -0
  310. package/dist/components/menu/radio-group/MenuRadioGroup.element.d.ts +9 -0
  311. package/dist/components/menu/radio-group/MenuRadioGroup.element.js +17 -0
  312. package/dist/components/menu/radio-group/index.d.ts +3 -0
  313. package/dist/components/menu/radio-group/index.js +3 -0
  314. package/dist/components/menu/radio-group/menu-radio-group.template.d.ts +7 -0
  315. package/dist/components/menu/radio-group/menu-radio-group.template.js +10 -0
  316. package/dist/components/menu/radio-group/setup.component.d.ts +3 -0
  317. package/dist/components/menu/radio-group/setup.component.js +17 -0
  318. package/dist/components/menu/radio-item/MenuRadioItem.element.d.ts +10 -0
  319. package/dist/components/menu/radio-item/MenuRadioItem.element.js +24 -0
  320. package/dist/components/menu/radio-item/index.d.ts +3 -0
  321. package/dist/components/menu/radio-item/index.js +3 -0
  322. package/dist/components/menu/radio-item/menu-radio-item.template.d.ts +7 -0
  323. package/dist/components/menu/radio-item/menu-radio-item.template.js +54 -0
  324. package/dist/components/menu/radio-item/setup.component.d.ts +3 -0
  325. package/dist/components/menu/radio-item/setup.component.js +23 -0
  326. package/dist/components/menu/row.d.ts +27 -0
  327. package/dist/components/menu/row.js +72 -0
  328. package/dist/components/menu/separator/MenuSeparator.element.d.ts +9 -0
  329. package/dist/components/menu/separator/MenuSeparator.element.js +17 -0
  330. package/dist/components/menu/separator/index.d.ts +3 -0
  331. package/dist/components/menu/separator/index.js +3 -0
  332. package/dist/components/menu/separator/menu-separator.template.d.ts +4 -0
  333. package/dist/components/menu/separator/menu-separator.template.js +7 -0
  334. package/dist/components/menu/separator/setup.component.d.ts +3 -0
  335. package/dist/components/menu/separator/setup.component.js +14 -0
  336. package/dist/components/menu/setup.component.d.ts +6 -0
  337. package/dist/components/menu/setup.component.js +25 -0
  338. package/dist/components/menu/submenu/MenuSubmenu.element.d.ts +11 -0
  339. package/dist/components/menu/submenu/MenuSubmenu.element.js +26 -0
  340. package/dist/components/menu/submenu/index.d.ts +3 -0
  341. package/dist/components/menu/submenu/index.js +3 -0
  342. package/dist/components/menu/submenu/menu-submenu.template.d.ts +13 -0
  343. package/dist/components/menu/submenu/menu-submenu.template.js +103 -0
  344. package/dist/components/menu/submenu/setup.component.d.ts +11 -0
  345. package/dist/components/menu/submenu/setup.component.js +36 -0
  346. package/dist/components/number-input/NumberInput.element.d.ts +11 -0
  347. package/dist/components/number-input/NumberInput.element.js +26 -0
  348. package/dist/components/number-input/index.d.ts +3 -0
  349. package/dist/components/number-input/index.js +1 -0
  350. package/dist/components/number-input/number-input.template.d.ts +9 -0
  351. package/dist/components/number-input/number-input.template.js +166 -0
  352. package/dist/components/number-input/setup.component.d.ts +7 -0
  353. package/dist/components/number-input/setup.component.js +16 -0
  354. package/dist/components/pagination/Pagination.element.d.ts +10 -0
  355. package/dist/components/pagination/Pagination.element.js +24 -0
  356. package/dist/components/pagination/index.d.ts +3 -0
  357. package/dist/components/pagination/index.js +1 -0
  358. package/dist/components/pagination/item/PaginationItem.element.d.ts +11 -0
  359. package/dist/components/pagination/item/PaginationItem.element.js +23 -0
  360. package/dist/components/pagination/item/index.d.ts +3 -0
  361. package/dist/components/pagination/item/index.js +3 -0
  362. package/dist/components/pagination/item/pagination-item.template.d.ts +8 -0
  363. package/dist/components/pagination/item/pagination-item.template.js +55 -0
  364. package/dist/components/pagination/item/setup.component.d.ts +3 -0
  365. package/dist/components/pagination/item/setup.component.js +22 -0
  366. package/dist/components/pagination/pagination.template.d.ts +11 -0
  367. package/dist/components/pagination/pagination.template.js +109 -0
  368. package/dist/components/pagination/setup.component.d.ts +3 -0
  369. package/dist/components/pagination/setup.component.js +25 -0
  370. package/dist/components/popover/Popover.element.d.ts +16 -0
  371. package/dist/components/popover/Popover.element.js +46 -0
  372. package/dist/components/popover/index.d.ts +6 -0
  373. package/dist/components/popover/index.js +1 -0
  374. package/dist/components/popover/popover.template.d.ts +9 -0
  375. package/dist/components/popover/popover.template.js +126 -0
  376. package/dist/components/popover/setup.component.d.ts +5 -0
  377. package/dist/components/popover/setup.component.js +14 -0
  378. package/dist/components/progress-linear/ProgressLinear.element.d.ts +10 -0
  379. package/dist/components/progress-linear/ProgressLinear.element.js +24 -0
  380. package/dist/components/progress-linear/index.d.ts +3 -0
  381. package/dist/components/progress-linear/index.js +1 -0
  382. package/dist/components/progress-linear/progress-linear.template.d.ts +8 -0
  383. package/dist/components/progress-linear/progress-linear.template.js +12 -0
  384. package/dist/components/progress-linear/setup.component.d.ts +3 -0
  385. package/dist/components/progress-linear/setup.component.js +14 -0
  386. package/dist/components/progress-spinner/ProgressSpinner.element.d.ts +10 -0
  387. package/dist/components/progress-spinner/ProgressSpinner.element.js +24 -0
  388. package/dist/components/progress-spinner/index.d.ts +3 -0
  389. package/dist/components/progress-spinner/index.js +1 -0
  390. package/dist/components/progress-spinner/progress-spinner.template.d.ts +8 -0
  391. package/dist/components/progress-spinner/progress-spinner.template.js +41 -0
  392. package/dist/components/progress-spinner/setup.component.d.ts +3 -0
  393. package/dist/components/progress-spinner/setup.component.js +14 -0
  394. package/dist/components/radio-group/RadioGroup.element.d.ts +9 -0
  395. package/dist/components/radio-group/RadioGroup.element.js +23 -0
  396. package/dist/components/radio-group/index.d.ts +5 -0
  397. package/dist/components/radio-group/index.js +3 -0
  398. package/dist/components/radio-group/item/RadioGroupItem.element.d.ts +11 -0
  399. package/dist/components/radio-group/item/RadioGroupItem.element.js +25 -0
  400. package/dist/components/radio-group/item/index.d.ts +3 -0
  401. package/dist/components/radio-group/item/index.js +3 -0
  402. package/dist/components/radio-group/item/radio-group-item.template.d.ts +8 -0
  403. package/dist/components/radio-group/item/radio-group-item.template.js +61 -0
  404. package/dist/components/radio-group/item/setup.component.d.ts +3 -0
  405. package/dist/components/radio-group/item/setup.component.js +22 -0
  406. package/dist/components/radio-group/radio-group.template.d.ts +10 -0
  407. package/dist/components/radio-group/radio-group.template.js +34 -0
  408. package/dist/components/radio-group/setup.component.d.ts +3 -0
  409. package/dist/components/radio-group/setup.component.js +25 -0
  410. package/dist/components/rating/Rating.element.d.ts +10 -0
  411. package/dist/components/rating/Rating.element.js +25 -0
  412. package/dist/components/rating/index.d.ts +3 -0
  413. package/dist/components/rating/index.js +1 -0
  414. package/dist/components/rating/rating.template.d.ts +12 -0
  415. package/dist/components/rating/rating.template.js +89 -0
  416. package/dist/components/rating/setup.component.d.ts +7 -0
  417. package/dist/components/rating/setup.component.js +16 -0
  418. package/dist/components/scroller/Scroller.element.d.ts +9 -0
  419. package/dist/components/scroller/Scroller.element.js +19 -0
  420. package/dist/components/scroller/index.d.ts +3 -0
  421. package/dist/components/scroller/index.js +1 -0
  422. package/dist/components/scroller/scroller.template.d.ts +9 -0
  423. package/dist/components/scroller/scroller.template.js +82 -0
  424. package/dist/components/scroller/setup.component.d.ts +3 -0
  425. package/dist/components/scroller/setup.component.js +14 -0
  426. package/dist/components/select/Select.element.d.ts +12 -0
  427. package/dist/components/select/Select.element.js +33 -0
  428. package/dist/components/select/group/SelectGroup.element.d.ts +9 -0
  429. package/dist/components/select/group/SelectGroup.element.js +17 -0
  430. package/dist/components/select/group/index.d.ts +3 -0
  431. package/dist/components/select/group/index.js +3 -0
  432. package/dist/components/select/group/select-group.template.d.ts +7 -0
  433. package/dist/components/select/group/select-group.template.js +32 -0
  434. package/dist/components/select/group/setup.component.d.ts +4 -0
  435. package/dist/components/select/group/setup.component.js +17 -0
  436. package/dist/components/select/index.d.ts +7 -0
  437. package/dist/components/select/index.js +4 -0
  438. package/dist/components/select/item/SelectItem.element.d.ts +11 -0
  439. package/dist/components/select/item/SelectItem.element.js +26 -0
  440. package/dist/components/select/item/index.d.ts +3 -0
  441. package/dist/components/select/item/index.js +3 -0
  442. package/dist/components/select/item/select-item.template.d.ts +9 -0
  443. package/dist/components/select/item/select-item.template.js +113 -0
  444. package/dist/components/select/item/setup.component.d.ts +3 -0
  445. package/dist/components/select/item/setup.component.js +22 -0
  446. package/dist/components/select/select.template.d.ts +12 -0
  447. package/dist/components/select/select.template.js +216 -0
  448. package/dist/components/select/setup.component.d.ts +9 -0
  449. package/dist/components/select/setup.component.js +26 -0
  450. package/dist/components/skeleton/Skeleton.element.d.ts +10 -0
  451. package/dist/components/skeleton/Skeleton.element.js +24 -0
  452. package/dist/components/skeleton/index.d.ts +3 -0
  453. package/dist/components/skeleton/index.js +1 -0
  454. package/dist/components/skeleton/setup.component.d.ts +3 -0
  455. package/dist/components/skeleton/setup.component.js +14 -0
  456. package/dist/components/skeleton/skeleton.template.d.ts +8 -0
  457. package/dist/components/skeleton/skeleton.template.js +25 -0
  458. package/dist/components/slider/Slider.element.d.ts +11 -0
  459. package/dist/components/slider/Slider.element.js +25 -0
  460. package/dist/components/slider/index.d.ts +3 -0
  461. package/dist/components/slider/index.js +1 -0
  462. package/dist/components/slider/setup.component.d.ts +3 -0
  463. package/dist/components/slider/setup.component.js +16 -0
  464. package/dist/components/slider/slider.template.d.ts +8 -0
  465. package/dist/components/slider/slider.template.js +149 -0
  466. package/dist/components/stylable/index.d.ts +1 -0
  467. package/dist/components/stylable/index.js +1 -0
  468. package/dist/components/stylable/setup.component.d.ts +3 -0
  469. package/dist/components/stylable/setup.component.js +2 -0
  470. package/dist/components/switch/Switch.element.d.ts +9 -0
  471. package/dist/components/switch/Switch.element.js +24 -0
  472. package/dist/components/switch/index.d.ts +3 -0
  473. package/dist/components/switch/index.js +1 -0
  474. package/dist/components/switch/setup.component.d.ts +7 -0
  475. package/dist/components/switch/setup.component.js +16 -0
  476. package/dist/components/switch/switch.template.d.ts +9 -0
  477. package/dist/components/switch/switch.template.js +63 -0
  478. package/dist/components/table/Table.element.d.ts +11 -0
  479. package/dist/components/table/Table.element.js +29 -0
  480. package/dist/components/table/column/TableColumn.element.d.ts +10 -0
  481. package/dist/components/table/column/TableColumn.element.js +22 -0
  482. package/dist/components/table/column/index.d.ts +3 -0
  483. package/dist/components/table/column/index.js +3 -0
  484. package/dist/components/table/column/setup.component.d.ts +4 -0
  485. package/dist/components/table/column/setup.component.js +15 -0
  486. package/dist/components/table/column/table-column.template.d.ts +8 -0
  487. package/dist/components/table/column/table-column.template.js +123 -0
  488. package/dist/components/table/index.d.ts +7 -0
  489. package/dist/components/table/index.js +4 -0
  490. package/dist/components/table/row/TableRow.element.d.ts +10 -0
  491. package/dist/components/table/row/TableRow.element.js +19 -0
  492. package/dist/components/table/row/index.d.ts +3 -0
  493. package/dist/components/table/row/index.js +3 -0
  494. package/dist/components/table/row/setup.component.d.ts +3 -0
  495. package/dist/components/table/row/setup.component.js +22 -0
  496. package/dist/components/table/row/table-row.template.d.ts +8 -0
  497. package/dist/components/table/row/table-row.template.js +98 -0
  498. package/dist/components/table/setup.component.d.ts +3 -0
  499. package/dist/components/table/setup.component.js +26 -0
  500. package/dist/components/table/table.template.d.ts +12 -0
  501. package/dist/components/table/table.template.js +164 -0
  502. package/dist/components/tabs/Tabs.element.d.ts +10 -0
  503. package/dist/components/tabs/Tabs.element.js +32 -0
  504. package/dist/components/tabs/content/TabsContent.element.d.ts +10 -0
  505. package/dist/components/tabs/content/TabsContent.element.js +24 -0
  506. package/dist/components/tabs/content/index.d.ts +3 -0
  507. package/dist/components/tabs/content/index.js +3 -0
  508. package/dist/components/tabs/content/setup.component.d.ts +3 -0
  509. package/dist/components/tabs/content/setup.component.js +22 -0
  510. package/dist/components/tabs/content/tabs-content.template.d.ts +4 -0
  511. package/dist/components/tabs/content/tabs-content.template.js +15 -0
  512. package/dist/components/tabs/index.d.ts +7 -0
  513. package/dist/components/tabs/index.js +4 -0
  514. package/dist/components/tabs/item/TabsItem.element.d.ts +10 -0
  515. package/dist/components/tabs/item/TabsItem.element.js +25 -0
  516. package/dist/components/tabs/item/index.d.ts +3 -0
  517. package/dist/components/tabs/item/index.js +3 -0
  518. package/dist/components/tabs/item/setup.component.d.ts +3 -0
  519. package/dist/components/tabs/item/setup.component.js +22 -0
  520. package/dist/components/tabs/item/tabs-item.template.d.ts +8 -0
  521. package/dist/components/tabs/item/tabs-item.template.js +113 -0
  522. package/dist/components/tabs/setup.component.d.ts +3 -0
  523. package/dist/components/tabs/setup.component.js +26 -0
  524. package/dist/components/tabs/tabs.template.d.ts +12 -0
  525. package/dist/components/tabs/tabs.template.js +76 -0
  526. package/dist/components/tags/Tags.element.d.ts +10 -0
  527. package/dist/components/tags/Tags.element.js +24 -0
  528. package/dist/components/tags/index.d.ts +5 -0
  529. package/dist/components/tags/index.js +3 -0
  530. package/dist/components/tags/item/TagsItem.element.d.ts +11 -0
  531. package/dist/components/tags/item/TagsItem.element.js +26 -0
  532. package/dist/components/tags/item/index.d.ts +3 -0
  533. package/dist/components/tags/item/index.js +3 -0
  534. package/dist/components/tags/item/setup.component.d.ts +3 -0
  535. package/dist/components/tags/item/setup.component.js +22 -0
  536. package/dist/components/tags/item/tags-item.template.d.ts +9 -0
  537. package/dist/components/tags/item/tags-item.template.js +115 -0
  538. package/dist/components/tags/setup.component.d.ts +3 -0
  539. package/dist/components/tags/setup.component.js +25 -0
  540. package/dist/components/tags/tags.template.d.ts +10 -0
  541. package/dist/components/tags/tags.template.js +43 -0
  542. package/dist/components/textable/index.d.ts +1 -0
  543. package/dist/components/textable/index.js +1 -0
  544. package/dist/components/textable/setup.component.d.ts +3 -0
  545. package/dist/components/textable/setup.component.js +2 -0
  546. package/dist/components/textarea/Textarea.element.d.ts +9 -0
  547. package/dist/components/textarea/Textarea.element.js +24 -0
  548. package/dist/components/textarea/index.d.ts +3 -0
  549. package/dist/components/textarea/index.js +1 -0
  550. package/dist/components/textarea/setup.component.d.ts +7 -0
  551. package/dist/components/textarea/setup.component.js +16 -0
  552. package/dist/components/textarea/textarea.template.d.ts +9 -0
  553. package/dist/components/textarea/textarea.template.js +81 -0
  554. package/dist/components/toasts/Toasts.element.d.ts +11 -0
  555. package/dist/components/toasts/Toasts.element.js +29 -0
  556. package/dist/components/toasts/index.d.ts +5 -0
  557. package/dist/components/toasts/index.js +3 -0
  558. package/dist/components/toasts/item/ToastsItem.element.d.ts +11 -0
  559. package/dist/components/toasts/item/ToastsItem.element.js +19 -0
  560. package/dist/components/toasts/item/index.d.ts +3 -0
  561. package/dist/components/toasts/item/index.js +3 -0
  562. package/dist/components/toasts/item/setup.component.d.ts +3 -0
  563. package/dist/components/toasts/item/setup.component.js +22 -0
  564. package/dist/components/toasts/item/toasts-item.template.d.ts +9 -0
  565. package/dist/components/toasts/item/toasts-item.template.js +133 -0
  566. package/dist/components/toasts/setup.component.d.ts +3 -0
  567. package/dist/components/toasts/setup.component.js +26 -0
  568. package/dist/components/toasts/toasts.template.d.ts +11 -0
  569. package/dist/components/toasts/toasts.template.js +53 -0
  570. package/dist/components/tooltip/Tooltip.element.d.ts +10 -0
  571. package/dist/components/tooltip/Tooltip.element.js +24 -0
  572. package/dist/components/tooltip/index.d.ts +3 -0
  573. package/dist/components/tooltip/index.js +1 -0
  574. package/dist/components/tooltip/setup.component.d.ts +6 -0
  575. package/dist/components/tooltip/setup.component.js +14 -0
  576. package/dist/components/tooltip/tooltip.template.d.ts +11 -0
  577. package/dist/components/tooltip/tooltip.template.js +68 -0
  578. package/dist/components/value-control/index.d.ts +1 -0
  579. package/dist/components/value-control/index.js +1 -0
  580. package/dist/components/value-control/setup.component.d.ts +4 -0
  581. package/dist/components/value-control/setup.component.js +2 -0
  582. package/dist/components/virtual/Virtual.element.d.ts +10 -0
  583. package/dist/components/virtual/Virtual.element.js +20 -0
  584. package/dist/components/virtual/index.d.ts +3 -0
  585. package/dist/components/virtual/index.js +1 -0
  586. package/dist/components/virtual/setup.component.d.ts +4 -0
  587. package/dist/components/virtual/setup.component.js +17 -0
  588. package/dist/components/virtual/virtual.template.d.ts +4 -0
  589. package/dist/components/virtual/virtual.template.js +14 -0
  590. package/dist/index.d.ts +7 -0
  591. package/dist/index.js +65 -0
  592. package/package.json +200 -4
@@ -0,0 +1,9 @@
1
+ /**
2
+ * Шаблон тоста: корень — место в списке, в нём плашка `so-toasts-item__card`
3
+ * (место схлопывается переходом высоты, плашка размера не меняет) с коробкой
4
+ * значка, текстом и крестиком-деталью. Пустую часть текста тема сворачивает по
5
+ * `:empty`.
6
+ */
7
+ import type { IToastsItem, TToastsItemCollectionFacade } from '@soxa-ui/core';
8
+ import { type ITemplate } from '../../../adapter';
9
+ export declare const toastsItemTemplate: ITemplate<IToastsItem, TToastsItemCollectionFacade>;
@@ -0,0 +1,133 @@
1
+ import { bind } from "../../../adapter/template/types.js";
2
+ import { ownerAttributes, ownerStyles } from "../../../adapter/template/owner.js";
3
+ import { createDetail, patch } from "../../../adapter/template/parts.js";
4
+ import { isToastRender } from "../../../adapter/toasts/toastsOf.js";
5
+ import "../../../adapter/index.js";
6
+ import { TButtonElement } from "../../button/Button.element.js";
7
+ import "../../button/index.js";
8
+ import { TIconElement } from "../../icon/Icon.element.js";
9
+ import "../../icon/index.js";
10
+ import { lendRoleIcon } from "../../common/icon-button.js";
11
+ import { TProgressSpinnerElement } from "../../progress-spinner/ProgressSpinner.element.js";
12
+ import "../../progress-spinner/index.js";
13
+ import { DEFAULT_SLOT } from "@soxa-ui/setup";
14
+ //#region src/components/toasts/item/toasts-item.template.ts
15
+ /** Роль на каждый вид: в принудительных цветах вид различает только глиф. */
16
+ var TYPE_ICONS = {
17
+ info: "info",
18
+ success: "success",
19
+ warning: "warning",
20
+ error: "error"
21
+ };
22
+ var NOTIFICATION_ICON = "notification";
23
+ var parts = /* @__PURE__ */ new WeakMap();
24
+ function toggleIn(box, node, shown) {
25
+ if (!node) return;
26
+ if (!shown) node.remove();
27
+ else if (node.parentNode !== box) box.appendChild(node);
28
+ }
29
+ var toastsItemTemplate = {
30
+ create: (root, ctx) => {
31
+ const { hasSlot } = ctx;
32
+ const { ownerDocument } = root;
33
+ const card = ownerDocument.createElement("div");
34
+ const box = ownerDocument.createElement("span");
35
+ const body = ownerDocument.createElement("div");
36
+ const text = ownerDocument.createElement("div");
37
+ const description = ownerDocument.createElement("div");
38
+ const content = ownerDocument.createElement("div");
39
+ const spinner = createDetail(ownerDocument, TProgressSpinnerElement, { embedded: "toasts.spinner" });
40
+ const close = createDetail(ownerDocument, TButtonElement, {
41
+ embedded: "toasts.close",
42
+ attributes: { type: "button" }
43
+ });
44
+ card.className = "so-toasts-item__card";
45
+ box.className = "so-toasts-item__icon";
46
+ box.setAttribute("aria-hidden", "true");
47
+ body.className = "so-toasts-item__body";
48
+ text.className = "so-toasts-item__text";
49
+ description.className = "so-toasts-item__description";
50
+ content.className = "so-toasts-item__content";
51
+ close.className = "so-toasts-item__close";
52
+ spinner.indeterminate = true;
53
+ const glyph = hasSlot("icon") ? null : createDetail(ownerDocument, TIconElement, { embedded: "toasts.icon" });
54
+ if (!hasSlot("close-icon")) lendRoleIcon(close, "close", "toasts.close-icon");
55
+ close.addEventListener("click", () => ctx.ctrl?.close());
56
+ body.append(text, description, content);
57
+ card.append(box, body, close);
58
+ root.appendChild(card);
59
+ parts.set(root, {
60
+ card,
61
+ box,
62
+ spinner,
63
+ glyph,
64
+ text,
65
+ description,
66
+ content,
67
+ close
68
+ });
69
+ return { slots: {
70
+ icon: {
71
+ mode: "append",
72
+ node: box
73
+ },
74
+ default: {
75
+ mode: "append",
76
+ node: text
77
+ },
78
+ content: {
79
+ mode: "append",
80
+ node: content
81
+ },
82
+ "close-icon": {
83
+ mode: "append",
84
+ node: close,
85
+ slot: DEFAULT_SLOT
86
+ }
87
+ } };
88
+ },
89
+ bindings: [
90
+ bind("order", ({ root, state }) => {
91
+ ownerStyles(root, typeof state.order === "number" ? { "--so-toasts-depth": state.order } : void 0);
92
+ }),
93
+ bind("type", ({ root, state }) => {
94
+ const glyph = parts.get(root)?.glyph;
95
+ if (!glyph) return;
96
+ const role = state.type ? TYPE_ICONS[state.type] : NOTIFICATION_ICON;
97
+ patch(glyph, { icon: role });
98
+ }),
99
+ bind("loading", ({ root, state, showSlot }) => {
100
+ const own = parts.get(root);
101
+ if (!own) return;
102
+ const loading = state.loading === true;
103
+ showSlot("icon", !loading);
104
+ toggleIn(own.box, own.spinner, loading);
105
+ toggleIn(own.box, own.glyph, !loading);
106
+ }),
107
+ bind("text", ({ root, state, hasSlot }) => {
108
+ const text = parts.get(root)?.text;
109
+ const value = state.text ?? "";
110
+ if (text && !hasSlot(DEFAULT_SLOT) && text.textContent !== value) text.textContent = value;
111
+ }),
112
+ bind("description", ({ root, state }) => {
113
+ const description = parts.get(root)?.description;
114
+ const value = state.description ?? "";
115
+ if (description && description.textContent !== value) description.textContent = value;
116
+ }),
117
+ bind("render", ({ root, state, ctrl, hasSlot }) => {
118
+ const content = parts.get(root)?.content;
119
+ if (!content || hasSlot("content")) return;
120
+ const render = state.render;
121
+ content.replaceChildren(...ctrl && isToastRender(render) ? [render(ctrl)] : []);
122
+ }),
123
+ bind(["closable", "closeAria"], ({ root, state }) => {
124
+ const own = parts.get(root);
125
+ if (!own) return;
126
+ ownerAttributes(own.close, state.closeAria);
127
+ if (state.closable !== true) own.close.remove();
128
+ else if (own.close.parentNode !== own.card) own.card.appendChild(own.close);
129
+ })
130
+ ]
131
+ };
132
+ //#endregion
133
+ export { toastsItemTemplate };
@@ -0,0 +1,3 @@
1
+ import type { IToasts, TToastsCollectionFacade } from '@soxa-ui/core';
2
+ import type { TBinding, TUpdateListener } from '../../adapter';
3
+ export declare function setupToasts(host: HTMLElement, ctrl: IToasts | undefined, props: Record<string, unknown>, onUpdate: TUpdateListener): TBinding<IToasts, TToastsCollectionFacade>;
@@ -0,0 +1,26 @@
1
+ import { createWebcAdapterContext } from "../../adapter/common/createWebcAdapterContext.js";
2
+ import { joinBindings, useAdapter, useCollectionAdapter } from "../../adapter/runtime/useAdapter.js";
3
+ import { createWebcElevator } from "../../adapter/elevator/factory.js";
4
+ import "../../adapter/elevator/index.js";
5
+ import "../../adapter/index.js";
6
+ import { TCollectionExtension, TToastsApiExtension, ToastsCollectionDescriptor, ToastsDescriptor } from "@soxa-ui/setup";
7
+ //#region src/components/toasts/setup.component.ts
8
+ function setupToasts(host, ctrl, props, onUpdate) {
9
+ const adapter = createWebcAdapterContext(host, ToastsDescriptor(), {
10
+ ctrl,
11
+ props
12
+ });
13
+ const elevator = createWebcElevator(host);
14
+ const collectionAdapter = createWebcAdapterContext(host, ToastsCollectionDescriptor(), {
15
+ props,
16
+ options: {
17
+ owner: adapter.instance,
18
+ engine: props["engine"]
19
+ }
20
+ }, { bundle: adapter.bundle }).use(TCollectionExtension, { elevator }).use(TToastsApiExtension, { elevator });
21
+ const facade = useCollectionAdapter(collectionAdapter, host, onUpdate);
22
+ const owner = useAdapter(adapter, host, onUpdate);
23
+ return joinBindings(owner, facade);
24
+ }
25
+ //#endregion
26
+ export { setupToasts };
@@ -0,0 +1,11 @@
1
+ /**
2
+ * Шаблон Toasts: приложение — свет на месте, за ним корень — регион `section`
3
+ * со списком `ol.so-toasts__list`, тосты — петлёй по `shown` с копиями образцов
4
+ * `item-*`. Регион стоит и пустым: живая область должна быть в документе до
5
+ * первого тоста.
6
+ */
7
+ import type { IToasts, TToastsCollectionFacade } from '@soxa-ui/core';
8
+ import { type ITemplate, type TItemSlots } from '../../adapter';
9
+ /** Слот менеджера → слот тоста; сторож — `setup/__tests__/item-slots.spec.ts`. */
10
+ export declare const TOASTS_ITEM_SLOTS: TItemSlots;
11
+ export declare const toastsTemplate: ITemplate<IToasts, TToastsCollectionFacade>;
@@ -0,0 +1,53 @@
1
+ import { bind } from "../../adapter/template/types.js";
2
+ import { createItem, lendSamples } from "../../adapter/template/parts.js";
3
+ import { TKeyedLoop } from "../../adapter/template/loop.js";
4
+ import { displayContents } from "../../adapter/runtime/display-contents.js";
5
+ import "../../adapter/index.js";
6
+ import { TToastsItemElement } from "./item/ToastsItem.element.js";
7
+ import "./item/index.js";
8
+ //#region src/components/toasts/toasts.template.ts
9
+ /** Слот менеджера → слот тоста; сторож — `setup/__tests__/item-slots.spec.ts`. */
10
+ var TOASTS_ITEM_SLOTS = {
11
+ "item-icon": "icon",
12
+ item: "default",
13
+ "item-content": "content",
14
+ "item-close-icon": "close-icon"
15
+ };
16
+ var loops = /* @__PURE__ */ new WeakMap();
17
+ /** `ctrl` и копии образцов — до вставки. */
18
+ function toastOf(ctx, item) {
19
+ const toast = createItem(ctx.root.ownerDocument, TToastsItemElement);
20
+ toast.ctrl = item;
21
+ lendSamples(ctx, toast, TOASTS_ITEM_SLOTS);
22
+ return toast;
23
+ }
24
+ var toastsTemplate = {
25
+ create: (root) => {
26
+ const { ownerDocument } = root;
27
+ const region = ownerDocument.createElement("section");
28
+ const list = ownerDocument.createElement("ol");
29
+ displayContents(root);
30
+ list.className = "so-toasts__list";
31
+ region.appendChild(list);
32
+ root.appendChild(region);
33
+ loops.set(root, new TKeyedLoop(list, null, (item) => item.uid));
34
+ return {
35
+ root: region,
36
+ slots: {
37
+ default: {
38
+ mode: "before",
39
+ node: region
40
+ },
41
+ "item-icon": { mode: "sample" },
42
+ item: { mode: "sample" },
43
+ "item-content": { mode: "sample" },
44
+ "item-close-icon": { mode: "sample" }
45
+ }
46
+ };
47
+ },
48
+ bindings: [bind("shown", (ctx) => {
49
+ loops.get(ctx.root)?.draw(ctx.state.shown ?? [], (item) => toastOf(ctx, item));
50
+ })]
51
+ };
52
+ //#endregion
53
+ export { TOASTS_ITEM_SLOTS, toastsTemplate };
@@ -0,0 +1,10 @@
1
+ /**
2
+ * `<span is="so-tooltip">` — подсказка у триггера: строчный корень — обёртка
3
+ * триггера и цель наведения, панель — деталь Frame. docs/architecture.md,
4
+ * Layer 8d, «Панель у триггера».
5
+ */
6
+ import { TooltipDescriptor } from '@soxa-ui/setup';
7
+ import type { ITooltip } from '@soxa-ui/core';
8
+ import type { TElementClassOf, TElementType } from '../../adapter';
9
+ export declare const TTooltipElement: TElementClassOf<typeof HTMLSpanElement, typeof TooltipDescriptor, ITooltip>;
10
+ export type TTooltipElementProps = TElementType<typeof TTooltipElement>;
@@ -0,0 +1,24 @@
1
+ import { defineElement } from "../../adapter/runtime/defineElement.js";
2
+ import { ElementBase } from "../../adapter/runtime/element.base.js";
3
+ import "../../adapter/index.js";
4
+ import { tooltipTemplate } from "./tooltip.template.js";
5
+ import { setupTooltip } from "./setup.component.js";
6
+ import { TooltipDescriptor } from "@soxa-ui/setup";
7
+ //#region src/components/tooltip/Tooltip.element.ts
8
+ /**
9
+ * `<span is="so-tooltip">` — подсказка у триггера: строчный корень — обёртка
10
+ * триггера и цель наведения, панель — деталь Frame. docs/architecture.md,
11
+ * Layer 8d, «Панель у триггера».
12
+ */
13
+ var TTooltipElement = ElementBase(HTMLSpanElement, {
14
+ descriptor: TooltipDescriptor,
15
+ template: tooltipTemplate,
16
+ root: {
17
+ strategy: "host",
18
+ sets: ["attrs", "dataset"]
19
+ },
20
+ setup: setupTooltip
21
+ });
22
+ defineElement("so-tooltip", TTooltipElement, "span");
23
+ //#endregion
24
+ export { TTooltipElement };
@@ -0,0 +1,3 @@
1
+ /** Application API for this element entry. */
2
+ export { TTooltipElement } from './Tooltip.element';
3
+ export type { TTooltipElementProps } from './Tooltip.element';
@@ -0,0 +1 @@
1
+ export { TTooltipElement } from "./Tooltip.element.js";
@@ -0,0 +1,6 @@
1
+ import { TooltipDescriptor, type DescriptorPluginOutputs } from '@soxa-ui/setup';
2
+ import type { ITooltip } from '@soxa-ui/core';
3
+ import type { TBinding, TUpdateListener } from '../../adapter';
4
+ /** Выходы плагинов Tooltip — их читает шаблон: пометку панели владельцем. */
5
+ export type TTooltipOutputs = DescriptorPluginOutputs<typeof TooltipDescriptor>;
6
+ export declare function setupTooltip(host: HTMLElement, ctrl: ITooltip | undefined, props: Record<string, unknown>, onUpdate: TUpdateListener): TBinding<ITooltip, unknown, TTooltipOutputs>;
@@ -0,0 +1,14 @@
1
+ import { createWebcAdapterContext } from "../../adapter/common/createWebcAdapterContext.js";
2
+ import { useAdapter } from "../../adapter/runtime/useAdapter.js";
3
+ import "../../adapter/index.js";
4
+ import { TooltipDescriptor } from "@soxa-ui/setup";
5
+ //#region src/components/tooltip/setup.component.ts
6
+ function setupTooltip(host, ctrl, props, onUpdate) {
7
+ const adapter = createWebcAdapterContext(host, TooltipDescriptor(), {
8
+ ctrl,
9
+ props
10
+ });
11
+ return useAdapter(adapter, host, onUpdate);
12
+ }
13
+ //#endregion
14
+ export { setupTooltip };
@@ -0,0 +1,11 @@
1
+ /**
2
+ * Шаблон Tooltip: триггер (слот `trigger`), панель-деталь Frame с обёрткой текста
3
+ * — она держит ширину панели по тексту. `triggerAria` лежит на триггере всегда:
4
+ * панель в документе с первой отрисовки, и описание не запаздывает за фокусом.
5
+ * `rendered` панели не пишется: увезённую прячет база Frame по поддереву
6
+ * (AGENTS.md (Web Components), «Поддерево»).
7
+ */
8
+ import type { ITooltip } from '@soxa-ui/core';
9
+ import { type ITemplate } from '../../adapter';
10
+ import type { TTooltipOutputs } from './setup.component';
11
+ export declare const tooltipTemplate: ITemplate<ITooltip, unknown, TTooltipOutputs>;
@@ -0,0 +1,68 @@
1
+ import { bind } from "../../adapter/template/types.js";
2
+ import { ownerAttributes } from "../../adapter/template/owner.js";
3
+ import { lend } from "../../adapter/template/lend.js";
4
+ import { createDetail, patch } from "../../adapter/template/parts.js";
5
+ import "../../adapter/index.js";
6
+ import { TFrameElement } from "../frame/Frame.element.js";
7
+ import "../frame/index.js";
8
+ import { DEFAULT_SLOT } from "@soxa-ui/setup";
9
+ //#region src/components/tooltip/tooltip.template.ts
10
+ /** Панель подсказки каждого элемента — одна на всё время его жизни. */
11
+ var panels = /* @__PURE__ */ new WeakMap();
12
+ /** Триггер — первый элемент слота: текст вокруг него ссылки не несёт. */
13
+ function triggerOf(nodes) {
14
+ return nodes.find((node) => node instanceof Element);
15
+ }
16
+ var tooltipTemplate = {
17
+ create: (root) => {
18
+ const { ownerDocument } = root;
19
+ const panel = createDetail(ownerDocument, TFrameElement, { embedded: "tooltip.frame" });
20
+ const content = ownerDocument.createElement("div");
21
+ panel.className = "so-tooltip__panel";
22
+ panel.strategy = "fixed";
23
+ panel.anchor_anchor = root;
24
+ panel.anchor_offset = 6;
25
+ content.className = "so-tooltip__content";
26
+ lend(panel, DEFAULT_SLOT, content);
27
+ root.appendChild(panel);
28
+ panels.set(root, panel);
29
+ return { slots: {
30
+ trigger: {
31
+ mode: "before",
32
+ node: panel
33
+ },
34
+ default: {
35
+ mode: "append",
36
+ node: content
37
+ }
38
+ } };
39
+ },
40
+ bindings: [
41
+ bind([
42
+ "open",
43
+ "placement",
44
+ "visible"
45
+ ], ({ root, state }) => {
46
+ const panel = panels.get(root);
47
+ if (!panel) return;
48
+ const visible = state.visible === true && state.open === true;
49
+ patch(panel, {
50
+ visible,
51
+ anchor_placement: state.placement
52
+ });
53
+ }),
54
+ bind(["aria", "dismiss_ownerAttribute"], ({ root, state }) => {
55
+ const panel = panels.get(root);
56
+ if (panel) ownerAttributes(panel, {
57
+ ...state.aria,
58
+ ...state.dismiss_ownerAttribute
59
+ });
60
+ }),
61
+ bind("triggerAria", ({ state, slotted }) => {
62
+ const trigger = triggerOf(slotted("trigger"));
63
+ if (trigger) ownerAttributes(trigger, state.triggerAria);
64
+ })
65
+ ]
66
+ };
67
+ //#endregion
68
+ export { tooltipTemplate };
@@ -0,0 +1 @@
1
+ export { setupValueControl } from './setup.component';
@@ -0,0 +1 @@
1
+ import "./setup.component.js";
@@ -0,0 +1,4 @@
1
+ import type { IValueControl } from '@soxa-ui/core';
2
+ import type { TBinding, TUpdateListener } from '../../adapter';
3
+ /** Тип значения сужает наследник: ползунок — числом или их списком, пагинация — ключом. */
4
+ export declare function setupValueControl(host: HTMLElement, ctrl: IValueControl<unknown> | undefined, props: Record<string, unknown>, onUpdate: TUpdateListener): TBinding<IValueControl<unknown>>;
@@ -0,0 +1,2 @@
1
+ import "../../adapter/index.js";
2
+ import "@soxa-ui/setup";
@@ -0,0 +1,10 @@
1
+ /**
2
+ * `<so-virtual>` — окно длинных списков: автономный элемент без коробки, у Vue
3
+ * и React своего узла у обёртки нет. Селектор `.panel > .so-list-box` через него
4
+ * не проходит. `enabled` выключают из кода: в разметке значимо наличие атрибута.
5
+ */
6
+ import { VirtualDescriptor } from '@soxa-ui/setup';
7
+ import type { IVirtual } from '@soxa-ui/core';
8
+ import type { TElementClassOf, TElementType } from '../../adapter';
9
+ export declare const TVirtualElement: TElementClassOf<typeof HTMLElement, typeof VirtualDescriptor, IVirtual>;
10
+ export type TVirtualElementProps = TElementType<typeof TVirtualElement>;
@@ -0,0 +1,20 @@
1
+ import { defineAutonomousElement } from "../../adapter/runtime/defineElement.js";
2
+ import { ElementBase } from "../../adapter/runtime/element.base.js";
3
+ import "../../adapter/index.js";
4
+ import { setupVirtual } from "./setup.component.js";
5
+ import { virtualTemplate } from "./virtual.template.js";
6
+ import { VirtualDescriptor } from "@soxa-ui/setup";
7
+ //#region src/components/virtual/Virtual.element.ts
8
+ /**
9
+ * `<so-virtual>` — окно длинных списков: автономный элемент без коробки, у Vue
10
+ * и React своего узла у обёртки нет. Селектор `.panel > .so-list-box` через него
11
+ * не проходит. `enabled` выключают из кода: в разметке значимо наличие атрибута.
12
+ */
13
+ var TVirtualElement = ElementBase(HTMLElement, {
14
+ descriptor: VirtualDescriptor,
15
+ template: virtualTemplate,
16
+ setup: setupVirtual
17
+ });
18
+ defineAutonomousElement("so-virtual", TVirtualElement);
19
+ //#endregion
20
+ export { TVirtualElement };
@@ -0,0 +1,3 @@
1
+ /** Application API for this element entry. */
2
+ export { TVirtualElement } from './Virtual.element';
3
+ export type { TVirtualElementProps } from './Virtual.element';
@@ -0,0 +1 @@
1
+ export { TVirtualElement } from "./Virtual.element.js";
@@ -0,0 +1,4 @@
1
+ import type { IVirtual } from '@soxa-ui/core';
2
+ import type { TBinding, TUpdateListener } from '../../adapter';
3
+ /** Окно опускается лифтом хоста; ListBox и Table в свете находят его вверх по документу. */
4
+ export declare function setupVirtual(host: HTMLElement, ctrl: IVirtual | undefined, props: Record<string, unknown>, onUpdate: TUpdateListener): TBinding<IVirtual>;
@@ -0,0 +1,17 @@
1
+ import { createWebcAdapterContext } from "../../adapter/common/createWebcAdapterContext.js";
2
+ import { useAdapter } from "../../adapter/runtime/useAdapter.js";
3
+ import { createWebcElevator } from "../../adapter/elevator/factory.js";
4
+ import "../../adapter/elevator/index.js";
5
+ import "../../adapter/index.js";
6
+ import { TVirtualExtension, VirtualDescriptor } from "@soxa-ui/setup";
7
+ //#region src/components/virtual/setup.component.ts
8
+ /** Окно опускается лифтом хоста; ListBox и Table в свете находят его вверх по документу. */
9
+ function setupVirtual(host, ctrl, props, onUpdate) {
10
+ const adapter = createWebcAdapterContext(host, VirtualDescriptor(), {
11
+ ctrl,
12
+ props
13
+ }).use(TVirtualExtension, { elevator: createWebcElevator(host) });
14
+ return useAdapter(adapter, host, onUpdate);
15
+ }
16
+ //#endregion
17
+ export { setupVirtual };
@@ -0,0 +1,4 @@
1
+ /** Шаблон Virtual: структуры и коробки нет (`displayContents`); окно коллекциям опускает сборка. */
2
+ import type { IVirtual } from '@soxa-ui/core';
3
+ import type { ITemplate } from '../../adapter';
4
+ export declare const virtualTemplate: ITemplate<IVirtual>;
@@ -0,0 +1,14 @@
1
+ import { displayContents } from "../../adapter/runtime/display-contents.js";
2
+ //#region src/components/virtual/virtual.template.ts
3
+ var virtualTemplate = {
4
+ create: (root) => {
5
+ displayContents(root);
6
+ return { slots: { default: {
7
+ mode: "append",
8
+ node: root
9
+ } } };
10
+ },
11
+ bindings: []
12
+ };
13
+ //#endregion
14
+ export { virtualTemplate };
@@ -0,0 +1,7 @@
1
+ /** Application API. Assembly helpers stay inside the adapter. */
2
+ export { TComponentViewElement, TButtonElement, registerItemRowTag, TIconElement, TLabelElement, TFieldElement, TCheckBoxElement, TSwitchElement, TInputElement, TNumberInputElement, TTextareaElement, TSliderElement, TRatingElement, TProgressSpinnerElement, TProgressLinearElement, TSkeletonElement, TScrollerElement, TFrameElement, TPopoverElement, registerPopoverTag, TTooltipElement, TDialogElement, TDrawerElement, TToastsElement, TVirtualElement, TDragAndDropElement, TRadioGroupElement, TRadioGroupItemElement, TTabsElement, TTabsItemElement, TTabsContentElement, TAccordionElement, TAccordionItemElement, TListBoxElement, TListBoxItemElement, TListBoxGroupElement, TTagsElement, TTagsItemElement, TSelectElement, TSelectItemElement, TSelectGroupElement, TMenuElement, TMenuItemElement, TMenuCheckboxItemElement, TMenuRadioItemElement, TMenuSubmenuElement, TMenuPopoverItemElement, TMenuGroupElement, TMenuRadioGroupElement, TMenuSeparatorElement, TPaginationElement, TTableElement, TTableColumnElement, TTableRowElement, TDateInputElement, TCalendarElement, TCalendarItemElement, TDatePickerElement, } from './components';
3
+ export type { TComponentViewElementProps, TButtonElementProps, TItemRowElementProps, TItemRowTag, TItemRowTagClass, TIconElementProps, TLabelElementProps, TFieldElementProps, TCheckBoxElementProps, TSwitchElementProps, TInputElementProps, TNumberInputElementProps, TTextareaElementProps, TSliderElementProps, TRatingElementProps, TProgressSpinnerElementProps, TProgressLinearElementProps, TSkeletonElementProps, TScrollerElementProps, TFrameElementProps, TPopoverElementProps, TPopoverTag, TPopoverTagClass, TTooltipElementProps, TDialogElementProps, TDrawerElementProps, TToastsElementProps, TVirtualElementProps, TDragAndDropElementProps, TRadioGroupElementProps, TRadioGroupItemElementProps, TTabsElementProps, TTabsItemElementProps, TTabsContentElementProps, TAccordionElementProps, TAccordionItemElementProps, TListBoxElementProps, TListBoxItemElementProps, TListBoxGroupElementProps, TTagsElementProps, TTagsItemElementProps, TSelectElementProps, TSelectItemElementProps, TSelectGroupElementProps, TMenuElementProps, TMenuItemElementProps, TMenuCheckboxItemElementProps, TMenuRadioItemElementProps, TMenuSubmenuElementProps, TMenuPopoverItemElementProps, TMenuGroupElementProps, TMenuRadioGroupElementProps, TMenuSeparatorElementProps, TPaginationElementProps, TTableElementProps, TTableColumnElementProps, TTableRowElementProps, TDateInputElementProps, TCalendarElementProps, TCalendarItemElementProps, TDatePickerElementProps, } from './components';
4
+ export { roleIcon } from './adapter/common';
5
+ export { TLocaleProviderElement } from './adapter/locale';
6
+ export { toastsOf } from './adapter/toasts';
7
+ export type { TToastRender } from './adapter/toasts';
package/dist/index.js ADDED
@@ -0,0 +1,65 @@
1
+ import { roleIcon } from "./adapter/common/icon.js";
2
+ import "./adapter/common/index.js";
3
+ import { TLocaleProviderElement } from "./adapter/locale/LocaleProvider.element.js";
4
+ import "./adapter/locale/index.js";
5
+ import { toastsOf } from "./adapter/toasts/toastsOf.js";
6
+ import "./adapter/toasts/index.js";
7
+ import { TComponentViewElement } from "./components/component-view/ComponentView.element.js";
8
+ import { TButtonElement } from "./components/button/Button.element.js";
9
+ import { registerItemRowTag } from "./components/item-row/ItemRow.element.js";
10
+ import { TIconElement } from "./components/icon/Icon.element.js";
11
+ import { TLabelElement } from "./components/label/Label.element.js";
12
+ import { TFieldElement } from "./components/field/Field.element.js";
13
+ import { TCheckBoxElement } from "./components/check-box/CheckBox.element.js";
14
+ import { TSwitchElement } from "./components/switch/Switch.element.js";
15
+ import { TInputElement } from "./components/input/Input.element.js";
16
+ import { TNumberInputElement } from "./components/number-input/NumberInput.element.js";
17
+ import { TTextareaElement } from "./components/textarea/Textarea.element.js";
18
+ import { TSliderElement } from "./components/slider/Slider.element.js";
19
+ import { TRatingElement } from "./components/rating/Rating.element.js";
20
+ import { TProgressSpinnerElement } from "./components/progress-spinner/ProgressSpinner.element.js";
21
+ import { TProgressLinearElement } from "./components/progress-linear/ProgressLinear.element.js";
22
+ import { TSkeletonElement } from "./components/skeleton/Skeleton.element.js";
23
+ import { TScrollerElement } from "./components/scroller/Scroller.element.js";
24
+ import { TFrameElement } from "./components/frame/Frame.element.js";
25
+ import { TPopoverElement, registerPopoverTag } from "./components/popover/Popover.element.js";
26
+ import { TTooltipElement } from "./components/tooltip/Tooltip.element.js";
27
+ import { TDialogElement } from "./components/dialog/Dialog.element.js";
28
+ import { TDrawerElement } from "./components/drawer/Drawer.element.js";
29
+ import { TToastsElement } from "./components/toasts/Toasts.element.js";
30
+ import { TVirtualElement } from "./components/virtual/Virtual.element.js";
31
+ import { TDragAndDropElement } from "./components/drag-and-drop/DragAndDrop.element.js";
32
+ import { TRadioGroupItemElement } from "./components/radio-group/item/RadioGroupItem.element.js";
33
+ import { TRadioGroupElement } from "./components/radio-group/RadioGroup.element.js";
34
+ import { TTabsContentElement } from "./components/tabs/content/TabsContent.element.js";
35
+ import { TTabsItemElement } from "./components/tabs/item/TabsItem.element.js";
36
+ import { TTabsElement } from "./components/tabs/Tabs.element.js";
37
+ import { TAccordionItemElement } from "./components/accordion/item/AccordionItem.element.js";
38
+ import { TAccordionElement } from "./components/accordion/Accordion.element.js";
39
+ import { TListBoxItemElement } from "./components/list-box/item/ListBoxItem.element.js";
40
+ import { TListBoxGroupElement } from "./components/list-box/group/ListBoxGroup.element.js";
41
+ import { TListBoxElement } from "./components/list-box/ListBox.element.js";
42
+ import { TTagsItemElement } from "./components/tags/item/TagsItem.element.js";
43
+ import { TTagsElement } from "./components/tags/Tags.element.js";
44
+ import { TSelectGroupElement } from "./components/select/group/SelectGroup.element.js";
45
+ import { TSelectItemElement } from "./components/select/item/SelectItem.element.js";
46
+ import { TSelectElement } from "./components/select/Select.element.js";
47
+ import { TMenuCheckboxItemElement } from "./components/menu/checkbox-item/MenuCheckboxItem.element.js";
48
+ import { TMenuGroupElement } from "./components/menu/group/MenuGroup.element.js";
49
+ import { TMenuItemElement } from "./components/menu/item/MenuItem.element.js";
50
+ import { TMenuPopoverItemElement } from "./components/menu/popover-item/MenuPopoverItem.element.js";
51
+ import { TMenuRadioGroupElement } from "./components/menu/radio-group/MenuRadioGroup.element.js";
52
+ import { TMenuRadioItemElement } from "./components/menu/radio-item/MenuRadioItem.element.js";
53
+ import { TMenuSeparatorElement } from "./components/menu/separator/MenuSeparator.element.js";
54
+ import { TMenuSubmenuElement } from "./components/menu/submenu/MenuSubmenu.element.js";
55
+ import { TMenuElement } from "./components/menu/Menu.element.js";
56
+ import { TPaginationElement } from "./components/pagination/Pagination.element.js";
57
+ import { TTableColumnElement } from "./components/table/column/TableColumn.element.js";
58
+ import { TTableRowElement } from "./components/table/row/TableRow.element.js";
59
+ import { TTableElement } from "./components/table/Table.element.js";
60
+ import { TDateInputElement } from "./components/date-input/DateInput.element.js";
61
+ import { TCalendarItemElement } from "./components/calendar/item/CalendarItem.element.js";
62
+ import { TCalendarElement } from "./components/calendar/Calendar.element.js";
63
+ import { TDatePickerElement } from "./components/date-picker/DatePicker.element.js";
64
+ import "./components/index.js";
65
+ export { TAccordionElement, TAccordionItemElement, TButtonElement, TCalendarElement, TCalendarItemElement, TCheckBoxElement, TComponentViewElement, TDateInputElement, TDatePickerElement, TDialogElement, TDragAndDropElement, TDrawerElement, TFieldElement, TFrameElement, TIconElement, TInputElement, TLabelElement, TListBoxElement, TListBoxGroupElement, TListBoxItemElement, TLocaleProviderElement, TMenuCheckboxItemElement, TMenuElement, TMenuGroupElement, TMenuItemElement, TMenuPopoverItemElement, TMenuRadioGroupElement, TMenuRadioItemElement, TMenuSeparatorElement, TMenuSubmenuElement, TNumberInputElement, TPaginationElement, TPopoverElement, TProgressLinearElement, TProgressSpinnerElement, TRadioGroupElement, TRadioGroupItemElement, TRatingElement, TScrollerElement, TSelectElement, TSelectGroupElement, TSelectItemElement, TSkeletonElement, TSliderElement, TSwitchElement, TTableColumnElement, TTableElement, TTableRowElement, TTabsContentElement, TTabsElement, TTabsItemElement, TTagsElement, TTagsItemElement, TTextareaElement, TToastsElement, TTooltipElement, TVirtualElement, registerItemRowTag, registerPopoverTag, roleIcon, toastsOf };