@medyll/idae-slotui-svelte 0.3.0

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 (519) hide show
  1. package/README.md +18 -0
  2. package/dist/base/alert/Alert.demo.svelte +60 -0
  3. package/dist/base/alert/Alert.demo.svelte.d.ts +14 -0
  4. package/dist/base/alert/Alert.svelte +195 -0
  5. package/dist/base/alert/Alert.svelte.d.ts +37 -0
  6. package/dist/base/alert/alert.scss +93 -0
  7. package/dist/base/alert/types.d.ts +20 -0
  8. package/dist/base/alert/types.js +24 -0
  9. package/dist/base/avatar/Avatar.demo.svelte +37 -0
  10. package/dist/base/avatar/Avatar.demo.svelte.d.ts +14 -0
  11. package/dist/base/avatar/Avatar.preview.svelte +5 -0
  12. package/dist/base/avatar/Avatar.preview.svelte.d.ts +14 -0
  13. package/dist/base/avatar/Avatar.svelte +50 -0
  14. package/dist/base/avatar/Avatar.svelte.d.ts +29 -0
  15. package/dist/base/avatar/avatar.scss +17 -0
  16. package/dist/base/avatar/types.d.ts +29 -0
  17. package/dist/base/avatar/types.js +26 -0
  18. package/dist/base/backdrop/Backdrop.demo.svelte +45 -0
  19. package/dist/base/backdrop/Backdrop.demo.svelte.d.ts +14 -0
  20. package/dist/base/backdrop/Backdrop.svelte +104 -0
  21. package/dist/base/backdrop/Backdrop.svelte.d.ts +24 -0
  22. package/dist/base/backdrop/backdrop.scss +34 -0
  23. package/dist/base/backdrop/types.d.ts +35 -0
  24. package/dist/base/backdrop/types.js +20 -0
  25. package/dist/base/backdrop/useBackDrop.d.ts +7 -0
  26. package/dist/base/backdrop/useBackDrop.js +1 -0
  27. package/dist/base/badge/Badge.svelte +43 -0
  28. package/dist/base/badge/Badge.svelte.d.ts +15 -0
  29. package/dist/base/badge/badge.scss +19 -0
  30. package/dist/base/badge/types.d.ts +14 -0
  31. package/dist/base/badge/types.js +1 -0
  32. package/dist/base/box/Box.demo.svelte +51 -0
  33. package/dist/base/box/Box.demo.svelte.d.ts +14 -0
  34. package/dist/base/box/Box.svelte +94 -0
  35. package/dist/base/box/Box.svelte.d.ts +46 -0
  36. package/dist/base/box/box.scss +33 -0
  37. package/dist/base/box/types.d.ts +30 -0
  38. package/dist/base/box/types.js +32 -0
  39. package/dist/base/breadCrumb/BreadCrumb.svelte +21 -0
  40. package/dist/base/breadCrumb/breadcrumb.scss +11 -0
  41. package/dist/base/breadCrumb/types.d.ts +23 -0
  42. package/dist/base/breadCrumb/types.js +1 -0
  43. package/dist/base/cartouche/Cartouche.demo.svelte +104 -0
  44. package/dist/base/cartouche/Cartouche.demo.svelte.d.ts +14 -0
  45. package/dist/base/cartouche/Cartouche.preview.svelte +25 -0
  46. package/dist/base/cartouche/Cartouche.preview.svelte.d.ts +23 -0
  47. package/dist/base/cartouche/Cartouche.svelte +213 -0
  48. package/dist/base/cartouche/Cartouche.svelte.d.ts +55 -0
  49. package/dist/base/cartouche/cartouche.scss +75 -0
  50. package/dist/base/cartouche/types.d.ts +47 -0
  51. package/dist/base/cartouche/types.js +38 -0
  52. package/dist/base/chipper/Chipper.demo.svelte +41 -0
  53. package/dist/base/chipper/Chipper.demo.svelte.d.ts +14 -0
  54. package/dist/base/chipper/Chipper.svelte +93 -0
  55. package/dist/base/chipper/Chipper.svelte.d.ts +32 -0
  56. package/dist/base/chipper/chipper.scss +65 -0
  57. package/dist/base/chipper/types.d.ts +18 -0
  58. package/dist/base/chipper/types.js +22 -0
  59. package/dist/base/columner/Column.svelte +75 -0
  60. package/dist/base/columner/Column.svelte.d.ts +15 -0
  61. package/dist/base/columner/Columner.demo.svelte +14 -0
  62. package/dist/base/columner/Columner.demo.svelte.d.ts +14 -0
  63. package/dist/base/columner/Columner.svelte +18 -0
  64. package/dist/base/columner/Columner.svelte.d.ts +17 -0
  65. package/dist/base/columner/types.d.ts +17 -0
  66. package/dist/base/columner/types.js +2 -0
  67. package/dist/base/contentSwitcher/ContentSwitcher.demo.svelte +42 -0
  68. package/dist/base/contentSwitcher/ContentSwitcher.demo.svelte.d.ts +14 -0
  69. package/dist/base/contentSwitcher/ContentSwitcher.svelte +74 -0
  70. package/dist/base/contentSwitcher/ContentSwitcher.svelte.d.ts +31 -0
  71. package/dist/base/contentSwitcher/content-switcher.scss +22 -0
  72. package/dist/base/contentSwitcher/types.d.ts +20 -0
  73. package/dist/base/contentSwitcher/types.js +12 -0
  74. package/dist/base/contentSwitcher/useContentSwitcher.d.ts +7 -0
  75. package/dist/base/contentSwitcher/useContentSwitcher.js +5 -0
  76. package/dist/base/debug/Debug.svelte +18 -0
  77. package/dist/base/debug/Debug.svelte.d.ts +16 -0
  78. package/dist/base/demoer/DemoPage.svelte +34 -0
  79. package/dist/base/demoer/DemoPage.svelte.d.ts +15 -0
  80. package/dist/base/demoer/Demoer.svelte +166 -0
  81. package/dist/base/demoer/Demoer.svelte.d.ts +15 -0
  82. package/dist/base/demoer/DemoerCode.svelte +23 -0
  83. package/dist/base/demoer/DemoerCode.svelte.d.ts +23 -0
  84. package/dist/base/demoer/DemoerComponent.svelte +30 -0
  85. package/dist/base/demoer/DemoerComponent.svelte.d.ts +28 -0
  86. package/dist/base/demoer/demoer.utils.d.ts +7 -0
  87. package/dist/base/demoer/demoer.utils.js +15 -0
  88. package/dist/base/demoer/types.d.ts +38 -0
  89. package/dist/base/demoer/types.js +1 -0
  90. package/dist/base/divider/Divider.demo.svelte +28 -0
  91. package/dist/base/divider/Divider.demo.svelte.d.ts +14 -0
  92. package/dist/base/divider/Divider.svelte +67 -0
  93. package/dist/base/divider/Divider.svelte.d.ts +25 -0
  94. package/dist/base/divider/divider.scss +19 -0
  95. package/dist/base/divider/types.d.ts +30 -0
  96. package/dist/base/divider/types.js +22 -0
  97. package/dist/base/icon/Icon.demo.svelte +21 -0
  98. package/dist/base/icon/Icon.demo.svelte.d.ts +14 -0
  99. package/dist/base/icon/Icon.svelte +55 -0
  100. package/dist/base/icon/Icon.svelte.d.ts +25 -0
  101. package/dist/base/icon/icon.scss +17 -0
  102. package/dist/base/icon/types.d.ts +24 -0
  103. package/dist/base/icon/types.js +21 -0
  104. package/dist/base/paper/Paper.demo.svelte +28 -0
  105. package/dist/base/paper/Paper.demo.svelte.d.ts +14 -0
  106. package/dist/base/paper/Paper.svelte +39 -0
  107. package/dist/base/paper/Paper.svelte.d.ts +26 -0
  108. package/dist/base/paper/paper.scss +15 -0
  109. package/dist/base/paper/type.d.ts +16 -0
  110. package/dist/base/paper/type.js +8 -0
  111. package/dist/base/titleBar/TitleBar.demo.svelte +28 -0
  112. package/dist/base/titleBar/TitleBar.demo.svelte.d.ts +14 -0
  113. package/dist/base/titleBar/TitleBar.svelte +64 -0
  114. package/dist/base/titleBar/TitleBar.svelte.d.ts +22 -0
  115. package/dist/base/titleBar/title-bar.scss +27 -0
  116. package/dist/base/titleBar/types.d.ts +17 -0
  117. package/dist/base/titleBar/types.js +18 -0
  118. package/dist/componentCite.d.ts +1 -0
  119. package/dist/componentCite.js +200 -0
  120. package/dist/controls/autocomplete/AutoComplete.demo.svelte +83 -0
  121. package/dist/controls/autocomplete/AutoComplete.demo.svelte.d.ts +14 -0
  122. package/dist/controls/autocomplete/AutoComplete.svelte +133 -0
  123. package/dist/controls/autocomplete/AutoComplete.svelte.d.ts +35 -0
  124. package/dist/controls/autocomplete/auto-complete.scss +15 -0
  125. package/dist/controls/autocomplete/types.d.ts +30 -0
  126. package/dist/controls/autocomplete/types.js +28 -0
  127. package/dist/controls/button/Button.demo.svelte +139 -0
  128. package/dist/controls/button/Button.demo.svelte.d.ts +14 -0
  129. package/dist/controls/button/Button.svelte +1372 -0
  130. package/dist/controls/button/Button.svelte.d.ts +40 -0
  131. package/dist/controls/button/ButtonAction.svelte +1327 -0
  132. package/dist/controls/button/ButtonAction.svelte.d.ts +45 -0
  133. package/dist/controls/button/ButtonMenu.svelte +81 -0
  134. package/dist/controls/button/ButtonMenu.svelte.d.ts +15 -0
  135. package/dist/controls/button/IconButton.svelte +17 -0
  136. package/dist/controls/button/IconButton.svelte.d.ts +33 -0
  137. package/dist/controls/button/button-action.scss +8 -0
  138. package/dist/controls/button/button-menu.scss +36 -0
  139. package/dist/controls/button/button.scss +335 -0
  140. package/dist/controls/button/types.d.ts +56 -0
  141. package/dist/controls/button/types.js +45 -0
  142. package/dist/controls/checkbox/Checkbox.demo.svelte +25 -0
  143. package/dist/controls/checkbox/Checkbox.demo.svelte.d.ts +14 -0
  144. package/dist/controls/checkbox/Checkbox.svelte +201 -0
  145. package/dist/controls/checkbox/Checkbox.svelte.d.ts +436 -0
  146. package/dist/controls/checkbox/checkbox.scss +112 -0
  147. package/dist/controls/checkbox/types.d.ts +20 -0
  148. package/dist/controls/checkbox/types.js +24 -0
  149. package/dist/controls/confirm/Confirm.demo.svelte +46 -0
  150. package/dist/controls/confirm/Confirm.demo.svelte.d.ts +14 -0
  151. package/dist/controls/confirm/Confirm.preview.svelte +13 -0
  152. package/dist/controls/confirm/Confirm.preview.svelte.d.ts +14 -0
  153. package/dist/controls/confirm/Confirm.svelte +127 -0
  154. package/dist/controls/confirm/Confirm.svelte.d.ts +35 -0
  155. package/dist/controls/confirm/confirm.scss +12 -0
  156. package/dist/controls/confirm/types.d.ts +44 -0
  157. package/dist/controls/confirm/types.js +39 -0
  158. package/dist/controls/inplaceedit/InPlaceEdit.demo.svelte +37 -0
  159. package/dist/controls/inplaceedit/InPlaceEdit.demo.svelte.d.ts +14 -0
  160. package/dist/controls/inplaceedit/InPlaceEdit.svelte +90 -0
  161. package/dist/controls/inplaceedit/InPlaceEdit.svelte.d.ts +21 -0
  162. package/dist/controls/inplaceedit/types.d.ts +11 -0
  163. package/dist/controls/inplaceedit/types.js +24 -0
  164. package/dist/controls/progress/Progress.demo.svelte +25 -0
  165. package/dist/controls/progress/Progress.demo.svelte.d.ts +14 -0
  166. package/dist/controls/progress/Progress.svelte +40 -0
  167. package/dist/controls/progress/Progress.svelte.d.ts +21 -0
  168. package/dist/controls/progress/progress.scss +23 -0
  169. package/dist/controls/progress/types.d.ts +17 -0
  170. package/dist/controls/progress/types.js +13 -0
  171. package/dist/controls/rating/Rating.demo.svelte +42 -0
  172. package/dist/controls/rating/Rating.demo.svelte.d.ts +14 -0
  173. package/dist/controls/rating/Rating.svelte +47 -0
  174. package/dist/controls/rating/Rating.svelte.d.ts +31 -0
  175. package/dist/controls/rating/rating.scss +9 -0
  176. package/dist/controls/rating/types.d.ts +19 -0
  177. package/dist/controls/rating/types.js +24 -0
  178. package/dist/controls/select/Select.demo.svelte +92 -0
  179. package/dist/controls/select/Select.demo.svelte.d.ts +14 -0
  180. package/dist/controls/select/Select.svelte +88 -0
  181. package/dist/controls/select/Select.svelte.d.ts +44 -0
  182. package/dist/controls/select/select.scss +13 -0
  183. package/dist/controls/slider/Slider.demo.svelte +27 -0
  184. package/dist/controls/slider/Slider.demo.svelte.d.ts +14 -0
  185. package/dist/controls/slider/Slider.svelte +221 -0
  186. package/dist/controls/slider/Slider.svelte.d.ts +40 -0
  187. package/dist/controls/slider/slider.scss +49 -0
  188. package/dist/controls/slider/types.d.ts +36 -0
  189. package/dist/controls/slider/types.js +37 -0
  190. package/dist/controls/stepper/Stepper.demo.svelte +29 -0
  191. package/dist/controls/stepper/Stepper.demo.svelte.d.ts +14 -0
  192. package/dist/controls/stepper/Stepper.svelte +46 -0
  193. package/dist/controls/stepper/Stepper.svelte.d.ts +39 -0
  194. package/dist/controls/stepper/stepper.scss +23 -0
  195. package/dist/controls/stepper/types.d.ts +24 -0
  196. package/dist/controls/stepper/types.js +27 -0
  197. package/dist/controls/switch/Switch.demo.svelte +54 -0
  198. package/dist/controls/switch/Switch.demo.svelte.d.ts +14 -0
  199. package/dist/controls/switch/Switch.svelte +108 -0
  200. package/dist/controls/switch/Switch.svelte.d.ts +26 -0
  201. package/dist/controls/switch/switch.scss +73 -0
  202. package/dist/controls/switch/types.d.ts +24 -0
  203. package/dist/controls/switch/types.js +10 -0
  204. package/dist/controls/textfield/TextField.demo.svelte +74 -0
  205. package/dist/controls/textfield/TextField.demo.svelte.d.ts +14 -0
  206. package/dist/controls/textfield/TextField.svelte +227 -0
  207. package/dist/controls/textfield/TextField.svelte.d.ts +37 -0
  208. package/dist/controls/textfield/textfield.scss +66 -0
  209. package/dist/controls/textfield/types.d.ts +30 -0
  210. package/dist/controls/textfield/types.js +23 -0
  211. package/dist/csss/README.svelte +118 -0
  212. package/dist/csss/csss.d.ts +81 -0
  213. package/dist/csss/csss.js +101 -0
  214. package/dist/csss/csss.scss +8 -0
  215. package/dist/data/dataList/DataList.demo.svelte +147 -0
  216. package/dist/data/dataList/DataList.demo.svelte.d.ts +14 -0
  217. package/dist/data/dataList/DataList.preview.svelte +24 -0
  218. package/dist/data/dataList/DataList.preview.svelte.d.ts +14 -0
  219. package/dist/data/dataList/DataList.svelte +366 -0
  220. package/dist/data/dataList/DataList.svelte.d.ts +61 -0
  221. package/dist/data/dataList/DataListCell.svelte +161 -0
  222. package/dist/data/dataList/DataListCell.svelte.d.ts +27 -0
  223. package/dist/data/dataList/DataListHead.svelte +62 -0
  224. package/dist/data/dataList/DataListHead.svelte.d.ts +20 -0
  225. package/dist/data/dataList/DataListRow.svelte +84 -0
  226. package/dist/data/dataList/DataListRow.svelte.d.ts +16 -0
  227. package/dist/data/dataList/datalist.scss +157 -0
  228. package/dist/data/dataList/types.d.ts +138 -0
  229. package/dist/data/dataList/types.js +83 -0
  230. package/dist/data/finder/Finder.demo.svelte +51 -0
  231. package/dist/data/finder/Finder.demo.svelte.d.ts +14 -0
  232. package/dist/data/finder/Finder.svelte +237 -0
  233. package/dist/data/finder/Finder.svelte.d.ts +28 -0
  234. package/dist/data/finder/finder.scss +14 -0
  235. package/dist/data/finder/types.d.ts +29 -0
  236. package/dist/data/finder/types.js +23 -0
  237. package/dist/data/grouper/Grouper.demo.svelte +30 -0
  238. package/dist/data/grouper/Grouper.demo.svelte.d.ts +14 -0
  239. package/dist/data/grouper/Grouper.svelte +73 -0
  240. package/dist/data/grouper/Grouper.svelte.d.ts +39 -0
  241. package/dist/data/grouper/types.d.ts +48 -0
  242. package/dist/data/grouper/types.js +115 -0
  243. package/dist/data/jsoner/Jsoner.svelte +36 -0
  244. package/dist/data/jsoner/Jsoner.svelte.d.ts +15 -0
  245. package/dist/data/jsoner/types.d.ts +7 -0
  246. package/dist/data/jsoner/types.js +1 -0
  247. package/dist/data/list/List.svelte +12 -0
  248. package/dist/data/list/List.svelte.d.ts +15 -0
  249. package/dist/data/list/ListItem.svelte +7 -0
  250. package/dist/data/list/ListItem.svelte.d.ts +15 -0
  251. package/dist/data/list/ListTitle.svelte +5 -0
  252. package/dist/data/list/ListTitle.svelte.d.ts +15 -0
  253. package/dist/data/loader/Loader.demo.svelte +87 -0
  254. package/dist/data/loader/Loader.demo.svelte.d.ts +14 -0
  255. package/dist/data/loader/Loader.preview.svelte +6 -0
  256. package/dist/data/loader/Loader.preview.svelte.d.ts +14 -0
  257. package/dist/data/loader/Loader.svelte +139 -0
  258. package/dist/data/loader/Loader.svelte.d.ts +41 -0
  259. package/dist/data/loader/loader.scss +50 -0
  260. package/dist/data/loader/types.d.ts +36 -0
  261. package/dist/data/loader/types.js +53 -0
  262. package/dist/data/sorter/Sorter.demo.svelte +59 -0
  263. package/dist/data/sorter/Sorter.demo.svelte.d.ts +14 -0
  264. package/dist/data/sorter/Sorter.svelte +73 -0
  265. package/dist/data/sorter/Sorter.svelte.d.ts +24 -0
  266. package/dist/data/sorter/Sorterer.svelte +35 -0
  267. package/dist/data/sorter/Sorterer.svelte.d.ts +15 -0
  268. package/dist/data/sorter/sorterer.scss +11 -0
  269. package/dist/data/sorter/types.d.ts +39 -0
  270. package/dist/data/sorter/types.js +1 -0
  271. package/dist/index.d.ts +285 -0
  272. package/dist/index.js +286 -0
  273. package/dist/navigation/drawer/Drawer.demo.svelte +48 -0
  274. package/dist/navigation/drawer/Drawer.demo.svelte.d.ts +14 -0
  275. package/dist/navigation/drawer/Drawer.svelte +249 -0
  276. package/dist/navigation/drawer/Drawer.svelte.d.ts +59 -0
  277. package/dist/navigation/drawer/drawer.scss +65 -0
  278. package/dist/navigation/drawer/types.d.ts +45 -0
  279. package/dist/navigation/drawer/types.js +35 -0
  280. package/dist/navigation/tabs/Tabs.demo.svelte +78 -0
  281. package/dist/navigation/tabs/Tabs.demo.svelte.d.ts +14 -0
  282. package/dist/navigation/tabs/Tabs.preview.svelte +19 -0
  283. package/dist/navigation/tabs/Tabs.preview.svelte.d.ts +14 -0
  284. package/dist/navigation/tabs/Tabs.svelte +242 -0
  285. package/dist/navigation/tabs/Tabs.svelte.d.ts +45 -0
  286. package/dist/navigation/tabs/tabs.scss +92 -0
  287. package/dist/navigation/tabs/types.d.ts +40 -0
  288. package/dist/navigation/tabs/types.js +45 -0
  289. package/dist/styles/slotui-mixins.scss +161 -0
  290. package/dist/styles/slotui-presets.scss +56 -0
  291. package/dist/styles/slotuisheet/SlotuiSheet.svelte +700 -0
  292. package/dist/styles/slotuisheet/SlotuiSheet.svelte.d.ts +15 -0
  293. package/dist/styles/slotuisheet/SlotyuiSheet.demo.svelte +24 -0
  294. package/dist/styles/slotuisheet/SlotyuiSheet.demo.svelte.d.ts +14 -0
  295. package/dist/styles/slotuisheet/containerConfig.css +8 -0
  296. package/dist/styles/slotuisheet/slotui-sheet.scss +192 -0
  297. package/dist/styles/slotuisheet/stylesheet-container.scss +147 -0
  298. package/dist/styles/slotuisheet/stylesheet.scss +148 -0
  299. package/dist/styles/slotuisheet/types.d.ts +10 -0
  300. package/dist/styles/slotuisheet/types.js +1 -0
  301. package/dist/styles/slotuisheet/utils.d.ts +14 -0
  302. package/dist/styles/slotuisheet/utils.js +42 -0
  303. package/dist/types/index.d.ts +202 -0
  304. package/dist/types/index.js +161 -0
  305. package/dist/types/slotui-ambient.d.ts +27 -0
  306. package/dist/ui/bootstrapp/BootStrApp.svelte +92 -0
  307. package/dist/ui/bootstrapp/BootStrApp.svelte.d.ts +16 -0
  308. package/dist/ui/chromeFrame/ChromeFrame.svelte +69 -0
  309. package/dist/ui/chromeFrame/ChromeFrame.svelte.d.ts +17 -0
  310. package/dist/ui/chromeFrame/ChromeFrameButtonList.svelte +40 -0
  311. package/dist/ui/chromeFrame/ChromeFrameButtonList.svelte.d.ts +18 -0
  312. package/dist/ui/chromeFrame/ChromeFrameList.svelte +67 -0
  313. package/dist/ui/chromeFrame/ChromeFrameList.svelte.d.ts +24 -0
  314. package/dist/ui/chromeFrame/chrome-frame.scss +34 -0
  315. package/dist/ui/chromeFrame/chromeFrame.store.js +122 -0
  316. package/dist/ui/chromeFrame/chromeFrame.utils.d.ts +12 -0
  317. package/dist/ui/chromeFrame/chromeFrame.utils.js +29 -0
  318. package/dist/ui/chromeFrame/types.d.ts +40 -0
  319. package/dist/ui/chromeFrame/types.js +1 -0
  320. package/dist/ui/frame/Frame.demo.svelte +46 -0
  321. package/dist/ui/frame/Frame.demo.svelte.d.ts +14 -0
  322. package/dist/ui/frame/Frame.svelte +135 -0
  323. package/dist/ui/frame/Frame.svelte.d.ts +44 -0
  324. package/dist/ui/frame/frame.scss +46 -0
  325. package/dist/ui/frame/types.d.ts +31 -0
  326. package/dist/ui/frame/types.js +9 -0
  327. package/dist/ui/login/Login.demo.svelte +54 -0
  328. package/dist/ui/login/Login.demo.svelte.d.ts +14 -0
  329. package/dist/ui/login/Login.svelte +128 -0
  330. package/dist/ui/login/Login.svelte.d.ts +39 -0
  331. package/dist/ui/login/store.js +16 -0
  332. package/dist/ui/login/types.d.ts +31 -0
  333. package/dist/ui/login/types.js +28 -0
  334. package/dist/ui/marquee/Marque.demo.svelte +34 -0
  335. package/dist/ui/marquee/Marque.demo.svelte.d.ts +14 -0
  336. package/dist/ui/marquee/Marquee.svelte +110 -0
  337. package/dist/ui/marquee/Marquee.svelte.d.ts +28 -0
  338. package/dist/ui/marquee/marquee.scss +32 -0
  339. package/dist/ui/marquee/types.d.ts +19 -0
  340. package/dist/ui/marquee/types.js +23 -0
  341. package/dist/ui/menu/Menu.svelte +5 -0
  342. package/dist/ui/menu/Menu.svelte.d.ts +16 -0
  343. package/dist/ui/menu/MenuItem.svelte +5 -0
  344. package/dist/ui/menu/MenuItem.svelte.d.ts +16 -0
  345. package/dist/ui/menu/MenuTitle.svelte +116 -0
  346. package/dist/ui/menu/MenuTitle.svelte.d.ts +15 -0
  347. package/dist/ui/menu/menu.scss +56 -0
  348. package/dist/ui/menu/types.d.ts +81 -0
  349. package/dist/ui/menu/types.js +1 -0
  350. package/dist/ui/menuList/MenuList.demo.svelte +68 -0
  351. package/dist/ui/menuList/MenuList.demo.svelte.d.ts +14 -0
  352. package/dist/ui/menuList/MenuList.svelte +514 -0
  353. package/dist/ui/menuList/MenuList.svelte.d.ts +61 -0
  354. package/dist/ui/menuList/MenuListItem.svelte +504 -0
  355. package/dist/ui/menuList/MenuListItem.svelte.d.ts +16 -0
  356. package/dist/ui/menuList/MenuListTitle.svelte +391 -0
  357. package/dist/ui/menuList/MenuListTitle.svelte.d.ts +15 -0
  358. package/dist/ui/menuList/menu-list.scss +118 -0
  359. package/dist/ui/menuList/types.d.ts +112 -0
  360. package/dist/ui/menuList/types.js +25 -0
  361. package/dist/ui/panel/Panel.demo.svelte +160 -0
  362. package/dist/ui/panel/Panel.demo.svelte.d.ts +14 -0
  363. package/dist/ui/panel/Panel.svelte +112 -0
  364. package/dist/ui/panel/Panel.svelte.d.ts +23 -0
  365. package/dist/ui/panel/PanelGrid.svelte +68 -0
  366. package/dist/ui/panel/PanelGrid.svelte.d.ts +15 -0
  367. package/dist/ui/panel/PanelSlide.svelte +148 -0
  368. package/dist/ui/panel/PanelSlide.svelte.d.ts +43 -0
  369. package/dist/ui/panel/Paneler.svelte +36 -0
  370. package/dist/ui/panel/Paneler.svelte.d.ts +24 -0
  371. package/dist/ui/panel/panel.scss +32 -0
  372. package/dist/ui/panel/types.d.ts +36 -0
  373. package/dist/ui/panel/types.js +1 -0
  374. package/dist/ui/popper/Popper.demo.svelte +84 -0
  375. package/dist/ui/popper/Popper.demo.svelte.d.ts +14 -0
  376. package/dist/ui/popper/Popper.svelte +232 -0
  377. package/dist/ui/popper/Popper.svelte.d.ts +52 -0
  378. package/dist/ui/popper/actions.d.ts +5 -0
  379. package/dist/ui/popper/actions.js +26 -0
  380. package/dist/ui/popper/popper.scss +108 -0
  381. package/dist/ui/popper/types.d.ts +34 -0
  382. package/dist/ui/popper/types.js +1 -0
  383. package/dist/ui/popper/usePopper.d.ts +16 -0
  384. package/dist/ui/popper/usePopper.js +26 -0
  385. package/dist/ui/preview/Preview.svelte +46 -0
  386. package/dist/ui/preview/Preview.svelte.d.ts +15 -0
  387. package/dist/ui/preview/Preview.svelte.demo +0 -0
  388. package/dist/ui/preview/types.d.ts +18 -0
  389. package/dist/ui/preview/types.js +1 -0
  390. package/dist/ui/serviceBox/ServiceBox.svelte +45 -0
  391. package/dist/ui/serviceBox/ServiceBox.svelte.d.ts +14 -0
  392. package/dist/ui/startMenu/BootMenu.svelte +177 -0
  393. package/dist/ui/startMenu/BootMenu.svelte.d.ts +14 -0
  394. package/dist/ui/startMenu/boot-menu.scss +86 -0
  395. package/dist/ui/taskbar/TaskBarContent.svelte +19 -0
  396. package/dist/ui/taskbar/TaskBarContent.svelte.d.ts +16 -0
  397. package/dist/ui/taskbar/Taskbar.svelte +46 -0
  398. package/dist/ui/taskbar/Taskbar.svelte.d.ts +15 -0
  399. package/dist/ui/taskbar/taskbar.scss +28 -0
  400. package/dist/ui/taskbar/types.d.ts +11 -0
  401. package/dist/ui/taskbar/types.js +1 -0
  402. package/dist/ui/themeswitcher/ThemeSwitcher.svelte +16 -0
  403. package/dist/ui/themeswitcher/ThemeSwitcher.svelte.d.ts +16 -0
  404. package/dist/ui/toast/Toast.demo.svelte +14 -0
  405. package/dist/ui/toast/Toast.demo.svelte.d.ts +14 -0
  406. package/dist/ui/toast/Toast.svelte +52 -0
  407. package/dist/ui/toast/Toast.svelte.d.ts +15 -0
  408. package/dist/ui/toast/Toaster.svelte +16 -0
  409. package/dist/ui/toast/Toaster.svelte.d.ts +17 -0
  410. package/dist/ui/toast/store.d.ts +4 -0
  411. package/dist/ui/toast/store.js +2 -0
  412. package/dist/ui/toast/types.d.ts +26 -0
  413. package/dist/ui/toast/types.js +1 -0
  414. package/dist/ui/toggleBar/ToggleBar.demo.svelte +105 -0
  415. package/dist/ui/toggleBar/ToggleBar.demo.svelte.d.ts +14 -0
  416. package/dist/ui/toggleBar/ToggleBar.svelte +98 -0
  417. package/dist/ui/toggleBar/ToggleBar.svelte.d.ts +15 -0
  418. package/dist/ui/toggleBar/toggle-bar.scss +45 -0
  419. package/dist/ui/toggleBar/types.d.ts +17 -0
  420. package/dist/ui/toggleBar/types.js +1 -0
  421. package/dist/ui/toolBar/ToolBar.demo.svelte +88 -0
  422. package/dist/ui/toolBar/ToolBar.demo.svelte.d.ts +14 -0
  423. package/dist/ui/toolBar/ToolBar.svelte +54 -0
  424. package/dist/ui/toolBar/ToolBar.svelte.d.ts +15 -0
  425. package/dist/ui/toolBar/toolbar.scss +32 -0
  426. package/dist/ui/toolBar/types.d.ts +11 -0
  427. package/dist/ui/toolBar/types.js +1 -0
  428. package/dist/ui/tree/Tree.demo.svelte +73 -0
  429. package/dist/ui/tree/Tree.demo.svelte.d.ts +14 -0
  430. package/dist/ui/tree/Tree.preview.svelte +16 -0
  431. package/dist/ui/tree/Tree.preview.svelte.d.ts +14 -0
  432. package/dist/ui/tree/Tree.svelte +184 -0
  433. package/dist/ui/tree/Tree.svelte.d.ts +45 -0
  434. package/dist/ui/tree/tree.scss +38 -0
  435. package/dist/ui/tree/tree.utils.d.ts +2 -0
  436. package/dist/ui/tree/tree.utils.js +29 -0
  437. package/dist/ui/tree/types.d.ts +15 -0
  438. package/dist/ui/tree/types.js +1 -0
  439. package/dist/ui/window/Window.demo.svelte +103 -0
  440. package/dist/ui/window/Window.demo.svelte.d.ts +14 -0
  441. package/dist/ui/window/Window.svelte +232 -0
  442. package/dist/ui/window/Window.svelte.d.ts +66 -0
  443. package/dist/ui/window/actions.svelte.d.ts +37 -0
  444. package/dist/ui/window/actions.svelte.js +31 -0
  445. package/dist/ui/window/store.d.ts +13 -0
  446. package/dist/ui/window/store.js +14 -0
  447. package/dist/ui/window/types.d.ts +61 -0
  448. package/dist/ui/window/types.js +74 -0
  449. package/dist/ui/window/window.scss +66 -0
  450. package/dist/utils/content/Content.svelte +178 -0
  451. package/dist/utils/content/Content.svelte.d.ts +24 -0
  452. package/dist/utils/content/types.d.ts +31 -0
  453. package/dist/utils/content/types.js +1 -0
  454. package/dist/utils/contextRooter/ContextRooter.demo.svelte +29 -0
  455. package/dist/utils/contextRooter/ContextRooter.demo.svelte.d.ts +14 -0
  456. package/dist/utils/contextRooter/ContextRooter.svelte +4 -0
  457. package/dist/utils/contextRooter/ContextRooter.svelte.d.ts +17 -0
  458. package/dist/utils/css/Css.demo.svelte +4 -0
  459. package/dist/utils/css/Css.demo.svelte.d.ts +14 -0
  460. package/dist/utils/css/Css.svelte +63 -0
  461. package/dist/utils/css/Css.svelte.d.ts +14 -0
  462. package/dist/utils/effects/transitions.d.ts +44 -0
  463. package/dist/utils/effects/transitions.js +77 -0
  464. package/dist/utils/engine/elem.d.ts +9 -0
  465. package/dist/utils/engine/elem.js +106 -0
  466. package/dist/utils/engine/engine.d.ts +1 -0
  467. package/dist/utils/engine/engine.js +1 -0
  468. package/dist/utils/engine/presets.d.ts +14 -0
  469. package/dist/utils/engine/presets.js +15 -0
  470. package/dist/utils/engine/site.utils.d.ts +10 -0
  471. package/dist/utils/engine/site.utils.js +4 -0
  472. package/dist/utils/engine/stator.d.ts +9 -0
  473. package/dist/utils/engine/stator.js +47 -0
  474. package/dist/utils/engine/utils.d.ts +29 -0
  475. package/dist/utils/engine/utils.js +112 -0
  476. package/dist/utils/engine/wactions.utils.js +8 -0
  477. package/dist/utils/looper/Looper.demo.svelte +34 -0
  478. package/dist/utils/looper/Looper.demo.svelte.d.ts +14 -0
  479. package/dist/utils/looper/Looper.svelte +42 -0
  480. package/dist/utils/looper/Looper.svelte.d.ts +16 -0
  481. package/dist/utils/looper/types.d.ts +24 -0
  482. package/dist/utils/looper/types.js +46 -0
  483. package/dist/utils/slotted/Slotted.svelte +12 -0
  484. package/dist/utils/slotted/Slotted.svelte.d.ts +19 -0
  485. package/dist/utils/stylesheet/StyleSheet.demo.svelte +24 -0
  486. package/dist/utils/stylesheet/StyleSheet.demo.svelte.d.ts +14 -0
  487. package/dist/utils/stylesheet/StyleSheet.svelte +403 -0
  488. package/dist/utils/stylesheet/StyleSheet.svelte.d.ts +15 -0
  489. package/dist/utils/stylesheet/containerConfig.css +8 -0
  490. package/dist/utils/stylesheet/stylesheet.scss +147 -0
  491. package/dist/utils/stylesheet/types.d.ts +10 -0
  492. package/dist/utils/stylesheet/types.js +1 -0
  493. package/dist/utils/stylesheet/utils.d.ts +14 -0
  494. package/dist/utils/stylesheet/utils.js +42 -0
  495. package/dist/utils/uses/autofocus/autofocus.d.ts +1 -0
  496. package/dist/utils/uses/autofocus/autofocus.js +3 -0
  497. package/dist/utils/uses/clickAway/clickAway.d.ts +9 -0
  498. package/dist/utils/uses/clickAway/clickAway.js +26 -0
  499. package/dist/utils/uses/draggabler.d.ts +8 -0
  500. package/dist/utils/uses/draggabler.js +35 -0
  501. package/dist/utils/uses/event.d.ts +10 -0
  502. package/dist/utils/uses/event.js +10 -0
  503. package/dist/utils/uses/makeOnTop.d.ts +4 -0
  504. package/dist/utils/uses/makeOnTop.js +11 -0
  505. package/dist/utils/uses/navigation.d.ts +8 -0
  506. package/dist/utils/uses/navigation.js +79 -0
  507. package/dist/utils/uses/positioner.d.ts +7 -0
  508. package/dist/utils/uses/positioner.js +18 -0
  509. package/dist/utils/uses/resizer/resizer.d.ts +7 -0
  510. package/dist/utils/uses/resizer/resizer.js +76 -0
  511. package/dist/utils/uses/stickTo/stickTo.d.ts +26 -0
  512. package/dist/utils/uses/stickTo/stickTo.js +138 -0
  513. package/dist/utils/uses/sx4u/sx4u.d.ts +34 -0
  514. package/dist/utils/uses/sx4u/sx4u.js +148 -0
  515. package/dist/utils/uses/sx4u/sx4uPreprocess.d.ts +5 -0
  516. package/dist/utils/uses/sx4u/sx4uPreprocess.js +34 -0
  517. package/dist/utils/uses/toggler.d.ts +13 -0
  518. package/dist/utils/uses/toggler.js +33 -0
  519. package/package.json +101 -0
package/dist/ui/menuList/MenuListItem.svelte ADDED
@@ -0,0 +1,504 @@
1
+ <script lang="ts" generics="T= Data">import { getContext } from "svelte";
2
+ import Divider from "../../base/divider/Divider.svelte";
3
+ import Icon from "../../base/icon/Icon.svelte";
4
+ import Slotted from "../../utils/slotted/Slotted.svelte";
5
+ let menuStateContext = getContext("menuStateContext");
6
+ let {
7
+ class: className = "",
8
+ text,
9
+ action = void 0,
10
+ iconFirst = {},
11
+ iconLast = {},
12
+ icon,
13
+ iconColor = void 0,
14
+ iconSize = "small",
15
+ divider = false,
16
+ dividerBefore = false,
17
+ presentationField,
18
+ href,
19
+ selectable = true,
20
+ data = $bindable(),
21
+ selected = $bindable(),
22
+ element = $bindable(),
23
+ onMenuItemClick,
24
+ onclick,
25
+ itemIndex = void 0,
26
+ tall = menuStateContext?.tall,
27
+ width = menuStateContext?.width,
28
+ children,
29
+ menuItemFirst,
30
+ menuItemLast,
31
+ wrap,
32
+ role = "menuitem",
33
+ tag = "li",
34
+ ...rest
35
+ } = $props();
36
+ $effect(() => {
37
+ if (icon ?? iconFirst?.icon ?? menuItemFirst) {
38
+ menuStateContext.hasIcon = true;
39
+ }
40
+ });
41
+ $effect(() => {
42
+ if (selected) {
43
+ menuStateContext.selectedIndex = itemIndex;
44
+ }
45
+ element?.addEventListener("click", handleClick);
46
+ });
47
+ $effect(() => {
48
+ if (itemIndex === void 0 && element?.parentElement) {
49
+ itemIndex = [
50
+ ...element?.parentElement?.querySelectorAll(".menu-list-item:not(.menu-list-title)")
51
+ ].indexOf(element);
52
+ }
53
+ });
54
+ const handleClick = (event) => {
55
+ event.stopPropagation();
56
+ event.stopImmediatePropagation;
57
+ const cevent = new CustomEvent("menu:item:clicked", { detail: data, bubbles: true });
58
+ if (element) element.dispatchEvent(cevent);
59
+ if (selectable) setSelected();
60
+ if (onMenuItemClick) onMenuItemClick(data);
61
+ if (onclick) {
62
+ onclick(data, itemIndex);
63
+ } else if (menuStateContext?.onclick) {
64
+ menuStateContext?.onclick(data, itemIndex);
65
+ }
66
+ };
67
+ const setSelected = () => {
68
+ menuStateContext.selectedIndex = itemIndex;
69
+ menuStateContext.selectedData = data;
70
+ };
71
+ </script>
72
+
73
+ {#if dividerBefore}
74
+ <li role="separator">
75
+ <Divider tall="small" expansion="centered" />
76
+ </li>
77
+ {/if}
78
+
79
+ <!-- svelte-ignore a11y_no_noninteractive_tabindex -->
80
+ <svelte:element
81
+ this={href ? 'a' : tag}
82
+ class="menu-list-item {className}"
83
+ data-selected={selectable ? menuStateContext.selectedIndex === itemIndex : false}
84
+ aria-selected={selectable ? menuStateContext.selectedIndex === itemIndex : false}
85
+ bind:this={element}
86
+ tabindex="-1"
87
+ {...rest}
88
+ {role}
89
+ tall={menuStateContext?.tall ?? tall}
90
+ width={menuStateContext?.width ?? width}
91
+ {href}
92
+ >
93
+ {#if icon && iconFirst && menuStateContext?.hasIcon}
94
+ <div class="menu-list-item-icon">
95
+ <Slotted child={menuItemFirst}>
96
+ <Icon {icon} ico={iconFirst} color={iconColor} {iconSize} />
97
+ </Slotted>
98
+ </div>
99
+ {/if}
100
+ <div class="menu-list-item-text" class:wrap>
101
+ <Slotted child={children} slotArgs={data}>
102
+ {data?.[presentationField] ?? text}
103
+ </Slotted>
104
+ </div>
105
+ {#if menuItemLast || action || iconLast}
106
+ <div class="menu-list-item-action">
107
+ <Slotted child={menuItemLast}>
108
+ <Icon ico={iconLast} />
109
+ {action}
110
+ </Slotted>
111
+ </div>
112
+ {/if}
113
+ </svelte:element>
114
+ {#if divider}
115
+ <li role="separator">
116
+ <Divider expansion="padded" />
117
+ </li>
118
+ {/if}
119
+
120
+ <style global>:root {
121
+ --menu-list-padding: var(--sld-pad-tiny);
122
+ --menu-list-item-padding: 0;
123
+ --menu-list-item-radius: var(--sld-radius-small);
124
+ --menu-list-item-selected-background: var(--sld-selected-background-color);
125
+ --menu-list-item-action-display: flex;
126
+ --menu-list-item-action-justify-content: center;
127
+ --menu-list-grid-items-count: 0;
128
+ }
129
+
130
+ :global(.menu-list) {
131
+ margin: 0;
132
+ cursor: pointer;
133
+ display: flex;
134
+ flex-direction: column;
135
+ align-items: end;
136
+ padding: var(--menu-list-padding);
137
+ }
138
+
139
+ :global(.menu-list).grid {
140
+ display: grid;
141
+ grid-template-columns: repeat(auto-fit, minmax(max(var(--grid-item-min-width), 100% / var(--grid-items-count)), 1fr));
142
+ }
143
+
144
+ :global(.menu-list) li.menu-list-title,
145
+ :global(.menu-list) a.menu-list-title {
146
+ font-weight: bold;
147
+ }
148
+
149
+ :global(.menu-list) .menu-list-item,
150
+ :global(.menu-list) a.menu-list-item,
151
+ :global(.menu-list) li.menu-list-item {
152
+ border: 1px solid red;
153
+ --preset-width: var(--sld-width-small);
154
+ width: var(--preset-width-small);
155
+ --preset-gutter: var(--sld-gutter-default);
156
+ text-decoration: none;
157
+ overflow: hidden;
158
+ padding-left: calc(var(--preset-tall) / 4);
159
+ border: 1px solid transparent;
160
+ display: flex;
161
+ align-items: center;
162
+ position: relative;
163
+ width: 100%;
164
+ max-width: 100%;
165
+ border: 1px solid transparent;
166
+ border-radius: var(--menu-list-item-radius);
167
+ align-self: flex-start;
168
+ }
169
+
170
+ :global(.menu-list) .menu-list-item[variant*=square], :global(.menu-list) .menu-list-item[square=true], :global(.menu-list) .menu-list-item.square,
171
+ :global(.menu-list) a.menu-list-item[variant*=square],
172
+ :global(.menu-list) a.menu-list-item[square=true],
173
+ :global(.menu-list) a.menu-list-item.square,
174
+ :global(.menu-list) li.menu-list-item[variant*=square],
175
+ :global(.menu-list) li.menu-list-item[square=true],
176
+ :global(.menu-list) li.menu-list-item.square {
177
+ aspect-ratio: 1/1 !important;
178
+ height: auto;
179
+ }
180
+
181
+ :global(.menu-list) .menu-list-item[variant*=rounded], :global(.menu-list) .menu-list-item[rounded=true], :global(.menu-list) .menu-list-item.rounded,
182
+ :global(.menu-list) a.menu-list-item[variant*=rounded],
183
+ :global(.menu-list) a.menu-list-item[rounded=true],
184
+ :global(.menu-list) a.menu-list-item.rounded,
185
+ :global(.menu-list) li.menu-list-item[variant*=rounded],
186
+ :global(.menu-list) li.menu-list-item[rounded=true],
187
+ :global(.menu-list) li.menu-list-item.rounded {
188
+ border-radius: 50%;
189
+ }
190
+
191
+ :global(.menu-list) .menu-list-item,
192
+ :global(.menu-list) a.menu-list-item,
193
+ :global(.menu-list) li.menu-list-item {
194
+ --preset-width: var(--sld-width-small);
195
+ width: var(--preset-width-small);
196
+ min-width: var(--preset-width-small);
197
+ }
198
+
199
+ :global(.menu-list) .menu-list-item[width=tiny], :global(.menu-list) .menu-list-item.width-tiny,
200
+ :global(.menu-list) a.menu-list-item[width=tiny],
201
+ :global(.menu-list) a.menu-list-item.width-tiny,
202
+ :global(.menu-list) li.menu-list-item[width=tiny],
203
+ :global(.menu-list) li.menu-list-item.width-tiny {
204
+ --preset-width: var(--sld-width-tiny);
205
+ width: var(--sld-width-tiny) !important;
206
+ }
207
+
208
+ :global(.menu-list) .menu-list-item[width=mini], :global(.menu-list) .menu-list-item.width-mini,
209
+ :global(.menu-list) a.menu-list-item[width=mini],
210
+ :global(.menu-list) a.menu-list-item.width-mini,
211
+ :global(.menu-list) li.menu-list-item[width=mini],
212
+ :global(.menu-list) li.menu-list-item.width-mini {
213
+ --preset-width: var(--sld-width-mini);
214
+ width: var(--sld-width-mini) !important;
215
+ }
216
+
217
+ :global(.menu-list) .menu-list-item[width=small], :global(.menu-list) .menu-list-item.width-small,
218
+ :global(.menu-list) a.menu-list-item[width=small],
219
+ :global(.menu-list) a.menu-list-item.width-small,
220
+ :global(.menu-list) li.menu-list-item[width=small],
221
+ :global(.menu-list) li.menu-list-item.width-small {
222
+ --preset-width: var(--sld-width-small);
223
+ width: var(--sld-width-small) !important;
224
+ }
225
+
226
+ :global(.menu-list) .menu-list-item[width=med], :global(.menu-list) .menu-list-item.width-med,
227
+ :global(.menu-list) a.menu-list-item[width=med],
228
+ :global(.menu-list) a.menu-list-item.width-med,
229
+ :global(.menu-list) li.menu-list-item[width=med],
230
+ :global(.menu-list) li.menu-list-item.width-med {
231
+ --preset-width: var(--sld-width-med);
232
+ width: var(--sld-width-med) !important;
233
+ }
234
+
235
+ :global(.menu-list) .menu-list-item[width=kind], :global(.menu-list) .menu-list-item.width-kind,
236
+ :global(.menu-list) a.menu-list-item[width=kind],
237
+ :global(.menu-list) a.menu-list-item.width-kind,
238
+ :global(.menu-list) li.menu-list-item[width=kind],
239
+ :global(.menu-list) li.menu-list-item.width-kind {
240
+ --preset-width: var(--sld-width-kind);
241
+ width: var(--sld-width-kind) !important;
242
+ }
243
+
244
+ :global(.menu-list) .menu-list-item[width=full], :global(.menu-list) .menu-list-item.width-full,
245
+ :global(.menu-list) a.menu-list-item[width=full],
246
+ :global(.menu-list) a.menu-list-item.width-full,
247
+ :global(.menu-list) li.menu-list-item[width=full],
248
+ :global(.menu-list) li.menu-list-item.width-full {
249
+ --preset-width: var(--sld-width-full);
250
+ width: var(--sld-width-full) !important;
251
+ }
252
+
253
+ :global(.menu-list) .menu-list-item[width=auto], :global(.menu-list) .menu-list-item.width-auto,
254
+ :global(.menu-list) a.menu-list-item[width=auto],
255
+ :global(.menu-list) a.menu-list-item.width-auto,
256
+ :global(.menu-list) li.menu-list-item[width=auto],
257
+ :global(.menu-list) li.menu-list-item.width-auto {
258
+ --preset-width: var(--sld-width-auto);
259
+ width: var(--sld-width-auto) !important;
260
+ }
261
+
262
+ :global(.menu-list) .menu-list-item[width=default], :global(.menu-list) .menu-list-item.width-default,
263
+ :global(.menu-list) a.menu-list-item[width=default],
264
+ :global(.menu-list) a.menu-list-item.width-default,
265
+ :global(.menu-list) li.menu-list-item[width=default],
266
+ :global(.menu-list) li.menu-list-item.width-default {
267
+ --preset-width: var(--sld-width-default);
268
+ width: var(--sld-width-default) !important;
269
+ }
270
+
271
+ :global(.menu-list) .menu-list-item,
272
+ :global(.menu-list) a.menu-list-item,
273
+ :global(.menu-list) li.menu-list-item {
274
+ --preset-tall: var(--sld-tall-small);
275
+ min-height: var(--preset-tall-small);
276
+ height: var(--preset-tall-small);
277
+ }
278
+
279
+ :global(.menu-list) .menu-list-item[tall=tiny], :global(.menu-list) .menu-list-item.tall-tiny,
280
+ :global(.menu-list) a.menu-list-item[tall=tiny],
281
+ :global(.menu-list) a.menu-list-item.tall-tiny,
282
+ :global(.menu-list) li.menu-list-item[tall=tiny],
283
+ :global(.menu-list) li.menu-list-item.tall-tiny {
284
+ min-height: var(--sld-tall-tiny) !important;
285
+ }
286
+
287
+ :global(.menu-list) .menu-list-item[tall=mini], :global(.menu-list) .menu-list-item.tall-mini,
288
+ :global(.menu-list) a.menu-list-item[tall=mini],
289
+ :global(.menu-list) a.menu-list-item.tall-mini,
290
+ :global(.menu-list) li.menu-list-item[tall=mini],
291
+ :global(.menu-list) li.menu-list-item.tall-mini {
292
+ min-height: var(--sld-tall-mini) !important;
293
+ }
294
+
295
+ :global(.menu-list) .menu-list-item[tall=small], :global(.menu-list) .menu-list-item.tall-small,
296
+ :global(.menu-list) a.menu-list-item[tall=small],
297
+ :global(.menu-list) a.menu-list-item.tall-small,
298
+ :global(.menu-list) li.menu-list-item[tall=small],
299
+ :global(.menu-list) li.menu-list-item.tall-small {
300
+ min-height: var(--sld-tall-small) !important;
301
+ }
302
+
303
+ :global(.menu-list) .menu-list-item[tall=med], :global(.menu-list) .menu-list-item.tall-med,
304
+ :global(.menu-list) a.menu-list-item[tall=med],
305
+ :global(.menu-list) a.menu-list-item.tall-med,
306
+ :global(.menu-list) li.menu-list-item[tall=med],
307
+ :global(.menu-list) li.menu-list-item.tall-med {
308
+ min-height: var(--sld-tall-med) !important;
309
+ }
310
+
311
+ :global(.menu-list) .menu-list-item[tall=kind], :global(.menu-list) .menu-list-item.tall-kind,
312
+ :global(.menu-list) a.menu-list-item[tall=kind],
313
+ :global(.menu-list) a.menu-list-item.tall-kind,
314
+ :global(.menu-list) li.menu-list-item[tall=kind],
315
+ :global(.menu-list) li.menu-list-item.tall-kind {
316
+ min-height: var(--sld-tall-kind) !important;
317
+ }
318
+
319
+ :global(.menu-list) .menu-list-item[tall=auto], :global(.menu-list) .menu-list-item.tall-auto,
320
+ :global(.menu-list) a.menu-list-item[tall=auto],
321
+ :global(.menu-list) a.menu-list-item.tall-auto,
322
+ :global(.menu-list) li.menu-list-item[tall=auto],
323
+ :global(.menu-list) li.menu-list-item.tall-auto {
324
+ min-height: var(--sld-tall-auto) !important;
325
+ }
326
+
327
+ :global(.menu-list) .menu-list-item[tall=default], :global(.menu-list) .menu-list-item.tall-default,
328
+ :global(.menu-list) a.menu-list-item[tall=default],
329
+ :global(.menu-list) a.menu-list-item.tall-default,
330
+ :global(.menu-list) li.menu-list-item[tall=default],
331
+ :global(.menu-list) li.menu-list-item.tall-default {
332
+ min-height: var(--sld-tall-default) !important;
333
+ }
334
+
335
+ :global(.menu-list) .menu-list-item :global([gutter="tiny"]), :global(.menu-list) .menu-list-item :global(.gutter-tiny),
336
+ :global(.menu-list) a.menu-list-item :global([gutter="tiny"]),
337
+ :global(.menu-list) a.menu-list-item :global(.gutter-tiny),
338
+ :global(.menu-list) li.menu-list-item :global([gutter="tiny"]),
339
+ :global(.menu-list) li.menu-list-item :global(.gutter-tiny) {
340
+ padding: var(--sld-gutter-tiny);
341
+ gap: var(--sld-gutter-tiny);
342
+ --preset-gutter: var(--sld-gutter-tiny);
343
+ }
344
+
345
+ :global(.menu-list) .menu-list-item :global([gutter="mini"]), :global(.menu-list) .menu-list-item :global(.gutter-mini),
346
+ :global(.menu-list) a.menu-list-item :global([gutter="mini"]),
347
+ :global(.menu-list) a.menu-list-item :global(.gutter-mini),
348
+ :global(.menu-list) li.menu-list-item :global([gutter="mini"]),
349
+ :global(.menu-list) li.menu-list-item :global(.gutter-mini) {
350
+ padding: var(--sld-gutter-mini);
351
+ gap: var(--sld-gutter-mini);
352
+ --preset-gutter: var(--sld-gutter-mini);
353
+ }
354
+
355
+ :global(.menu-list) .menu-list-item :global([gutter="small"]), :global(.menu-list) .menu-list-item :global(.gutter-small),
356
+ :global(.menu-list) a.menu-list-item :global([gutter="small"]),
357
+ :global(.menu-list) a.menu-list-item :global(.gutter-small),
358
+ :global(.menu-list) li.menu-list-item :global([gutter="small"]),
359
+ :global(.menu-list) li.menu-list-item :global(.gutter-small) {
360
+ padding: var(--sld-gutter-small);
361
+ gap: var(--sld-gutter-small);
362
+ --preset-gutter: var(--sld-gutter-small);
363
+ }
364
+
365
+ :global(.menu-list) .menu-list-item :global([gutter="med"]), :global(.menu-list) .menu-list-item :global(.gutter-med),
366
+ :global(.menu-list) a.menu-list-item :global([gutter="med"]),
367
+ :global(.menu-list) a.menu-list-item :global(.gutter-med),
368
+ :global(.menu-list) li.menu-list-item :global([gutter="med"]),
369
+ :global(.menu-list) li.menu-list-item :global(.gutter-med) {
370
+ padding: var(--sld-gutter-med);
371
+ gap: var(--sld-gutter-med);
372
+ --preset-gutter: var(--sld-gutter-med);
373
+ }
374
+
375
+ :global(.menu-list) .menu-list-item :global([gutter="kind"]), :global(.menu-list) .menu-list-item :global(.gutter-kind),
376
+ :global(.menu-list) a.menu-list-item :global([gutter="kind"]),
377
+ :global(.menu-list) a.menu-list-item :global(.gutter-kind),
378
+ :global(.menu-list) li.menu-list-item :global([gutter="kind"]),
379
+ :global(.menu-list) li.menu-list-item :global(.gutter-kind) {
380
+ padding: var(--sld-gutter-kind);
381
+ gap: var(--sld-gutter-kind);
382
+ --preset-gutter: var(--sld-gutter-kind);
383
+ }
384
+
385
+ :global(.menu-list) .menu-list-item :global([gutter="default"]), :global(.menu-list) .menu-list-item :global(.gutter-default),
386
+ :global(.menu-list) a.menu-list-item :global([gutter="default"]),
387
+ :global(.menu-list) a.menu-list-item :global(.gutter-default),
388
+ :global(.menu-list) li.menu-list-item :global([gutter="default"]),
389
+ :global(.menu-list) li.menu-list-item :global(.gutter-default) {
390
+ padding: var(--sld-gutter-default);
391
+ gap: var(--sld-gutter-default);
392
+ --preset-gutter: var(--sld-gutter-default);
393
+ }
394
+
395
+ :global(.menu-list) .menu-list-item:hover,
396
+ :global(.menu-list) a.menu-list-item:hover,
397
+ :global(.menu-list) li.menu-list-item:hover {
398
+ border-color: var(--sld-hover-border-color);
399
+ background-color: var(--sld-background-disabled);
400
+ }
401
+
402
+ :global(.menu-list) .menu-list-item.selected, :global(.menu-list) .menu-list-item[aria-selected=true], :global(.menu-list) .menu-list-item[data-selected=true],
403
+ :global(.menu-list) a.menu-list-item.selected,
404
+ :global(.menu-list) a.menu-list-item[aria-selected=true],
405
+ :global(.menu-list) a.menu-list-item[data-selected=true],
406
+ :global(.menu-list) li.menu-list-item.selected,
407
+ :global(.menu-list) li.menu-list-item[aria-selected=true],
408
+ :global(.menu-list) li.menu-list-item[data-selected=true] {
409
+ border-color: none;
410
+ background-color: var(--sld-selected-background-color, var(--sld-color-background-darken-mid));
411
+ box-shadow: var(--sld-selected-shadow);
412
+ }
413
+
414
+ :global(.menu-list) .menu-list-item.selected .listItemChip,
415
+ :global(.menu-list) .menu-list-item.selected .menuItemChip, :global(.menu-list) .menu-list-item[aria-selected=true] .listItemChip,
416
+ :global(.menu-list) .menu-list-item[aria-selected=true] .menuItemChip, :global(.menu-list) .menu-list-item[data-selected=true] .listItemChip,
417
+ :global(.menu-list) .menu-list-item[data-selected=true] .menuItemChip,
418
+ :global(.menu-list) a.menu-list-item.selected .listItemChip,
419
+ :global(.menu-list) a.menu-list-item.selected .menuItemChip,
420
+ :global(.menu-list) a.menu-list-item[aria-selected=true] .listItemChip,
421
+ :global(.menu-list) a.menu-list-item[aria-selected=true] .menuItemChip,
422
+ :global(.menu-list) a.menu-list-item[data-selected=true] .listItemChip,
423
+ :global(.menu-list) a.menu-list-item[data-selected=true] .menuItemChip,
424
+ :global(.menu-list) li.menu-list-item.selected .listItemChip,
425
+ :global(.menu-list) li.menu-list-item.selected .menuItemChip,
426
+ :global(.menu-list) li.menu-list-item[aria-selected=true] .listItemChip,
427
+ :global(.menu-list) li.menu-list-item[aria-selected=true] .menuItemChip,
428
+ :global(.menu-list) li.menu-list-item[data-selected=true] .listItemChip,
429
+ :global(.menu-list) li.menu-list-item[data-selected=true] .menuItemChip {
430
+ position: absolute;
431
+ min-height: 16px;
432
+ height: 50%;
433
+ width: 3px;
434
+ background-color: var(--sld-color-primary);
435
+ border-radius: var(--sld-radius-med);
436
+ left: 0;
437
+ border: 1px solid var(--sld-color-primary-alpha-mid);
438
+ }
439
+
440
+ :global(.menu-list) .menu-list-item::before,
441
+ :global(.menu-list) a.menu-list-item::before,
442
+ :global(.menu-list) li.menu-list-item::before {
443
+ position: absolute;
444
+ min-height: 16px;
445
+ height: 45%;
446
+ width: 2px;
447
+ overflow: hidden;
448
+ max-width: 3px;
449
+ background-color: transparent;
450
+ border-radius: var(--sld-radius-med);
451
+ left: 0px;
452
+ border: 1px solid transparent;
453
+ content: " ";
454
+ }
455
+
456
+ :global(.menu-list) .menu-list-item .menu-list-item-icon,
457
+ :global(.menu-list) a.menu-list-item .menu-list-item-icon,
458
+ :global(.menu-list) li.menu-list-item .menu-list-item-icon {
459
+ width: 16px;
460
+ max-width: 16px;
461
+ text-align: center;
462
+ overflow: hidden;
463
+ text-align: center;
464
+ display: flex;
465
+ justify-content: center;
466
+ padding: 0 0.2rem;
467
+ }
468
+
469
+ :global(.menu-list) .menu-list-item .menu-list-item-text,
470
+ :global(.menu-list) a.menu-list-item .menu-list-item-text,
471
+ :global(.menu-list) li.menu-list-item .menu-list-item-text {
472
+ flex: 1;
473
+ }
474
+
475
+ :global(.menu-list) .menu-list-item .menu-list-item-text.wrap,
476
+ :global(.menu-list) a.menu-list-item .menu-list-item-text.wrap,
477
+ :global(.menu-list) li.menu-list-item .menu-list-item-text.wrap {
478
+ text-wrap: ellipsis;
479
+ white-space: normal;
480
+ overflow: hidden;
481
+ }
482
+
483
+ :global(.menu-list) .menu-list-item .menu-list-item-action,
484
+ :global(.menu-list) a.menu-list-item .menu-list-item-action,
485
+ :global(.menu-list) li.menu-list-item .menu-list-item-action {
486
+ display: var(--menu-list-item-action-display);
487
+ justify-content: var(--menu-list-item-action-justify-content);
488
+ }
489
+
490
+ :global(ul.menuList.showLastOnSelected) :global(li.menu-list-item[data-selected="true"] .menu-list-item-action) {
491
+ visibility: visible;
492
+ }
493
+
494
+ :global(ul.menuList.showLastOnSelected) :global(a.menu-list-item[data-selected="true"] .menu-list-item-action) {
495
+ visibility: visible;
496
+ }
497
+
498
+ :global(ul.menuList.showLastOnSelected) :global(li.menu-list-item .menu-list-item-action) {
499
+ visibility: hidden;
500
+ }
501
+
502
+ :global(ul.menuList.showLastOnSelected) :global(a.menu-list-item .menu-list-item-action) {
503
+ visibility: hidden;
504
+ }</style>
package/dist/ui/menuList/MenuListItem.svelte.d.ts ADDED
@@ -0,0 +1,16 @@
1
+ import { SvelteComponent } from "svelte";
2
+ import type { MenuListItemProps } from './types.js';
3
+ import type { Data } from '../../types/index.js';
4
+ declare class __sveltets_Render<T = Data> {
5
+ props(): MenuListItemProps;
6
+ events(): {} & {
7
+ [evt: string]: CustomEvent<any>;
8
+ };
9
+ slots(): {};
10
+ }
11
+ export type MenuListItemProps_<T = Data> = ReturnType<__sveltets_Render<T>['props']>;
12
+ export type MenuListItemEvents<T = Data> = ReturnType<__sveltets_Render<T>['events']>;
13
+ export type MenuListItemSlots<T = Data> = ReturnType<__sveltets_Render<T>['slots']>;
14
+ export default class MenuListItem<T = Data> extends SvelteComponent<MenuListItemProps_<T>, MenuListItemEvents<T>, MenuListItemSlots<T>> {
15
+ }
16
+ export {};