@breadstone/mosaik-elements-foundation 0.0.146 → 0.0.148

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (310) hide show
  1. package/Controls/Components/Buttons/Anchor/AnchorElement.d.ts +47 -21
  2. package/Controls/Components/Buttons/Anchor/AnchorElement.d.ts.map +1 -1
  3. package/Controls/Components/Buttons/Anchor/AnchorElement.js +47 -21
  4. package/Controls/Components/Buttons/Anchor/AnchorElement.js.map +1 -1
  5. package/Controls/Components/Buttons/Button/ButtonElement.d.ts +88 -48
  6. package/Controls/Components/Buttons/Button/ButtonElement.d.ts.map +1 -1
  7. package/Controls/Components/Buttons/Button/ButtonElement.js +88 -48
  8. package/Controls/Components/Buttons/Button/ButtonElement.js.map +1 -1
  9. package/Controls/Components/Buttons/CompoundButton/CompoundButtonElement.d.ts +74 -55
  10. package/Controls/Components/Buttons/CompoundButton/CompoundButtonElement.d.ts.map +1 -1
  11. package/Controls/Components/Buttons/CompoundButton/CompoundButtonElement.js +74 -55
  12. package/Controls/Components/Buttons/CompoundButton/CompoundButtonElement.js.map +1 -1
  13. package/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonElement.d.ts +67 -49
  14. package/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonElement.d.ts.map +1 -1
  15. package/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonElement.js +67 -49
  16. package/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonElement.js.map +1 -1
  17. package/Controls/Components/Buttons/ToggleButton/ToggleButtonElement.d.ts +75 -48
  18. package/Controls/Components/Buttons/ToggleButton/ToggleButtonElement.d.ts.map +1 -1
  19. package/Controls/Components/Buttons/ToggleButton/ToggleButtonElement.js +75 -48
  20. package/Controls/Components/Buttons/ToggleButton/ToggleButtonElement.js.map +1 -1
  21. package/Controls/Components/Buttons/ToggleButton/ToggleButtonGroupElement.d.ts +40 -2
  22. package/Controls/Components/Buttons/ToggleButton/ToggleButtonGroupElement.d.ts.map +1 -1
  23. package/Controls/Components/Buttons/ToggleButton/ToggleButtonGroupElement.js +40 -2
  24. package/Controls/Components/Buttons/ToggleButton/ToggleButtonGroupElement.js.map +1 -1
  25. package/Controls/Components/Cells/CellElement.d.ts +72 -39
  26. package/Controls/Components/Cells/CellElement.d.ts.map +1 -1
  27. package/Controls/Components/Cells/CellElement.js +72 -39
  28. package/Controls/Components/Cells/CellElement.js.map +1 -1
  29. package/Controls/Components/Cells/CellGroupElement.d.ts +76 -15
  30. package/Controls/Components/Cells/CellGroupElement.d.ts.map +1 -1
  31. package/Controls/Components/Cells/CellGroupElement.js +76 -15
  32. package/Controls/Components/Cells/CellGroupElement.js.map +1 -1
  33. package/Controls/Components/Charts/ChartElement.d.ts +83 -18
  34. package/Controls/Components/Charts/ChartElement.d.ts.map +1 -1
  35. package/Controls/Components/Charts/ChartElement.js +83 -18
  36. package/Controls/Components/Charts/ChartElement.js.map +1 -1
  37. package/Controls/Components/Effects/Ripple/RippleElement.d.ts +48 -9
  38. package/Controls/Components/Effects/Ripple/RippleElement.d.ts.map +1 -1
  39. package/Controls/Components/Effects/Ripple/RippleElement.js +48 -9
  40. package/Controls/Components/Effects/Ripple/RippleElement.js.map +1 -1
  41. package/Controls/Components/Forms/FormElement.d.ts +71 -12
  42. package/Controls/Components/Forms/FormElement.d.ts.map +1 -1
  43. package/Controls/Components/Forms/FormElement.js +71 -12
  44. package/Controls/Components/Forms/FormElement.js.map +1 -1
  45. package/Controls/Components/Grouping/Card/CardElement.d.ts +62 -57
  46. package/Controls/Components/Grouping/Card/CardElement.d.ts.map +1 -1
  47. package/Controls/Components/Grouping/Card/CardElement.js +62 -57
  48. package/Controls/Components/Grouping/Card/CardElement.js.map +1 -1
  49. package/Controls/Components/Grouping/Toolbar/ToolbarElement.d.ts +56 -45
  50. package/Controls/Components/Grouping/Toolbar/ToolbarElement.d.ts.map +1 -1
  51. package/Controls/Components/Grouping/Toolbar/ToolbarElement.js +56 -45
  52. package/Controls/Components/Grouping/Toolbar/ToolbarElement.js.map +1 -1
  53. package/Controls/Components/Inputs/AutoCompleteBox/AutoCompleteBoxElement.d.ts +38 -1
  54. package/Controls/Components/Inputs/AutoCompleteBox/AutoCompleteBoxElement.d.ts.map +1 -1
  55. package/Controls/Components/Inputs/AutoCompleteBox/AutoCompleteBoxElement.js +38 -1
  56. package/Controls/Components/Inputs/AutoCompleteBox/AutoCompleteBoxElement.js.map +1 -1
  57. package/Controls/Components/Inputs/Calendar/CalendarElement.d.ts +12 -0
  58. package/Controls/Components/Inputs/Calendar/CalendarElement.d.ts.map +1 -1
  59. package/Controls/Components/Inputs/Calendar/CalendarElement.js +48 -8
  60. package/Controls/Components/Inputs/Calendar/CalendarElement.js.map +1 -1
  61. package/Controls/Components/Inputs/Calendar/CalendarElementTemplate.d.ts.map +1 -1
  62. package/Controls/Components/Inputs/Calendar/CalendarElementTemplate.js +193 -104
  63. package/Controls/Components/Inputs/Calendar/CalendarElementTemplate.js.map +1 -1
  64. package/Controls/Components/Inputs/Calendar/CalendarItemElement.d.ts +36 -0
  65. package/Controls/Components/Inputs/Calendar/CalendarItemElement.d.ts.map +1 -1
  66. package/Controls/Components/Inputs/Calendar/CalendarItemElement.js +100 -0
  67. package/Controls/Components/Inputs/Calendar/CalendarItemElement.js.map +1 -1
  68. package/Controls/Components/Inputs/Calendar/ICalendarItemElementProps.d.ts +4 -0
  69. package/Controls/Components/Inputs/Calendar/ICalendarItemElementProps.d.ts.map +1 -1
  70. package/Controls/Components/Inputs/Calendar/Themes/CalendarElement.Cosmopolitan.d.ts.map +1 -1
  71. package/Controls/Components/Inputs/Calendar/Themes/CalendarElement.Cosmopolitan.js +43 -0
  72. package/Controls/Components/Inputs/Calendar/Themes/CalendarElement.Cosmopolitan.js.map +1 -1
  73. package/Controls/Components/Inputs/Calendar/Themes/CalendarElement.Joy.d.ts.map +1 -1
  74. package/Controls/Components/Inputs/Calendar/Themes/CalendarElement.Joy.js +43 -0
  75. package/Controls/Components/Inputs/Calendar/Themes/CalendarElement.Joy.js.map +1 -1
  76. package/Controls/Components/Inputs/Calendar/Themes/CalendarElement.Retro.d.ts.map +1 -1
  77. package/Controls/Components/Inputs/Calendar/Themes/CalendarElement.Retro.js +43 -0
  78. package/Controls/Components/Inputs/Calendar/Themes/CalendarElement.Retro.js.map +1 -1
  79. package/Controls/Components/Inputs/Calendar/Themes/CalendarHeaderElement.Cosmopolitan.js +2 -2
  80. package/Controls/Components/Inputs/Calendar/Themes/CalendarHeaderElement.Joy.js +2 -2
  81. package/Controls/Components/Inputs/Calendar/Themes/CalendarHeaderElement.Retro.js +2 -2
  82. package/Controls/Components/Inputs/Calendar/Themes/CalendarItemElement.Cosmopolitan.d.ts.map +1 -1
  83. package/Controls/Components/Inputs/Calendar/Themes/CalendarItemElement.Cosmopolitan.js +61 -0
  84. package/Controls/Components/Inputs/Calendar/Themes/CalendarItemElement.Cosmopolitan.js.map +1 -1
  85. package/Controls/Components/Inputs/Calendar/Themes/CalendarItemElement.Joy.d.ts.map +1 -1
  86. package/Controls/Components/Inputs/Calendar/Themes/CalendarItemElement.Joy.js +24 -0
  87. package/Controls/Components/Inputs/Calendar/Themes/CalendarItemElement.Joy.js.map +1 -1
  88. package/Controls/Components/Inputs/Calendar/Themes/CalendarItemElement.Retro.d.ts.map +1 -1
  89. package/Controls/Components/Inputs/Calendar/Themes/CalendarItemElement.Retro.js +65 -0
  90. package/Controls/Components/Inputs/Calendar/Themes/CalendarItemElement.Retro.js.map +1 -1
  91. package/Controls/Components/Inputs/Calendar/Themes/CalendarSubHeaderElement.Cosmopolitan.js +2 -2
  92. package/Controls/Components/Inputs/Calendar/Themes/CalendarSubHeaderElement.Joy.js +2 -2
  93. package/Controls/Components/Inputs/Calendar/Themes/CalendarSubHeaderElement.Retro.js +2 -2
  94. package/Controls/Components/Inputs/Calendar/Views/CalendarDaysViewElement.d.ts.map +1 -1
  95. package/Controls/Components/Inputs/Calendar/Views/CalendarDaysViewElement.js +26 -13
  96. package/Controls/Components/Inputs/Calendar/Views/CalendarDaysViewElement.js.map +1 -1
  97. package/Controls/Components/Inputs/Calendar/Views/CalendarDaysViewElementTemplate.d.ts.map +1 -1
  98. package/Controls/Components/Inputs/Calendar/Views/CalendarDaysViewElementTemplate.js +51 -10
  99. package/Controls/Components/Inputs/Calendar/Views/CalendarDaysViewElementTemplate.js.map +1 -1
  100. package/Controls/Components/Inputs/CheckBox/CheckBoxElement.d.ts +48 -0
  101. package/Controls/Components/Inputs/CheckBox/CheckBoxElement.d.ts.map +1 -1
  102. package/Controls/Components/Inputs/CheckBox/CheckBoxElement.js +48 -0
  103. package/Controls/Components/Inputs/CheckBox/CheckBoxElement.js.map +1 -1
  104. package/Controls/Components/Inputs/ChipBox/ChipBoxElement.d.ts +56 -12
  105. package/Controls/Components/Inputs/ChipBox/ChipBoxElement.d.ts.map +1 -1
  106. package/Controls/Components/Inputs/ChipBox/ChipBoxElement.js +57 -13
  107. package/Controls/Components/Inputs/ChipBox/ChipBoxElement.js.map +1 -1
  108. package/Controls/Components/Inputs/ColorBox/ColorBoxElement.d.ts +72 -6
  109. package/Controls/Components/Inputs/ColorBox/ColorBoxElement.d.ts.map +1 -1
  110. package/Controls/Components/Inputs/ColorBox/ColorBoxElement.js +72 -6
  111. package/Controls/Components/Inputs/ColorBox/ColorBoxElement.js.map +1 -1
  112. package/Controls/Components/Inputs/DateBox/DateBoxElement.d.ts +54 -8
  113. package/Controls/Components/Inputs/DateBox/DateBoxElement.d.ts.map +1 -1
  114. package/Controls/Components/Inputs/DateBox/DateBoxElement.js +54 -8
  115. package/Controls/Components/Inputs/DateBox/DateBoxElement.js.map +1 -1
  116. package/Controls/Components/Inputs/FileUpload/FileUploadElement.d.ts +49 -13
  117. package/Controls/Components/Inputs/FileUpload/FileUploadElement.d.ts.map +1 -1
  118. package/Controls/Components/Inputs/FileUpload/FileUploadElement.js +49 -13
  119. package/Controls/Components/Inputs/FileUpload/FileUploadElement.js.map +1 -1
  120. package/Controls/Components/Inputs/NumberBox/NumberBoxElement.d.ts +52 -8
  121. package/Controls/Components/Inputs/NumberBox/NumberBoxElement.d.ts.map +1 -1
  122. package/Controls/Components/Inputs/NumberBox/NumberBoxElement.js +52 -8
  123. package/Controls/Components/Inputs/NumberBox/NumberBoxElement.js.map +1 -1
  124. package/Controls/Components/Inputs/PasswordBox/PasswordBoxElement.d.ts +51 -6
  125. package/Controls/Components/Inputs/PasswordBox/PasswordBoxElement.d.ts.map +1 -1
  126. package/Controls/Components/Inputs/PasswordBox/PasswordBoxElement.js +51 -6
  127. package/Controls/Components/Inputs/PasswordBox/PasswordBoxElement.js.map +1 -1
  128. package/Controls/Components/Inputs/PinBox/PinBoxElement.d.ts +55 -6
  129. package/Controls/Components/Inputs/PinBox/PinBoxElement.d.ts.map +1 -1
  130. package/Controls/Components/Inputs/PinBox/PinBoxElement.js +55 -6
  131. package/Controls/Components/Inputs/PinBox/PinBoxElement.js.map +1 -1
  132. package/Controls/Components/Inputs/Radio/RadioElement.d.ts +28 -0
  133. package/Controls/Components/Inputs/Radio/RadioElement.d.ts.map +1 -1
  134. package/Controls/Components/Inputs/Radio/RadioElement.js +28 -0
  135. package/Controls/Components/Inputs/Radio/RadioElement.js.map +1 -1
  136. package/Controls/Components/Inputs/Rating/RatingElement.d.ts +47 -1
  137. package/Controls/Components/Inputs/Rating/RatingElement.d.ts.map +1 -1
  138. package/Controls/Components/Inputs/Rating/RatingElement.js +47 -1
  139. package/Controls/Components/Inputs/Rating/RatingElement.js.map +1 -1
  140. package/Controls/Components/Inputs/SearchBox/SearchBoxElement.d.ts +61 -15
  141. package/Controls/Components/Inputs/SearchBox/SearchBoxElement.d.ts.map +1 -1
  142. package/Controls/Components/Inputs/SearchBox/SearchBoxElement.js +61 -15
  143. package/Controls/Components/Inputs/SearchBox/SearchBoxElement.js.map +1 -1
  144. package/Controls/Components/Inputs/Select/SelectElement.d.ts +50 -26
  145. package/Controls/Components/Inputs/Select/SelectElement.d.ts.map +1 -1
  146. package/Controls/Components/Inputs/Select/SelectElement.js +51 -26
  147. package/Controls/Components/Inputs/Select/SelectElement.js.map +1 -1
  148. package/Controls/Components/Inputs/TextBox/TextBoxElement.d.ts +39 -9
  149. package/Controls/Components/Inputs/TextBox/TextBoxElement.d.ts.map +1 -1
  150. package/Controls/Components/Inputs/TextBox/TextBoxElement.js +39 -9
  151. package/Controls/Components/Inputs/TextBox/TextBoxElement.js.map +1 -1
  152. package/Controls/Components/Inputs/TimeBox/TimeBoxElement.d.ts +58 -7
  153. package/Controls/Components/Inputs/TimeBox/TimeBoxElement.d.ts.map +1 -1
  154. package/Controls/Components/Inputs/TimeBox/TimeBoxElement.js +58 -7
  155. package/Controls/Components/Inputs/TimeBox/TimeBoxElement.js.map +1 -1
  156. package/Controls/Components/Inputs/ToggleSwitch/ToggleSwitchElement.d.ts +51 -3
  157. package/Controls/Components/Inputs/ToggleSwitch/ToggleSwitchElement.d.ts.map +1 -1
  158. package/Controls/Components/Inputs/ToggleSwitch/ToggleSwitchElement.js +51 -3
  159. package/Controls/Components/Inputs/ToggleSwitch/ToggleSwitchElement.js.map +1 -1
  160. package/Controls/Components/Layouts/Absolute/AbsoluteElement.d.ts +27 -2
  161. package/Controls/Components/Layouts/Absolute/AbsoluteElement.d.ts.map +1 -1
  162. package/Controls/Components/Layouts/Absolute/AbsoluteElement.js +27 -2
  163. package/Controls/Components/Layouts/Absolute/AbsoluteElement.js.map +1 -1
  164. package/Controls/Components/Layouts/Dock/DockPanelElement.d.ts +26 -15
  165. package/Controls/Components/Layouts/Dock/DockPanelElement.d.ts.map +1 -1
  166. package/Controls/Components/Layouts/Dock/DockPanelElement.js +26 -15
  167. package/Controls/Components/Layouts/Dock/DockPanelElement.js.map +1 -1
  168. package/Controls/Components/Layouts/Grid/GridElement.d.ts +17 -1
  169. package/Controls/Components/Layouts/Grid/GridElement.d.ts.map +1 -1
  170. package/Controls/Components/Layouts/Grid/GridElement.js +17 -1
  171. package/Controls/Components/Layouts/Grid/GridElement.js.map +1 -1
  172. package/Controls/Components/Layouts/Masonry/MasonryElement.d.ts +34 -7
  173. package/Controls/Components/Layouts/Masonry/MasonryElement.d.ts.map +1 -1
  174. package/Controls/Components/Layouts/Masonry/MasonryElement.js +34 -7
  175. package/Controls/Components/Layouts/Masonry/MasonryElement.js.map +1 -1
  176. package/Controls/Components/Layouts/Page/PageElement.d.ts +43 -9
  177. package/Controls/Components/Layouts/Page/PageElement.d.ts.map +1 -1
  178. package/Controls/Components/Layouts/Page/PageElement.js +43 -9
  179. package/Controls/Components/Layouts/Page/PageElement.js.map +1 -1
  180. package/Controls/Components/Layouts/Split/SplitElement.d.ts +42 -11
  181. package/Controls/Components/Layouts/Split/SplitElement.d.ts.map +1 -1
  182. package/Controls/Components/Layouts/Split/SplitElement.js +42 -11
  183. package/Controls/Components/Layouts/Split/SplitElement.js.map +1 -1
  184. package/Controls/Components/Layouts/Stack/StackElement.d.ts +84 -10
  185. package/Controls/Components/Layouts/Stack/StackElement.d.ts.map +1 -1
  186. package/Controls/Components/Layouts/Stack/StackElement.js +84 -10
  187. package/Controls/Components/Layouts/Stack/StackElement.js.map +1 -1
  188. package/Controls/Components/Layouts/TileList/TileListElement.d.ts +42 -1
  189. package/Controls/Components/Layouts/TileList/TileListElement.d.ts.map +1 -1
  190. package/Controls/Components/Layouts/TileList/TileListElement.js +42 -1
  191. package/Controls/Components/Layouts/TileList/TileListElement.js.map +1 -1
  192. package/Controls/Components/Layouts/Virtualize/VirtualizeElement.d.ts +52 -1
  193. package/Controls/Components/Layouts/Virtualize/VirtualizeElement.d.ts.map +1 -1
  194. package/Controls/Components/Layouts/Virtualize/VirtualizeElement.js +52 -1
  195. package/Controls/Components/Layouts/Virtualize/VirtualizeElement.js.map +1 -1
  196. package/Controls/Components/Layouts/Wrap/WrapElement.d.ts +29 -9
  197. package/Controls/Components/Layouts/Wrap/WrapElement.d.ts.map +1 -1
  198. package/Controls/Components/Layouts/Wrap/WrapElement.js +29 -9
  199. package/Controls/Components/Layouts/Wrap/WrapElement.js.map +1 -1
  200. package/Controls/Components/Media/Avatar/AvatarElement.d.ts +44 -8
  201. package/Controls/Components/Media/Avatar/AvatarElement.d.ts.map +1 -1
  202. package/Controls/Components/Media/Avatar/AvatarElement.js +44 -8
  203. package/Controls/Components/Media/Avatar/AvatarElement.js.map +1 -1
  204. package/Controls/Components/Media/Badge/BadgeElement.d.ts +67 -1
  205. package/Controls/Components/Media/Badge/BadgeElement.d.ts.map +1 -1
  206. package/Controls/Components/Media/Badge/BadgeElement.js +71 -3
  207. package/Controls/Components/Media/Badge/BadgeElement.js.map +1 -1
  208. package/Controls/Components/Media/Icon/IconElement.d.ts +57 -2
  209. package/Controls/Components/Media/Icon/IconElement.d.ts.map +1 -1
  210. package/Controls/Components/Media/Icon/IconElement.js +57 -2
  211. package/Controls/Components/Media/Icon/IconElement.js.map +1 -1
  212. package/Controls/Components/Media/Image/ImageElement.d.ts +62 -12
  213. package/Controls/Components/Media/Image/ImageElement.d.ts.map +1 -1
  214. package/Controls/Components/Media/Image/ImageElement.js +62 -12
  215. package/Controls/Components/Media/Image/ImageElement.js.map +1 -1
  216. package/Controls/Components/Overlays/Dialog/DialogElement.d.ts +86 -7
  217. package/Controls/Components/Overlays/Dialog/DialogElement.d.ts.map +1 -1
  218. package/Controls/Components/Overlays/Dialog/DialogElement.js +86 -7
  219. package/Controls/Components/Overlays/Dialog/DialogElement.js.map +1 -1
  220. package/Controls/Components/Primitives/Backdrop/BackdropElement.d.ts +41 -1
  221. package/Controls/Components/Primitives/Backdrop/BackdropElement.d.ts.map +1 -1
  222. package/Controls/Components/Primitives/Backdrop/BackdropElement.js +41 -1
  223. package/Controls/Components/Primitives/Backdrop/BackdropElement.js.map +1 -1
  224. package/Controls/Components/Primitives/Divider/DividerElement.d.ts +41 -1
  225. package/Controls/Components/Primitives/Divider/DividerElement.d.ts.map +1 -1
  226. package/Controls/Components/Primitives/Divider/DividerElement.js +41 -1
  227. package/Controls/Components/Primitives/Divider/DividerElement.js.map +1 -1
  228. package/Controls/Components/Primitives/FocusRing/FocusRingElement.d.ts +18 -4
  229. package/Controls/Components/Primitives/FocusRing/FocusRingElement.d.ts.map +1 -1
  230. package/Controls/Components/Primitives/FocusRing/FocusRingElement.js +18 -4
  231. package/Controls/Components/Primitives/FocusRing/FocusRingElement.js.map +1 -1
  232. package/Controls/Components/Primitives/Skeleton/SkeletonElement.d.ts +28 -7
  233. package/Controls/Components/Primitives/Skeleton/SkeletonElement.d.ts.map +1 -1
  234. package/Controls/Components/Primitives/Skeleton/SkeletonElement.js +30 -8
  235. package/Controls/Components/Primitives/Skeleton/SkeletonElement.js.map +1 -1
  236. package/Controls/Components/Primitives/Spacer/SpacerElement.d.ts +36 -5
  237. package/Controls/Components/Primitives/Spacer/SpacerElement.d.ts.map +1 -1
  238. package/Controls/Components/Primitives/Spacer/SpacerElement.js +36 -5
  239. package/Controls/Components/Primitives/Spacer/SpacerElement.js.map +1 -1
  240. package/Controls/Components/Primitives/Text/TextElement.d.ts +87 -9
  241. package/Controls/Components/Primitives/Text/TextElement.d.ts.map +1 -1
  242. package/Controls/Components/Primitives/Text/TextElement.js +87 -9
  243. package/Controls/Components/Primitives/Text/TextElement.js.map +1 -1
  244. package/Controls/Components/Ranges/ProgressBar/ProgressBarElement.d.ts +64 -1
  245. package/Controls/Components/Ranges/ProgressBar/ProgressBarElement.d.ts.map +1 -1
  246. package/Controls/Components/Ranges/ProgressBar/ProgressBarElement.js +64 -1
  247. package/Controls/Components/Ranges/ProgressBar/ProgressBarElement.js.map +1 -1
  248. package/Controls/Components/Ranges/ProgressRing/ProgressRingElement.d.ts +88 -4
  249. package/Controls/Components/Ranges/ProgressRing/ProgressRingElement.d.ts.map +1 -1
  250. package/Controls/Components/Ranges/ProgressRing/ProgressRingElement.js +88 -4
  251. package/Controls/Components/Ranges/ProgressRing/ProgressRingElement.js.map +1 -1
  252. package/Controls/Components/Ranges/Slider/SliderElement.d.ts +70 -8
  253. package/Controls/Components/Ranges/Slider/SliderElement.d.ts.map +1 -1
  254. package/Controls/Components/Ranges/Slider/SliderElement.js +70 -8
  255. package/Controls/Components/Ranges/Slider/SliderElement.js.map +1 -1
  256. package/Controls/Components/Selectors/Carousel/CarouselElement.d.ts +65 -11
  257. package/Controls/Components/Selectors/Carousel/CarouselElement.d.ts.map +1 -1
  258. package/Controls/Components/Selectors/Carousel/CarouselElement.js +65 -11
  259. package/Controls/Components/Selectors/Carousel/CarouselElement.js.map +1 -1
  260. package/Controls/Components/Selectors/Carousel/CarouselItemElement.d.ts +51 -1
  261. package/Controls/Components/Selectors/Carousel/CarouselItemElement.d.ts.map +1 -1
  262. package/Controls/Components/Selectors/Carousel/CarouselItemElement.js +51 -1
  263. package/Controls/Components/Selectors/Carousel/CarouselItemElement.js.map +1 -1
  264. package/Controls/Components/Selectors/Combo/ComboElement.d.ts +81 -23
  265. package/Controls/Components/Selectors/Combo/ComboElement.d.ts.map +1 -1
  266. package/Controls/Components/Selectors/Combo/ComboElement.js +81 -23
  267. package/Controls/Components/Selectors/Combo/ComboElement.js.map +1 -1
  268. package/Controls/Components/Selectors/Combo/ComboItemElement.d.ts +58 -1
  269. package/Controls/Components/Selectors/Combo/ComboItemElement.d.ts.map +1 -1
  270. package/Controls/Components/Selectors/Combo/ComboItemElement.js +58 -1
  271. package/Controls/Components/Selectors/Combo/ComboItemElement.js.map +1 -1
  272. package/Controls/Components/Selectors/DataTable/DataTableElement.d.ts +81 -1
  273. package/Controls/Components/Selectors/DataTable/DataTableElement.d.ts.map +1 -1
  274. package/Controls/Components/Selectors/DataTable/DataTableElement.js +93 -4
  275. package/Controls/Components/Selectors/DataTable/DataTableElement.js.map +1 -1
  276. package/Controls/Components/Selectors/List/ListElement.d.ts +95 -5
  277. package/Controls/Components/Selectors/List/ListElement.d.ts.map +1 -1
  278. package/Controls/Components/Selectors/List/ListElement.js +95 -5
  279. package/Controls/Components/Selectors/List/ListElement.js.map +1 -1
  280. package/Controls/Components/Selectors/Menu/MenuElement.d.ts +61 -2
  281. package/Controls/Components/Selectors/Menu/MenuElement.d.ts.map +1 -1
  282. package/Controls/Components/Selectors/Menu/MenuElement.js +61 -2
  283. package/Controls/Components/Selectors/Menu/MenuElement.js.map +1 -1
  284. package/Controls/Components/Selectors/TabStrip/TabStripElement.d.ts +72 -1
  285. package/Controls/Components/Selectors/TabStrip/TabStripElement.d.ts.map +1 -1
  286. package/Controls/Components/Selectors/TabStrip/TabStripElement.js +72 -1
  287. package/Controls/Components/Selectors/TabStrip/TabStripElement.js.map +1 -1
  288. package/Controls/Components/Shell/AppElement.d.ts +90 -28
  289. package/Controls/Components/Shell/AppElement.d.ts.map +1 -1
  290. package/Controls/Components/Shell/AppElement.js +90 -28
  291. package/Controls/Components/Shell/AppElement.js.map +1 -1
  292. package/Controls/Components/States/Busy/BusyStateElement.d.ts +49 -24
  293. package/Controls/Components/States/Busy/BusyStateElement.d.ts.map +1 -1
  294. package/Controls/Components/States/Busy/BusyStateElement.js +49 -24
  295. package/Controls/Components/States/Busy/BusyStateElement.js.map +1 -1
  296. package/Controls/Components/States/Empty/EmptyStateElement.d.ts +59 -27
  297. package/Controls/Components/States/Empty/EmptyStateElement.d.ts.map +1 -1
  298. package/Controls/Components/States/Empty/EmptyStateElement.js +59 -27
  299. package/Controls/Components/States/Empty/EmptyStateElement.js.map +1 -1
  300. package/Controls/Components/States/Error/ErrorStateElement.d.ts +59 -23
  301. package/Controls/Components/States/Error/ErrorStateElement.d.ts.map +1 -1
  302. package/Controls/Components/States/Error/ErrorStateElement.js +59 -23
  303. package/Controls/Components/States/Error/ErrorStateElement.js.map +1 -1
  304. package/Controls/Components/States/Success/SuccessStateElement.d.ts +57 -22
  305. package/Controls/Components/States/Success/SuccessStateElement.d.ts.map +1 -1
  306. package/Controls/Components/States/Success/SuccessStateElement.js +57 -22
  307. package/Controls/Components/States/Success/SuccessStateElement.js.map +1 -1
  308. package/Routing/PathToRegexp.d.ts +1 -1
  309. package/custom-elements.json +3994 -861
  310. package/package.json +3 -3
@@ -1 +1 @@
1
- {"version":3,"file":"DialogElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Dialog/DialogElement.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"DialogElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Dialog/DialogElement.ts"],"names":[],"mappings":"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"}
@@ -3,9 +3,49 @@ import { CustomElement } from '../../Abstracts/CustomElement';
3
3
  import { IBackdropElementProps } from './IBackdropElementProps';
4
4
  declare const BackdropElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Animatable").IAnimatableProps & IAnimatable) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
5
5
  /**
6
- * Backdrop - A semi-transparent overlay often placed behind a dialog or pop-up component to focus attention on the current element.
6
+ * Backdrop - A semi-transparent overlay that creates visual focus by dimming background content.
7
7
  *
8
+ * Typically used behind modals, dialogs, popups, and other overlay components to draw attention
9
+ * to foreground content and prevent interaction with background elements. Features smooth
10
+ * fade-in/fade-out animations for enhanced user experience.
11
+ *
12
+ * @name BackdropElement
8
13
  * @element mosaik-backdrop
14
+ * @category Primitive
15
+ *
16
+ * @csspart backdrop - The semi-transparent overlay surface
17
+ *
18
+ * @cssprop --backdrop-color - Background color of the overlay (default: rgba(0,0,0,0.5))
19
+ * @cssprop --backdrop-blur - Backdrop blur effect intensity
20
+ * @cssprop --backdrop-z-index - Z-index stacking order for the overlay
21
+ *
22
+ * @example
23
+ * ```html
24
+ * <!-- Basic backdrop -->
25
+ * <mosaik-backdrop></mosaik-backdrop>
26
+ *
27
+ * <!-- Hidden backdrop (for programmatic control) -->
28
+ * <mosaik-backdrop hidden></mosaik-backdrop>
29
+ *
30
+ * <!-- Behind a modal dialog -->
31
+ * <mosaik-backdrop id="dialogBackdrop"></mosaik-backdrop>
32
+ * <div class="modal-dialog">
33
+ * <h2>Confirm Action</h2>
34
+ * <p>Are you sure you want to proceed?</p>
35
+ * <button onclick="hideDialog()">Cancel</button>
36
+ * <button onclick="confirmAction()">Confirm</button>
37
+ * </div>
38
+ *
39
+ * <script>
40
+ * function showDialog() {
41
+ * document.getElementById('dialogBackdrop').hidden = false;
42
+ * }
43
+ *
44
+ * function hideDialog() {
45
+ * document.getElementById('dialogBackdrop').hidden = true;
46
+ * }
47
+ * </script>
48
+ * ```
9
49
  *
10
50
  * @public
11
51
  */
@@ -1 +1 @@
1
- {"version":3,"file":"BackdropElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Backdrop/BackdropElement.ts"],"names":[],"mappings":"AAGA,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAG7E,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;;AAQhE;;;;;;GAMG;AACH,qBAUa,eACT,SAAQ,oBACR,YAAW,qBAAqB,EAAE,WAAW;IAI7C,OAAO,CAAC,OAAO,CAAU;IAMzB;;OAEG;;IAWH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IAIoB,MAAM,IAAI,OAAO,CAEpC;IAED,IAAoB,MAAM,CAAC,KAAK,EAAE,OAAO,EAKxC;IAMD;;;OAGG;IACa,gBAAgB,IAAI,OAAO,CAAC,OAAO,CAAC;IAIpD;;;OAGG;IACa,eAAe,IAAI,OAAO,CAAC,OAAO,CAAC;CAMtD;AAED;;GAEG;AACH,yBAAiB,eAAe,CAAC;IAC7B,KAAY,KAAK,GAAG,qBAAqB,CAAC;CAC7C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEX,UAAU,qBAAqB;QAE3B,iBAAiB,EAAE,eAAe,CAAC;KACtC;CACJ"}
1
+ {"version":3,"file":"BackdropElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Backdrop/BackdropElement.ts"],"names":[],"mappings":"AAGA,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAG7E,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;;AAQhE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,qBAUa,eACT,SAAQ,oBACR,YAAW,qBAAqB,EAAE,WAAW;IAI7C,OAAO,CAAC,OAAO,CAAU;IAMzB;;OAEG;;IAWH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IAIoB,MAAM,IAAI,OAAO,CAEpC;IAED,IAAoB,MAAM,CAAC,KAAK,EAAE,OAAO,EAKxC;IAMD;;;OAGG;IACa,gBAAgB,IAAI,OAAO,CAAC,OAAO,CAAC;IAIpD;;;OAGG;IACa,eAAe,IAAI,OAAO,CAAC,OAAO,CAAC;CAMtD;AAED;;GAEG;AACH,yBAAiB,eAAe,CAAC;IAC7B,KAAY,KAAK,GAAG,qBAAqB,CAAC;CAC7C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEX,UAAU,qBAAqB;QAE3B,iBAAiB,EAAE,eAAe,CAAC;KACtC;CACJ"}
@@ -20,9 +20,49 @@ import { backdropElementCosmopolitanStyle } from './Themes/BackdropElement.Cosmo
20
20
  import { Themeable } from '../../../Behaviors/Themeable';
21
21
  // #endregion
22
22
  /**
23
- * Backdrop - A semi-transparent overlay often placed behind a dialog or pop-up component to focus attention on the current element.
23
+ * Backdrop - A semi-transparent overlay that creates visual focus by dimming background content.
24
24
  *
25
+ * Typically used behind modals, dialogs, popups, and other overlay components to draw attention
26
+ * to foreground content and prevent interaction with background elements. Features smooth
27
+ * fade-in/fade-out animations for enhanced user experience.
28
+ *
29
+ * @name BackdropElement
25
30
  * @element mosaik-backdrop
31
+ * @category Primitive
32
+ *
33
+ * @csspart backdrop - The semi-transparent overlay surface
34
+ *
35
+ * @cssprop --backdrop-color - Background color of the overlay (default: rgba(0,0,0,0.5))
36
+ * @cssprop --backdrop-blur - Backdrop blur effect intensity
37
+ * @cssprop --backdrop-z-index - Z-index stacking order for the overlay
38
+ *
39
+ * @example
40
+ * ```html
41
+ * <!-- Basic backdrop -->
42
+ * <mosaik-backdrop></mosaik-backdrop>
43
+ *
44
+ * <!-- Hidden backdrop (for programmatic control) -->
45
+ * <mosaik-backdrop hidden></mosaik-backdrop>
46
+ *
47
+ * <!-- Behind a modal dialog -->
48
+ * <mosaik-backdrop id="dialogBackdrop"></mosaik-backdrop>
49
+ * <div class="modal-dialog">
50
+ * <h2>Confirm Action</h2>
51
+ * <p>Are you sure you want to proceed?</p>
52
+ * <button onclick="hideDialog()">Cancel</button>
53
+ * <button onclick="confirmAction()">Confirm</button>
54
+ * </div>
55
+ *
56
+ * <script>
57
+ * function showDialog() {
58
+ * document.getElementById('dialogBackdrop').hidden = false;
59
+ * }
60
+ *
61
+ * function hideDialog() {
62
+ * document.getElementById('dialogBackdrop').hidden = true;
63
+ * }
64
+ * </script>
65
+ * ```
26
66
  *
27
67
  * @public
28
68
  */
@@ -1 +1 @@
1
- {"version":3,"file":"BackdropElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Backdrop/BackdropElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,qCAAqC,CAAC;AACtE,OAAO,EAAE,UAAU,EAAoB,MAAM,+BAA+B,CAAC;AAC7E,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAEpE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,gCAAgC,EAAE,MAAM,uCAAuC,CAAC;AACzF,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,aAAa;AAEb;;;;;;GAMG;AAWI,IAAM,eAAe,GAArB,MAAM,eACT,SAAQ,SAAS,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAG5C,iBAAiB;IAET,OAAO,CAAU;IAEzB,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACzB,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,iBAAiB,CAAC;IAC7B,CAAC;IAED;;;;;OAKG;IACH,IAIoB,MAAM;QACtB,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;IAED,IAAoB,MAAM,CAAC,KAAc;QACrC,IAAI,IAAI,CAAC,OAAO,KAAK,KAAK,EAAE,CAAC;YACzB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YACrB,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACjC,CAAC;IACL,CAAC;IAED,aAAa;IAEb,kBAAkB;IAElB;;;OAGG;IACa,gBAAgB;QAC5B,OAAO,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAC7B,CAAC;IAED;;;OAGG;IACa,eAAe;QAC3B,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC9B,CAAC;CAIJ,CAAA;AArCG;IAAC,SAAS,CAAC;QACP,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,IAAI;KACnB,CAAC;;;6CAGD;AAjDQ,eAAe;IAV3B,SAAS,CAAC;QACP,QAAQ,EAAE,iBAAiB;QAC3B,QAAQ,EAAE,uBAAuB;QACjC,MAAM,EAAE;YACJ,GAAG,EAAE,uBAAuB;YAC5B,KAAK,EAAE,yBAAyB;YAChC,YAAY,EAAE,gCAAgC;SACjD;QACD,OAAO,EAAE,EAAE;KACd,CAAC;;GACW,eAAe,CAgF3B"}
1
+ {"version":3,"file":"BackdropElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Backdrop/BackdropElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,qCAAqC,CAAC;AACtE,OAAO,EAAE,UAAU,EAAoB,MAAM,+BAA+B,CAAC;AAC7E,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAEpE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,gCAAgC,EAAE,MAAM,uCAAuC,CAAC;AACzF,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AAWI,IAAM,eAAe,GAArB,MAAM,eACT,SAAQ,SAAS,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAG5C,iBAAiB;IAET,OAAO,CAAU;IAEzB,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACzB,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,iBAAiB,CAAC;IAC7B,CAAC;IAED;;;;;OAKG;IACH,IAIoB,MAAM;QACtB,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;IAED,IAAoB,MAAM,CAAC,KAAc;QACrC,IAAI,IAAI,CAAC,OAAO,KAAK,KAAK,EAAE,CAAC;YACzB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YACrB,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACjC,CAAC;IACL,CAAC;IAED,aAAa;IAEb,kBAAkB;IAElB;;;OAGG;IACa,gBAAgB;QAC5B,OAAO,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAC7B,CAAC;IAED;;;OAGG;IACa,eAAe;QAC3B,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC9B,CAAC;CAIJ,CAAA;AArCG;IAAC,SAAS,CAAC;QACP,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,IAAI;KACnB,CAAC;;;6CAGD;AAjDQ,eAAe;IAV3B,SAAS,CAAC;QACP,QAAQ,EAAE,iBAAiB;QAC3B,QAAQ,EAAE,uBAAuB;QACjC,MAAM,EAAE;YACJ,GAAG,EAAE,uBAAuB;YAC5B,KAAK,EAAE,yBAAyB;YAChC,YAAY,EAAE,gCAAgC;SACjD;QACD,OAAO,EAAE,EAAE;KACd,CAAC;;GACW,eAAe,CAgF3B"}
@@ -2,9 +2,49 @@ import { CustomElement } from '../../Abstracts/CustomElement';
2
2
  import type { IDividerElementProps } from './IDividerElementProps';
3
3
  declare const DividerElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Orientable").IOrientableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
4
4
  /**
5
- * Divider - A horizontal or vertical line used to separate or divide elements.
5
+ * Divider - A visual separator element that creates distinct sections within layouts.
6
6
  *
7
+ * Renders as a horizontal or vertical line to separate content areas, groups, or sections.
8
+ * Supports customizable thickness and adapts styling based on the current theme.
9
+ * Commonly used in menus, lists, forms, and content layouts.
10
+ *
11
+ * @name DividerElement
7
12
  * @element mosaik-divider
13
+ * @category Primitive
14
+ *
15
+ * @csspart divider - The main divider line element
16
+ *
17
+ * @cssprop --divider-color - Color of the divider line
18
+ * @cssprop --divider-thickness - Thickness of the divider line in pixels
19
+ * @cssprop --divider-opacity - Opacity level of the divider
20
+ * @cssprop --divider-margin - Margin space around the divider
21
+ *
22
+ * @example
23
+ * ```html
24
+ * <!-- Horizontal divider (default) -->
25
+ * <div>Section 1</div>
26
+ * <mosaik-divider></mosaik-divider>
27
+ * <div>Section 2</div>
28
+ *
29
+ * <!-- Vertical divider -->
30
+ * <div style="display: flex; align-items: center;">
31
+ * <span>Item 1</span>
32
+ * <mosaik-divider orientation="vertical"></mosaik-divider>
33
+ * <span>Item 2</span>
34
+ * </div>
35
+ *
36
+ * <!-- Custom thickness divider -->
37
+ * <mosaik-divider thickness="3"></mosaik-divider>
38
+ *
39
+ * <!-- In navigation menu -->
40
+ * <nav>
41
+ * <a href="/home">Home</a>
42
+ * <mosaik-divider orientation="vertical"></mosaik-divider>
43
+ * <a href="/about">About</a>
44
+ * <mosaik-divider orientation="vertical"></mosaik-divider>
45
+ * <a href="/contact">Contact</a>
46
+ * </nav>
47
+ * ```
8
48
  *
9
49
  * @public
10
50
  */
@@ -1 +1 @@
1
- {"version":3,"file":"DividerElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Divider/DividerElement.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;;AAQnE;;;;;;GAMG;AACH,qBAUa,cACT,SAAQ,mBACR,YAAW,oBAAoB;IAI/B,OAAO,CAAC,UAAU,CAAC,CAAS;IAM5B;;OAEG;;IAWH;;;;;;MAME;IACF,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAMD;;;;;OAKG;IACH,IACW,SAAS,IAAI,MAAM,GAAG,SAAS,CAEzC;IACD,IAAW,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAK7C;CAaJ;AAED;;GAEG;AACH,yBAAiB,cAAc,CAAC;IAC5B,KAAY,KAAK,GAAG,oBAAoB,CAAC;CAC5C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEX,UAAU,qBAAqB;QAE3B,gBAAgB,EAAE,cAAc,CAAC;KACpC;CACJ"}
1
+ {"version":3,"file":"DividerElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Divider/DividerElement.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;;AAQnE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,qBAUa,cACT,SAAQ,mBACR,YAAW,oBAAoB;IAI/B,OAAO,CAAC,UAAU,CAAC,CAAS;IAM5B;;OAEG;;IAWH;;;;;;MAME;IACF,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAMD;;;;;OAKG;IACH,IACW,SAAS,IAAI,MAAM,GAAG,SAAS,CAEzC;IACD,IAAW,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAK7C;CAaJ;AAED;;GAEG;AACH,yBAAiB,cAAc,CAAC;IAC5B,KAAY,KAAK,GAAG,oBAAoB,CAAC;CAC5C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEX,UAAU,qBAAqB;QAE3B,gBAAgB,EAAE,cAAc,CAAC;KACpC;CACJ"}
@@ -19,9 +19,49 @@ import { dividerElementCosmopolitanStyle } from './Themes/DividerElement.Cosmopo
19
19
  import { Themeable } from '../../../Behaviors/Themeable';
20
20
  // #endregion
21
21
  /**
22
- * Divider - A horizontal or vertical line used to separate or divide elements.
22
+ * Divider - A visual separator element that creates distinct sections within layouts.
23
23
  *
24
+ * Renders as a horizontal or vertical line to separate content areas, groups, or sections.
25
+ * Supports customizable thickness and adapts styling based on the current theme.
26
+ * Commonly used in menus, lists, forms, and content layouts.
27
+ *
28
+ * @name DividerElement
24
29
  * @element mosaik-divider
30
+ * @category Primitive
31
+ *
32
+ * @csspart divider - The main divider line element
33
+ *
34
+ * @cssprop --divider-color - Color of the divider line
35
+ * @cssprop --divider-thickness - Thickness of the divider line in pixels
36
+ * @cssprop --divider-opacity - Opacity level of the divider
37
+ * @cssprop --divider-margin - Margin space around the divider
38
+ *
39
+ * @example
40
+ * ```html
41
+ * <!-- Horizontal divider (default) -->
42
+ * <div>Section 1</div>
43
+ * <mosaik-divider></mosaik-divider>
44
+ * <div>Section 2</div>
45
+ *
46
+ * <!-- Vertical divider -->
47
+ * <div style="display: flex; align-items: center;">
48
+ * <span>Item 1</span>
49
+ * <mosaik-divider orientation="vertical"></mosaik-divider>
50
+ * <span>Item 2</span>
51
+ * </div>
52
+ *
53
+ * <!-- Custom thickness divider -->
54
+ * <mosaik-divider thickness="3"></mosaik-divider>
55
+ *
56
+ * <!-- In navigation menu -->
57
+ * <nav>
58
+ * <a href="/home">Home</a>
59
+ * <mosaik-divider orientation="vertical"></mosaik-divider>
60
+ * <a href="/about">About</a>
61
+ * <mosaik-divider orientation="vertical"></mosaik-divider>
62
+ * <a href="/contact">Contact</a>
63
+ * </nav>
64
+ * ```
25
65
  *
26
66
  * @public
27
67
  */
@@ -1 +1 @@
1
- {"version":3,"file":"DividerElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Divider/DividerElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,+BAA+B,EAAE,MAAM,sCAAsC,CAAC;AACvF,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,aAAa;AAEb;;;;;;GAMG;AAWI,IAAM,cAAc,GAApB,MAAM,cACT,SAAQ,SAAS,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAG5C,iBAAiB;IAET,UAAU,CAAU;IAE5B,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;IAChC,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;MAME;IACK,MAAM,KAAK,EAAE;QAChB,OAAO,gBAAgB,CAAC;IAC5B,CAAC;IAED,aAAa;IAEb,kBAAkB;IAElB;;;;;OAKG;IACH,IACW,SAAS;QAChB,OAAO,IAAI,CAAC,UAAU,CAAC;IAC3B,CAAC;IACD,IAAW,SAAS,CAAC,KAAyB;QAC1C,IAAI,IAAI,CAAC,UAAU,KAAK,KAAK,EAAE,CAAC;YAC5B,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;YACxB,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;QACpC,CAAC;IACL,CAAC;CAaJ,CAAA;AAtBG;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;+CAG3B;AAjDQ,cAAc;IAV1B,SAAS,CAAC;QACP,QAAQ,EAAE,gBAAgB;QAC1B,QAAQ,EAAE,sBAAsB;QAChC,MAAM,EAAE;YACJ,GAAG,EAAE,sBAAsB;YAC3B,KAAK,EAAE,wBAAwB;YAC/B,YAAY,EAAE,+BAA+B;SAChD;QACD,OAAO,EAAE,EAAE;KACd,CAAC;;GACW,cAAc,CAoE1B"}
1
+ {"version":3,"file":"DividerElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Divider/DividerElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,+BAA+B,EAAE,MAAM,sCAAsC,CAAC;AACvF,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AAWI,IAAM,cAAc,GAApB,MAAM,cACT,SAAQ,SAAS,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAG5C,iBAAiB;IAET,UAAU,CAAU;IAE5B,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;IAChC,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;MAME;IACK,MAAM,KAAK,EAAE;QAChB,OAAO,gBAAgB,CAAC;IAC5B,CAAC;IAED,aAAa;IAEb,kBAAkB;IAElB;;;;;OAKG;IACH,IACW,SAAS;QAChB,OAAO,IAAI,CAAC,UAAU,CAAC;IAC3B,CAAC;IACD,IAAW,SAAS,CAAC,KAAyB;QAC1C,IAAI,IAAI,CAAC,UAAU,KAAK,KAAK,EAAE,CAAC;YAC5B,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;YACxB,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;QACpC,CAAC;IACL,CAAC;CAaJ,CAAA;AAtBG;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;+CAG3B;AAjDQ,cAAc;IAV1B,SAAS,CAAC;QACP,QAAQ,EAAE,gBAAgB;QAC1B,QAAQ,EAAE,sBAAsB;QAChC,MAAM,EAAE;YACJ,GAAG,EAAE,sBAAsB;YAC3B,KAAK,EAAE,wBAAwB;YAC/B,YAAY,EAAE,+BAA+B;SAChD;QACD,OAAO,EAAE,EAAE;KACd,CAAC;;GACW,cAAc,CAoE1B"}
@@ -18,6 +18,8 @@ declare const FocusRingElement_base: (abstract new (...args: Array<any>) => impo
18
18
  *
19
19
  * @description
20
20
  * The Focus Ring element is a visible indicator that highlights the currently focused element, aiding accessibility.
21
+ * It provides visual feedback to users navigating with keyboard or other assistive technologies, helping them understand
22
+ * which element currently has focus.
21
23
  *
22
24
  * @name Focus Ring
23
25
  * @element mosaik-focus-ring
@@ -28,11 +30,23 @@ declare const FocusRingElement_base: (abstract new (...args: Array<any>) => impo
28
30
  * @cssprop {String} --focus-ring-width - The width.
29
31
  * @cssprop {String} --focus-ring-active-width - The active width.
30
32
  * @cssprop {String} --focus-ring-shape - The shape.
31
- * @cssprop {String} --focus-ring-x - The x.
32
- * @cssprop {String} --focus-ring-y - The y.
33
- * @cssprop {String} --focus-ring-blur - The blur.
34
- * @cssprop {String} --focus-ring-width - The width.
33
+ * @cssprop {String} --focus-ring-x - The x position.
34
+ * @cssprop {String} --focus-ring-y - The y position.
35
+ * @cssprop {String} --focus-ring-blur - The blur amount.
35
36
  * @cssprop {String} --focus-ring-color - The color.
37
+ * @cssprop {String} --focus-ring-border-color - The border color.
38
+ * @cssprop {String} --focus-ring-border-width - The border width.
39
+ * @cssprop {String} --focus-ring-border-style - The border style.
40
+ * @cssprop {String} --focus-ring-border-radius - The border radius.
41
+ * @cssprop {String} --focus-ring-shadow - The shadow.
42
+ * @cssprop {String} --focus-ring-transition-duration - The transition duration.
43
+ * @cssprop {String} --focus-ring-transition-mode - The transition mode.
44
+ * @cssprop {String} --focus-ring-transition-property - The transition property.
45
+ *
46
+ * @example
47
+ * ```html
48
+ * <mosaik-focus-ring visible="true" for="button"></mosaik-focus-ring>
49
+ * ```
36
50
  *
37
51
  * @public
38
52
  */
@@ -1 +1 @@
1
- {"version":3,"file":"FocusRingElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/FocusRing/FocusRingElement.ts"],"names":[],"mappings":"AAGA,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC7E,OAAO,EAAe,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAIrF,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+CAA+C,CAAC;AASxF;;;;GAIG;AACH,MAAM,WAAW,sBAAuB,SAAQ,iBAAiB;IAE7D,OAAO,EAAE,OAAO,CAAC;IAEjB,MAAM,EAAE,OAAO,CAAC;IAEhB,UAAU,EAAE,QAAQ,GAAG,MAAM,CAAC;CAEjC;;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,qBAUa,gBACT,SAAQ,qBACR,YAAW,kBAAkB,EAAE,sBAAsB,EAAE,WAAW;IAIlE,OAAO,CAAC,oBAAoB,CAAoC;IAChE,OAAO,CAAC,qBAAqB,CAAoC;IACjE,OAAO,CAAC,wBAAwB,CAAoC;IACpE,OAAO,CAAC,QAAQ,CAAU;IAC1B,OAAO,CAAC,OAAO,CAAU;IACzB,OAAO,CAAC,WAAW,CAAoB;IAMvC;;OAEG;;IAgBH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IAIW,OAAO,IAAI,OAAO,CAE5B;IACD,IAAW,OAAO,CAAC,KAAK,EAAE,OAAO,EAKhC;IAED;;;;;OAKG;IACH,IAIW,MAAM,IAAI,OAAO,CAE3B;IACD,IAAW,MAAM,CAAC,KAAK,EAAE,OAAO,EAK/B;IAED;;;;;OAKG;IACH,IACW,UAAU,IAAI,QAAQ,GAAG,MAAM,CAEzC;IACD,IAAW,UAAU,CAAC,KAAK,EAAE,QAAQ,GAAG,MAAM,EAK7C;IAMD;;;OAGG;IACa,iBAAiB,IAAI,IAAI;IAUzC;;OAEG;IAEH,SAAS,CAAC,oBAAoB,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,EAAE,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,IAAI;IAcxF;;OAEG;IACH,OAAO,CAAC,WAAW;CAmBtB;AAED;;GAEG;AACH,yBAAiB,gBAAgB,CAAC;IAC9B,KAAY,KAAK,GAAG,sBAAsB,CAAC;CAC9C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEX,UAAU,qBAAqB;QAE3B,mBAAmB,EAAE,gBAAgB,CAAC;KACzC;CACJ"}
1
+ {"version":3,"file":"FocusRingElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/FocusRing/FocusRingElement.ts"],"names":[],"mappings":"AAGA,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC7E,OAAO,EAAe,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAIrF,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+CAA+C,CAAC;AASxF;;;;GAIG;AACH,MAAM,WAAW,sBAAuB,SAAQ,iBAAiB;IAE7D,OAAO,EAAE,OAAO,CAAC;IAEjB,MAAM,EAAE,OAAO,CAAC;IAEhB,UAAU,EAAE,QAAQ,GAAG,MAAM,CAAC;CAEjC;;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,qBAUa,gBACT,SAAQ,qBACR,YAAW,kBAAkB,EAAE,sBAAsB,EAAE,WAAW;IAIlE,OAAO,CAAC,oBAAoB,CAAoC;IAChE,OAAO,CAAC,qBAAqB,CAAoC;IACjE,OAAO,CAAC,wBAAwB,CAAoC;IACpE,OAAO,CAAC,QAAQ,CAAU;IAC1B,OAAO,CAAC,OAAO,CAAU;IACzB,OAAO,CAAC,WAAW,CAAoB;IAMvC;;OAEG;;IAgBH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IAIW,OAAO,IAAI,OAAO,CAE5B;IACD,IAAW,OAAO,CAAC,KAAK,EAAE,OAAO,EAKhC;IAED;;;;;OAKG;IACH,IAIW,MAAM,IAAI,OAAO,CAE3B;IACD,IAAW,MAAM,CAAC,KAAK,EAAE,OAAO,EAK/B;IAED;;;;;OAKG;IACH,IACW,UAAU,IAAI,QAAQ,GAAG,MAAM,CAEzC;IACD,IAAW,UAAU,CAAC,KAAK,EAAE,QAAQ,GAAG,MAAM,EAK7C;IAMD;;;OAGG;IACa,iBAAiB,IAAI,IAAI;IAUzC;;OAEG;IAEH,SAAS,CAAC,oBAAoB,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,EAAE,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,IAAI;IAcxF;;OAEG;IACH,OAAO,CAAC,WAAW;CAmBtB;AAED;;GAEG;AACH,yBAAiB,gBAAgB,CAAC;IAC9B,KAAY,KAAK,GAAG,sBAAsB,CAAC;CAC9C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEX,UAAU,qBAAqB;QAE3B,mBAAmB,EAAE,gBAAgB,CAAC;KACzC;CACJ"}
@@ -25,6 +25,8 @@ import { Themeable } from '../../../Behaviors/Themeable';
25
25
  *
26
26
  * @description
27
27
  * The Focus Ring element is a visible indicator that highlights the currently focused element, aiding accessibility.
28
+ * It provides visual feedback to users navigating with keyboard or other assistive technologies, helping them understand
29
+ * which element currently has focus.
28
30
  *
29
31
  * @name Focus Ring
30
32
  * @element mosaik-focus-ring
@@ -35,11 +37,23 @@ import { Themeable } from '../../../Behaviors/Themeable';
35
37
  * @cssprop {String} --focus-ring-width - The width.
36
38
  * @cssprop {String} --focus-ring-active-width - The active width.
37
39
  * @cssprop {String} --focus-ring-shape - The shape.
38
- * @cssprop {String} --focus-ring-x - The x.
39
- * @cssprop {String} --focus-ring-y - The y.
40
- * @cssprop {String} --focus-ring-blur - The blur.
41
- * @cssprop {String} --focus-ring-width - The width.
40
+ * @cssprop {String} --focus-ring-x - The x position.
41
+ * @cssprop {String} --focus-ring-y - The y position.
42
+ * @cssprop {String} --focus-ring-blur - The blur amount.
42
43
  * @cssprop {String} --focus-ring-color - The color.
44
+ * @cssprop {String} --focus-ring-border-color - The border color.
45
+ * @cssprop {String} --focus-ring-border-width - The border width.
46
+ * @cssprop {String} --focus-ring-border-style - The border style.
47
+ * @cssprop {String} --focus-ring-border-radius - The border radius.
48
+ * @cssprop {String} --focus-ring-shadow - The shadow.
49
+ * @cssprop {String} --focus-ring-transition-duration - The transition duration.
50
+ * @cssprop {String} --focus-ring-transition-mode - The transition mode.
51
+ * @cssprop {String} --focus-ring-transition-property - The transition property.
52
+ *
53
+ * @example
54
+ * ```html
55
+ * <mosaik-focus-ring visible="true" for="button"></mosaik-focus-ring>
56
+ * ```
43
57
  *
44
58
  * @public
45
59
  */
@@ -1 +1 @@
1
- {"version":3,"file":"FocusRingElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/FocusRing/FocusRingElement.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"FocusRingElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/FocusRing/FocusRingElement.ts"],"names":[],"mappings":"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"}
@@ -5,20 +5,41 @@ import { ISkeletonElementProps } from './ISkeletonElementProps';
5
5
  type Target = '_blank' | '_self' | '_parent' | '_top';
6
6
  declare const SkeletonElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Dimensionable").IDimensionableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
7
7
  /**
8
- * Skeleton - A placeholder component used to indicate loading or waiting states.
8
+ * Skeleton - A placeholder element that mimics content structure during loading states.
9
9
  *
10
+ * Provides visual feedback while content loads by displaying placeholder shapes that approximate
11
+ * the final content layout. Reduces perceived loading time and improves user experience.
12
+ * Supports various shapes (rectangle, circle, text) with optional shimmer animation.
13
+ *
14
+ * @name SkeletonElement
10
15
  * @element mosaik-skeleton
16
+ * @category Primitive
11
17
  *
12
- * @description
13
- * The Skeleton component is used to provide visual feedback to users while content is being loaded or processed.
14
- * It typically represents the approximate size and shape of the content to be loaded, helping users understand the layout of the page and reducing perceived loading times.
15
- * Skeletons are commonly used in applications with dynamic or asynchronous content, such as social media feeds, news articles, and product listings.
18
+ * @csspart skeleton - The main skeleton placeholder element
16
19
  *
17
- * @category Primitives
20
+ * @cssprop --skeleton-color - Background color of the skeleton placeholder
21
+ * @cssprop --skeleton-highlight-color - Color of the shimmer highlight animation
22
+ * @cssprop --skeleton-animation-duration - Duration of the shimmer animation cycle
23
+ * @cssprop --skeleton-border-radius - Border radius for rounded skeleton shapes
18
24
  *
19
25
  * @example
20
26
  * ```html
21
- * <mosaik-skeleton shape="rect"></mosaik-skeleton>
27
+ * <!-- Text line skeleton -->
28
+ * <mosaik-skeleton shape="text" width="200px" height="16px"></mosaik-skeleton>
29
+ *
30
+ * <!-- Avatar skeleton with shimmer -->
31
+ * <mosaik-skeleton shape="circle" width="40px" height="40px" shimmer></mosaik-skeleton>
32
+ *
33
+ * <!-- Card skeleton -->
34
+ * <mosaik-skeleton shape="rect" width="300px" height="200px" shimmer></mosaik-skeleton>
35
+ *
36
+ * <!-- Loading article layout -->
37
+ * <div class="article-skeleton">
38
+ * <mosaik-skeleton shape="rect" width="100%" height="200px" shimmer></mosaik-skeleton>
39
+ * <mosaik-skeleton shape="text" width="80%" height="24px"></mosaik-skeleton>
40
+ * <mosaik-skeleton shape="text" width="60%" height="16px"></mosaik-skeleton>
41
+ * <mosaik-skeleton shape="text" width="90%" height="16px"></mosaik-skeleton>
42
+ * </div>
22
43
  * ```
23
44
  *
24
45
  * @public
@@ -1 +1 @@
1
- {"version":3,"file":"SkeletonElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Skeleton/SkeletonElement.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAKtD,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAShE,KAAK,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;;AAEtD;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBAUa,eACT,SAAQ,oBACR,YAAW,qBAAqB;IAIhC,OAAO,CAAC,MAAM,CAAgB;IAC9B,OAAO,CAAC,QAAQ,CAAU;IAM1B;;OAEG;;IAYH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAEM,MAAM,CAAC,EAAE,MAAM,CAAC;IAEvB;;;;;OAKG;IACH,IACW,KAAK,IAAI,aAAa,CAEhC;IACD,IAAW,KAAK,CAAC,KAAK,EAAE,aAAa,EAKpC;IAED;;;;;OAKG;IACH,IACW,OAAO,IAAI,OAAO,CAE5B;IACD,IAAW,OAAO,CAAC,KAAK,EAAE,OAAO,EAKhC;IAMD;;OAEG;IAEH,SAAS,CAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI;IAK1E;;OAEG;IAEH,SAAS,CAAC,uBAAuB,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI;CAO9E;AAED;;GAEG;AACH,yBAAiB,eAAe,CAAC;IAC7B,KAAY,KAAK,GAAG,qBAAqB,CAAC;CAC7C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,iBAAiB,EAAE,eAAe,CAAC;KACtC;CACJ"}
1
+ {"version":3,"file":"SkeletonElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Skeleton/SkeletonElement.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAKtD,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAShE,KAAK,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;;AAEtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,qBAUa,eACT,SAAQ,oBACR,YAAW,qBAAqB;IAIhC,OAAO,CAAC,MAAM,CAAgB;IAC9B,OAAO,CAAC,QAAQ,CAAU;IAM1B;;OAEG;;IAYH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAEM,MAAM,CAAC,EAAE,MAAM,CAAC;IAEvB;;;;;OAKG;IACH,IACW,KAAK,IAAI,aAAa,CAEhC;IACD,IAAW,KAAK,CAAC,KAAK,EAAE,aAAa,EAKpC;IAED;;;;;OAKG;IACH,IAEW,OAAO,IAAI,OAAO,CAE5B;IACD,IAAW,OAAO,CAAC,KAAK,EAAE,OAAO,EAKhC;IAMD;;OAEG;IAEH,SAAS,CAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI;IAK1E;;OAEG;IAEH,SAAS,CAAC,uBAAuB,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI;CAO9E;AAED;;GAEG;AACH,yBAAiB,eAAe,CAAC;IAC7B,KAAY,KAAK,GAAG,qBAAqB,CAAC;CAC7C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,iBAAiB,EAAE,eAAe,CAAC;KACtC;CACJ"}
@@ -22,20 +22,41 @@ import { skeletonElementRetroStyle } from './Themes/SkeletonElement.Retro';
22
22
  import { skeletonElementCosmopolitanStyle } from './Themes/SkeletonElement.Cosmopolitan';
23
23
  import { Themeable } from '../../../Behaviors/Themeable';
24
24
  /**
25
- * Skeleton - A placeholder component used to indicate loading or waiting states.
25
+ * Skeleton - A placeholder element that mimics content structure during loading states.
26
26
  *
27
+ * Provides visual feedback while content loads by displaying placeholder shapes that approximate
28
+ * the final content layout. Reduces perceived loading time and improves user experience.
29
+ * Supports various shapes (rectangle, circle, text) with optional shimmer animation.
30
+ *
31
+ * @name SkeletonElement
27
32
  * @element mosaik-skeleton
33
+ * @category Primitive
28
34
  *
29
- * @description
30
- * The Skeleton component is used to provide visual feedback to users while content is being loaded or processed.
31
- * It typically represents the approximate size and shape of the content to be loaded, helping users understand the layout of the page and reducing perceived loading times.
32
- * Skeletons are commonly used in applications with dynamic or asynchronous content, such as social media feeds, news articles, and product listings.
35
+ * @csspart skeleton - The main skeleton placeholder element
33
36
  *
34
- * @category Primitives
37
+ * @cssprop --skeleton-color - Background color of the skeleton placeholder
38
+ * @cssprop --skeleton-highlight-color - Color of the shimmer highlight animation
39
+ * @cssprop --skeleton-animation-duration - Duration of the shimmer animation cycle
40
+ * @cssprop --skeleton-border-radius - Border radius for rounded skeleton shapes
35
41
  *
36
42
  * @example
37
43
  * ```html
38
- * <mosaik-skeleton shape="rect"></mosaik-skeleton>
44
+ * <!-- Text line skeleton -->
45
+ * <mosaik-skeleton shape="text" width="200px" height="16px"></mosaik-skeleton>
46
+ *
47
+ * <!-- Avatar skeleton with shimmer -->
48
+ * <mosaik-skeleton shape="circle" width="40px" height="40px" shimmer></mosaik-skeleton>
49
+ *
50
+ * <!-- Card skeleton -->
51
+ * <mosaik-skeleton shape="rect" width="300px" height="200px" shimmer></mosaik-skeleton>
52
+ *
53
+ * <!-- Loading article layout -->
54
+ * <div class="article-skeleton">
55
+ * <mosaik-skeleton shape="rect" width="100%" height="200px" shimmer></mosaik-skeleton>
56
+ * <mosaik-skeleton shape="text" width="80%" height="24px"></mosaik-skeleton>
57
+ * <mosaik-skeleton shape="text" width="60%" height="16px"></mosaik-skeleton>
58
+ * <mosaik-skeleton shape="text" width="90%" height="16px"></mosaik-skeleton>
59
+ * </div>
39
60
  * ```
40
61
  *
41
62
  * @public
@@ -121,7 +142,8 @@ __decorate([
121
142
  __metadata("design:paramtypes", [String])
122
143
  ], SkeletonElement.prototype, "shape", null);
123
144
  __decorate([
124
- Attribute({ type: Boolean, useDefault: true }),
145
+ Attribute({ type: Boolean,
146
+ useDefault: true }),
125
147
  __metadata("design:type", Boolean),
126
148
  __metadata("design:paramtypes", [Boolean])
127
149
  ], SkeletonElement.prototype, "shimmer", null);
@@ -1 +1 @@
1
- {"version":3,"file":"SkeletonElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Skeleton/SkeletonElement.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"SkeletonElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Skeleton/SkeletonElement.ts"],"names":[],"mappings":"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"}
@@ -4,14 +4,45 @@ import { CustomElement } from '../../Abstracts/CustomElement';
4
4
  import { type ISpacerElementProps } from './ISpacerElementProps';
5
5
  declare const SpacerElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
6
6
  /**
7
- * Spacer - An empty or transparent element used for creating space or layout separation.
7
+ * Spacer - A flexible spacing element for creating consistent gaps and layout control.
8
8
  *
9
- * @description
10
- * The Spacer component is a versatile layout element used to add spacing, margins, or gaps between other UI elements.
11
- * It helps control the visual layout and alignment of components in a user interface, providing consistent spacing between elements.
12
- * Spacers can be applied both horizontally and vertically to achieve precise spacing and alignment.
9
+ * Provides precise spacing control between UI elements with configurable thickness, size multipliers,
10
+ * and directional spacing. Essential for maintaining consistent visual rhythm and alignment in layouts.
11
+ * Supports responsive spacing based on design system tokens.
13
12
  *
13
+ * @name SpacerElement
14
14
  * @element mosaik-spacer
15
+ * @category Primitive
16
+ *
17
+ * @csspart spacer - The main spacing container element
18
+ *
19
+ * @cssprop --spacer-thickness - Base thickness for the spacer element
20
+ * @cssprop --spacer-multiplier - Multiplier applied to base spacing values
21
+ * @cssprop --spacer-size - Predefined size category (xs, sm, md, lg, xl)
22
+ *
23
+ * @example
24
+ * ```html
25
+ * <!-- Basic spacing -->
26
+ * <div>Content Above</div>
27
+ * <mosaik-spacer></mosaik-spacer>
28
+ * <div>Content Below</div>
29
+ *
30
+ * <!-- Custom multiplier for larger gap -->
31
+ * <mosaik-spacer multiplier="2"></mosaik-spacer>
32
+ *
33
+ * <!-- Size-based spacing -->
34
+ * <mosaik-spacer size="lg"></mosaik-spacer>
35
+ *
36
+ * <!-- Multiple thickness values -->
37
+ * <mosaik-spacer thickness="md lg"></mosaik-spacer>
38
+ *
39
+ * <!-- Flex layout spacing -->
40
+ * <div style="display: flex; align-items: center;">
41
+ * <button>Button 1</button>
42
+ * <mosaik-spacer></mosaik-spacer>
43
+ * <button>Button 2</button>
44
+ * </div>
45
+ * ```
15
46
  *
16
47
  * @public
17
48
  */
@@ -1 +1 @@
1
- {"version":3,"file":"SpacerElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Spacer/SpacerElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAgC,KAAK,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;;AAQ/F;;;;;;;;;;;GAWG;AACH,qBAUa,aACT,SAAQ,kBACR,YAAW,mBAAmB;IAI9B,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,KAAK,CAAO;IACpB,OAAO,CAAC,UAAU,CAAwB;IAC1C,OAAO,CAAC,OAAO,CAAU;IACzB,OAAO,CAAC,oBAAoB,CAA6B;IAMzD;;OAEG;;IAeH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;;;OAOG;IACH,IACW,UAAU,IAAI,MAAM,CAE9B;IACD,IAAW,UAAU,CAAC,KAAK,EAAE,MAAM,EAOlC;IAED;;;;;;;;OAQG;IACH,IACW,IAAI,IAAI,IAAI,CAEtB;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,IAAI,EAK1B;IAED;;;;;;;;OAQG;IACH,IAQW,SAAS,IAAI,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,IAAI,CAEtD;IACD,IAAW,SAAS,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,IAAI,EAK1D;IAED;;;;;;;;OAQG;IACH,IAIW,MAAM,IAAI,OAAO,CAE3B;IACD,IAAW,MAAM,CAAC,KAAK,EAAE,OAAO,EAK/B;IAED;;;;;;;OAOG;IACH,IACW,mBAAmB,IAAI,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAE3D;IACD,IAAW,mBAAmB,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,EAK/D;IAMD;;;;;OAKG;IACI,eAAe,CAAC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,MAAM,GAAG,OAAO;IAyBrE;;;;OAIG;IACH,OAAO,CAAC,cAAc;IAiBtB;;;;OAIG;IACH,OAAO,CAAC,iBAAiB;IAqCzB;;;;OAIG;IACH,OAAO,CAAC,eAAe;IAiBvB;;;;OAIG;IACH,OAAO,CAAC,SAAS;CAcpB;AAED;;GAEG;AACH,yBAAiB,aAAa,CAAC;IAC3B,KAAY,KAAK,GAAG,mBAAmB,CAAC;CAC3C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEX,UAAU,qBAAqB;QAE3B,eAAe,EAAE,aAAa,CAAC;KAClC;CACJ"}
1
+ {"version":3,"file":"SpacerElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Spacer/SpacerElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAgC,KAAK,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;;AAQ/F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,qBAUa,aACT,SAAQ,kBACR,YAAW,mBAAmB;IAI9B,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,KAAK,CAAO;IACpB,OAAO,CAAC,UAAU,CAAwB;IAC1C,OAAO,CAAC,OAAO,CAAU;IACzB,OAAO,CAAC,oBAAoB,CAA6B;IAMzD;;OAEG;;IAeH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;;;OAOG;IACH,IACW,UAAU,IAAI,MAAM,CAE9B;IACD,IAAW,UAAU,CAAC,KAAK,EAAE,MAAM,EAOlC;IAED;;;;;;;;OAQG;IACH,IACW,IAAI,IAAI,IAAI,CAEtB;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,IAAI,EAK1B;IAED;;;;;;;;OAQG;IACH,IAQW,SAAS,IAAI,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,IAAI,CAEtD;IACD,IAAW,SAAS,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,IAAI,EAK1D;IAED;;;;;;;;OAQG;IACH,IAIW,MAAM,IAAI,OAAO,CAE3B;IACD,IAAW,MAAM,CAAC,KAAK,EAAE,OAAO,EAK/B;IAED;;;;;;;OAOG;IACH,IACW,mBAAmB,IAAI,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAE3D;IACD,IAAW,mBAAmB,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,EAK/D;IAMD;;;;;OAKG;IACI,eAAe,CAAC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,MAAM,GAAG,OAAO;IAyBrE;;;;OAIG;IACH,OAAO,CAAC,cAAc;IAiBtB;;;;OAIG;IACH,OAAO,CAAC,iBAAiB;IAqCzB;;;;OAIG;IACH,OAAO,CAAC,eAAe;IAiBvB;;;;OAIG;IACH,OAAO,CAAC,SAAS;CAcpB;AAED;;GAEG;AACH,yBAAiB,aAAa,CAAC;IAC3B,KAAY,KAAK,GAAG,mBAAmB,CAAC;CAC3C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEX,UAAU,qBAAqB;QAE3B,eAAe,EAAE,aAAa,CAAC;KAClC;CACJ"}