@medyll/idae-slotui-svelte 0.3.0 → 0.5.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 (252) hide show
  1. package/dist/base/alert/Alert.demo.svelte.d.ts +17 -12
  2. package/dist/base/alert/Alert.svelte.d.ts +37 -34
  3. package/dist/base/avatar/Avatar.demo.svelte.d.ts +17 -12
  4. package/dist/base/avatar/Avatar.preview.svelte.d.ts +17 -12
  5. package/dist/base/avatar/Avatar.svelte.d.ts +31 -27
  6. package/dist/base/backdrop/Backdrop.demo.svelte.d.ts +17 -12
  7. package/dist/base/backdrop/Backdrop.svelte.d.ts +19 -19
  8. package/dist/base/badge/Badge.svelte.d.ts +16 -12
  9. package/dist/base/box/Box.demo.svelte.d.ts +17 -12
  10. package/dist/base/box/Box.svelte.d.ts +40 -41
  11. package/dist/base/cartouche/Cartouche.demo.svelte.d.ts +17 -12
  12. package/dist/base/cartouche/Cartouche.preview.svelte.d.ts +23 -19
  13. package/dist/base/cartouche/Cartouche.svelte.d.ts +48 -48
  14. package/dist/base/chipper/Chipper.demo.svelte.d.ts +17 -12
  15. package/dist/base/chipper/Chipper.svelte.d.ts +33 -29
  16. package/dist/base/columner/Column.svelte.d.ts +16 -12
  17. package/dist/base/columner/Columner.demo.svelte.d.ts +17 -12
  18. package/dist/base/columner/Columner.svelte.d.ts +18 -14
  19. package/dist/base/contentSwitcher/ContentSwitcher.demo.svelte.d.ts +17 -12
  20. package/dist/base/contentSwitcher/ContentSwitcher.svelte.d.ts +33 -29
  21. package/dist/base/debug/Debug.svelte.d.ts +18 -14
  22. package/dist/base/demoer/DemoPage.svelte.d.ts +16 -12
  23. package/dist/base/demoer/Demoer.svelte.d.ts +13 -6
  24. package/dist/base/demoer/DemoerCode.svelte.d.ts +22 -18
  25. package/dist/base/demoer/DemoerComponent.svelte.d.ts +13 -6
  26. package/dist/base/divider/Divider.demo.svelte.d.ts +17 -12
  27. package/dist/base/divider/Divider.svelte.d.ts +25 -21
  28. package/dist/base/icon/Icon.demo.svelte.d.ts +17 -12
  29. package/dist/base/icon/Icon.svelte.d.ts +26 -22
  30. package/dist/base/paper/Paper.demo.svelte.d.ts +17 -12
  31. package/dist/base/paper/Paper.svelte.d.ts +28 -24
  32. package/dist/base/titleBar/TitleBar.demo.svelte.d.ts +17 -12
  33. package/dist/base/titleBar/TitleBar.svelte.d.ts +24 -20
  34. package/dist/controls/autocomplete/AutoComplete.demo.svelte.d.ts +17 -12
  35. package/dist/controls/autocomplete/AutoComplete.svelte.d.ts +28 -21
  36. package/dist/controls/button/Button.demo.svelte.d.ts +17 -12
  37. package/dist/controls/button/Button.svelte +1 -1
  38. package/dist/controls/button/Button.svelte.d.ts +41 -37
  39. package/dist/controls/button/ButtonAction.svelte.d.ts +44 -40
  40. package/dist/controls/button/ButtonMenu.svelte.d.ts +13 -6
  41. package/dist/controls/button/IconButton.svelte.d.ts +32 -28
  42. package/dist/controls/checkbox/Checkbox.demo.svelte.d.ts +17 -12
  43. package/dist/controls/checkbox/Checkbox.svelte.d.ts +437 -433
  44. package/dist/controls/confirm/Confirm.demo.svelte.d.ts +17 -12
  45. package/dist/controls/confirm/Confirm.preview.svelte.d.ts +17 -12
  46. package/dist/controls/confirm/Confirm.svelte.d.ts +18 -11
  47. package/dist/controls/inplaceedit/InPlaceEdit.demo.svelte.d.ts +17 -12
  48. package/dist/controls/inplaceedit/InPlaceEdit.svelte.d.ts +23 -19
  49. package/dist/controls/progress/Progress.demo.svelte.d.ts +17 -12
  50. package/dist/controls/progress/Progress.svelte.d.ts +23 -19
  51. package/dist/controls/rating/Rating.demo.svelte.d.ts +17 -12
  52. package/dist/controls/rating/Rating.svelte.d.ts +33 -29
  53. package/dist/controls/select/Select.demo.svelte.d.ts +17 -12
  54. package/dist/controls/select/Select.svelte.d.ts +44 -40
  55. package/dist/controls/slider/Slider.demo.svelte.d.ts +17 -12
  56. package/dist/controls/slider/Slider.svelte.d.ts +42 -38
  57. package/dist/controls/stepper/Stepper.demo.svelte.d.ts +17 -12
  58. package/dist/controls/stepper/Stepper.svelte.d.ts +27 -23
  59. package/dist/controls/switch/Switch.demo.svelte.d.ts +17 -12
  60. package/dist/controls/switch/Switch.svelte.d.ts +20 -13
  61. package/dist/controls/textfield/TextField.demo.svelte.d.ts +17 -12
  62. package/dist/controls/textfield/TextField.svelte.d.ts +39 -35
  63. package/dist/data/dataList/DataList.demo.svelte.d.ts +17 -12
  64. package/dist/data/dataList/DataList.preview.svelte.d.ts +17 -12
  65. package/dist/data/dataList/DataList.svelte.d.ts +40 -37
  66. package/dist/data/dataList/DataListCell.svelte +2 -1
  67. package/dist/data/dataList/DataListCell.svelte.d.ts +21 -15
  68. package/dist/data/dataList/DataListHead.svelte.d.ts +22 -18
  69. package/dist/data/dataList/DataListRow.svelte.d.ts +13 -6
  70. package/dist/data/finder/Finder.demo.svelte.d.ts +17 -12
  71. package/dist/data/finder/Finder.svelte.d.ts +30 -26
  72. package/dist/data/grouper/Grouper.demo.svelte.d.ts +17 -12
  73. package/dist/data/grouper/Grouper.svelte.d.ts +32 -26
  74. package/dist/data/jsoner/Jsoner.svelte.d.ts +16 -12
  75. package/dist/data/list/List.svelte.d.ts +16 -12
  76. package/dist/data/list/ListItem.svelte.d.ts +16 -12
  77. package/dist/data/list/ListTitle.svelte.d.ts +16 -12
  78. package/dist/data/loader/Loader.demo.svelte.d.ts +17 -12
  79. package/dist/data/loader/Loader.preview.svelte.d.ts +17 -12
  80. package/dist/data/loader/Loader.svelte.d.ts +43 -39
  81. package/dist/data/sorter/Sorter.demo.svelte.d.ts +17 -12
  82. package/dist/data/sorter/Sorter.svelte.d.ts +26 -22
  83. package/dist/data/sorter/Sorterer.svelte.d.ts +16 -12
  84. package/dist/index.d.ts +386 -280
  85. package/dist/index.js +386 -280
  86. package/dist/navigation/drawer/Drawer.demo.svelte.d.ts +17 -12
  87. package/dist/navigation/drawer/Drawer.svelte.d.ts +47 -46
  88. package/dist/navigation/tabs/Tabs.demo.svelte.d.ts +17 -12
  89. package/dist/navigation/tabs/Tabs.preview.svelte.d.ts +17 -12
  90. package/dist/navigation/tabs/Tabs.svelte.d.ts +31 -24
  91. package/dist/slotui-css/alert.css +96 -0
  92. package/dist/slotui-css/alert.min.css +1 -0
  93. package/dist/slotui-css/auto-complete.css +12 -0
  94. package/dist/slotui-css/auto-complete.min.css +1 -0
  95. package/dist/slotui-css/avatar.css +13 -0
  96. package/dist/slotui-css/avatar.min.css +1 -0
  97. package/dist/slotui-css/backdrop.css +32 -0
  98. package/dist/slotui-css/backdrop.min.css +1 -0
  99. package/dist/slotui-css/badge.css +16 -0
  100. package/dist/slotui-css/badge.min.css +1 -0
  101. package/dist/slotui-css/boot-menu.css +77 -0
  102. package/dist/slotui-css/boot-menu.min.css +1 -0
  103. package/dist/slotui-css/box.css +29 -0
  104. package/dist/slotui-css/box.min.css +1 -0
  105. package/dist/slotui-css/breadcrumb.css +3 -0
  106. package/dist/slotui-css/breadcrumb.min.css +1 -0
  107. package/dist/slotui-css/button-action.css +7 -0
  108. package/dist/slotui-css/button-action.min.css +1 -0
  109. package/dist/slotui-css/button-menu.css +31 -0
  110. package/dist/slotui-css/button-menu.min.css +1 -0
  111. package/dist/slotui-css/button.css +1195 -0
  112. package/dist/slotui-css/button.min.css +1 -0
  113. package/dist/slotui-css/cartouche.css +90 -0
  114. package/dist/slotui-css/cartouche.min.css +1 -0
  115. package/dist/slotui-css/checkbox.css +123 -0
  116. package/dist/slotui-css/checkbox.min.css +1 -0
  117. package/dist/slotui-css/chipper.css +56 -0
  118. package/dist/slotui-css/chipper.min.css +1 -0
  119. package/dist/slotui-css/chrome-frame.css +34 -0
  120. package/dist/slotui-css/chrome-frame.min.css +1 -0
  121. package/dist/slotui-css/confirm.css +9 -0
  122. package/dist/slotui-css/confirm.min.css +1 -0
  123. package/dist/slotui-css/content-switcher.css +21 -0
  124. package/dist/slotui-css/content-switcher.min.css +1 -0
  125. package/dist/slotui-css/csss.css +10 -0
  126. package/dist/slotui-css/csss.min.css +1 -0
  127. package/dist/slotui-css/datalist.css +136 -0
  128. package/dist/slotui-css/datalist.min.css +1 -0
  129. package/dist/slotui-css/divider.css +16 -0
  130. package/dist/slotui-css/divider.min.css +1 -0
  131. package/dist/slotui-css/drawer.css +84 -0
  132. package/dist/slotui-css/drawer.min.css +1 -0
  133. package/dist/slotui-css/finder.css +73 -0
  134. package/dist/slotui-css/finder.min.css +1 -0
  135. package/dist/slotui-css/frame.css +49 -0
  136. package/dist/slotui-css/frame.min.css +1 -0
  137. package/dist/slotui-css/icon.css +16 -0
  138. package/dist/slotui-css/icon.min.css +1 -0
  139. package/dist/slotui-css/loader.css +46 -0
  140. package/dist/slotui-css/loader.min.css +1 -0
  141. package/dist/slotui-css/marquee.css +56 -0
  142. package/dist/slotui-css/marquee.min.css +1 -0
  143. package/dist/slotui-css/menu-list.css +346 -0
  144. package/dist/slotui-css/menu-list.min.css +1 -0
  145. package/dist/slotui-css/menu.css +95 -0
  146. package/dist/slotui-css/menu.min.css +1 -0
  147. package/dist/slotui-css/panel.css +25 -0
  148. package/dist/slotui-css/panel.min.css +1 -0
  149. package/dist/slotui-css/paper.css +21 -0
  150. package/dist/slotui-css/paper.min.css +1 -0
  151. package/dist/slotui-css/popper.css +85 -0
  152. package/dist/slotui-css/popper.min.css +1 -0
  153. package/dist/slotui-css/progress.css +20 -0
  154. package/dist/slotui-css/progress.min.css +1 -0
  155. package/dist/slotui-css/rating.css +9 -0
  156. package/dist/slotui-css/rating.min.css +1 -0
  157. package/dist/slotui-css/select.css +11 -0
  158. package/dist/slotui-css/select.min.css +1 -0
  159. package/dist/slotui-css/slider.css +72 -0
  160. package/dist/slotui-css/slider.min.css +1 -0
  161. package/dist/slotui-css/slotui-combined.css +0 -0
  162. package/dist/slotui-css/slotui-mixins.css +0 -0
  163. package/dist/slotui-css/slotui-mixins.min.css +0 -0
  164. package/dist/slotui-css/slotui-presets.css +0 -0
  165. package/dist/slotui-css/slotui-presets.min.css +0 -0
  166. package/dist/slotui-css/slotui-sheet.css +295 -0
  167. package/dist/slotui-css/slotui-sheet.min.css +1 -0
  168. package/dist/slotui-css/sorterer.css +11 -0
  169. package/dist/slotui-css/sorterer.min.css +1 -0
  170. package/dist/slotui-css/stepper.css +20 -0
  171. package/dist/slotui-css/stepper.min.css +1 -0
  172. package/dist/slotui-css/stylesheet-container.css +374 -0
  173. package/dist/slotui-css/stylesheet-container.min.css +1 -0
  174. package/dist/slotui-css/stylesheet.css +374 -0
  175. package/dist/slotui-css/stylesheet.min.css +1 -0
  176. package/dist/slotui-css/switch.css +63 -0
  177. package/dist/slotui-css/switch.min.css +1 -0
  178. package/dist/slotui-css/tabs.css +85 -0
  179. package/dist/slotui-css/tabs.min.css +1 -0
  180. package/dist/slotui-css/taskbar.css +25 -0
  181. package/dist/slotui-css/taskbar.min.css +1 -0
  182. package/dist/slotui-css/textfield.css +127 -0
  183. package/dist/slotui-css/textfield.min.css +1 -0
  184. package/dist/slotui-css/title-bar.css +26 -0
  185. package/dist/slotui-css/title-bar.min.css +1 -0
  186. package/dist/slotui-css/toggle-bar.css +41 -0
  187. package/dist/slotui-css/toggle-bar.min.css +1 -0
  188. package/dist/slotui-css/toolbar.css +28 -0
  189. package/dist/slotui-css/toolbar.min.css +1 -0
  190. package/dist/slotui-css/tree.css +51 -0
  191. package/dist/slotui-css/tree.min.css +1 -0
  192. package/dist/slotui-css/window.css +60 -0
  193. package/dist/slotui-css/window.min.css +1 -0
  194. package/dist/styles/slotuisheet/SlotuiSheet.svelte.d.ts +16 -12
  195. package/dist/styles/slotuisheet/SlotyuiSheet.demo.svelte.d.ts +16 -12
  196. package/dist/ui/bootstrapp/BootStrApp.svelte.d.ts +18 -14
  197. package/dist/ui/chromeFrame/ChromeFrame.svelte.d.ts +19 -15
  198. package/dist/ui/chromeFrame/ChromeFrameButtonList.svelte.d.ts +20 -16
  199. package/dist/ui/chromeFrame/ChromeFrameList.svelte.d.ts +25 -21
  200. package/dist/ui/frame/Frame.demo.svelte.d.ts +17 -12
  201. package/dist/ui/frame/Frame.svelte.d.ts +20 -39
  202. package/dist/ui/login/Login.demo.svelte.d.ts +17 -12
  203. package/dist/ui/login/Login.svelte.d.ts +20 -35
  204. package/dist/ui/marquee/Marque.demo.svelte.d.ts +16 -12
  205. package/dist/ui/marquee/Marquee.svelte.d.ts +24 -17
  206. package/dist/ui/menu/Menu.svelte.d.ts +13 -6
  207. package/dist/ui/menu/MenuItem.svelte.d.ts +13 -6
  208. package/dist/ui/menu/MenuTitle.svelte.d.ts +16 -12
  209. package/dist/ui/menuList/MenuList.demo.svelte.d.ts +17 -12
  210. package/dist/ui/menuList/MenuList.svelte.d.ts +20 -53
  211. package/dist/ui/menuList/MenuListItem.svelte.d.ts +13 -6
  212. package/dist/ui/menuList/MenuListTitle.svelte.d.ts +16 -12
  213. package/dist/ui/panel/Panel.demo.svelte.d.ts +17 -12
  214. package/dist/ui/panel/Panel.svelte.d.ts +18 -14
  215. package/dist/ui/panel/PanelGrid.svelte.d.ts +16 -12
  216. package/dist/ui/panel/PanelSlide.svelte.d.ts +33 -34
  217. package/dist/ui/panel/Paneler.svelte.d.ts +24 -21
  218. package/dist/ui/popper/Popper.demo.svelte.d.ts +17 -12
  219. package/dist/ui/popper/Popper.svelte.d.ts +25 -47
  220. package/dist/ui/popper/actions.d.ts +17 -1
  221. package/dist/ui/preview/Preview.svelte.d.ts +16 -12
  222. package/dist/ui/serviceBox/ServiceBox.svelte.d.ts +16 -12
  223. package/dist/ui/startMenu/BootMenu.svelte.d.ts +16 -12
  224. package/dist/ui/taskbar/TaskBarContent.svelte.d.ts +18 -14
  225. package/dist/ui/taskbar/Taskbar.svelte.d.ts +16 -12
  226. package/dist/ui/themeswitcher/ThemeSwitcher.svelte.d.ts +18 -14
  227. package/dist/ui/toast/Toast.demo.svelte.d.ts +17 -12
  228. package/dist/ui/toast/Toast.svelte.d.ts +16 -12
  229. package/dist/ui/toast/Toaster.svelte.d.ts +19 -15
  230. package/dist/ui/toggleBar/ToggleBar.demo.svelte.d.ts +17 -12
  231. package/dist/ui/toggleBar/ToggleBar.svelte.d.ts +16 -12
  232. package/dist/ui/toolBar/ToolBar.demo.svelte.d.ts +17 -12
  233. package/dist/ui/toolBar/ToolBar.svelte.d.ts +16 -12
  234. package/dist/ui/tree/Tree.demo.svelte.d.ts +17 -12
  235. package/dist/ui/tree/Tree.preview.svelte.d.ts +17 -12
  236. package/dist/ui/tree/Tree.svelte.d.ts +13 -6
  237. package/dist/ui/window/Window.demo.svelte.d.ts +17 -12
  238. package/dist/ui/window/Window.svelte.d.ts +62 -61
  239. package/dist/ui/window/actions.svelte.d.ts +9 -1
  240. package/dist/ui/window/actions.svelte.js +1 -1
  241. package/dist/utils/content/Content.svelte.d.ts +17 -13
  242. package/dist/utils/contextRooter/ContextRooter.demo.svelte.d.ts +16 -12
  243. package/dist/utils/contextRooter/ContextRooter.svelte.d.ts +13 -6
  244. package/dist/utils/css/Css.demo.svelte.d.ts +17 -12
  245. package/dist/utils/css/Css.svelte.d.ts +16 -12
  246. package/dist/utils/engine/utils.js +2 -2
  247. package/dist/utils/looper/Looper.demo.svelte.d.ts +17 -12
  248. package/dist/utils/looper/Looper.svelte.d.ts +13 -6
  249. package/dist/utils/slotted/Slotted.svelte.d.ts +20 -16
  250. package/dist/utils/stylesheet/StyleSheet.demo.svelte.d.ts +17 -12
  251. package/dist/utils/stylesheet/StyleSheet.svelte.d.ts +16 -12
  252. package/package.json +34 -35
package/dist/slotui-css/drawer.css ADDED
@@ -0,0 +1,84 @@
1
+ :root {
2
+ --drawer-color: inherit;
3
+ --drawer-background-color: var(--sld-color-paper-alpha-low);
4
+ --drawer-backdrop-filter: blur(0px);
5
+ --drawer-box-shadow: var(--sld-elevation-3);
6
+ --drawer-border-left: var(--sld-color-primary-alpha-mid);
7
+ --drawer-icon-padding: 0 0.5rem;
8
+ --drawer-header-min-height: 48px;
9
+ --drawer-header-bar-title-font-size: large;
10
+ --drawer-content-flex: 1;
11
+ }
12
+
13
+ .drawer {
14
+ color: var(--drawer-color);
15
+ background-color: var(--drawer-background-color);
16
+ --webkit-backdrop-filter: var(--drawer-backdrop-filter);
17
+ backdrop-filter: var(--drawer-backdrop-filter);
18
+ z-index: 3000;
19
+ box-shadow: var(--drawer-box-shadow);
20
+ border-left: 1px solid var(--drawer-border-left);
21
+ overflow: visible;
22
+ display: flex;
23
+ flex-direction: column;
24
+ align-items: flex-start;
25
+ height: 100%;
26
+ transition: all 0.1s;
27
+ }
28
+ .drawer-icon {
29
+ padding: var(--drawer-icon-padding);
30
+ display: flex;
31
+ align-items: center;
32
+ }
33
+ .drawer-opener {
34
+ position: absolute;
35
+ z-index: 8600;
36
+ }
37
+ .drawer header, .drawer-header {
38
+ min-height: var(--drawer-header-min-height);
39
+ display: flex;
40
+ width: 100%;
41
+ }
42
+ .drawer header, .drawer-header {
43
+ --preset-tall: var(--sld-tall-small);
44
+ min-height: var(--preset-tall-small);
45
+ height: var(--preset-tall-small);
46
+ }
47
+ .drawer header[tall=tiny], .drawer header.tall-tiny, .drawer-header[tall=tiny], .drawer-header.tall-tiny {
48
+ min-height: var(--sld-tall-tiny) !important;
49
+ }
50
+ .drawer header[tall=mini], .drawer header.tall-mini, .drawer-header[tall=mini], .drawer-header.tall-mini {
51
+ min-height: var(--sld-tall-mini) !important;
52
+ }
53
+ .drawer header[tall=small], .drawer header.tall-small, .drawer-header[tall=small], .drawer-header.tall-small {
54
+ min-height: var(--sld-tall-small) !important;
55
+ }
56
+ .drawer header[tall=med], .drawer header.tall-med, .drawer-header[tall=med], .drawer-header.tall-med {
57
+ min-height: var(--sld-tall-med) !important;
58
+ }
59
+ .drawer header[tall=kind], .drawer header.tall-kind, .drawer-header[tall=kind], .drawer-header.tall-kind {
60
+ min-height: var(--sld-tall-kind) !important;
61
+ }
62
+ .drawer header[tall=auto], .drawer header.tall-auto, .drawer-header[tall=auto], .drawer-header.tall-auto {
63
+ min-height: var(--sld-tall-auto) !important;
64
+ }
65
+ .drawer header[tall=default], .drawer header.tall-default, .drawer-header[tall=default], .drawer-header.tall-default {
66
+ min-height: var(--sld-tall-default) !important;
67
+ }
68
+ .drawer header-bar, .drawer-header-bar {
69
+ flex: 1;
70
+ display: flex;
71
+ align-items: center;
72
+ }
73
+ .drawer header-bar-title, .drawer-header-bar-title {
74
+ display: flex;
75
+ flex-direction: column;
76
+ gap: 0.25rem;
77
+ font-size: var(--drawer-header-bar-title-font-size);
78
+ }
79
+ .drawer-content {
80
+ flex: var(--drawer-content-flex);
81
+ position: relative;
82
+ overflow: hidden;
83
+ width: 100%;
84
+ }
package/dist/slotui-css/drawer.min.css ADDED
@@ -0,0 +1 @@
1
+ :root{--drawer-color: inherit;--drawer-background-color: var(--sld-color-paper-alpha-low);--drawer-backdrop-filter: blur(0px);--drawer-box-shadow: var(--sld-elevation-3);--drawer-border-left: var(--sld-color-primary-alpha-mid);--drawer-icon-padding: 0 0.5rem;--drawer-header-min-height: 48px;--drawer-header-bar-title-font-size: large;--drawer-content-flex: 1}.drawer{color:var(--drawer-color);background-color:var(--drawer-background-color);--webkit-backdrop-filter: var(--drawer-backdrop-filter);backdrop-filter:var(--drawer-backdrop-filter);z-index:3000;box-shadow:var(--drawer-box-shadow);border-left:1px solid var(--drawer-border-left);overflow:visible;display:flex;flex-direction:column;align-items:flex-start;height:100%;transition:all .1s}.drawer-icon{padding:var(--drawer-icon-padding);display:flex;align-items:center}.drawer-opener{position:absolute;z-index:8600}.drawer header,.drawer-header{min-height:var(--drawer-header-min-height);display:flex;width:100%}.drawer header,.drawer-header{--preset-tall: var(--sld-tall-small);min-height:var(--preset-tall-small);height:var(--preset-tall-small)}.drawer header[tall=tiny],.drawer header.tall-tiny,.drawer-header[tall=tiny],.drawer-header.tall-tiny{min-height:var(--sld-tall-tiny) !important}.drawer header[tall=mini],.drawer header.tall-mini,.drawer-header[tall=mini],.drawer-header.tall-mini{min-height:var(--sld-tall-mini) !important}.drawer header[tall=small],.drawer header.tall-small,.drawer-header[tall=small],.drawer-header.tall-small{min-height:var(--sld-tall-small) !important}.drawer header[tall=med],.drawer header.tall-med,.drawer-header[tall=med],.drawer-header.tall-med{min-height:var(--sld-tall-med) !important}.drawer header[tall=kind],.drawer header.tall-kind,.drawer-header[tall=kind],.drawer-header.tall-kind{min-height:var(--sld-tall-kind) !important}.drawer header[tall=auto],.drawer header.tall-auto,.drawer-header[tall=auto],.drawer-header.tall-auto{min-height:var(--sld-tall-auto) !important}.drawer header[tall=default],.drawer header.tall-default,.drawer-header[tall=default],.drawer-header.tall-default{min-height:var(--sld-tall-default) !important}.drawer header-bar,.drawer-header-bar{flex:1;display:flex;align-items:center}.drawer header-bar-title,.drawer-header-bar-title{display:flex;flex-direction:column;gap:.25rem;font-size:var(--drawer-header-bar-title-font-size)}.drawer-content{flex:var(--drawer-content-flex);position:relative;overflow:hidden;width:100%}
package/dist/slotui-css/finder.css ADDED
@@ -0,0 +1,73 @@
1
+ :root {
2
+ --finder-gap: var(--sld-gap-tiny);
3
+ }
4
+
5
+ .finder-container {
6
+ display: inline-flex;
7
+ gap: var(--finder-gap);
8
+ --preset-width: var(--sld-width-small);
9
+ width: var(--preset-width-small);
10
+ }
11
+ .finder-container {
12
+ --preset-width: var(--sld-width-small);
13
+ width: var(--preset-width-small);
14
+ min-width: var(--preset-width-small);
15
+ }
16
+ .finder-container[width=tiny], .finder-container.width-tiny {
17
+ --preset-width: var(--sld-width-tiny);
18
+ width: var(--sld-width-tiny) !important;
19
+ }
20
+ .finder-container[width=mini], .finder-container.width-mini {
21
+ --preset-width: var(--sld-width-mini);
22
+ width: var(--sld-width-mini) !important;
23
+ }
24
+ .finder-container[width=small], .finder-container.width-small {
25
+ --preset-width: var(--sld-width-small);
26
+ width: var(--sld-width-small) !important;
27
+ }
28
+ .finder-container[width=med], .finder-container.width-med {
29
+ --preset-width: var(--sld-width-med);
30
+ width: var(--sld-width-med) !important;
31
+ }
32
+ .finder-container[width=kind], .finder-container.width-kind {
33
+ --preset-width: var(--sld-width-kind);
34
+ width: var(--sld-width-kind) !important;
35
+ }
36
+ .finder-container[width=full], .finder-container.width-full {
37
+ --preset-width: var(--sld-width-full);
38
+ width: var(--sld-width-full) !important;
39
+ }
40
+ .finder-container[width=auto], .finder-container.width-auto {
41
+ --preset-width: var(--sld-width-auto);
42
+ width: var(--sld-width-auto) !important;
43
+ }
44
+ .finder-container[width=default], .finder-container.width-default {
45
+ --preset-width: var(--sld-width-default);
46
+ width: var(--sld-width-default) !important;
47
+ }
48
+ .finder-container {
49
+ --preset-tall: var(--sld-tall-small);
50
+ min-height: var(--preset-tall-small);
51
+ height: var(--preset-tall-small);
52
+ }
53
+ .finder-container[tall=tiny], .finder-container.tall-tiny {
54
+ min-height: var(--sld-tall-tiny) !important;
55
+ }
56
+ .finder-container[tall=mini], .finder-container.tall-mini {
57
+ min-height: var(--sld-tall-mini) !important;
58
+ }
59
+ .finder-container[tall=small], .finder-container.tall-small {
60
+ min-height: var(--sld-tall-small) !important;
61
+ }
62
+ .finder-container[tall=med], .finder-container.tall-med {
63
+ min-height: var(--sld-tall-med) !important;
64
+ }
65
+ .finder-container[tall=kind], .finder-container.tall-kind {
66
+ min-height: var(--sld-tall-kind) !important;
67
+ }
68
+ .finder-container[tall=auto], .finder-container.tall-auto {
69
+ min-height: var(--sld-tall-auto) !important;
70
+ }
71
+ .finder-container[tall=default], .finder-container.tall-default {
72
+ min-height: var(--sld-tall-default) !important;
73
+ }
package/dist/slotui-css/finder.min.css ADDED
@@ -0,0 +1 @@
1
+ :root{--finder-gap: var(--sld-gap-tiny)}.finder-container{display:inline-flex;gap:var(--finder-gap);--preset-width: var(--sld-width-small);width:var(--preset-width-small)}.finder-container{--preset-width: var(--sld-width-small);width:var(--preset-width-small);min-width:var(--preset-width-small)}.finder-container[width=tiny],.finder-container.width-tiny{--preset-width: var(--sld-width-tiny);width:var(--sld-width-tiny) !important}.finder-container[width=mini],.finder-container.width-mini{--preset-width: var(--sld-width-mini);width:var(--sld-width-mini) !important}.finder-container[width=small],.finder-container.width-small{--preset-width: var(--sld-width-small);width:var(--sld-width-small) !important}.finder-container[width=med],.finder-container.width-med{--preset-width: var(--sld-width-med);width:var(--sld-width-med) !important}.finder-container[width=kind],.finder-container.width-kind{--preset-width: var(--sld-width-kind);width:var(--sld-width-kind) !important}.finder-container[width=full],.finder-container.width-full{--preset-width: var(--sld-width-full);width:var(--sld-width-full) !important}.finder-container[width=auto],.finder-container.width-auto{--preset-width: var(--sld-width-auto);width:var(--sld-width-auto) !important}.finder-container[width=default],.finder-container.width-default{--preset-width: var(--sld-width-default);width:var(--sld-width-default) !important}.finder-container{--preset-tall: var(--sld-tall-small);min-height:var(--preset-tall-small);height:var(--preset-tall-small)}.finder-container[tall=tiny],.finder-container.tall-tiny{min-height:var(--sld-tall-tiny) !important}.finder-container[tall=mini],.finder-container.tall-mini{min-height:var(--sld-tall-mini) !important}.finder-container[tall=small],.finder-container.tall-small{min-height:var(--sld-tall-small) !important}.finder-container[tall=med],.finder-container.tall-med{min-height:var(--sld-tall-med) !important}.finder-container[tall=kind],.finder-container.tall-kind{min-height:var(--sld-tall-kind) !important}.finder-container[tall=auto],.finder-container.tall-auto{min-height:var(--sld-tall-auto) !important}.finder-container[tall=default],.finder-container.tall-default{min-height:var(--sld-tall-default) !important}
package/dist/slotui-css/frame.css ADDED
@@ -0,0 +1,49 @@
1
+ :root {
2
+ --frame-background-color: var(--sld-color-paper);
3
+ --frame-backdrop-filter: blur(30px);
4
+ --frame-container-border-right: var(--sld-color-primary);
5
+ }
6
+
7
+ .frame {
8
+ z-index: 1;
9
+ height: 100%;
10
+ display: flex;
11
+ flex-direction: "column";
12
+ align-items: flex-start;
13
+ overflow: hidden;
14
+ position: relative;
15
+ background-color: var(--frame-background-color);
16
+ --moz-backdrop-filter: var(--frame-backdrop-filter);
17
+ backdrop-filter: var(--frame-backdrop-filter);
18
+ overflow: hidden;
19
+ }
20
+ .frame-container {
21
+ display: flex;
22
+ flex-direction: "row";
23
+ align-items: flex-start;
24
+ flex: 1 1 0;
25
+ position: relative;
26
+ overflow: hidden;
27
+ }
28
+ .frame-container-nav {
29
+ display: flex;
30
+ flex-direction: "column";
31
+ align-items: flex-start;
32
+ flex: 1 1 0;
33
+ z-index: 1;
34
+ border-right: 1px solid var(--frame-container-border-right);
35
+ position: relative;
36
+ }
37
+ .frame-container-main {
38
+ flex: 1;
39
+ height: 100%;
40
+ overflow: hidden;
41
+ display: flex;
42
+ flex-direction: "column";
43
+ align-items: flex-start;
44
+ }
45
+ .frame-container-main-content {
46
+ flex: 1 1 0;
47
+ overflow: hidden;
48
+ position: relative;
49
+ }
package/dist/slotui-css/frame.min.css ADDED
@@ -0,0 +1 @@
1
+ :root{--frame-background-color: var(--sld-color-paper);--frame-backdrop-filter: blur(30px);--frame-container-border-right: var(--sld-color-primary)}.frame{z-index:1;height:100%;display:flex;flex-direction:"column";align-items:flex-start;overflow:hidden;position:relative;background-color:var(--frame-background-color);--moz-backdrop-filter: var(--frame-backdrop-filter);backdrop-filter:var(--frame-backdrop-filter);overflow:hidden}.frame-container{display:flex;flex-direction:"row";align-items:flex-start;flex:1 1 0;position:relative;overflow:hidden}.frame-container-nav{display:flex;flex-direction:"column";align-items:flex-start;flex:1 1 0;z-index:1;border-right:1px solid var(--frame-container-border-right);position:relative}.frame-container-main{flex:1;height:100%;overflow:hidden;display:flex;flex-direction:"column";align-items:flex-start}.frame-container-main-content{flex:1 1 0;overflow:hidden;position:relative}
package/dist/slotui-css/icon.css ADDED
@@ -0,0 +1,16 @@
1
+ :global(.icon) {
2
+ transition: all 0.2;
3
+ }
4
+
5
+ .rotate {
6
+ animation: spinner-frames 3s infinite linear;
7
+ }
8
+
9
+ @keyframes spinner-frames {
10
+ 0% {
11
+ transform: rotate(0deg);
12
+ }
13
+ 100% {
14
+ transform: rotate(360deg);
15
+ }
16
+ }
package/dist/slotui-css/icon.min.css ADDED
@@ -0,0 +1 @@
1
+ :global(.icon){transition:all .2}.rotate{animation:spinner-frames 3s infinite linear}@keyframes spinner-frames{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
package/dist/slotui-css/loader.css ADDED
@@ -0,0 +1,46 @@
1
+ :root {
2
+ --loader-background-color: var(--sld-color-background-alpha-mid);
3
+ --loader-box-shadow: var(--sld-elevation-1);
4
+ --loader-radius: var(--sld-radius-tiny);
5
+ --loader-border: var(--sld-color-foreground-alpha-high);
6
+ --loader-message-border-radius: var(--sld-radius-small);
7
+ --loader-message-border-bottom: var(--sld-color-primary);
8
+ --loader-message-padding: var(--box-density-1) var(--box-density-2);
9
+ }
10
+
11
+ .loader {
12
+ position: absolute;
13
+ top: 0;
14
+ background-color: var(--loader-background-color);
15
+ height: 100%;
16
+ min-width: 128px;
17
+ max-width: 100%;
18
+ display: inline-flex;
19
+ flex-direction: column;
20
+ align-items: center;
21
+ justify-content: center;
22
+ left: 50%;
23
+ transform: translate(-50%, 0);
24
+ }
25
+ .loader .loader-box {
26
+ box-shadow: var(--loader-box-shadow);
27
+ border-radius: var(--loader-radius);
28
+ border: 1px solid var(--loader-border);
29
+ padding: 1rem 0;
30
+ min-width: 128px;
31
+ width: 100%;
32
+ margin: 1rem;
33
+ text-align: center;
34
+ background-color: var(--loader-background-color);
35
+ display: flex;
36
+ flex-direction: column;
37
+ align-items: center;
38
+ }
39
+ .loader .loader-box .loader-message {
40
+ border-radius: var(--loader-message-border-radius);
41
+ border-bottom: 1px solid;
42
+ border-color: var(--loader-message-border-bottom);
43
+ padding: var(--loader-message-padding);
44
+ display: inline-block;
45
+ box-shadow: var(--loader-box-shadow);
46
+ }
package/dist/slotui-css/loader.min.css ADDED
@@ -0,0 +1 @@
1
+ :root{--loader-background-color: var(--sld-color-background-alpha-mid);--loader-box-shadow: var(--sld-elevation-1);--loader-radius: var(--sld-radius-tiny);--loader-border: var(--sld-color-foreground-alpha-high);--loader-message-border-radius: var(--sld-radius-small);--loader-message-border-bottom: var(--sld-color-primary);--loader-message-padding: var(--box-density-1) var(--box-density-2)}.loader{position:absolute;top:0;background-color:var(--loader-background-color);height:100%;min-width:128px;max-width:100%;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;left:50%;transform:translate(-50%, 0)}.loader .loader-box{box-shadow:var(--loader-box-shadow);border-radius:var(--loader-radius);border:1px solid var(--loader-border);padding:1rem 0;min-width:128px;width:100%;margin:1rem;text-align:center;background-color:var(--loader-background-color);display:flex;flex-direction:column;align-items:center}.loader .loader-box .loader-message{border-radius:var(--loader-message-border-radius);border-bottom:1px solid;border-color:var(--loader-message-border-bottom);padding:var(--loader-message-padding);display:inline-block;box-shadow:var(--loader-box-shadow)}
package/dist/slotui-css/marquee.css ADDED
@@ -0,0 +1,56 @@
1
+ .marquee {
2
+ flex: 1;
3
+ overflow-x: hidden;
4
+ scroll-behavior: smooth;
5
+ scroll-snap-type: x mandatory;
6
+ width: 300px;
7
+ }
8
+ .marquee-container {
9
+ display: flex;
10
+ align-items: center;
11
+ --preset-gutter: var(--sld-gutter-default);
12
+ }
13
+ .marquee-container :global([gutter="tiny"]), .marquee-container :global(.gutter-tiny) {
14
+ padding: var(--sld-gutter-tiny);
15
+ gap: var(--sld-gutter-tiny);
16
+ --preset-gutter: var(--sld-gutter-tiny);
17
+ }
18
+ .marquee-container :global([gutter="mini"]), .marquee-container :global(.gutter-mini) {
19
+ padding: var(--sld-gutter-mini);
20
+ gap: var(--sld-gutter-mini);
21
+ --preset-gutter: var(--sld-gutter-mini);
22
+ }
23
+ .marquee-container :global([gutter="small"]), .marquee-container :global(.gutter-small) {
24
+ padding: var(--sld-gutter-small);
25
+ gap: var(--sld-gutter-small);
26
+ --preset-gutter: var(--sld-gutter-small);
27
+ }
28
+ .marquee-container :global([gutter="med"]), .marquee-container :global(.gutter-med) {
29
+ padding: var(--sld-gutter-med);
30
+ gap: var(--sld-gutter-med);
31
+ --preset-gutter: var(--sld-gutter-med);
32
+ }
33
+ .marquee-container :global([gutter="kind"]), .marquee-container :global(.gutter-kind) {
34
+ padding: var(--sld-gutter-kind);
35
+ gap: var(--sld-gutter-kind);
36
+ --preset-gutter: var(--sld-gutter-kind);
37
+ }
38
+ .marquee-container :global([gutter="default"]), .marquee-container :global(.gutter-default) {
39
+ padding: var(--sld-gutter-default);
40
+ gap: var(--sld-gutter-default);
41
+ --preset-gutter: var(--sld-gutter-default);
42
+ }
43
+ .marquee :global(.marquee-children) {
44
+ display: inline-flex;
45
+ }
46
+ .marquee :global(.marquee-children) > :global(*) {
47
+ border: 1px solid red;
48
+ width: 90px;
49
+ height: 300px;
50
+ }
51
+ .marquee-controls-prev {
52
+ display: contents;
53
+ }
54
+ .marquee-controls-next {
55
+ display: contents;
56
+ }
package/dist/slotui-css/marquee.min.css ADDED
@@ -0,0 +1 @@
1
+ .marquee{flex:1;overflow-x:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;width:300px}.marquee-container{display:flex;align-items:center;--preset-gutter: var(--sld-gutter-default)}.marquee-container :global([gutter="tiny"]),.marquee-container :global(.gutter-tiny){padding:var(--sld-gutter-tiny);gap:var(--sld-gutter-tiny);--preset-gutter: var(--sld-gutter-tiny)}.marquee-container :global([gutter="mini"]),.marquee-container :global(.gutter-mini){padding:var(--sld-gutter-mini);gap:var(--sld-gutter-mini);--preset-gutter: var(--sld-gutter-mini)}.marquee-container :global([gutter="small"]),.marquee-container :global(.gutter-small){padding:var(--sld-gutter-small);gap:var(--sld-gutter-small);--preset-gutter: var(--sld-gutter-small)}.marquee-container :global([gutter="med"]),.marquee-container :global(.gutter-med){padding:var(--sld-gutter-med);gap:var(--sld-gutter-med);--preset-gutter: var(--sld-gutter-med)}.marquee-container :global([gutter="kind"]),.marquee-container :global(.gutter-kind){padding:var(--sld-gutter-kind);gap:var(--sld-gutter-kind);--preset-gutter: var(--sld-gutter-kind)}.marquee-container :global([gutter="default"]),.marquee-container :global(.gutter-default){padding:var(--sld-gutter-default);gap:var(--sld-gutter-default);--preset-gutter: var(--sld-gutter-default)}.marquee :global(.marquee-children){display:inline-flex}.marquee :global(.marquee-children)>:global(*){border:1px solid red;width:90px;height:300px}.marquee-controls-prev{display:contents}.marquee-controls-next{display:contents}