@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.
- package/Attributes/BgColorAttribute.d.ts.map +1 -1
- package/Attributes/BgColorAttribute.js +2 -0
- package/Attributes/BgColorAttribute.js.map +1 -1
- package/Controls/Behaviors/Disableable.js +4 -2
- package/Controls/Behaviors/Disableable.js.map +1 -1
- package/Controls/Behaviors/Themeable.js +2 -2
- package/Controls/Behaviors/Themeable.js.map +1 -1
- package/Controls/Components/Buttons/Button/ButtonElement.d.ts +31 -1
- package/Controls/Components/Buttons/Button/ButtonElement.d.ts.map +1 -1
- package/Controls/Components/Buttons/Button/ButtonElement.js +50 -3
- package/Controls/Components/Buttons/Button/ButtonElement.js.map +1 -1
- package/Controls/Components/Buttons/Button/ButtonGroupElement.d.ts +3 -21
- package/Controls/Components/Buttons/Button/ButtonGroupElement.d.ts.map +1 -1
- package/Controls/Components/Buttons/Button/ButtonGroupElement.js +16 -73
- package/Controls/Components/Buttons/Button/ButtonGroupElement.js.map +1 -1
- package/Controls/Components/Buttons/Button/ButtonGroupInheritanceContext.d.ts +30 -0
- package/Controls/Components/Buttons/Button/ButtonGroupInheritanceContext.d.ts.map +1 -0
- package/Controls/Components/Buttons/Button/ButtonGroupInheritanceContext.js +9 -0
- package/Controls/Components/Buttons/Button/ButtonGroupInheritanceContext.js.map +1 -0
- package/Controls/Components/Buttons/Button/Themes/ButtonElement.Cosmopolitan.js +26 -26
- package/Controls/Components/Buttons/Button/Themes/ButtonElement.Joy.js +27 -27
- package/Controls/Components/Buttons/Button/Themes/ButtonElement.Memphis.js +26 -26
- package/Controls/Components/Buttons/CompoundButton/Themes/CompoundButtonElement.Cosmopolitan.js +8 -8
- package/Controls/Components/Buttons/CompoundButton/Themes/CompoundButtonElement.Joy.js +10 -10
- package/Controls/Components/Buttons/CompoundButton/Themes/CompoundButtonElement.Memphis.js +9 -9
- package/Controls/Components/Buttons/DropDownButton/Themes/DropDownButtonElement.Cosmopolitan.js +9 -9
- package/Controls/Components/Buttons/DropDownButton/Themes/DropDownButtonElement.Joy.js +10 -10
- package/Controls/Components/Buttons/DropDownButton/Themes/DropDownButtonElement.Memphis.js +8 -8
- package/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonElement.d.ts +21 -0
- package/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonElement.d.ts.map +1 -1
- package/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonElement.js +42 -2
- package/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonElement.js.map +1 -1
- package/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonGroupElement.d.ts +2 -15
- package/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonGroupElement.d.ts.map +1 -1
- package/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonGroupElement.js +14 -63
- package/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonGroupElement.js.map +1 -1
- package/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonGroupInheritanceContext.d.ts +30 -0
- package/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonGroupInheritanceContext.d.ts.map +1 -0
- package/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonGroupInheritanceContext.js +9 -0
- package/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonGroupInheritanceContext.js.map +1 -0
- package/Controls/Components/Buttons/FloatingActionButton/Themes/FloatingActionButtonElement.Cosmopolitan.js +8 -8
- package/Controls/Components/Buttons/FloatingActionButton/Themes/FloatingActionButtonElement.Joy.js +9 -9
- package/Controls/Components/Buttons/FloatingActionButton/Themes/FloatingActionButtonElement.Memphis.js +32 -32
- package/Controls/Components/Buttons/RepeatButton/Themes/RepeatButtonElement.Cosmopolitan.js +8 -8
- package/Controls/Components/Buttons/RepeatButton/Themes/RepeatButtonElement.Joy.js +10 -10
- package/Controls/Components/Buttons/RepeatButton/Themes/RepeatButtonElement.Memphis.js +9 -9
- package/Controls/Components/Buttons/SplitButton/Themes/SplitButtonElement.Cosmopolitan.js +8 -8
- package/Controls/Components/Buttons/SplitButton/Themes/SplitButtonElement.Joy.js +12 -12
- package/Controls/Components/Buttons/SplitButton/Themes/SplitButtonElement.Memphis.js +9 -9
- package/Controls/Components/Buttons/ToggleButton/Themes/ToggleButtonElement.Cosmopolitan.js +9 -9
- package/Controls/Components/Buttons/ToggleButton/Themes/ToggleButtonElement.Joy.js +10 -10
- package/Controls/Components/Buttons/ToggleButton/Themes/ToggleButtonElement.Memphis.js +9 -9
- package/Controls/Components/Buttons/ToggleButton/ToggleButtonElement.d.ts +28 -0
- package/Controls/Components/Buttons/ToggleButton/ToggleButtonElement.d.ts.map +1 -1
- package/Controls/Components/Buttons/ToggleButton/ToggleButtonElement.js +53 -2
- package/Controls/Components/Buttons/ToggleButton/ToggleButtonElement.js.map +1 -1
- package/Controls/Components/Buttons/ToggleButton/ToggleButtonGroupElement.d.ts +3 -21
- package/Controls/Components/Buttons/ToggleButton/ToggleButtonGroupElement.d.ts.map +1 -1
- package/Controls/Components/Buttons/ToggleButton/ToggleButtonGroupElement.js +16 -73
- package/Controls/Components/Buttons/ToggleButton/ToggleButtonGroupElement.js.map +1 -1
- package/Controls/Components/Buttons/ToggleButton/ToggleButtonGroupInheritanceContext.d.ts +35 -0
- package/Controls/Components/Buttons/ToggleButton/ToggleButtonGroupInheritanceContext.d.ts.map +1 -0
- package/Controls/Components/Buttons/ToggleButton/ToggleButtonGroupInheritanceContext.js +9 -0
- package/Controls/Components/Buttons/ToggleButton/ToggleButtonGroupInheritanceContext.js.map +1 -0
- package/Controls/Components/Forms/FormFieldElementTemplate.d.ts.map +1 -1
- package/Controls/Components/Forms/FormFieldElementTemplate.js +2 -0
- package/Controls/Components/Forms/FormFieldElementTemplate.js.map +1 -1
- package/Controls/Components/Grouping/Banner/BannerElement.d.ts +15 -1
- package/Controls/Components/Grouping/Banner/BannerElement.d.ts.map +1 -1
- package/Controls/Components/Grouping/Banner/BannerElement.js +30 -3
- package/Controls/Components/Grouping/Banner/BannerElement.js.map +1 -1
- package/Controls/Components/Grouping/BannerGroup/BannerGroupElement.d.ts +4 -5
- package/Controls/Components/Grouping/BannerGroup/BannerGroupElement.d.ts.map +1 -1
- package/Controls/Components/Grouping/BannerGroup/BannerGroupElement.js +19 -32
- package/Controls/Components/Grouping/BannerGroup/BannerGroupElement.js.map +1 -1
- package/Controls/Components/Grouping/BannerGroup/BannerGroupInheritanceContext.d.ts +25 -0
- package/Controls/Components/Grouping/BannerGroup/BannerGroupInheritanceContext.d.ts.map +1 -0
- package/Controls/Components/Grouping/BannerGroup/BannerGroupInheritanceContext.js +9 -0
- package/Controls/Components/Grouping/BannerGroup/BannerGroupInheritanceContext.js.map +1 -0
- package/Controls/Components/Grouping/BannerGroup/Themes/BannerGroupElement.Cosmopolitan.js +1 -1
- package/Controls/Components/Grouping/BannerGroup/Themes/BannerGroupElement.Joy.js +1 -1
- package/Controls/Components/Grouping/BannerGroup/Themes/BannerGroupElement.Memphis.js +1 -1
- package/Controls/Components/Grouping/Expander/ExpanderElement.d.ts +31 -0
- package/Controls/Components/Grouping/Expander/ExpanderElement.d.ts.map +1 -1
- package/Controls/Components/Grouping/Expander/ExpanderElement.js +56 -3
- package/Controls/Components/Grouping/Expander/ExpanderElement.js.map +1 -1
- package/Controls/Components/Grouping/Expander/ExpanderElementTemplate.d.ts.map +1 -1
- package/Controls/Components/Grouping/Expander/ExpanderElementTemplate.js +10 -11
- package/Controls/Components/Grouping/Expander/ExpanderElementTemplate.js.map +1 -1
- package/Controls/Components/Grouping/Expander/ExpanderGroupElement.d.ts +18 -29
- package/Controls/Components/Grouping/Expander/ExpanderGroupElement.d.ts.map +1 -1
- package/Controls/Components/Grouping/Expander/ExpanderGroupElement.js +45 -85
- package/Controls/Components/Grouping/Expander/ExpanderGroupElement.js.map +1 -1
- package/Controls/Components/Grouping/Expander/ExpanderGroupInheritanceContext.d.ts +40 -0
- package/Controls/Components/Grouping/Expander/ExpanderGroupInheritanceContext.d.ts.map +1 -0
- package/Controls/Components/Grouping/Expander/ExpanderGroupInheritanceContext.js +9 -0
- package/Controls/Components/Grouping/Expander/ExpanderGroupInheritanceContext.js.map +1 -0
- package/Controls/Components/Grouping/Expander/IExpanderGroupElementProps.d.ts +2 -0
- package/Controls/Components/Grouping/Expander/IExpanderGroupElementProps.d.ts.map +1 -1
- package/Controls/Components/Grouping/Expander/Themes/ExpanderElement.Cosmopolitan.d.ts.map +1 -1
- package/Controls/Components/Grouping/Expander/Themes/ExpanderElement.Cosmopolitan.js +9 -5
- package/Controls/Components/Grouping/Expander/Themes/ExpanderElement.Cosmopolitan.js.map +1 -1
- package/Controls/Components/Grouping/Expander/Themes/ExpanderElement.Joy.d.ts.map +1 -1
- package/Controls/Components/Grouping/Expander/Themes/ExpanderElement.Joy.js +9 -5
- package/Controls/Components/Grouping/Expander/Themes/ExpanderElement.Joy.js.map +1 -1
- package/Controls/Components/Grouping/Expander/Themes/ExpanderElement.Memphis.d.ts.map +1 -1
- package/Controls/Components/Grouping/Expander/Themes/ExpanderElement.Memphis.js +9 -5
- package/Controls/Components/Grouping/Expander/Themes/ExpanderElement.Memphis.js.map +1 -1
- package/Controls/Components/Grouping/Expander/Themes/ExpanderGroupElement.Cosmopolitan.d.ts.map +1 -1
- package/Controls/Components/Grouping/Expander/Themes/ExpanderGroupElement.Cosmopolitan.js +13 -0
- package/Controls/Components/Grouping/Expander/Themes/ExpanderGroupElement.Cosmopolitan.js.map +1 -1
- package/Controls/Components/Grouping/Expander/Themes/ExpanderGroupElement.Joy.d.ts.map +1 -1
- package/Controls/Components/Grouping/Expander/Themes/ExpanderGroupElement.Joy.js +17 -0
- package/Controls/Components/Grouping/Expander/Themes/ExpanderGroupElement.Joy.js.map +1 -1
- package/Controls/Components/Grouping/Expander/Themes/ExpanderGroupElement.Memphis.d.ts.map +1 -1
- package/Controls/Components/Grouping/Expander/Themes/ExpanderGroupElement.Memphis.js +13 -0
- package/Controls/Components/Grouping/Expander/Themes/ExpanderGroupElement.Memphis.js.map +1 -1
- package/Controls/Components/Inputs/Calendar/Themes/CalendarSubHeaderElement.Cosmopolitan.js +1 -1
- package/Controls/Components/Inputs/Calendar/Themes/CalendarSubHeaderElement.Joy.js +1 -1
- package/Controls/Components/Inputs/Calendar/Themes/CalendarSubHeaderElement.Memphis.js +1 -1
- package/Controls/Components/Inputs/CheckBox/CheckBoxElement.d.ts +29 -0
- package/Controls/Components/Inputs/CheckBox/CheckBoxElement.d.ts.map +1 -1
- package/Controls/Components/Inputs/CheckBox/CheckBoxElement.js +55 -4
- package/Controls/Components/Inputs/CheckBox/CheckBoxElement.js.map +1 -1
- package/Controls/Components/Inputs/CheckBox/CheckBoxGroupElement.d.ts +2 -24
- package/Controls/Components/Inputs/CheckBox/CheckBoxGroupElement.d.ts.map +1 -1
- package/Controls/Components/Inputs/CheckBox/CheckBoxGroupElement.js +17 -90
- package/Controls/Components/Inputs/CheckBox/CheckBoxGroupElement.js.map +1 -1
- package/Controls/Components/Inputs/CheckBox/CheckBoxGroupInheritanceContext.d.ts +39 -0
- package/Controls/Components/Inputs/CheckBox/CheckBoxGroupInheritanceContext.d.ts.map +1 -0
- package/Controls/Components/Inputs/CheckBox/CheckBoxGroupInheritanceContext.js +9 -0
- package/Controls/Components/Inputs/CheckBox/CheckBoxGroupInheritanceContext.js.map +1 -0
- package/Controls/Components/Inputs/CheckBox/Themes/CheckBoxElement.Joy.js +1 -1
- package/Controls/Components/Inputs/ChipBox/Themes/ChipBoxElement.Cosmopolitan.d.ts.map +1 -1
- package/Controls/Components/Inputs/ChipBox/Themes/ChipBoxElement.Cosmopolitan.js +58 -48
- package/Controls/Components/Inputs/ChipBox/Themes/ChipBoxElement.Cosmopolitan.js.map +1 -1
- package/Controls/Components/Inputs/ChipBox/Themes/ChipBoxElement.Joy.d.ts.map +1 -1
- package/Controls/Components/Inputs/ChipBox/Themes/ChipBoxElement.Joy.js +100 -77
- package/Controls/Components/Inputs/ChipBox/Themes/ChipBoxElement.Joy.js.map +1 -1
- package/Controls/Components/Inputs/ChipBox/Themes/ChipBoxElement.Memphis.d.ts.map +1 -1
- package/Controls/Components/Inputs/ChipBox/Themes/ChipBoxElement.Memphis.js +92 -68
- package/Controls/Components/Inputs/ChipBox/Themes/ChipBoxElement.Memphis.js.map +1 -1
- package/Controls/Components/Inputs/Choice/ChoiceElement.d.ts +32 -0
- package/Controls/Components/Inputs/Choice/ChoiceElement.d.ts.map +1 -1
- package/Controls/Components/Inputs/Choice/ChoiceElement.js +58 -4
- package/Controls/Components/Inputs/Choice/ChoiceElement.js.map +1 -1
- package/Controls/Components/Inputs/Choice/ChoiceGroupElement.d.ts +3 -25
- package/Controls/Components/Inputs/Choice/ChoiceGroupElement.d.ts.map +1 -1
- package/Controls/Components/Inputs/Choice/ChoiceGroupElement.js +18 -91
- package/Controls/Components/Inputs/Choice/ChoiceGroupElement.js.map +1 -1
- package/Controls/Components/Inputs/Choice/ChoiceGroupInheritanceContext.d.ts +39 -0
- package/Controls/Components/Inputs/Choice/ChoiceGroupInheritanceContext.d.ts.map +1 -0
- package/Controls/Components/Inputs/Choice/ChoiceGroupInheritanceContext.js +9 -0
- package/Controls/Components/Inputs/Choice/ChoiceGroupInheritanceContext.js.map +1 -0
- package/Controls/Components/Inputs/Choice/Themes/ChoiceElement.Joy.js +1 -1
- package/Controls/Components/Inputs/ColorBox/ColorBoxElement.d.ts +13 -2
- package/Controls/Components/Inputs/ColorBox/ColorBoxElement.d.ts.map +1 -1
- package/Controls/Components/Inputs/ColorBox/ColorBoxElement.js +29 -5
- package/Controls/Components/Inputs/ColorBox/ColorBoxElement.js.map +1 -1
- package/Controls/Components/Inputs/ColorBox/ColorBoxElementTemplate.js +1 -1
- package/Controls/Components/Inputs/ColorBox/IColorBoxElementProps.d.ts +8 -2
- package/Controls/Components/Inputs/ColorBox/IColorBoxElementProps.d.ts.map +1 -1
- package/Controls/Components/Inputs/ColorBox/Themes/ColorBoxElement.Cosmopolitan.d.ts.map +1 -1
- package/Controls/Components/Inputs/ColorBox/Themes/ColorBoxElement.Cosmopolitan.js +4 -8
- package/Controls/Components/Inputs/ColorBox/Themes/ColorBoxElement.Cosmopolitan.js.map +1 -1
- package/Controls/Components/Inputs/ColorBox/Themes/ColorBoxElement.Joy.d.ts.map +1 -1
- package/Controls/Components/Inputs/ColorBox/Themes/ColorBoxElement.Joy.js +4 -8
- package/Controls/Components/Inputs/ColorBox/Themes/ColorBoxElement.Joy.js.map +1 -1
- package/Controls/Components/Inputs/ColorBox/Themes/ColorBoxElement.Memphis.d.ts.map +1 -1
- package/Controls/Components/Inputs/ColorBox/Themes/ColorBoxElement.Memphis.js +4 -8
- package/Controls/Components/Inputs/ColorBox/Themes/ColorBoxElement.Memphis.js.map +1 -1
- package/Controls/Components/Inputs/Radio/RadioElement.d.ts +41 -0
- package/Controls/Components/Inputs/Radio/RadioElement.d.ts.map +1 -1
- package/Controls/Components/Inputs/Radio/RadioElement.js +68 -5
- package/Controls/Components/Inputs/Radio/RadioElement.js.map +1 -1
- package/Controls/Components/Inputs/Radio/RadioGroupElement.d.ts +2 -24
- package/Controls/Components/Inputs/Radio/RadioGroupElement.d.ts.map +1 -1
- package/Controls/Components/Inputs/Radio/RadioGroupElement.js +17 -90
- package/Controls/Components/Inputs/Radio/RadioGroupElement.js.map +1 -1
- package/Controls/Components/Inputs/Radio/RadioGroupInheritanceContext.d.ts +39 -0
- package/Controls/Components/Inputs/Radio/RadioGroupInheritanceContext.d.ts.map +1 -0
- package/Controls/Components/Inputs/Radio/RadioGroupInheritanceContext.js +9 -0
- package/Controls/Components/Inputs/Radio/RadioGroupInheritanceContext.js.map +1 -0
- package/Controls/Components/Inputs/Radio/Themes/RadioElement.Joy.js +1 -1
- package/Controls/Components/Inputs/Radio/Themes/RadioElement.Memphis.js +1 -1
- package/Controls/Components/Inputs/ToggleSwitch/Themes/ToggleSwitchElement.Joy.js +1 -1
- package/Controls/Components/Layouts/TileManager/Themes/TileManagerTileElement.Cosmopolitan.js +2 -2
- package/Controls/Components/Layouts/TileManager/Themes/TileManagerTileElement.Joy.js +2 -2
- package/Controls/Components/Layouts/TileManager/Themes/TileManagerTileElement.Memphis.js +2 -2
- package/Controls/Components/Media/Avatar/AvatarElement.d.ts +28 -0
- package/Controls/Components/Media/Avatar/AvatarElement.d.ts.map +1 -1
- package/Controls/Components/Media/Avatar/AvatarElement.js +51 -2
- package/Controls/Components/Media/Avatar/AvatarElement.js.map +1 -1
- package/Controls/Components/Media/Avatar/AvatarGroupElement.d.ts +17 -9
- package/Controls/Components/Media/Avatar/AvatarGroupElement.d.ts.map +1 -1
- package/Controls/Components/Media/Avatar/AvatarGroupElement.js +46 -97
- package/Controls/Components/Media/Avatar/AvatarGroupElement.js.map +1 -1
- package/Controls/Components/Media/Avatar/AvatarGroupInheritanceContext.d.ts +35 -0
- package/Controls/Components/Media/Avatar/AvatarGroupInheritanceContext.d.ts.map +1 -0
- package/Controls/Components/Media/Avatar/AvatarGroupInheritanceContext.js +9 -0
- package/Controls/Components/Media/Avatar/AvatarGroupInheritanceContext.js.map +1 -0
- package/Controls/Components/Media/Avatar/Themes/AvatarElement.Joy.js +3 -3
- package/Controls/Components/Media/Avatar/Themes/AvatarElement.Memphis.js +1 -1
- package/Controls/Components/Media/Badge/Themes/BadgeElement.Joy.js +4 -4
- package/Controls/Components/Media/Chat/ChatElement.d.ts +2 -11
- package/Controls/Components/Media/Chat/ChatElement.d.ts.map +1 -1
- package/Controls/Components/Media/Chat/ChatElement.js +14 -47
- package/Controls/Components/Media/Chat/ChatElement.js.map +1 -1
- package/Controls/Components/Media/Chat/ChatInheritanceContext.d.ts +26 -0
- package/Controls/Components/Media/Chat/ChatInheritanceContext.d.ts.map +1 -0
- package/Controls/Components/Media/Chat/ChatInheritanceContext.js +9 -0
- package/Controls/Components/Media/Chat/ChatInheritanceContext.js.map +1 -0
- package/Controls/Components/Media/Chat/ChatMessageElement.d.ts +2 -1
- package/Controls/Components/Media/Chat/ChatMessageElement.d.ts.map +1 -1
- package/Controls/Components/Media/Chat/ChatMessageElement.js +9 -4
- package/Controls/Components/Media/Chat/ChatMessageElement.js.map +1 -1
- package/Controls/Components/Media/Chat/Themes/ChatMessageAvatarElement.Joy.js +1 -1
- package/Controls/Components/Media/Chat/Themes/ChatMessageAvatarElement.Memphis.js +1 -1
- package/Controls/Components/Media/Chip/ChipElementTemplate.js +1 -1
- package/Controls/Components/Media/Chip/ChipElementTemplate.js.map +1 -1
- package/Controls/Components/Media/Chip/Themes/ChipElement.Joy.js +4 -4
- package/Controls/Components/Media/ColorSwatch/ColorSwatchElement.d.ts +11 -0
- package/Controls/Components/Media/ColorSwatch/ColorSwatchElement.d.ts.map +1 -1
- package/Controls/Components/Media/ColorSwatch/ColorSwatchElement.js +21 -3
- package/Controls/Components/Media/ColorSwatch/ColorSwatchElement.js.map +1 -1
- package/Controls/Components/Media/ColorSwatch/ColorSwatchGroupElement.d.ts +1 -6
- package/Controls/Components/Media/ColorSwatch/ColorSwatchGroupElement.d.ts.map +1 -1
- package/Controls/Components/Media/ColorSwatch/ColorSwatchGroupElement.js +12 -30
- package/Controls/Components/Media/ColorSwatch/ColorSwatchGroupElement.js.map +1 -1
- package/Controls/Components/Media/ColorSwatch/ColorSwatchGroupElementTemplate.d.ts +1 -1
- package/Controls/Components/Media/ColorSwatch/ColorSwatchGroupElementTemplate.d.ts.map +1 -1
- package/Controls/Components/Media/ColorSwatch/ColorSwatchGroupElementTemplate.js +2 -2
- package/Controls/Components/Media/ColorSwatch/ColorSwatchGroupElementTemplate.js.map +1 -1
- package/Controls/Components/Media/ColorSwatch/ColorSwatchGroupInheritanceContext.d.ts +21 -0
- package/Controls/Components/Media/ColorSwatch/ColorSwatchGroupInheritanceContext.d.ts.map +1 -0
- package/Controls/Components/Media/ColorSwatch/ColorSwatchGroupInheritanceContext.js +9 -0
- package/Controls/Components/Media/ColorSwatch/ColorSwatchGroupInheritanceContext.js.map +1 -0
- package/Controls/Components/Media/ColorSwatch/Themes/ColorSwatchElement.Cosmopolitan.js +4 -4
- package/Controls/Components/Media/ColorSwatch/Themes/ColorSwatchElement.Joy.js +4 -4
- package/Controls/Components/Media/ColorSwatch/Themes/ColorSwatchElement.Memphis.js +4 -4
- package/Controls/Components/Media/ColorSwatch/Themes/ColorSwatchGroupElement.Cosmopolitan.js +1 -1
- package/Controls/Components/Media/ColorSwatch/Themes/ColorSwatchGroupElement.Joy.js +1 -1
- package/Controls/Components/Media/ColorSwatch/Themes/ColorSwatchGroupElement.Memphis.js +1 -1
- package/Controls/Components/Media/Persona/Themes/PersonaElement.Joy.js +1 -1
- package/Controls/Components/Overlays/Dialog/DialogElement.d.ts +2 -1
- package/Controls/Components/Overlays/Dialog/DialogElement.d.ts.map +1 -1
- package/Controls/Components/Overlays/Dialog/DialogElement.js +11 -3
- package/Controls/Components/Overlays/Dialog/DialogElement.js.map +1 -1
- package/Controls/Components/Overlays/Dialog/DialogHeaderElement.d.ts +5 -0
- package/Controls/Components/Overlays/Dialog/DialogHeaderElement.d.ts.map +1 -1
- package/Controls/Components/Overlays/Dialog/DialogHeaderElement.js +11 -2
- package/Controls/Components/Overlays/Dialog/DialogHeaderElement.js.map +1 -1
- package/Controls/Components/Overlays/Dialog/DialogInheritanceContext.d.ts +22 -0
- package/Controls/Components/Overlays/Dialog/DialogInheritanceContext.d.ts.map +1 -0
- package/Controls/Components/Overlays/Dialog/DialogInheritanceContext.js +9 -0
- package/Controls/Components/Overlays/Dialog/DialogInheritanceContext.js.map +1 -0
- package/Controls/Components/Overlays/Drawer/DrawerElement.d.ts +2 -1
- package/Controls/Components/Overlays/Drawer/DrawerElement.d.ts.map +1 -1
- package/Controls/Components/Overlays/Drawer/DrawerElement.js +20 -10
- package/Controls/Components/Overlays/Drawer/DrawerElement.js.map +1 -1
- package/Controls/Components/Overlays/Drawer/DrawerHeaderElement.d.ts +3 -0
- package/Controls/Components/Overlays/Drawer/DrawerHeaderElement.d.ts.map +1 -1
- package/Controls/Components/Overlays/Drawer/DrawerHeaderElement.js +13 -4
- package/Controls/Components/Overlays/Drawer/DrawerHeaderElement.js.map +1 -1
- package/Controls/Components/Overlays/Drawer/DrawerInheritanceContext.d.ts +28 -0
- package/Controls/Components/Overlays/Drawer/DrawerInheritanceContext.d.ts.map +1 -0
- package/Controls/Components/Overlays/Drawer/DrawerInheritanceContext.js +9 -0
- package/Controls/Components/Overlays/Drawer/DrawerInheritanceContext.js.map +1 -0
- package/Controls/Components/Overlays/Drawer/DrawerService.d.ts +11 -3
- package/Controls/Components/Overlays/Drawer/DrawerService.d.ts.map +1 -1
- package/Controls/Components/Overlays/Drawer/DrawerService.js +41 -4
- package/Controls/Components/Overlays/Drawer/DrawerService.js.map +1 -1
- package/Controls/Components/Overlays/Drawer/Themes/DrawerElement.Cosmopolitan.d.ts.map +1 -1
- package/Controls/Components/Overlays/Drawer/Themes/DrawerElement.Cosmopolitan.js +4 -0
- package/Controls/Components/Overlays/Drawer/Themes/DrawerElement.Cosmopolitan.js.map +1 -1
- package/Controls/Components/Overlays/Drawer/Themes/DrawerElement.Joy.d.ts.map +1 -1
- package/Controls/Components/Overlays/Drawer/Themes/DrawerElement.Joy.js +4 -0
- package/Controls/Components/Overlays/Drawer/Themes/DrawerElement.Joy.js.map +1 -1
- package/Controls/Components/Overlays/Drawer/Themes/DrawerElement.Memphis.d.ts.map +1 -1
- package/Controls/Components/Overlays/Drawer/Themes/DrawerElement.Memphis.js +4 -0
- package/Controls/Components/Overlays/Drawer/Themes/DrawerElement.Memphis.js.map +1 -1
- package/Controls/Components/Overlays/Drawer/behaviors/DrawerStackBehavior.d.ts +1 -1
- package/Controls/Components/Overlays/Drawer/behaviors/DrawerStackBehavior.d.ts.map +1 -1
- package/Controls/Components/Overlays/Drawer/behaviors/DrawerStackBehavior.js +4 -4
- package/Controls/Components/Overlays/Drawer/behaviors/DrawerStackBehavior.js.map +1 -1
- package/Controls/Components/Overlays/Toast/Themes/ToastElement.Memphis.js +1 -1
- package/Controls/Components/Primitives/Dismiss/DismissElement.d.ts.map +1 -1
- package/Controls/Components/Primitives/Dismiss/DismissElement.js +7 -9
- package/Controls/Components/Primitives/Dismiss/DismissElement.js.map +1 -1
- package/Controls/Components/Primitives/Dismiss/DismissElementTemplate.d.ts.map +1 -1
- package/Controls/Components/Primitives/Dismiss/DismissElementTemplate.js.map +1 -1
- package/Controls/Components/Primitives/Dismiss/IDismissElementProps.d.ts +3 -3
- package/Controls/Components/Primitives/Dismiss/IDismissElementProps.d.ts.map +1 -1
- package/Controls/Components/Primitives/Floating/Themes/FloatingElement.Joy.js +1 -1
- package/Controls/Components/Primitives/Floating/Themes/FloatingElement.Memphis.js +1 -1
- package/Controls/Components/Primitives/Popup/Themes/PopupElement.Memphis.js +1 -1
- package/Controls/Components/Primitives/TickBar/Themes/TickBarElement.Cosmopolitan.js +5 -5
- package/Controls/Components/Primitives/TickBar/Themes/TickBarElement.Joy.js +5 -5
- package/Controls/Components/Primitives/TickBar/Themes/TickBarElement.Memphis.js +5 -5
- package/Controls/Components/Ranges/MeterRing/Themes/MeterRingElement.Cosmopolitan.js +2 -2
- package/Controls/Components/Ranges/MeterRing/Themes/MeterRingElement.Joy.js +2 -2
- package/Controls/Components/Ranges/MeterRing/Themes/MeterRingElement.Memphis.js +2 -2
- package/Controls/Components/Ranges/ProgressBar/Themes/ProgressBarElement.Joy.d.ts.map +1 -1
- package/Controls/Components/Ranges/ProgressBar/Themes/ProgressBarElement.Joy.js +7 -4
- package/Controls/Components/Ranges/ProgressBar/Themes/ProgressBarElement.Joy.js.map +1 -1
- package/Controls/Components/Ranges/ProgressRing/Themes/ProgressRingElement.Cosmopolitan.js +3 -3
- package/Controls/Components/Ranges/ProgressRing/Themes/ProgressRingElement.Joy.js +3 -3
- package/Controls/Components/Ranges/ProgressRing/Themes/ProgressRingElement.Memphis.js +3 -3
- package/Controls/Components/Ranges/ScrubSlider/Themes/ScrubSliderElement.Cosmopolitan.js +2 -2
- package/Controls/Components/Ranges/ScrubSlider/Themes/ScrubSliderElement.Joy.js +2 -2
- package/Controls/Components/Ranges/ScrubSlider/Themes/ScrubSliderElement.Memphis.js +2 -2
- package/Controls/Components/Selectors/ElectronicProgramGuide/Themes/EpgProgramElement.Joy.js +1 -1
- package/Controls/Components/Selectors/ElectronicProgramGuide/Themes/EpgProgramElement.Memphis.js +1 -1
- package/Controls/Components/Selectors/List/ListElement.d.ts +2 -5
- package/Controls/Components/Selectors/List/ListElement.d.ts.map +1 -1
- package/Controls/Components/Selectors/List/ListElement.js +16 -20
- package/Controls/Components/Selectors/List/ListElement.js.map +1 -1
- package/Controls/Components/Selectors/List/ListInheritanceContext.d.ts +20 -0
- package/Controls/Components/Selectors/List/ListInheritanceContext.d.ts.map +1 -0
- package/Controls/Components/Selectors/List/ListInheritanceContext.js +9 -0
- package/Controls/Components/Selectors/List/ListInheritanceContext.js.map +1 -0
- package/Controls/Components/Selectors/List/ListItemElement.d.ts +1 -0
- package/Controls/Components/Selectors/List/ListItemElement.d.ts.map +1 -1
- package/Controls/Components/Selectors/List/ListItemElement.js +7 -2
- package/Controls/Components/Selectors/List/ListItemElement.js.map +1 -1
- package/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Cosmopolitan.js +1 -1
- package/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Joy.js +1 -1
- package/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Memphis.js +1 -1
- package/Controls/Components/Selectors/Segment/SegmentElement.d.ts +4 -5
- package/Controls/Components/Selectors/Segment/SegmentElement.d.ts.map +1 -1
- package/Controls/Components/Selectors/Segment/SegmentElement.js +24 -21
- package/Controls/Components/Selectors/Segment/SegmentElement.js.map +1 -1
- package/Controls/Components/Selectors/Segment/SegmentInheritanceContext.d.ts +30 -0
- package/Controls/Components/Selectors/Segment/SegmentInheritanceContext.d.ts.map +1 -0
- package/Controls/Components/Selectors/Segment/SegmentInheritanceContext.js +9 -0
- package/Controls/Components/Selectors/Segment/SegmentInheritanceContext.js.map +1 -0
- package/Controls/Components/Selectors/Segment/SegmentItemElement.d.ts +1 -0
- package/Controls/Components/Selectors/Segment/SegmentItemElement.d.ts.map +1 -1
- package/Controls/Components/Selectors/Segment/SegmentItemElement.js +7 -2
- package/Controls/Components/Selectors/Segment/SegmentItemElement.js.map +1 -1
- package/Controls/Components/Selectors/Segment/Themes/SegmentElement.Joy.js +1 -1
- package/Controls/Components/Selectors/Segment/Themes/SegmentElement.Memphis.js +1 -1
- package/Controls/Components/Selectors/Tab/Themes/TabElement.Cosmopolitan.js +1 -1
- package/Controls/Components/Selectors/Tab/Themes/TabElement.Joy.js +1 -1
- package/Controls/Components/Selectors/Tab/Themes/TabElement.Memphis.js +1 -1
- package/Controls/Components/Selectors/TabStrip/TabStripElement.d.ts +4 -5
- package/Controls/Components/Selectors/TabStrip/TabStripElement.d.ts.map +1 -1
- package/Controls/Components/Selectors/TabStrip/TabStripElement.js +24 -42
- package/Controls/Components/Selectors/TabStrip/TabStripElement.js.map +1 -1
- package/Controls/Components/Selectors/TabStrip/TabStripInheritanceContext.d.ts +30 -0
- package/Controls/Components/Selectors/TabStrip/TabStripInheritanceContext.d.ts.map +1 -0
- package/Controls/Components/Selectors/TabStrip/TabStripInheritanceContext.js +9 -0
- package/Controls/Components/Selectors/TabStrip/TabStripInheritanceContext.js.map +1 -0
- package/Controls/Components/Selectors/TabStrip/TabStripItemElement.d.ts +1 -0
- package/Controls/Components/Selectors/TabStrip/TabStripItemElement.d.ts.map +1 -1
- package/Controls/Components/Selectors/TabStrip/TabStripItemElement.js +7 -2
- package/Controls/Components/Selectors/TabStrip/TabStripItemElement.js.map +1 -1
- package/Controls/Components/Selectors/TabStrip/Themes/TabStripItemElement.Joy.js +1 -1
- package/Controls/Components/Selectors/Tree/TreeElement.d.ts +1 -1
- package/Controls/Components/Selectors/Tree/TreeElement.d.ts.map +1 -1
- package/Controls/Components/Selectors/Tree/TreeElement.js +12 -17
- package/Controls/Components/Selectors/Tree/TreeElement.js.map +1 -1
- package/Controls/Components/Selectors/Tree/TreeInheritanceContext.d.ts +20 -0
- package/Controls/Components/Selectors/Tree/TreeInheritanceContext.d.ts.map +1 -0
- package/Controls/Components/Selectors/Tree/TreeInheritanceContext.js +9 -0
- package/Controls/Components/Selectors/Tree/TreeInheritanceContext.js.map +1 -0
- package/Controls/Components/Selectors/Tree/TreeItemElement.d.ts +2 -1
- package/Controls/Components/Selectors/Tree/TreeItemElement.d.ts.map +1 -1
- package/Controls/Components/Selectors/Tree/TreeItemElement.js +9 -4
- package/Controls/Components/Selectors/Tree/TreeItemElement.js.map +1 -1
- package/Controls/Controllers/InheritanceConsumerController.d.ts +126 -0
- package/Controls/Controllers/InheritanceConsumerController.d.ts.map +1 -0
- package/Controls/Controllers/InheritanceConsumerController.js +171 -0
- package/Controls/Controllers/InheritanceConsumerController.js.map +1 -0
- package/Controls/Controllers/InheritanceProviderController.d.ts +114 -0
- package/Controls/Controllers/InheritanceProviderController.d.ts.map +1 -0
- package/Controls/Controllers/InheritanceProviderController.js +143 -0
- package/Controls/Controllers/InheritanceProviderController.js.map +1 -0
- package/Controls/Types/ColorPosition.d.ts +21 -0
- package/Controls/Types/ColorPosition.d.ts.map +1 -0
- package/Controls/Types/ColorPosition.js +18 -0
- package/Controls/Types/ColorPosition.js.map +1 -0
- package/Controls/Types/ExpanderGroupStacking.d.ts +20 -0
- package/Controls/Types/ExpanderGroupStacking.d.ts.map +1 -0
- package/Controls/Types/ExpanderGroupStacking.js +16 -0
- package/Controls/Types/ExpanderGroupStacking.js.map +1 -0
- package/Dom/StyleSheet.d.ts.map +1 -1
- package/Dom/StyleSheet.js +1 -1
- package/Dom/StyleSheet.js.map +1 -1
- package/Index.d.ts +152 -150
- package/Index.d.ts.map +1 -1
- package/Index.js +103 -98
- package/Index.js.map +1 -1
- package/Routing/PathToRegexp.d.ts +1 -1
- package/Theming/IThemeElementProps.d.ts +16 -1
- package/Theming/IThemeElementProps.d.ts.map +1 -1
- package/Theming/IThemeService.d.ts +57 -154
- package/Theming/IThemeService.d.ts.map +1 -1
- package/Theming/IThemeService.js +3 -1
- package/Theming/IThemeService.js.map +1 -1
- package/Theming/Theme2Element.d.ts +76 -9
- package/Theming/Theme2Element.d.ts.map +1 -1
- package/Theming/Theme2Element.js +105 -54
- package/Theming/Theme2Element.js.map +1 -1
- package/Theming/Theme2ElementTemplate.d.ts +1 -1
- package/Theming/Theme2ElementTemplate.d.ts.map +1 -1
- package/Theming/Theme2ElementTemplate.js +1 -1
- package/Theming/Theme2ElementTemplate.js.map +1 -1
- package/Theming/ThemeService.d.ts +119 -68
- package/Theming/ThemeService.d.ts.map +1 -1
- package/Theming/ThemeService.js +476 -193
- package/Theming/ThemeService.js.map +1 -1
- package/custom-elements.json +91 -14
- 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)
|
|
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:
|
|
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)
|
|
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)
|
|
701
|
-
--button-font-line-height: calc(var(--joy-typography-button-line-height)
|
|
702
|
-
--button-padding-top: calc(var(--joy-layout-space)
|
|
703
|
-
--button-padding-right: calc(var(--joy-layout-space)
|
|
704
|
-
--button-padding-bottom: calc(var(--joy-layout-space)
|
|
705
|
-
--button-padding-left: calc(var(--joy-layout-space)
|
|
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)
|
|
710
|
-
--button-font-line-height: calc(var(--joy-typography-button-line-height)
|
|
711
|
-
--button-padding-top: calc(var(--joy-layout-space)
|
|
712
|
-
--button-padding-right: calc(var(--joy-layout-space)
|
|
713
|
-
--button-padding-bottom: calc(var(--joy-layout-space)
|
|
714
|
-
--button-padding-left: calc(var(--joy-layout-space)
|
|
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)
|
|
724
|
-
--button-font-line-height: calc(var(--joy-typography-button-line-height)
|
|
725
|
-
--button-padding-top: calc(var(--joy-layout-space)
|
|
726
|
-
--button-padding-right: calc(var(--joy-layout-space)
|
|
727
|
-
--button-padding-bottom: calc(var(--joy-layout-space)
|
|
728
|
-
--button-padding-left: calc(var(--joy-layout-space)
|
|
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)
|
|
733
|
-
--button-font-line-height: calc(var(--joy-typography-button-line-height)
|
|
734
|
-
--button-padding-top: calc(var(--joy-layout-space)
|
|
735
|
-
--button-padding-right: calc(var(--joy-layout-space)
|
|
736
|
-
--button-padding-bottom: calc(var(--joy-layout-space)
|
|
737
|
-
--button-padding-left: calc(var(--joy-layout-space)
|
|
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)
|
|
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:
|
|
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)
|
|
515
|
-
--button-font-line-height: calc(var(--memphis-typography-button-line-height)
|
|
516
|
-
--button-padding-top: calc(var(--memphis-layout-space)
|
|
517
|
-
--button-padding-right: calc(var(--memphis-layout-space)
|
|
518
|
-
--button-padding-bottom: calc(var(--memphis-layout-space)
|
|
519
|
-
--button-padding-left: calc(var(--memphis-layout-space)
|
|
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)
|
|
524
|
-
--button-font-line-height: calc(var(--memphis-typography-button-line-height)
|
|
525
|
-
--button-padding-top: calc(var(--memphis-layout-space)
|
|
526
|
-
--button-padding-right: calc(var(--memphis-layout-space)
|
|
527
|
-
--button-padding-bottom: calc(var(--memphis-layout-space)
|
|
528
|
-
--button-padding-left: calc(var(--memphis-layout-space)
|
|
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)
|
|
538
|
-
--button-font-line-height: calc(var(--memphis-typography-button-line-height)
|
|
539
|
-
--button-padding-top: calc(var(--memphis-layout-space)
|
|
540
|
-
--button-padding-right: calc(var(--memphis-layout-space)
|
|
541
|
-
--button-padding-bottom: calc(var(--memphis-layout-space)
|
|
542
|
-
--button-padding-left: calc(var(--memphis-layout-space)
|
|
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)
|
|
547
|
-
--button-font-line-height: calc(var(--memphis-typography-button-line-height)
|
|
548
|
-
--button-padding-top: calc(var(--memphis-layout-space)
|
|
549
|
-
--button-padding-right: calc(var(--memphis-layout-space)
|
|
550
|
-
--button-padding-bottom: calc(var(--memphis-layout-space)
|
|
551
|
-
--button-padding-left: calc(var(--memphis-layout-space)
|
|
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
|
`;
|
package/Controls/Components/Buttons/CompoundButton/Themes/CompoundButtonElement.Cosmopolitan.js
CHANGED
|
@@ -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)
|
|
205
|
-
--compound-button-line-height: calc(var(--compound-button-font-line-height)
|
|
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)
|
|
210
|
-
--compound-button-line-height: calc(var(--compound-button-font-line-height)
|
|
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)
|
|
215
|
-
--compound-button-line-height: calc(var(--compound-button-font-line-height)
|
|
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)
|
|
220
|
-
--compound-button-line-height: calc(var(--compound-button-font-line-height)
|
|
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)
|
|
205
|
-
--compound-button-line-height: calc(var(--compound-button-font-line-height)
|
|
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)
|
|
210
|
-
--compound-button-line-height: calc(var(--compound-button-font-line-height)
|
|
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)
|
|
215
|
-
--compound-button-line-height: calc(var(--compound-button-font-line-height)
|
|
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)
|
|
220
|
-
--compound-button-line-height: calc(var(--compound-button-font-line-height)
|
|
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)
|
|
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)
|
|
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)
|
|
207
|
-
--compound-button-line-height: calc(var(--compound-button-font-line-height)
|
|
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)
|
|
212
|
-
--compound-button-line-height: calc(var(--compound-button-font-line-height)
|
|
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)
|
|
217
|
-
--compound-button-line-height: calc(var(--compound-button-font-line-height)
|
|
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)
|
|
222
|
-
--compound-button-line-height: calc(var(--compound-button-font-line-height)
|
|
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)
|
|
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;
|
package/Controls/Components/Buttons/DropDownButton/Themes/DropDownButtonElement.Cosmopolitan.js
CHANGED
|
@@ -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)
|
|
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)
|
|
293
|
-
--dropdown-button-line-height: calc(var(--dropdown-button-font-line-height)
|
|
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)
|
|
298
|
-
--dropdown-button-line-height: calc(var(--dropdown-button-font-line-height)
|
|
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)
|
|
303
|
-
--dropdown-button-line-height: calc(var(--dropdown-button-font-line-height)
|
|
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)
|
|
308
|
-
--dropdown-button-line-height: calc(var(--dropdown-button-font-line-height)
|
|
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)
|
|
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)
|
|
293
|
-
--dropdown-button-line-height: calc(var(--dropdown-button-font-line-height)
|
|
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)
|
|
298
|
-
--dropdown-button-line-height: calc(var(--dropdown-button-font-line-height)
|
|
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)
|
|
303
|
-
--dropdown-button-line-height: calc(var(--dropdown-button-font-line-height)
|
|
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)
|
|
308
|
-
--dropdown-button-line-height: calc(var(--dropdown-button-font-line-height)
|
|
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)
|
|
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)
|
|
295
|
-
--dropdown-button-line-height: calc(var(--dropdown-button-font-line-height)
|
|
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)
|
|
300
|
-
--dropdown-button-line-height: calc(var(--dropdown-button-font-line-height)
|
|
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)
|
|
305
|
-
--dropdown-button-line-height: calc(var(--dropdown-button-font-line-height)
|
|
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)
|
|
310
|
-
--dropdown-button-line-height: calc(var(--dropdown-button-font-line-height)
|
|
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
|
package/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonElement.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FloatingActionButtonElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonElement.ts"],"names":[],"mappings":"
|
|
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;
|
|
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"}
|
package/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonGroupElement.d.ts
CHANGED
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
import { type ICloseable } from '../../../Behaviors/Closeable';
|
|
2
2
|
import { type IOpenable } from '../../../Behaviors/Openable';
|
|
3
|
-
import
|
|
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
|
*/
|
package/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonGroupElement.d.ts.map
CHANGED
|
@@ -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;
|
|
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"}
|