@breadstone/mosaik-elements-foundation 0.0.221 → 0.0.223

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 (414) hide show
  1. package/Attributes/BgColorAttribute.d.ts.map +1 -1
  2. package/Attributes/BgColorAttribute.js +2 -0
  3. package/Attributes/BgColorAttribute.js.map +1 -1
  4. package/Controls/Behaviors/Disableable.js +4 -2
  5. package/Controls/Behaviors/Disableable.js.map +1 -1
  6. package/Controls/Behaviors/Themeable.js +2 -2
  7. package/Controls/Behaviors/Themeable.js.map +1 -1
  8. package/Controls/Components/Buttons/Button/ButtonElement.d.ts +31 -1
  9. package/Controls/Components/Buttons/Button/ButtonElement.d.ts.map +1 -1
  10. package/Controls/Components/Buttons/Button/ButtonElement.js +50 -3
  11. package/Controls/Components/Buttons/Button/ButtonElement.js.map +1 -1
  12. package/Controls/Components/Buttons/Button/ButtonGroupElement.d.ts +3 -21
  13. package/Controls/Components/Buttons/Button/ButtonGroupElement.d.ts.map +1 -1
  14. package/Controls/Components/Buttons/Button/ButtonGroupElement.js +16 -73
  15. package/Controls/Components/Buttons/Button/ButtonGroupElement.js.map +1 -1
  16. package/Controls/Components/Buttons/Button/ButtonGroupInheritanceContext.d.ts +30 -0
  17. package/Controls/Components/Buttons/Button/ButtonGroupInheritanceContext.d.ts.map +1 -0
  18. package/Controls/Components/Buttons/Button/ButtonGroupInheritanceContext.js +9 -0
  19. package/Controls/Components/Buttons/Button/ButtonGroupInheritanceContext.js.map +1 -0
  20. package/Controls/Components/Buttons/Button/Themes/ButtonElement.Cosmopolitan.js +26 -26
  21. package/Controls/Components/Buttons/Button/Themes/ButtonElement.Joy.js +27 -27
  22. package/Controls/Components/Buttons/Button/Themes/ButtonElement.Memphis.js +26 -26
  23. package/Controls/Components/Buttons/CompoundButton/Themes/CompoundButtonElement.Cosmopolitan.js +8 -8
  24. package/Controls/Components/Buttons/CompoundButton/Themes/CompoundButtonElement.Joy.js +10 -10
  25. package/Controls/Components/Buttons/CompoundButton/Themes/CompoundButtonElement.Memphis.js +9 -9
  26. package/Controls/Components/Buttons/DropDownButton/Themes/DropDownButtonElement.Cosmopolitan.js +9 -9
  27. package/Controls/Components/Buttons/DropDownButton/Themes/DropDownButtonElement.Joy.js +10 -10
  28. package/Controls/Components/Buttons/DropDownButton/Themes/DropDownButtonElement.Memphis.js +8 -8
  29. package/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonElement.d.ts +21 -0
  30. package/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonElement.d.ts.map +1 -1
  31. package/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonElement.js +42 -2
  32. package/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonElement.js.map +1 -1
  33. package/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonGroupElement.d.ts +2 -15
  34. package/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonGroupElement.d.ts.map +1 -1
  35. package/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonGroupElement.js +14 -63
  36. package/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonGroupElement.js.map +1 -1
  37. package/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonGroupInheritanceContext.d.ts +30 -0
  38. package/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonGroupInheritanceContext.d.ts.map +1 -0
  39. package/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonGroupInheritanceContext.js +9 -0
  40. package/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonGroupInheritanceContext.js.map +1 -0
  41. package/Controls/Components/Buttons/FloatingActionButton/Themes/FloatingActionButtonElement.Cosmopolitan.js +8 -8
  42. package/Controls/Components/Buttons/FloatingActionButton/Themes/FloatingActionButtonElement.Joy.js +9 -9
  43. package/Controls/Components/Buttons/FloatingActionButton/Themes/FloatingActionButtonElement.Memphis.js +32 -32
  44. package/Controls/Components/Buttons/RepeatButton/Themes/RepeatButtonElement.Cosmopolitan.js +8 -8
  45. package/Controls/Components/Buttons/RepeatButton/Themes/RepeatButtonElement.Joy.js +10 -10
  46. package/Controls/Components/Buttons/RepeatButton/Themes/RepeatButtonElement.Memphis.js +9 -9
  47. package/Controls/Components/Buttons/SplitButton/Themes/SplitButtonElement.Cosmopolitan.js +8 -8
  48. package/Controls/Components/Buttons/SplitButton/Themes/SplitButtonElement.Joy.js +12 -12
  49. package/Controls/Components/Buttons/SplitButton/Themes/SplitButtonElement.Memphis.js +9 -9
  50. package/Controls/Components/Buttons/ToggleButton/Themes/ToggleButtonElement.Cosmopolitan.js +9 -9
  51. package/Controls/Components/Buttons/ToggleButton/Themes/ToggleButtonElement.Joy.js +10 -10
  52. package/Controls/Components/Buttons/ToggleButton/Themes/ToggleButtonElement.Memphis.js +9 -9
  53. package/Controls/Components/Buttons/ToggleButton/ToggleButtonElement.d.ts +28 -0
  54. package/Controls/Components/Buttons/ToggleButton/ToggleButtonElement.d.ts.map +1 -1
  55. package/Controls/Components/Buttons/ToggleButton/ToggleButtonElement.js +53 -2
  56. package/Controls/Components/Buttons/ToggleButton/ToggleButtonElement.js.map +1 -1
  57. package/Controls/Components/Buttons/ToggleButton/ToggleButtonGroupElement.d.ts +3 -21
  58. package/Controls/Components/Buttons/ToggleButton/ToggleButtonGroupElement.d.ts.map +1 -1
  59. package/Controls/Components/Buttons/ToggleButton/ToggleButtonGroupElement.js +16 -73
  60. package/Controls/Components/Buttons/ToggleButton/ToggleButtonGroupElement.js.map +1 -1
  61. package/Controls/Components/Buttons/ToggleButton/ToggleButtonGroupInheritanceContext.d.ts +35 -0
  62. package/Controls/Components/Buttons/ToggleButton/ToggleButtonGroupInheritanceContext.d.ts.map +1 -0
  63. package/Controls/Components/Buttons/ToggleButton/ToggleButtonGroupInheritanceContext.js +9 -0
  64. package/Controls/Components/Buttons/ToggleButton/ToggleButtonGroupInheritanceContext.js.map +1 -0
  65. package/Controls/Components/Forms/FormFieldElementTemplate.d.ts.map +1 -1
  66. package/Controls/Components/Forms/FormFieldElementTemplate.js +2 -0
  67. package/Controls/Components/Forms/FormFieldElementTemplate.js.map +1 -1
  68. package/Controls/Components/Grouping/Banner/BannerElement.d.ts +15 -1
  69. package/Controls/Components/Grouping/Banner/BannerElement.d.ts.map +1 -1
  70. package/Controls/Components/Grouping/Banner/BannerElement.js +30 -3
  71. package/Controls/Components/Grouping/Banner/BannerElement.js.map +1 -1
  72. package/Controls/Components/Grouping/BannerGroup/BannerGroupElement.d.ts +4 -5
  73. package/Controls/Components/Grouping/BannerGroup/BannerGroupElement.d.ts.map +1 -1
  74. package/Controls/Components/Grouping/BannerGroup/BannerGroupElement.js +19 -32
  75. package/Controls/Components/Grouping/BannerGroup/BannerGroupElement.js.map +1 -1
  76. package/Controls/Components/Grouping/BannerGroup/BannerGroupInheritanceContext.d.ts +25 -0
  77. package/Controls/Components/Grouping/BannerGroup/BannerGroupInheritanceContext.d.ts.map +1 -0
  78. package/Controls/Components/Grouping/BannerGroup/BannerGroupInheritanceContext.js +9 -0
  79. package/Controls/Components/Grouping/BannerGroup/BannerGroupInheritanceContext.js.map +1 -0
  80. package/Controls/Components/Grouping/BannerGroup/Themes/BannerGroupElement.Cosmopolitan.js +1 -1
  81. package/Controls/Components/Grouping/BannerGroup/Themes/BannerGroupElement.Joy.js +1 -1
  82. package/Controls/Components/Grouping/BannerGroup/Themes/BannerGroupElement.Memphis.js +1 -1
  83. package/Controls/Components/Grouping/Expander/ExpanderElement.d.ts +31 -0
  84. package/Controls/Components/Grouping/Expander/ExpanderElement.d.ts.map +1 -1
  85. package/Controls/Components/Grouping/Expander/ExpanderElement.js +56 -3
  86. package/Controls/Components/Grouping/Expander/ExpanderElement.js.map +1 -1
  87. package/Controls/Components/Grouping/Expander/ExpanderElementTemplate.d.ts.map +1 -1
  88. package/Controls/Components/Grouping/Expander/ExpanderElementTemplate.js +10 -11
  89. package/Controls/Components/Grouping/Expander/ExpanderElementTemplate.js.map +1 -1
  90. package/Controls/Components/Grouping/Expander/ExpanderGroupElement.d.ts +18 -29
  91. package/Controls/Components/Grouping/Expander/ExpanderGroupElement.d.ts.map +1 -1
  92. package/Controls/Components/Grouping/Expander/ExpanderGroupElement.js +45 -85
  93. package/Controls/Components/Grouping/Expander/ExpanderGroupElement.js.map +1 -1
  94. package/Controls/Components/Grouping/Expander/ExpanderGroupInheritanceContext.d.ts +40 -0
  95. package/Controls/Components/Grouping/Expander/ExpanderGroupInheritanceContext.d.ts.map +1 -0
  96. package/Controls/Components/Grouping/Expander/ExpanderGroupInheritanceContext.js +9 -0
  97. package/Controls/Components/Grouping/Expander/ExpanderGroupInheritanceContext.js.map +1 -0
  98. package/Controls/Components/Grouping/Expander/IExpanderGroupElementProps.d.ts +2 -0
  99. package/Controls/Components/Grouping/Expander/IExpanderGroupElementProps.d.ts.map +1 -1
  100. package/Controls/Components/Grouping/Expander/Themes/ExpanderElement.Cosmopolitan.d.ts.map +1 -1
  101. package/Controls/Components/Grouping/Expander/Themes/ExpanderElement.Cosmopolitan.js +9 -5
  102. package/Controls/Components/Grouping/Expander/Themes/ExpanderElement.Cosmopolitan.js.map +1 -1
  103. package/Controls/Components/Grouping/Expander/Themes/ExpanderElement.Joy.d.ts.map +1 -1
  104. package/Controls/Components/Grouping/Expander/Themes/ExpanderElement.Joy.js +9 -5
  105. package/Controls/Components/Grouping/Expander/Themes/ExpanderElement.Joy.js.map +1 -1
  106. package/Controls/Components/Grouping/Expander/Themes/ExpanderElement.Memphis.d.ts.map +1 -1
  107. package/Controls/Components/Grouping/Expander/Themes/ExpanderElement.Memphis.js +9 -5
  108. package/Controls/Components/Grouping/Expander/Themes/ExpanderElement.Memphis.js.map +1 -1
  109. package/Controls/Components/Grouping/Expander/Themes/ExpanderGroupElement.Cosmopolitan.d.ts.map +1 -1
  110. package/Controls/Components/Grouping/Expander/Themes/ExpanderGroupElement.Cosmopolitan.js +13 -0
  111. package/Controls/Components/Grouping/Expander/Themes/ExpanderGroupElement.Cosmopolitan.js.map +1 -1
  112. package/Controls/Components/Grouping/Expander/Themes/ExpanderGroupElement.Joy.d.ts.map +1 -1
  113. package/Controls/Components/Grouping/Expander/Themes/ExpanderGroupElement.Joy.js +17 -0
  114. package/Controls/Components/Grouping/Expander/Themes/ExpanderGroupElement.Joy.js.map +1 -1
  115. package/Controls/Components/Grouping/Expander/Themes/ExpanderGroupElement.Memphis.d.ts.map +1 -1
  116. package/Controls/Components/Grouping/Expander/Themes/ExpanderGroupElement.Memphis.js +13 -0
  117. package/Controls/Components/Grouping/Expander/Themes/ExpanderGroupElement.Memphis.js.map +1 -1
  118. package/Controls/Components/Inputs/Calendar/Themes/CalendarSubHeaderElement.Cosmopolitan.js +1 -1
  119. package/Controls/Components/Inputs/Calendar/Themes/CalendarSubHeaderElement.Joy.js +1 -1
  120. package/Controls/Components/Inputs/Calendar/Themes/CalendarSubHeaderElement.Memphis.js +1 -1
  121. package/Controls/Components/Inputs/CheckBox/CheckBoxElement.d.ts +29 -0
  122. package/Controls/Components/Inputs/CheckBox/CheckBoxElement.d.ts.map +1 -1
  123. package/Controls/Components/Inputs/CheckBox/CheckBoxElement.js +55 -4
  124. package/Controls/Components/Inputs/CheckBox/CheckBoxElement.js.map +1 -1
  125. package/Controls/Components/Inputs/CheckBox/CheckBoxGroupElement.d.ts +2 -24
  126. package/Controls/Components/Inputs/CheckBox/CheckBoxGroupElement.d.ts.map +1 -1
  127. package/Controls/Components/Inputs/CheckBox/CheckBoxGroupElement.js +17 -90
  128. package/Controls/Components/Inputs/CheckBox/CheckBoxGroupElement.js.map +1 -1
  129. package/Controls/Components/Inputs/CheckBox/CheckBoxGroupInheritanceContext.d.ts +39 -0
  130. package/Controls/Components/Inputs/CheckBox/CheckBoxGroupInheritanceContext.d.ts.map +1 -0
  131. package/Controls/Components/Inputs/CheckBox/CheckBoxGroupInheritanceContext.js +9 -0
  132. package/Controls/Components/Inputs/CheckBox/CheckBoxGroupInheritanceContext.js.map +1 -0
  133. package/Controls/Components/Inputs/CheckBox/Themes/CheckBoxElement.Joy.js +1 -1
  134. package/Controls/Components/Inputs/ChipBox/Themes/ChipBoxElement.Cosmopolitan.d.ts.map +1 -1
  135. package/Controls/Components/Inputs/ChipBox/Themes/ChipBoxElement.Cosmopolitan.js +58 -48
  136. package/Controls/Components/Inputs/ChipBox/Themes/ChipBoxElement.Cosmopolitan.js.map +1 -1
  137. package/Controls/Components/Inputs/ChipBox/Themes/ChipBoxElement.Joy.d.ts.map +1 -1
  138. package/Controls/Components/Inputs/ChipBox/Themes/ChipBoxElement.Joy.js +100 -77
  139. package/Controls/Components/Inputs/ChipBox/Themes/ChipBoxElement.Joy.js.map +1 -1
  140. package/Controls/Components/Inputs/ChipBox/Themes/ChipBoxElement.Memphis.d.ts.map +1 -1
  141. package/Controls/Components/Inputs/ChipBox/Themes/ChipBoxElement.Memphis.js +92 -68
  142. package/Controls/Components/Inputs/ChipBox/Themes/ChipBoxElement.Memphis.js.map +1 -1
  143. package/Controls/Components/Inputs/Choice/ChoiceElement.d.ts +32 -0
  144. package/Controls/Components/Inputs/Choice/ChoiceElement.d.ts.map +1 -1
  145. package/Controls/Components/Inputs/Choice/ChoiceElement.js +58 -4
  146. package/Controls/Components/Inputs/Choice/ChoiceElement.js.map +1 -1
  147. package/Controls/Components/Inputs/Choice/ChoiceGroupElement.d.ts +3 -25
  148. package/Controls/Components/Inputs/Choice/ChoiceGroupElement.d.ts.map +1 -1
  149. package/Controls/Components/Inputs/Choice/ChoiceGroupElement.js +18 -91
  150. package/Controls/Components/Inputs/Choice/ChoiceGroupElement.js.map +1 -1
  151. package/Controls/Components/Inputs/Choice/ChoiceGroupInheritanceContext.d.ts +39 -0
  152. package/Controls/Components/Inputs/Choice/ChoiceGroupInheritanceContext.d.ts.map +1 -0
  153. package/Controls/Components/Inputs/Choice/ChoiceGroupInheritanceContext.js +9 -0
  154. package/Controls/Components/Inputs/Choice/ChoiceGroupInheritanceContext.js.map +1 -0
  155. package/Controls/Components/Inputs/Choice/Themes/ChoiceElement.Joy.js +1 -1
  156. package/Controls/Components/Inputs/ColorBox/ColorBoxElement.d.ts +13 -2
  157. package/Controls/Components/Inputs/ColorBox/ColorBoxElement.d.ts.map +1 -1
  158. package/Controls/Components/Inputs/ColorBox/ColorBoxElement.js +29 -5
  159. package/Controls/Components/Inputs/ColorBox/ColorBoxElement.js.map +1 -1
  160. package/Controls/Components/Inputs/ColorBox/ColorBoxElementTemplate.js +1 -1
  161. package/Controls/Components/Inputs/ColorBox/IColorBoxElementProps.d.ts +8 -2
  162. package/Controls/Components/Inputs/ColorBox/IColorBoxElementProps.d.ts.map +1 -1
  163. package/Controls/Components/Inputs/ColorBox/Themes/ColorBoxElement.Cosmopolitan.d.ts.map +1 -1
  164. package/Controls/Components/Inputs/ColorBox/Themes/ColorBoxElement.Cosmopolitan.js +4 -8
  165. package/Controls/Components/Inputs/ColorBox/Themes/ColorBoxElement.Cosmopolitan.js.map +1 -1
  166. package/Controls/Components/Inputs/ColorBox/Themes/ColorBoxElement.Joy.d.ts.map +1 -1
  167. package/Controls/Components/Inputs/ColorBox/Themes/ColorBoxElement.Joy.js +4 -8
  168. package/Controls/Components/Inputs/ColorBox/Themes/ColorBoxElement.Joy.js.map +1 -1
  169. package/Controls/Components/Inputs/ColorBox/Themes/ColorBoxElement.Memphis.d.ts.map +1 -1
  170. package/Controls/Components/Inputs/ColorBox/Themes/ColorBoxElement.Memphis.js +4 -8
  171. package/Controls/Components/Inputs/ColorBox/Themes/ColorBoxElement.Memphis.js.map +1 -1
  172. package/Controls/Components/Inputs/Radio/RadioElement.d.ts +41 -0
  173. package/Controls/Components/Inputs/Radio/RadioElement.d.ts.map +1 -1
  174. package/Controls/Components/Inputs/Radio/RadioElement.js +68 -5
  175. package/Controls/Components/Inputs/Radio/RadioElement.js.map +1 -1
  176. package/Controls/Components/Inputs/Radio/RadioGroupElement.d.ts +2 -24
  177. package/Controls/Components/Inputs/Radio/RadioGroupElement.d.ts.map +1 -1
  178. package/Controls/Components/Inputs/Radio/RadioGroupElement.js +17 -90
  179. package/Controls/Components/Inputs/Radio/RadioGroupElement.js.map +1 -1
  180. package/Controls/Components/Inputs/Radio/RadioGroupInheritanceContext.d.ts +39 -0
  181. package/Controls/Components/Inputs/Radio/RadioGroupInheritanceContext.d.ts.map +1 -0
  182. package/Controls/Components/Inputs/Radio/RadioGroupInheritanceContext.js +9 -0
  183. package/Controls/Components/Inputs/Radio/RadioGroupInheritanceContext.js.map +1 -0
  184. package/Controls/Components/Inputs/Radio/Themes/RadioElement.Joy.js +1 -1
  185. package/Controls/Components/Inputs/Radio/Themes/RadioElement.Memphis.js +1 -1
  186. package/Controls/Components/Inputs/ToggleSwitch/Themes/ToggleSwitchElement.Joy.js +1 -1
  187. package/Controls/Components/Layouts/TileManager/Themes/TileManagerTileElement.Cosmopolitan.js +2 -2
  188. package/Controls/Components/Layouts/TileManager/Themes/TileManagerTileElement.Joy.js +2 -2
  189. package/Controls/Components/Layouts/TileManager/Themes/TileManagerTileElement.Memphis.js +2 -2
  190. package/Controls/Components/Media/Avatar/AvatarElement.d.ts +28 -0
  191. package/Controls/Components/Media/Avatar/AvatarElement.d.ts.map +1 -1
  192. package/Controls/Components/Media/Avatar/AvatarElement.js +51 -2
  193. package/Controls/Components/Media/Avatar/AvatarElement.js.map +1 -1
  194. package/Controls/Components/Media/Avatar/AvatarGroupElement.d.ts +17 -9
  195. package/Controls/Components/Media/Avatar/AvatarGroupElement.d.ts.map +1 -1
  196. package/Controls/Components/Media/Avatar/AvatarGroupElement.js +46 -97
  197. package/Controls/Components/Media/Avatar/AvatarGroupElement.js.map +1 -1
  198. package/Controls/Components/Media/Avatar/AvatarGroupInheritanceContext.d.ts +35 -0
  199. package/Controls/Components/Media/Avatar/AvatarGroupInheritanceContext.d.ts.map +1 -0
  200. package/Controls/Components/Media/Avatar/AvatarGroupInheritanceContext.js +9 -0
  201. package/Controls/Components/Media/Avatar/AvatarGroupInheritanceContext.js.map +1 -0
  202. package/Controls/Components/Media/Avatar/Themes/AvatarElement.Joy.js +3 -3
  203. package/Controls/Components/Media/Avatar/Themes/AvatarElement.Memphis.js +1 -1
  204. package/Controls/Components/Media/Badge/Themes/BadgeElement.Joy.js +4 -4
  205. package/Controls/Components/Media/Chat/ChatElement.d.ts +2 -11
  206. package/Controls/Components/Media/Chat/ChatElement.d.ts.map +1 -1
  207. package/Controls/Components/Media/Chat/ChatElement.js +14 -47
  208. package/Controls/Components/Media/Chat/ChatElement.js.map +1 -1
  209. package/Controls/Components/Media/Chat/ChatInheritanceContext.d.ts +26 -0
  210. package/Controls/Components/Media/Chat/ChatInheritanceContext.d.ts.map +1 -0
  211. package/Controls/Components/Media/Chat/ChatInheritanceContext.js +9 -0
  212. package/Controls/Components/Media/Chat/ChatInheritanceContext.js.map +1 -0
  213. package/Controls/Components/Media/Chat/ChatMessageElement.d.ts +2 -1
  214. package/Controls/Components/Media/Chat/ChatMessageElement.d.ts.map +1 -1
  215. package/Controls/Components/Media/Chat/ChatMessageElement.js +9 -4
  216. package/Controls/Components/Media/Chat/ChatMessageElement.js.map +1 -1
  217. package/Controls/Components/Media/Chat/Themes/ChatMessageAvatarElement.Joy.js +1 -1
  218. package/Controls/Components/Media/Chat/Themes/ChatMessageAvatarElement.Memphis.js +1 -1
  219. package/Controls/Components/Media/Chip/ChipElementTemplate.js +1 -1
  220. package/Controls/Components/Media/Chip/ChipElementTemplate.js.map +1 -1
  221. package/Controls/Components/Media/Chip/Themes/ChipElement.Joy.js +4 -4
  222. package/Controls/Components/Media/ColorSwatch/ColorSwatchElement.d.ts +11 -0
  223. package/Controls/Components/Media/ColorSwatch/ColorSwatchElement.d.ts.map +1 -1
  224. package/Controls/Components/Media/ColorSwatch/ColorSwatchElement.js +21 -3
  225. package/Controls/Components/Media/ColorSwatch/ColorSwatchElement.js.map +1 -1
  226. package/Controls/Components/Media/ColorSwatch/ColorSwatchGroupElement.d.ts +1 -6
  227. package/Controls/Components/Media/ColorSwatch/ColorSwatchGroupElement.d.ts.map +1 -1
  228. package/Controls/Components/Media/ColorSwatch/ColorSwatchGroupElement.js +12 -30
  229. package/Controls/Components/Media/ColorSwatch/ColorSwatchGroupElement.js.map +1 -1
  230. package/Controls/Components/Media/ColorSwatch/ColorSwatchGroupElementTemplate.d.ts +1 -1
  231. package/Controls/Components/Media/ColorSwatch/ColorSwatchGroupElementTemplate.d.ts.map +1 -1
  232. package/Controls/Components/Media/ColorSwatch/ColorSwatchGroupElementTemplate.js +2 -2
  233. package/Controls/Components/Media/ColorSwatch/ColorSwatchGroupElementTemplate.js.map +1 -1
  234. package/Controls/Components/Media/ColorSwatch/ColorSwatchGroupInheritanceContext.d.ts +21 -0
  235. package/Controls/Components/Media/ColorSwatch/ColorSwatchGroupInheritanceContext.d.ts.map +1 -0
  236. package/Controls/Components/Media/ColorSwatch/ColorSwatchGroupInheritanceContext.js +9 -0
  237. package/Controls/Components/Media/ColorSwatch/ColorSwatchGroupInheritanceContext.js.map +1 -0
  238. package/Controls/Components/Media/ColorSwatch/Themes/ColorSwatchElement.Cosmopolitan.js +4 -4
  239. package/Controls/Components/Media/ColorSwatch/Themes/ColorSwatchElement.Joy.js +4 -4
  240. package/Controls/Components/Media/ColorSwatch/Themes/ColorSwatchElement.Memphis.js +4 -4
  241. package/Controls/Components/Media/ColorSwatch/Themes/ColorSwatchGroupElement.Cosmopolitan.js +1 -1
  242. package/Controls/Components/Media/ColorSwatch/Themes/ColorSwatchGroupElement.Joy.js +1 -1
  243. package/Controls/Components/Media/ColorSwatch/Themes/ColorSwatchGroupElement.Memphis.js +1 -1
  244. package/Controls/Components/Media/Persona/Themes/PersonaElement.Joy.js +1 -1
  245. package/Controls/Components/Overlays/Dialog/DialogElement.d.ts +2 -1
  246. package/Controls/Components/Overlays/Dialog/DialogElement.d.ts.map +1 -1
  247. package/Controls/Components/Overlays/Dialog/DialogElement.js +11 -3
  248. package/Controls/Components/Overlays/Dialog/DialogElement.js.map +1 -1
  249. package/Controls/Components/Overlays/Dialog/DialogHeaderElement.d.ts +5 -0
  250. package/Controls/Components/Overlays/Dialog/DialogHeaderElement.d.ts.map +1 -1
  251. package/Controls/Components/Overlays/Dialog/DialogHeaderElement.js +11 -2
  252. package/Controls/Components/Overlays/Dialog/DialogHeaderElement.js.map +1 -1
  253. package/Controls/Components/Overlays/Dialog/DialogInheritanceContext.d.ts +22 -0
  254. package/Controls/Components/Overlays/Dialog/DialogInheritanceContext.d.ts.map +1 -0
  255. package/Controls/Components/Overlays/Dialog/DialogInheritanceContext.js +9 -0
  256. package/Controls/Components/Overlays/Dialog/DialogInheritanceContext.js.map +1 -0
  257. package/Controls/Components/Overlays/Drawer/DrawerElement.d.ts +2 -1
  258. package/Controls/Components/Overlays/Drawer/DrawerElement.d.ts.map +1 -1
  259. package/Controls/Components/Overlays/Drawer/DrawerElement.js +20 -10
  260. package/Controls/Components/Overlays/Drawer/DrawerElement.js.map +1 -1
  261. package/Controls/Components/Overlays/Drawer/DrawerHeaderElement.d.ts +3 -0
  262. package/Controls/Components/Overlays/Drawer/DrawerHeaderElement.d.ts.map +1 -1
  263. package/Controls/Components/Overlays/Drawer/DrawerHeaderElement.js +13 -4
  264. package/Controls/Components/Overlays/Drawer/DrawerHeaderElement.js.map +1 -1
  265. package/Controls/Components/Overlays/Drawer/DrawerInheritanceContext.d.ts +28 -0
  266. package/Controls/Components/Overlays/Drawer/DrawerInheritanceContext.d.ts.map +1 -0
  267. package/Controls/Components/Overlays/Drawer/DrawerInheritanceContext.js +9 -0
  268. package/Controls/Components/Overlays/Drawer/DrawerInheritanceContext.js.map +1 -0
  269. package/Controls/Components/Overlays/Drawer/DrawerService.d.ts +11 -3
  270. package/Controls/Components/Overlays/Drawer/DrawerService.d.ts.map +1 -1
  271. package/Controls/Components/Overlays/Drawer/DrawerService.js +41 -4
  272. package/Controls/Components/Overlays/Drawer/DrawerService.js.map +1 -1
  273. package/Controls/Components/Overlays/Drawer/Themes/DrawerElement.Cosmopolitan.d.ts.map +1 -1
  274. package/Controls/Components/Overlays/Drawer/Themes/DrawerElement.Cosmopolitan.js +4 -0
  275. package/Controls/Components/Overlays/Drawer/Themes/DrawerElement.Cosmopolitan.js.map +1 -1
  276. package/Controls/Components/Overlays/Drawer/Themes/DrawerElement.Joy.d.ts.map +1 -1
  277. package/Controls/Components/Overlays/Drawer/Themes/DrawerElement.Joy.js +4 -0
  278. package/Controls/Components/Overlays/Drawer/Themes/DrawerElement.Joy.js.map +1 -1
  279. package/Controls/Components/Overlays/Drawer/Themes/DrawerElement.Memphis.d.ts.map +1 -1
  280. package/Controls/Components/Overlays/Drawer/Themes/DrawerElement.Memphis.js +4 -0
  281. package/Controls/Components/Overlays/Drawer/Themes/DrawerElement.Memphis.js.map +1 -1
  282. package/Controls/Components/Overlays/Drawer/behaviors/DrawerStackBehavior.d.ts +1 -1
  283. package/Controls/Components/Overlays/Drawer/behaviors/DrawerStackBehavior.d.ts.map +1 -1
  284. package/Controls/Components/Overlays/Drawer/behaviors/DrawerStackBehavior.js +4 -4
  285. package/Controls/Components/Overlays/Drawer/behaviors/DrawerStackBehavior.js.map +1 -1
  286. package/Controls/Components/Overlays/Toast/Themes/ToastElement.Memphis.js +1 -1
  287. package/Controls/Components/Primitives/Dismiss/DismissElement.d.ts.map +1 -1
  288. package/Controls/Components/Primitives/Dismiss/DismissElement.js +7 -9
  289. package/Controls/Components/Primitives/Dismiss/DismissElement.js.map +1 -1
  290. package/Controls/Components/Primitives/Dismiss/DismissElementTemplate.d.ts.map +1 -1
  291. package/Controls/Components/Primitives/Dismiss/DismissElementTemplate.js.map +1 -1
  292. package/Controls/Components/Primitives/Dismiss/IDismissElementProps.d.ts +3 -3
  293. package/Controls/Components/Primitives/Dismiss/IDismissElementProps.d.ts.map +1 -1
  294. package/Controls/Components/Primitives/Floating/Themes/FloatingElement.Joy.js +1 -1
  295. package/Controls/Components/Primitives/Floating/Themes/FloatingElement.Memphis.js +1 -1
  296. package/Controls/Components/Primitives/Popup/Themes/PopupElement.Memphis.js +1 -1
  297. package/Controls/Components/Primitives/TickBar/Themes/TickBarElement.Cosmopolitan.js +5 -5
  298. package/Controls/Components/Primitives/TickBar/Themes/TickBarElement.Joy.js +5 -5
  299. package/Controls/Components/Primitives/TickBar/Themes/TickBarElement.Memphis.js +5 -5
  300. package/Controls/Components/Ranges/MeterRing/Themes/MeterRingElement.Cosmopolitan.js +2 -2
  301. package/Controls/Components/Ranges/MeterRing/Themes/MeterRingElement.Joy.js +2 -2
  302. package/Controls/Components/Ranges/MeterRing/Themes/MeterRingElement.Memphis.js +2 -2
  303. package/Controls/Components/Ranges/ProgressBar/Themes/ProgressBarElement.Joy.d.ts.map +1 -1
  304. package/Controls/Components/Ranges/ProgressBar/Themes/ProgressBarElement.Joy.js +7 -4
  305. package/Controls/Components/Ranges/ProgressBar/Themes/ProgressBarElement.Joy.js.map +1 -1
  306. package/Controls/Components/Ranges/ProgressRing/Themes/ProgressRingElement.Cosmopolitan.js +3 -3
  307. package/Controls/Components/Ranges/ProgressRing/Themes/ProgressRingElement.Joy.js +3 -3
  308. package/Controls/Components/Ranges/ProgressRing/Themes/ProgressRingElement.Memphis.js +3 -3
  309. package/Controls/Components/Ranges/ScrubSlider/Themes/ScrubSliderElement.Cosmopolitan.js +2 -2
  310. package/Controls/Components/Ranges/ScrubSlider/Themes/ScrubSliderElement.Joy.js +2 -2
  311. package/Controls/Components/Ranges/ScrubSlider/Themes/ScrubSliderElement.Memphis.js +2 -2
  312. package/Controls/Components/Selectors/ElectronicProgramGuide/Themes/EpgProgramElement.Joy.js +1 -1
  313. package/Controls/Components/Selectors/ElectronicProgramGuide/Themes/EpgProgramElement.Memphis.js +1 -1
  314. package/Controls/Components/Selectors/List/ListElement.d.ts +2 -5
  315. package/Controls/Components/Selectors/List/ListElement.d.ts.map +1 -1
  316. package/Controls/Components/Selectors/List/ListElement.js +16 -20
  317. package/Controls/Components/Selectors/List/ListElement.js.map +1 -1
  318. package/Controls/Components/Selectors/List/ListInheritanceContext.d.ts +20 -0
  319. package/Controls/Components/Selectors/List/ListInheritanceContext.d.ts.map +1 -0
  320. package/Controls/Components/Selectors/List/ListInheritanceContext.js +9 -0
  321. package/Controls/Components/Selectors/List/ListInheritanceContext.js.map +1 -0
  322. package/Controls/Components/Selectors/List/ListItemElement.d.ts +1 -0
  323. package/Controls/Components/Selectors/List/ListItemElement.d.ts.map +1 -1
  324. package/Controls/Components/Selectors/List/ListItemElement.js +7 -2
  325. package/Controls/Components/Selectors/List/ListItemElement.js.map +1 -1
  326. package/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Cosmopolitan.js +1 -1
  327. package/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Joy.js +1 -1
  328. package/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Memphis.js +1 -1
  329. package/Controls/Components/Selectors/Segment/SegmentElement.d.ts +4 -5
  330. package/Controls/Components/Selectors/Segment/SegmentElement.d.ts.map +1 -1
  331. package/Controls/Components/Selectors/Segment/SegmentElement.js +24 -21
  332. package/Controls/Components/Selectors/Segment/SegmentElement.js.map +1 -1
  333. package/Controls/Components/Selectors/Segment/SegmentInheritanceContext.d.ts +30 -0
  334. package/Controls/Components/Selectors/Segment/SegmentInheritanceContext.d.ts.map +1 -0
  335. package/Controls/Components/Selectors/Segment/SegmentInheritanceContext.js +9 -0
  336. package/Controls/Components/Selectors/Segment/SegmentInheritanceContext.js.map +1 -0
  337. package/Controls/Components/Selectors/Segment/SegmentItemElement.d.ts +1 -0
  338. package/Controls/Components/Selectors/Segment/SegmentItemElement.d.ts.map +1 -1
  339. package/Controls/Components/Selectors/Segment/SegmentItemElement.js +7 -2
  340. package/Controls/Components/Selectors/Segment/SegmentItemElement.js.map +1 -1
  341. package/Controls/Components/Selectors/Segment/Themes/SegmentElement.Joy.js +1 -1
  342. package/Controls/Components/Selectors/Segment/Themes/SegmentElement.Memphis.js +1 -1
  343. package/Controls/Components/Selectors/Tab/Themes/TabElement.Cosmopolitan.js +1 -1
  344. package/Controls/Components/Selectors/Tab/Themes/TabElement.Joy.js +1 -1
  345. package/Controls/Components/Selectors/Tab/Themes/TabElement.Memphis.js +1 -1
  346. package/Controls/Components/Selectors/TabStrip/TabStripElement.d.ts +4 -5
  347. package/Controls/Components/Selectors/TabStrip/TabStripElement.d.ts.map +1 -1
  348. package/Controls/Components/Selectors/TabStrip/TabStripElement.js +24 -42
  349. package/Controls/Components/Selectors/TabStrip/TabStripElement.js.map +1 -1
  350. package/Controls/Components/Selectors/TabStrip/TabStripInheritanceContext.d.ts +30 -0
  351. package/Controls/Components/Selectors/TabStrip/TabStripInheritanceContext.d.ts.map +1 -0
  352. package/Controls/Components/Selectors/TabStrip/TabStripInheritanceContext.js +9 -0
  353. package/Controls/Components/Selectors/TabStrip/TabStripInheritanceContext.js.map +1 -0
  354. package/Controls/Components/Selectors/TabStrip/TabStripItemElement.d.ts +1 -0
  355. package/Controls/Components/Selectors/TabStrip/TabStripItemElement.d.ts.map +1 -1
  356. package/Controls/Components/Selectors/TabStrip/TabStripItemElement.js +7 -2
  357. package/Controls/Components/Selectors/TabStrip/TabStripItemElement.js.map +1 -1
  358. package/Controls/Components/Selectors/TabStrip/Themes/TabStripItemElement.Joy.js +1 -1
  359. package/Controls/Components/Selectors/Tree/TreeElement.d.ts +1 -1
  360. package/Controls/Components/Selectors/Tree/TreeElement.d.ts.map +1 -1
  361. package/Controls/Components/Selectors/Tree/TreeElement.js +12 -17
  362. package/Controls/Components/Selectors/Tree/TreeElement.js.map +1 -1
  363. package/Controls/Components/Selectors/Tree/TreeInheritanceContext.d.ts +20 -0
  364. package/Controls/Components/Selectors/Tree/TreeInheritanceContext.d.ts.map +1 -0
  365. package/Controls/Components/Selectors/Tree/TreeInheritanceContext.js +9 -0
  366. package/Controls/Components/Selectors/Tree/TreeInheritanceContext.js.map +1 -0
  367. package/Controls/Components/Selectors/Tree/TreeItemElement.d.ts +2 -1
  368. package/Controls/Components/Selectors/Tree/TreeItemElement.d.ts.map +1 -1
  369. package/Controls/Components/Selectors/Tree/TreeItemElement.js +9 -4
  370. package/Controls/Components/Selectors/Tree/TreeItemElement.js.map +1 -1
  371. package/Controls/Controllers/InheritanceConsumerController.d.ts +126 -0
  372. package/Controls/Controllers/InheritanceConsumerController.d.ts.map +1 -0
  373. package/Controls/Controllers/InheritanceConsumerController.js +171 -0
  374. package/Controls/Controllers/InheritanceConsumerController.js.map +1 -0
  375. package/Controls/Controllers/InheritanceProviderController.d.ts +114 -0
  376. package/Controls/Controllers/InheritanceProviderController.d.ts.map +1 -0
  377. package/Controls/Controllers/InheritanceProviderController.js +143 -0
  378. package/Controls/Controllers/InheritanceProviderController.js.map +1 -0
  379. package/Controls/Types/ColorPosition.d.ts +21 -0
  380. package/Controls/Types/ColorPosition.d.ts.map +1 -0
  381. package/Controls/Types/ColorPosition.js +18 -0
  382. package/Controls/Types/ColorPosition.js.map +1 -0
  383. package/Controls/Types/ExpanderGroupStacking.d.ts +20 -0
  384. package/Controls/Types/ExpanderGroupStacking.d.ts.map +1 -0
  385. package/Controls/Types/ExpanderGroupStacking.js +16 -0
  386. package/Controls/Types/ExpanderGroupStacking.js.map +1 -0
  387. package/Dom/StyleSheet.d.ts.map +1 -1
  388. package/Dom/StyleSheet.js +1 -1
  389. package/Dom/StyleSheet.js.map +1 -1
  390. package/Index.d.ts +152 -150
  391. package/Index.d.ts.map +1 -1
  392. package/Index.js +103 -98
  393. package/Index.js.map +1 -1
  394. package/Routing/PathToRegexp.d.ts +1 -1
  395. package/Theming/IThemeElementProps.d.ts +16 -1
  396. package/Theming/IThemeElementProps.d.ts.map +1 -1
  397. package/Theming/IThemeService.d.ts +57 -154
  398. package/Theming/IThemeService.d.ts.map +1 -1
  399. package/Theming/IThemeService.js +3 -1
  400. package/Theming/IThemeService.js.map +1 -1
  401. package/Theming/Theme2Element.d.ts +76 -9
  402. package/Theming/Theme2Element.d.ts.map +1 -1
  403. package/Theming/Theme2Element.js +105 -54
  404. package/Theming/Theme2Element.js.map +1 -1
  405. package/Theming/Theme2ElementTemplate.d.ts +1 -1
  406. package/Theming/Theme2ElementTemplate.d.ts.map +1 -1
  407. package/Theming/Theme2ElementTemplate.js +1 -1
  408. package/Theming/Theme2ElementTemplate.js.map +1 -1
  409. package/Theming/ThemeService.d.ts +119 -68
  410. package/Theming/ThemeService.d.ts.map +1 -1
  411. package/Theming/ThemeService.js +476 -193
  412. package/Theming/ThemeService.js.map +1 -1
  413. package/custom-elements.json +91 -14
  414. package/package.json +4 -3
@@ -141,7 +141,7 @@ export function buttonElementJoyStyle() {
141
141
 
142
142
  :host [part="button"]:before {
143
143
  border-radius: var(--button-border-radius);
144
- border-radius: calc(var(--button-border-radius) - var(--button-border-width));
144
+ border-radius: calc(var(--button-border-radius) - var(--button-border-width));
145
145
  content: "";
146
146
  opacity: 0;
147
147
  pointer-events: none;
@@ -221,7 +221,7 @@ export function buttonElementJoyStyle() {
221
221
  }
222
222
 
223
223
  :host [part="progressRing"] {
224
- --progress-ring-thickness: base. component-property($ props, progress-thickness);
224
+ --progress-ring-thickness: var(--button-progress-thickness);
225
225
  margin: -12px 0 0 -12px;
226
226
  position: absolute;
227
227
  top: 50%;
@@ -268,7 +268,7 @@ export function buttonElementJoyStyle() {
268
268
  }
269
269
 
270
270
  :host [part="focusRing"] {
271
- border-radius: min(var(--button-border-radius), var(--button-border-radius) + var(--joy-layout-thickness));
271
+ border-radius: min(var(--button-border-radius), var(--button-border-radius) + var(--joy-layout-thickness));
272
272
  --focus-ring-outward-offset: 0px;
273
273
  }
274
274
 
@@ -697,21 +697,21 @@ export function buttonElementJoyStyle() {
697
697
  }
698
698
 
699
699
  :host([size="tiny"]) {
700
- --button-font-size: calc(var(--joy-typography-button-font-size) - 4px);
701
- --button-font-line-height: calc(var(--joy-typography-button-line-height) - 4px);
702
- --button-padding-top: calc(var(--joy-layout-space) - 4px);
703
- --button-padding-right: calc(var(--joy-layout-space) - 4px);
704
- --button-padding-bottom: calc(var(--joy-layout-space) - 4px);
705
- --button-padding-left: calc(var(--joy-layout-space) - 4px);
700
+ --button-font-size: calc(var(--joy-typography-button-font-size) - 4px);
701
+ --button-font-line-height: calc(var(--joy-typography-button-line-height) - 4px);
702
+ --button-padding-top: calc(var(--joy-layout-space) - 4px);
703
+ --button-padding-right: calc(var(--joy-layout-space) - 4px);
704
+ --button-padding-bottom: calc(var(--joy-layout-space) - 4px);
705
+ --button-padding-left: calc(var(--joy-layout-space) - 4px);
706
706
  }
707
707
 
708
708
  :host([size="small"]) {
709
- --button-font-size: calc(var(--joy-typography-button-font-size) - 2px);
710
- --button-font-line-height: calc(var(--joy-typography-button-line-height) - 2px);
711
- --button-padding-top: calc(var(--joy-layout-space) - 2px);
712
- --button-padding-right: calc(var(--joy-layout-space) - 2px);
713
- --button-padding-bottom: calc(var(--joy-layout-space) - 2px);
714
- --button-padding-left: calc(var(--joy-layout-space) - 2px);
709
+ --button-font-size: calc(var(--joy-typography-button-font-size) - 2px);
710
+ --button-font-line-height: calc(var(--joy-typography-button-line-height) - 2px);
711
+ --button-padding-top: calc(var(--joy-layout-space) - 2px);
712
+ --button-padding-right: calc(var(--joy-layout-space) - 2px);
713
+ --button-padding-bottom: calc(var(--joy-layout-space) - 2px);
714
+ --button-padding-left: calc(var(--joy-layout-space) - 2px);
715
715
  }
716
716
 
717
717
  :host([size="medium"]) {
@@ -720,21 +720,21 @@ export function buttonElementJoyStyle() {
720
720
  }
721
721
 
722
722
  :host([size="large"]) {
723
- --button-font-size: calc(var(--joy-typography-button-font-size) + 2px);
724
- --button-font-line-height: calc(var(--joy-typography-button-line-height) + 2px);
725
- --button-padding-top: calc(var(--joy-layout-space) + 4px);
726
- --button-padding-right: calc(var(--joy-layout-space) + 4px);
727
- --button-padding-bottom: calc(var(--joy-layout-space) + 4px);
728
- --button-padding-left: calc(var(--joy-layout-space) + 4px);
723
+ --button-font-size: calc(var(--joy-typography-button-font-size) + 2px);
724
+ --button-font-line-height: calc(var(--joy-typography-button-line-height) + 2px);
725
+ --button-padding-top: calc(var(--joy-layout-space) + 4px);
726
+ --button-padding-right: calc(var(--joy-layout-space) + 4px);
727
+ --button-padding-bottom: calc(var(--joy-layout-space) + 4px);
728
+ --button-padding-left: calc(var(--joy-layout-space) + 4px);
729
729
  }
730
730
 
731
731
  :host([size="giant"]) {
732
- --button-font-size: calc(var(--joy-typography-button-font-size) + 4px);
733
- --button-font-line-height: calc(var(--joy-typography-button-line-height) + 4px);
734
- --button-padding-top: calc(var(--joy-layout-space) + 8px);
735
- --button-padding-right: calc(var(--joy-layout-space) + 8px);
736
- --button-padding-bottom: calc(var(--joy-layout-space) + 8px);
737
- --button-padding-left: calc(var(--joy-layout-space) + 8px);
732
+ --button-font-size: calc(var(--joy-typography-button-font-size) + 4px);
733
+ --button-font-line-height: calc(var(--joy-typography-button-line-height) + 4px);
734
+ --button-padding-top: calc(var(--joy-layout-space) + 8px);
735
+ --button-padding-right: calc(var(--joy-layout-space) + 8px);
736
+ --button-padding-bottom: calc(var(--joy-layout-space) + 8px);
737
+ --button-padding-left: calc(var(--joy-layout-space) + 8px);
738
738
  }
739
739
 
740
740
  :host(.button-group__button.first) {
@@ -146,7 +146,7 @@ export function buttonElementMemphisStyle() {
146
146
 
147
147
  :host [part="button"]:before {
148
148
  border-radius: var(--button-border-radius);
149
- border-radius: calc(var(--button-border-radius) - var(--button-border-width));
149
+ border-radius: calc(var(--button-border-radius) - var(--button-border-width));
150
150
  content: "";
151
151
  opacity: 0;
152
152
  pointer-events: none;
@@ -226,7 +226,7 @@ export function buttonElementMemphisStyle() {
226
226
  }
227
227
 
228
228
  :host [part="progressRing"] {
229
- --progress-ring-thickness: base. component-property($ props, progress-thickness);
229
+ --progress-ring-thickness: var(--button-progress-thickness);
230
230
  margin: -12px 0 0 -12px;
231
231
  position: absolute;
232
232
  top: 50%;
@@ -511,21 +511,21 @@ export function buttonElementMemphisStyle() {
511
511
  }
512
512
 
513
513
  :host([size="tiny"]) {
514
- --button-font-size: calc(var(--memphis-typography-button-font-size) - 4px);
515
- --button-font-line-height: calc(var(--memphis-typography-button-line-height) - 4px);
516
- --button-padding-top: calc(var(--memphis-layout-space) - 4px);
517
- --button-padding-right: calc(var(--memphis-layout-space) - 4px);
518
- --button-padding-bottom: calc(var(--memphis-layout-space) - 4px);
519
- --button-padding-left: calc(var(--memphis-layout-space) - 4px);
514
+ --button-font-size: calc(var(--memphis-typography-button-font-size) - 4px);
515
+ --button-font-line-height: calc(var(--memphis-typography-button-line-height) - 4px);
516
+ --button-padding-top: calc(var(--memphis-layout-space) - 4px);
517
+ --button-padding-right: calc(var(--memphis-layout-space) - 4px);
518
+ --button-padding-bottom: calc(var(--memphis-layout-space) - 4px);
519
+ --button-padding-left: calc(var(--memphis-layout-space) - 4px);
520
520
  }
521
521
 
522
522
  :host([size="small"]) {
523
- --button-font-size: calc(var(--memphis-typography-button-font-size) - 2px);
524
- --button-font-line-height: calc(var(--memphis-typography-button-line-height) - 2px);
525
- --button-padding-top: calc(var(--memphis-layout-space) - 2px);
526
- --button-padding-right: calc(var(--memphis-layout-space) - 2px);
527
- --button-padding-bottom: calc(var(--memphis-layout-space) - 2px);
528
- --button-padding-left: calc(var(--memphis-layout-space) - 2px);
523
+ --button-font-size: calc(var(--memphis-typography-button-font-size) - 2px);
524
+ --button-font-line-height: calc(var(--memphis-typography-button-line-height) - 2px);
525
+ --button-padding-top: calc(var(--memphis-layout-space) - 2px);
526
+ --button-padding-right: calc(var(--memphis-layout-space) - 2px);
527
+ --button-padding-bottom: calc(var(--memphis-layout-space) - 2px);
528
+ --button-padding-left: calc(var(--memphis-layout-space) - 2px);
529
529
  }
530
530
 
531
531
  :host([size="medium"]) {
@@ -534,21 +534,21 @@ export function buttonElementMemphisStyle() {
534
534
  }
535
535
 
536
536
  :host([size="large"]) {
537
- --button-font-size: calc(var(--memphis-typography-button-font-size) + 2px);
538
- --button-font-line-height: calc(var(--memphis-typography-button-line-height) + 2px);
539
- --button-padding-top: calc(var(--memphis-layout-space) + 4px);
540
- --button-padding-right: calc(var(--memphis-layout-space) + 4px);
541
- --button-padding-bottom: calc(var(--memphis-layout-space) + 4px);
542
- --button-padding-left: calc(var(--memphis-layout-space) + 4px);
537
+ --button-font-size: calc(var(--memphis-typography-button-font-size) + 2px);
538
+ --button-font-line-height: calc(var(--memphis-typography-button-line-height) + 2px);
539
+ --button-padding-top: calc(var(--memphis-layout-space) + 4px);
540
+ --button-padding-right: calc(var(--memphis-layout-space) + 4px);
541
+ --button-padding-bottom: calc(var(--memphis-layout-space) + 4px);
542
+ --button-padding-left: calc(var(--memphis-layout-space) + 4px);
543
543
  }
544
544
 
545
545
  :host([size="giant"]) {
546
- --button-font-size: calc(var(--memphis-typography-button-font-size) + 4px);
547
- --button-font-line-height: calc(var(--memphis-typography-button-line-height) + 4px);
548
- --button-padding-top: calc(var(--memphis-layout-space) + 8px);
549
- --button-padding-right: calc(var(--memphis-layout-space) + 8px);
550
- --button-padding-bottom: calc(var(--memphis-layout-space) + 8px);
551
- --button-padding-left: calc(var(--memphis-layout-space) + 8px);
546
+ --button-font-size: calc(var(--memphis-typography-button-font-size) + 4px);
547
+ --button-font-line-height: calc(var(--memphis-typography-button-line-height) + 4px);
548
+ --button-padding-top: calc(var(--memphis-layout-space) + 8px);
549
+ --button-padding-right: calc(var(--memphis-layout-space) + 8px);
550
+ --button-padding-bottom: calc(var(--memphis-layout-space) + 8px);
551
+ --button-padding-left: calc(var(--memphis-layout-space) + 8px);
552
552
  }
553
553
 
554
554
  `;
@@ -201,23 +201,23 @@ export function compoundButtonElementCosmopolitanStyle() {
201
201
  }
202
202
 
203
203
  :host([size="tiny"]) {
204
- --compound-button-font-size: calc(var(--compound-button-font-size) - 4px);
205
- --compound-button-line-height: calc(var(--compound-button-font-line-height) - 4px);
204
+ --compound-button-font-size: calc(var(--compound-button-font-size) - 4px);
205
+ --compound-button-line-height: calc(var(--compound-button-font-line-height) - 4px);
206
206
  }
207
207
 
208
208
  :host([size="small"]) {
209
- --compound-button-font-size: calc(var(--compound-button-font-size) - 2px);
210
- --compound-button-line-height: calc(var(--compound-button-font-line-height) - 2px);
209
+ --compound-button-font-size: calc(var(--compound-button-font-size) - 2px);
210
+ --compound-button-line-height: calc(var(--compound-button-font-line-height) - 2px);
211
211
  }
212
212
 
213
213
  :host([size="large"]) {
214
- --compound-button-font-size: calc(var(--compound-button-font-size) + 2px);
215
- --compound-button-line-height: calc(var(--compound-button-font-line-height) + 2px);
214
+ --compound-button-font-size: calc(var(--compound-button-font-size) + 2px);
215
+ --compound-button-line-height: calc(var(--compound-button-font-line-height) + 2px);
216
216
  }
217
217
 
218
218
  :host([size="giant"]) {
219
- --compound-button-font-size: calc(var(--compound-button-font-size) + 4px);
220
- --compound-button-line-height: calc(var(--compound-button-font-line-height) + 4px);
219
+ --compound-button-font-size: calc(var(--compound-button-font-size) + 4px);
220
+ --compound-button-line-height: calc(var(--compound-button-font-line-height) + 4px);
221
221
  }
222
222
 
223
223
  :host([fit="width"]) {
@@ -201,23 +201,23 @@ export function compoundButtonElementJoyStyle() {
201
201
  }
202
202
 
203
203
  :host([size="tiny"]) {
204
- --compound-button-font-size: calc(var(--compound-button-font-size) - 4px);
205
- --compound-button-line-height: calc(var(--compound-button-font-line-height) - 4px);
204
+ --compound-button-font-size: calc(var(--compound-button-font-size) - 4px);
205
+ --compound-button-line-height: calc(var(--compound-button-font-line-height) - 4px);
206
206
  }
207
207
 
208
208
  :host([size="small"]) {
209
- --compound-button-font-size: calc(var(--compound-button-font-size) - 2px);
210
- --compound-button-line-height: calc(var(--compound-button-font-line-height) - 2px);
209
+ --compound-button-font-size: calc(var(--compound-button-font-size) - 2px);
210
+ --compound-button-line-height: calc(var(--compound-button-font-line-height) - 2px);
211
211
  }
212
212
 
213
213
  :host([size="large"]) {
214
- --compound-button-font-size: calc(var(--compound-button-font-size) + 2px);
215
- --compound-button-line-height: calc(var(--compound-button-font-line-height) + 2px);
214
+ --compound-button-font-size: calc(var(--compound-button-font-size) + 2px);
215
+ --compound-button-line-height: calc(var(--compound-button-font-line-height) + 2px);
216
216
  }
217
217
 
218
218
  :host([size="giant"]) {
219
- --compound-button-font-size: calc(var(--compound-button-font-size) + 4px);
220
- --compound-button-line-height: calc(var(--compound-button-font-line-height) + 4px);
219
+ --compound-button-font-size: calc(var(--compound-button-font-size) + 4px);
220
+ --compound-button-line-height: calc(var(--compound-button-font-line-height) + 4px);
221
221
  }
222
222
 
223
223
  :host([fit="width"]) {
@@ -234,7 +234,7 @@ export function compoundButtonElementJoyStyle() {
234
234
  }
235
235
 
236
236
  :host [part="focusRing"] {
237
- border-radius: min(var(--compound-button-border-radius), var(--compound-button-border-radius) + var(--joy-layout-thickness));
237
+ border-radius: min(var(--compound-button-border-radius), var(--compound-button-border-radius) + var(--joy-layout-thickness));
238
238
  }
239
239
 
240
240
  :host [part="button"] {
@@ -247,7 +247,7 @@ export function compoundButtonElementJoyStyle() {
247
247
  }
248
248
 
249
249
  :host [part="button"]:before {
250
- border-radius: calc(var(--compound-button-border-radius) - var(--compound-button-border-width));
250
+ border-radius: calc(var(--compound-button-border-radius) - var(--compound-button-border-width));
251
251
  background-color: var(--joy-scheme-transparent);
252
252
  content: "";
253
253
  opacity: 0;
@@ -203,23 +203,23 @@ export function compoundButtonElementMemphisStyle() {
203
203
  }
204
204
 
205
205
  :host([size="tiny"]) {
206
- --compound-button-font-size: calc(var(--compound-button-font-size) - 4px);
207
- --compound-button-line-height: calc(var(--compound-button-font-line-height) - 4px);
206
+ --compound-button-font-size: calc(var(--compound-button-font-size) - 4px);
207
+ --compound-button-line-height: calc(var(--compound-button-font-line-height) - 4px);
208
208
  }
209
209
 
210
210
  :host([size="small"]) {
211
- --compound-button-font-size: calc(var(--compound-button-font-size) - 2px);
212
- --compound-button-line-height: calc(var(--compound-button-font-line-height) - 2px);
211
+ --compound-button-font-size: calc(var(--compound-button-font-size) - 2px);
212
+ --compound-button-line-height: calc(var(--compound-button-font-line-height) - 2px);
213
213
  }
214
214
 
215
215
  :host([size="large"]) {
216
- --compound-button-font-size: calc(var(--compound-button-font-size) + 2px);
217
- --compound-button-line-height: calc(var(--compound-button-font-line-height) + 2px);
216
+ --compound-button-font-size: calc(var(--compound-button-font-size) + 2px);
217
+ --compound-button-line-height: calc(var(--compound-button-font-line-height) + 2px);
218
218
  }
219
219
 
220
220
  :host([size="giant"]) {
221
- --compound-button-font-size: calc(var(--compound-button-font-size) + 4px);
222
- --compound-button-line-height: calc(var(--compound-button-font-line-height) + 4px);
221
+ --compound-button-font-size: calc(var(--compound-button-font-size) + 4px);
222
+ --compound-button-line-height: calc(var(--compound-button-font-line-height) + 4px);
223
223
  }
224
224
 
225
225
  :host([fit="width"]) {
@@ -257,7 +257,7 @@ export function compoundButtonElementMemphisStyle() {
257
257
 
258
258
  :host [part="button"]:before {
259
259
  border-radius: var(--compound-button-border-radius);
260
- border-radius: calc(var(--compound-button-border-radius) - var(--compound-button-border-width));
260
+ border-radius: calc(var(--compound-button-border-radius) - var(--compound-button-border-width));
261
261
  background-color: var(--memphis-scheme-transparent);
262
262
  content: "";
263
263
  opacity: 0;
@@ -33,7 +33,7 @@ export function dropDownButtonElementCosmopolitanStyle() {
33
33
  --dropdown-button-gap: var(--cosmopolitan-layout-space);
34
34
  --dropdown-button-icon-min-width: 36px;
35
35
  --dropdown-button-icon-min-height: 36px;
36
- --dropdown-button-line-height: calc(var(--dropdown-button-font-line-height) - 4px);
36
+ --dropdown-button-line-height: calc(var(--dropdown-button-font-line-height) - 4px);
37
37
  --dropdown-button-min-height: calc(var(--joy-layout-space) * 5 - var(--joy-layout-space) / 2);
38
38
  --dropdown-button-min-width: 64px;
39
39
  --dropdown-button-padding-bottom: var(--cosmopolitan-layout-space);
@@ -289,23 +289,23 @@ export function dropDownButtonElementCosmopolitanStyle() {
289
289
  }
290
290
 
291
291
  :host([size="tiny"]) {
292
- --dropdown-button-font-size: calc(var(--dropdown-button-font-size) - 4px);
293
- --dropdown-button-line-height: calc(var(--dropdown-button-font-line-height) - 4px);
292
+ --dropdown-button-font-size: calc(var(--dropdown-button-font-size) - 4px);
293
+ --dropdown-button-line-height: calc(var(--dropdown-button-font-line-height) - 4px);
294
294
  }
295
295
 
296
296
  :host([size="small"]) {
297
- --dropdown-button-font-size: calc(var(--dropdown-button-font-size) - 2px);
298
- --dropdown-button-line-height: calc(var(--dropdown-button-font-line-height) - 2px);
297
+ --dropdown-button-font-size: calc(var(--dropdown-button-font-size) - 2px);
298
+ --dropdown-button-line-height: calc(var(--dropdown-button-font-line-height) - 2px);
299
299
  }
300
300
 
301
301
  :host([size="large"]) {
302
- --dropdown-button-font-size: calc(var(--dropdown-button-font-size) + 2px);
303
- --dropdown-button-line-height: calc(var(--dropdown-button-font-line-height) + 2px);
302
+ --dropdown-button-font-size: calc(var(--dropdown-button-font-size) + 2px);
303
+ --dropdown-button-line-height: calc(var(--dropdown-button-font-line-height) + 2px);
304
304
  }
305
305
 
306
306
  :host([size="giant"]) {
307
- --dropdown-button-font-size: calc(var(--dropdown-button-font-size) + 4px);
308
- --dropdown-button-line-height: calc(var(--dropdown-button-font-line-height) + 4px);
307
+ --dropdown-button-font-size: calc(var(--dropdown-button-font-size) + 4px);
308
+ --dropdown-button-line-height: calc(var(--dropdown-button-font-line-height) + 4px);
309
309
  }
310
310
 
311
311
  :host([fit="width"]) {
@@ -33,7 +33,7 @@ export function dropDownButtonElementJoyStyle() {
33
33
  --dropdown-button-gap: var(--joy-layout-space);
34
34
  --dropdown-button-icon-min-width: 36px;
35
35
  --dropdown-button-icon-min-height: 36px;
36
- --dropdown-button-line-height: calc(var(--dropdown-button-font-line-height) - 4px);
36
+ --dropdown-button-line-height: calc(var(--dropdown-button-font-line-height) - 4px);
37
37
  --dropdown-button-min-height: calc(var(--joy-layout-space) * 5 - var(--joy-layout-space) / 2);
38
38
  --dropdown-button-min-width: 64px;
39
39
  --dropdown-button-padding-bottom: var(--joy-layout-space);
@@ -289,23 +289,23 @@ export function dropDownButtonElementJoyStyle() {
289
289
  }
290
290
 
291
291
  :host([size="tiny"]) {
292
- --dropdown-button-font-size: calc(var(--dropdown-button-font-size) - 4px);
293
- --dropdown-button-line-height: calc(var(--dropdown-button-font-line-height) - 4px);
292
+ --dropdown-button-font-size: calc(var(--dropdown-button-font-size) - 4px);
293
+ --dropdown-button-line-height: calc(var(--dropdown-button-font-line-height) - 4px);
294
294
  }
295
295
 
296
296
  :host([size="small"]) {
297
- --dropdown-button-font-size: calc(var(--dropdown-button-font-size) - 2px);
298
- --dropdown-button-line-height: calc(var(--dropdown-button-font-line-height) - 2px);
297
+ --dropdown-button-font-size: calc(var(--dropdown-button-font-size) - 2px);
298
+ --dropdown-button-line-height: calc(var(--dropdown-button-font-line-height) - 2px);
299
299
  }
300
300
 
301
301
  :host([size="large"]) {
302
- --dropdown-button-font-size: calc(var(--dropdown-button-font-size) + 2px);
303
- --dropdown-button-line-height: calc(var(--dropdown-button-font-line-height) + 2px);
302
+ --dropdown-button-font-size: calc(var(--dropdown-button-font-size) + 2px);
303
+ --dropdown-button-line-height: calc(var(--dropdown-button-font-line-height) + 2px);
304
304
  }
305
305
 
306
306
  :host([size="giant"]) {
307
- --dropdown-button-font-size: calc(var(--dropdown-button-font-size) + 4px);
308
- --dropdown-button-line-height: calc(var(--dropdown-button-font-line-height) + 4px);
307
+ --dropdown-button-font-size: calc(var(--dropdown-button-font-size) + 4px);
308
+ --dropdown-button-line-height: calc(var(--dropdown-button-font-line-height) + 4px);
309
309
  }
310
310
 
311
311
  :host([fit="width"]) {
@@ -322,7 +322,7 @@ export function dropDownButtonElementJoyStyle() {
322
322
  }
323
323
 
324
324
  :host [part="focusRing"] {
325
- border-radius: min(var(--dropdown-button-border-radius), var(--dropdown-button-border-radius) + var(--joy-layout-thickness));
325
+ border-radius: min(var(--dropdown-button-border-radius), var(--dropdown-button-border-radius) + var(--joy-layout-thickness));
326
326
  }
327
327
 
328
328
  :host [part="button"]:before {
@@ -291,23 +291,23 @@ export function dropDownButtonElementMemphisStyle() {
291
291
  }
292
292
 
293
293
  :host([size="tiny"]) {
294
- --dropdown-button-font-size: calc(var(--dropdown-button-font-size) - 4px);
295
- --dropdown-button-line-height: calc(var(--dropdown-button-font-line-height) - 4px);
294
+ --dropdown-button-font-size: calc(var(--dropdown-button-font-size) - 4px);
295
+ --dropdown-button-line-height: calc(var(--dropdown-button-font-line-height) - 4px);
296
296
  }
297
297
 
298
298
  :host([size="small"]) {
299
- --dropdown-button-font-size: calc(var(--dropdown-button-font-size) - 2px);
300
- --dropdown-button-line-height: calc(var(--dropdown-button-font-line-height) - 2px);
299
+ --dropdown-button-font-size: calc(var(--dropdown-button-font-size) - 2px);
300
+ --dropdown-button-line-height: calc(var(--dropdown-button-font-line-height) - 2px);
301
301
  }
302
302
 
303
303
  :host([size="large"]) {
304
- --dropdown-button-font-size: calc(var(--dropdown-button-font-size) + 2px);
305
- --dropdown-button-line-height: calc(var(--dropdown-button-font-line-height) + 2px);
304
+ --dropdown-button-font-size: calc(var(--dropdown-button-font-size) + 2px);
305
+ --dropdown-button-line-height: calc(var(--dropdown-button-font-line-height) + 2px);
306
306
  }
307
307
 
308
308
  :host([size="giant"]) {
309
- --dropdown-button-font-size: calc(var(--dropdown-button-font-size) + 4px);
310
- --dropdown-button-line-height: calc(var(--dropdown-button-font-line-height) + 4px);
309
+ --dropdown-button-font-size: calc(var(--dropdown-button-font-size) + 4px);
310
+ --dropdown-button-line-height: calc(var(--dropdown-button-font-line-height) + 4px);
311
311
  }
312
312
 
313
313
  :host([fit="width"]) {
@@ -1,3 +1,5 @@
1
+ import type { Appearance } from '../../../Types/Appearance';
2
+ import type { Variant } from '../../../Types/Variant';
1
3
  import { ButtonBaseElement } from '../Abstracts/ButtonBaseElement';
2
4
  import type { IFloatingActionButtonElementProps } from './IFloatingActionButtonElementProps';
3
5
  declare const FloatingActionButtonElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Busyable").IBusyableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Labelable").ILabelableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Iconable").IIconableProps) & typeof ButtonBaseElement & import("../../../Behaviors/Themeable").IThemeableCtor;
@@ -85,6 +87,7 @@ declare const FloatingActionButtonElement_base: (abstract new (...args: Array<an
85
87
  * @public
86
88
  */
87
89
  export declare class FloatingActionButtonElement extends FloatingActionButtonElement_base implements IFloatingActionButtonElementProps {
90
+ private readonly _inheritance;
88
91
  /**
89
92
  * @public
90
93
  */
@@ -98,6 +101,24 @@ export declare class FloatingActionButtonElement extends FloatingActionButtonEle
98
101
  * @readonly
99
102
  */
100
103
  static get is(): string;
104
+ /**
105
+ * @public
106
+ * @override
107
+ */
108
+ get disabled(): boolean;
109
+ set disabled(value: boolean);
110
+ /**
111
+ * @public
112
+ * @override
113
+ */
114
+ get appearance(): Appearance;
115
+ set appearance(value: Appearance);
116
+ /**
117
+ * @public
118
+ * @override
119
+ */
120
+ get variant(): Variant;
121
+ set variant(value: Variant);
101
122
  }
102
123
  /**
103
124
  * @public
@@ -1 +1 @@
1
- {"version":3,"file":"FloatingActionButtonElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonElement.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEnE,OAAO,KAAK,EAAE,iCAAiC,EAAE,MAAM,qCAAqC,CAAC;;AAS7F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkFG;AACH,qBAsBa,2BACT,SAAQ,gCACR,YAAW,iCAAiC;IAI5C;;OAEG;;IASH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;CAIJ;AAED;;GAEG;AACH,yBAAiB,2BAA2B,CAAC;IACzC,KAAY,KAAK,GAAG,iCAAiC,CAAC;CACzD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,YAAY,EAAE,2BAA2B,CAAC;KAC7C;CACJ"}
1
+ {"version":3,"file":"FloatingActionButtonElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonElement.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAQtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAGnE,OAAO,KAAK,EAAE,iCAAiC,EAAE,MAAM,qCAAqC,CAAC;;AAO7F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkFG;AACH,qBAsBa,2BACT,SAAQ,gCACR,YAAW,iCAAiC;IAI5C,OAAO,CAAC,QAAQ,CAAC,YAAY,CAE1B;IAMH;;OAEG;;IASH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;OAGG;IACH,IAAoB,QAAQ,IAAI,OAAO,CAEtC;IACD,IAAoB,QAAQ,CAAC,KAAK,EAAE,OAAO,EAG1C;IAED;;;OAGG;IACH,IAAoB,UAAU,IAAI,UAAU,CAE3C;IACD,IAAoB,UAAU,CAAC,KAAK,EAAE,UAAU,EAG/C;IAED;;;OAGG;IACH,IAAoB,OAAO,IAAI,OAAO,CAErC;IACD,IAAoB,OAAO,CAAC,KAAK,EAAE,OAAO,EAGzC;CAIJ;AAED;;GAEG;AACH,yBAAiB,2BAA2B,CAAC;IACzC,KAAY,KAAK,GAAG,iCAAiC,CAAC;CACzD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,YAAY,EAAE,2BAA2B,CAAC;KAC7C;CACJ"}
@@ -9,7 +9,10 @@ var __metadata = (this && this.__metadata) || function (k, v) {
9
9
  if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
10
10
  };
11
11
  import { Busyable } from '../../../Behaviors/Busyable';
12
+ import { Iconable } from '../../../Behaviors/Iconable';
12
13
  import { Labelable } from '../../../Behaviors/Labelable';
14
+ import { Themeable } from '../../../Behaviors/Themeable';
15
+ import { addInheritanceConsumerController } from '../../../Controllers/InheritanceConsumerController';
13
16
  import { Component } from '../../../Decorators/ComponentDecorator';
14
17
  import { RippleElement } from '../../Effects/Ripple/RippleElement';
15
18
  import { StackElement } from '../../Layouts/Stack/StackElement';
@@ -20,11 +23,10 @@ import { TextElement } from '../../Primitives/Text/TextElement';
20
23
  import { ProgressRingElement } from '../../Ranges/ProgressRing/ProgressRingElement';
21
24
  import { ButtonBaseElement } from '../Abstracts/ButtonBaseElement';
22
25
  import { floatingActionButtonElementTemplate } from './FloatingActionButtonElementTemplate';
26
+ import { FAB_GROUP_INHERITANCE_CONTEXT } from './FloatingActionButtonGroupInheritanceContext';
23
27
  import { floatingActionButtonElementCosmopolitanStyle } from './Themes/FloatingActionButtonElement.Cosmopolitan';
24
28
  import { floatingActionButtonElementJoyStyle } from './Themes/FloatingActionButtonElement.Joy';
25
29
  import { floatingActionButtonElementMemphisStyle } from './Themes/FloatingActionButtonElement.Memphis';
26
- import { Themeable } from '../../../Behaviors/Themeable';
27
- import { Iconable } from '../../../Behaviors/Iconable';
28
30
  // #endregion
29
31
  /**
30
32
  * FloatingActionButton - A prominent circular button designed for primary actions with elevated visual prominence.
@@ -110,6 +112,11 @@ import { Iconable } from '../../../Behaviors/Iconable';
110
112
  * @public
111
113
  */
112
114
  let FloatingActionButtonElement = class FloatingActionButtonElement extends Themeable(Busyable(Labelable(Iconable(ButtonBaseElement)))) {
115
+ // #region Fields
116
+ _inheritance = addInheritanceConsumerController(this, {
117
+ context: FAB_GROUP_INHERITANCE_CONTEXT
118
+ });
119
+ // #endregion
113
120
  // #region Ctor
114
121
  /**
115
122
  * @public
@@ -130,6 +137,39 @@ let FloatingActionButtonElement = class FloatingActionButtonElement extends Them
130
137
  static get is() {
131
138
  return 'mosaik-fab';
132
139
  }
140
+ /**
141
+ * @public
142
+ * @override
143
+ */
144
+ get disabled() {
145
+ return this._inheritance.get('disabled', super.disabled);
146
+ }
147
+ set disabled(value) {
148
+ this._inheritance.markExplicit('disabled');
149
+ super.disabled = value;
150
+ }
151
+ /**
152
+ * @public
153
+ * @override
154
+ */
155
+ get appearance() {
156
+ return this._inheritance.get('appearance', super.appearance);
157
+ }
158
+ set appearance(value) {
159
+ this._inheritance.markExplicit('appearance');
160
+ super.appearance = value;
161
+ }
162
+ /**
163
+ * @public
164
+ * @override
165
+ */
166
+ get variant() {
167
+ return this._inheritance.get('variant', super.variant);
168
+ }
169
+ set variant(value) {
170
+ this._inheritance.markExplicit('variant');
171
+ super.variant = value;
172
+ }
133
173
  };
134
174
  FloatingActionButtonElement = __decorate([
135
175
  Component({
@@ -1 +1 @@
1
- {"version":3,"file":"FloatingActionButtonElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAC;AACpF,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,mCAAmC,EAAE,MAAM,uCAAuC,CAAC;AAE5F,OAAO,EAAE,4CAA4C,EAAE,MAAM,mDAAmD,CAAC;AACjH,OAAO,EAAE,mCAAmC,EAAE,MAAM,0CAA0C,CAAC;AAC/F,OAAO,EAAE,uCAAuC,EAAE,MAAM,8CAA8C,CAAC;AACvG,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkFG;AAuBI,IAAM,2BAA2B,GAAjC,MAAM,2BACT,SAAQ,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;IAGnE,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;IACZ,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,YAAY,CAAC;IACxB,CAAC;CAIJ,CAAA;AA/BY,2BAA2B;IAtBvC,SAAS,CAAC;QACP,QAAQ,EAAE,YAAY;QACtB,QAAQ,EAAE,mCAAmC;QAC7C,MAAM,EAAE;YACJ,GAAG,EAAE,mCAAmC;YACxC,OAAO,EAAE,uCAAuC;YAChD,YAAY,EAAE,4CAA4C;SAC7D;QACD,OAAO,EAAE;YACL,IAAI,EAAE,MAAM;YACZ,cAAc,EAAE,IAAI;SACvB;QACD,OAAO,EAAE;YACL,YAAY;YACZ,WAAW;YACX,aAAa;YACb,gBAAgB;YAChB,WAAW;YACX,mBAAmB;YACnB,gBAAgB;SACnB;KACJ,CAAC;;GACW,2BAA2B,CA+BvC"}
1
+ {"version":3,"file":"FloatingActionButtonElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,gCAAgC,EAAsC,MAAM,oDAAoD,CAAC;AAC1I,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AAGnE,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAC;AACpF,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,mCAAmC,EAAE,MAAM,uCAAuC,CAAC;AAC5F,OAAO,EAAE,6BAA6B,EAA4C,MAAM,+CAA+C,CAAC;AAExI,OAAO,EAAE,4CAA4C,EAAE,MAAM,mDAAmD,CAAC;AACjH,OAAO,EAAE,mCAAmC,EAAE,MAAM,0CAA0C,CAAC;AAC/F,OAAO,EAAE,uCAAuC,EAAE,MAAM,8CAA8C,CAAC;AAEvG,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkFG;AAuBI,IAAM,2BAA2B,GAAjC,MAAM,2BACT,SAAQ,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;IAGnE,iBAAiB;IAEA,YAAY,GAAuE,gCAAgC,CAAsC,IAAI,EAAE;QAC5K,OAAO,EAAE,6BAA6B;KACzC,CAAC,CAAC;IAEH,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;IACZ,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,YAAY,CAAC;IACxB,CAAC;IAED;;;OAGG;IACH,IAAoB,QAAQ;QACxB,OAAO,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,UAAU,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC7D,CAAC;IACD,IAAoB,QAAQ,CAAC,KAAc;QACvC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;QAC3C,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC;IAC3B,CAAC;IAED;;;OAGG;IACH,IAAoB,UAAU;QAC1B,OAAO,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,YAAY,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IACjE,CAAC;IACD,IAAoB,UAAU,CAAC,KAAiB;QAC5C,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;QAC7C,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC;IAC7B,CAAC;IAED;;;OAGG;IACH,IAAoB,OAAO;QACvB,OAAO,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IAC3D,CAAC;IACD,IAAoB,OAAO,CAAC,KAAc;QACtC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;QAC1C,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC;IAC1B,CAAC;CAIJ,CAAA;AA3EY,2BAA2B;IAtBvC,SAAS,CAAC;QACP,QAAQ,EAAE,YAAY;QACtB,QAAQ,EAAE,mCAAmC;QAC7C,MAAM,EAAE;YACJ,GAAG,EAAE,mCAAmC;YACxC,OAAO,EAAE,uCAAuC;YAChD,YAAY,EAAE,4CAA4C;SAC7D;QACD,OAAO,EAAE;YACL,IAAI,EAAE,MAAM;YACZ,cAAc,EAAE,IAAI;SACvB;QACD,OAAO,EAAE;YACL,YAAY;YACZ,WAAW;YACX,aAAa;YACb,gBAAgB;YAChB,WAAW;YACX,mBAAmB;YACnB,gBAAgB;SACnB;KACJ,CAAC;;GACW,2BAA2B,CA2EvC"}
@@ -1,11 +1,9 @@
1
1
  import { type ICloseable } from '../../../Behaviors/Closeable';
2
2
  import { type IOpenable } from '../../../Behaviors/Openable';
3
- import type { Appearance } from '../../../Types/Appearance';
3
+ import { ISlottable } from '../../../Behaviors/Slottable';
4
4
  import { FabGroupDirection } from '../../../Types/FabGroupDirection';
5
- import type { Variant } from '../../../Types/Variant';
6
5
  import { CustomElement } from '../../Abstracts/CustomElement';
7
6
  import type { IFloatingActionButtonGroupElementProps } from './IFloatingActionButtonGroupElementProps';
8
- import { ISlottable } from '../../../Behaviors/Slottable';
9
7
  declare const FloatingActionButtonGroupElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => IOpenable & import("../../../Behaviors/Openable").IOpenableEvents) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Closeable").ICloseableProps & import("../../../Behaviors/Closeable").ICloseableEvents & ICloseable) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Disableable").IDisableableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Appearanceable").IAppearanceableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Variantable").IVariantableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Labelable").ILabelableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Iconable").IIconableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Slottable").ISlottableProps & ISlottable) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
10
8
  /**
11
9
  * Floating Action Button Group - A group of Floating Action Buttons that trigger primary actions in an application.
@@ -55,6 +53,7 @@ declare const FloatingActionButtonGroupElement_base: (abstract new (...args: Arr
55
53
  * @public
56
54
  */
57
55
  export declare class FloatingActionButtonGroupElement extends FloatingActionButtonGroupElement_base implements IFloatingActionButtonGroupElementProps, IOpenable, ICloseable, ISlottable {
56
+ private readonly _provider;
58
57
  private readonly _clickOutsideController;
59
58
  private _isOpen;
60
59
  private _direction;
@@ -110,18 +109,6 @@ export declare class FloatingActionButtonGroupElement extends FloatingActionButt
110
109
  * @public
111
110
  */
112
111
  toggle(): Promise<void>;
113
- /**
114
- * @protected
115
- */
116
- protected onDisabledPropertyChange(_prev?: boolean, next?: boolean): void;
117
- /**
118
- * @protected
119
- */
120
- protected onAppearancePropertyChanged(_prev?: Appearance, next?: Appearance): void;
121
- /**
122
- * @protected
123
- */
124
- protected onVariantPropertyChanged(_prev?: Variant, next?: Variant): void;
125
112
  /**
126
113
  * @private
127
114
  */
@@ -1 +1 @@
1
- {"version":3,"file":"FloatingActionButtonGroupElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonGroupElement.ts"],"names":[],"mappings":"AAGA,OAAO,EAAa,KAAK,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAG1E,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAMvE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAG9D,OAAO,KAAK,EAAE,sCAAsC,EAAE,MAAM,0CAA0C,CAAC;AAMvG,OAAO,EAAE,UAAU,EAAa,MAAM,8BAA8B,CAAC;;AAIrE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,qBAaa,gCACT,SAAQ,qCACR,YAAW,sCAAsC,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU;IAIpF,OAAO,CAAC,QAAQ,CAAC,uBAAuB,CAAyB;IACjE,OAAO,CAAC,OAAO,CAAU;IACzB,OAAO,CAAC,UAAU,CAAoB;IAMtC;;OAEG;;IAgBH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IAIW,MAAM,IAAI,OAAO,CAE3B;IAED,IAAW,MAAM,CAAC,KAAK,EAAE,OAAO,EAQ/B;IAED;;;;OAIG;IACH,IACW,SAAS,IAAI,iBAAiB,CAExC;IAED,IAAW,SAAS,CAAC,KAAK,EAAE,iBAAiB,EAK5C;IAMD;;;OAGG;IACa,aAAa,IAAI,IAAI;IAmBrC;;;;;OAKG;IACmB,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IAmB3C;;;;;OAKG;IACmB,KAAK,IAAI,OAAO,CAAC,OAAO,CAAC;IAuB/C;;;;OAIG;IACU,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;IAQpC;;OAEG;IAEH,SAAS,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI;IAWzE;;OAEG;IAEH,SAAS,CAAC,2BAA2B,CAAC,KAAK,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI;IAWlF;;OAEG;IAEH,SAAS,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI;IAWzE;;OAEG;IACH,OAAO,CAAC,gBAAgB;CAM3B;AAED;;GAEG;AACH,yBAAiB,gCAAgC,CAAC;IAC9C,KAAY,KAAK,GAAG,sCAAsC,CAAC;CAC9D;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,kBAAkB,EAAE,gCAAgC,CAAC;KACxD;CACJ"}
1
+ {"version":3,"file":"FloatingActionButtonGroupElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonGroupElement.ts"],"names":[],"mappings":"AAGA,OAAO,EAAa,KAAK,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAI1E,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,UAAU,EAAa,MAAM,8BAA8B,CAAC;AAOrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9D,OAAO,KAAK,EAAE,sCAAsC,EAAE,MAAM,0CAA0C,CAAC;;AAOvG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,qBAaa,gCACT,SAAQ,qCACR,YAAW,sCAAsC,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU;IAIpF,OAAO,CAAC,QAAQ,CAAC,SAAS,CAOvB;IACH,OAAO,CAAC,QAAQ,CAAC,uBAAuB,CAAyB;IACjE,OAAO,CAAC,OAAO,CAAU;IACzB,OAAO,CAAC,UAAU,CAAoB;IAMtC;;OAEG;;IAgBH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IAIW,MAAM,IAAI,OAAO,CAE3B;IAED,IAAW,MAAM,CAAC,KAAK,EAAE,OAAO,EAQ/B;IAED;;;;OAIG;IACH,IACW,SAAS,IAAI,iBAAiB,CAExC;IAED,IAAW,SAAS,CAAC,KAAK,EAAE,iBAAiB,EAK5C;IAMD;;;OAGG;IACa,aAAa,IAAI,IAAI;IAerC;;;;;OAKG;IACmB,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IAmB3C;;;;;OAKG;IACmB,KAAK,IAAI,OAAO,CAAC,OAAO,CAAC;IAuB/C;;;;OAIG;IACU,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;IAQpC;;OAEG;IACH,OAAO,CAAC,gBAAgB;CAM3B;AAED;;GAEG;AACH,yBAAiB,gCAAgC,CAAC;IAC9C,KAAY,KAAK,GAAG,sCAAsC,CAAC;CAC9D;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,kBAAkB,EAAE,gCAAgC,CAAC;KACxD;CACJ"}