@breadstone/mosaik-elements-foundation 0.0.146 → 0.0.148
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Controls/Components/Buttons/Anchor/AnchorElement.d.ts +47 -21
- package/Controls/Components/Buttons/Anchor/AnchorElement.d.ts.map +1 -1
- package/Controls/Components/Buttons/Anchor/AnchorElement.js +47 -21
- package/Controls/Components/Buttons/Anchor/AnchorElement.js.map +1 -1
- package/Controls/Components/Buttons/Button/ButtonElement.d.ts +88 -48
- package/Controls/Components/Buttons/Button/ButtonElement.d.ts.map +1 -1
- package/Controls/Components/Buttons/Button/ButtonElement.js +88 -48
- package/Controls/Components/Buttons/Button/ButtonElement.js.map +1 -1
- package/Controls/Components/Buttons/CompoundButton/CompoundButtonElement.d.ts +74 -55
- package/Controls/Components/Buttons/CompoundButton/CompoundButtonElement.d.ts.map +1 -1
- package/Controls/Components/Buttons/CompoundButton/CompoundButtonElement.js +74 -55
- package/Controls/Components/Buttons/CompoundButton/CompoundButtonElement.js.map +1 -1
- package/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonElement.d.ts +67 -49
- package/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonElement.d.ts.map +1 -1
- package/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonElement.js +67 -49
- package/Controls/Components/Buttons/FloatingActionButton/FloatingActionButtonElement.js.map +1 -1
- package/Controls/Components/Buttons/ToggleButton/ToggleButtonElement.d.ts +75 -48
- package/Controls/Components/Buttons/ToggleButton/ToggleButtonElement.d.ts.map +1 -1
- package/Controls/Components/Buttons/ToggleButton/ToggleButtonElement.js +75 -48
- package/Controls/Components/Buttons/ToggleButton/ToggleButtonElement.js.map +1 -1
- package/Controls/Components/Buttons/ToggleButton/ToggleButtonGroupElement.d.ts +40 -2
- package/Controls/Components/Buttons/ToggleButton/ToggleButtonGroupElement.d.ts.map +1 -1
- package/Controls/Components/Buttons/ToggleButton/ToggleButtonGroupElement.js +40 -2
- package/Controls/Components/Buttons/ToggleButton/ToggleButtonGroupElement.js.map +1 -1
- package/Controls/Components/Cells/CellElement.d.ts +72 -39
- package/Controls/Components/Cells/CellElement.d.ts.map +1 -1
- package/Controls/Components/Cells/CellElement.js +72 -39
- package/Controls/Components/Cells/CellElement.js.map +1 -1
- package/Controls/Components/Cells/CellGroupElement.d.ts +76 -15
- package/Controls/Components/Cells/CellGroupElement.d.ts.map +1 -1
- package/Controls/Components/Cells/CellGroupElement.js +76 -15
- package/Controls/Components/Cells/CellGroupElement.js.map +1 -1
- package/Controls/Components/Charts/ChartElement.d.ts +83 -18
- package/Controls/Components/Charts/ChartElement.d.ts.map +1 -1
- package/Controls/Components/Charts/ChartElement.js +83 -18
- package/Controls/Components/Charts/ChartElement.js.map +1 -1
- package/Controls/Components/Effects/Ripple/RippleElement.d.ts +48 -9
- package/Controls/Components/Effects/Ripple/RippleElement.d.ts.map +1 -1
- package/Controls/Components/Effects/Ripple/RippleElement.js +48 -9
- package/Controls/Components/Effects/Ripple/RippleElement.js.map +1 -1
- package/Controls/Components/Forms/FormElement.d.ts +71 -12
- package/Controls/Components/Forms/FormElement.d.ts.map +1 -1
- package/Controls/Components/Forms/FormElement.js +71 -12
- package/Controls/Components/Forms/FormElement.js.map +1 -1
- package/Controls/Components/Grouping/Card/CardElement.d.ts +62 -57
- package/Controls/Components/Grouping/Card/CardElement.d.ts.map +1 -1
- package/Controls/Components/Grouping/Card/CardElement.js +62 -57
- package/Controls/Components/Grouping/Card/CardElement.js.map +1 -1
- package/Controls/Components/Grouping/Toolbar/ToolbarElement.d.ts +56 -45
- package/Controls/Components/Grouping/Toolbar/ToolbarElement.d.ts.map +1 -1
- package/Controls/Components/Grouping/Toolbar/ToolbarElement.js +56 -45
- package/Controls/Components/Grouping/Toolbar/ToolbarElement.js.map +1 -1
- package/Controls/Components/Inputs/AutoCompleteBox/AutoCompleteBoxElement.d.ts +38 -1
- package/Controls/Components/Inputs/AutoCompleteBox/AutoCompleteBoxElement.d.ts.map +1 -1
- package/Controls/Components/Inputs/AutoCompleteBox/AutoCompleteBoxElement.js +38 -1
- package/Controls/Components/Inputs/AutoCompleteBox/AutoCompleteBoxElement.js.map +1 -1
- package/Controls/Components/Inputs/Calendar/CalendarElement.d.ts +12 -0
- package/Controls/Components/Inputs/Calendar/CalendarElement.d.ts.map +1 -1
- package/Controls/Components/Inputs/Calendar/CalendarElement.js +48 -8
- package/Controls/Components/Inputs/Calendar/CalendarElement.js.map +1 -1
- package/Controls/Components/Inputs/Calendar/CalendarElementTemplate.d.ts.map +1 -1
- package/Controls/Components/Inputs/Calendar/CalendarElementTemplate.js +193 -104
- package/Controls/Components/Inputs/Calendar/CalendarElementTemplate.js.map +1 -1
- package/Controls/Components/Inputs/Calendar/CalendarItemElement.d.ts +36 -0
- package/Controls/Components/Inputs/Calendar/CalendarItemElement.d.ts.map +1 -1
- package/Controls/Components/Inputs/Calendar/CalendarItemElement.js +100 -0
- package/Controls/Components/Inputs/Calendar/CalendarItemElement.js.map +1 -1
- package/Controls/Components/Inputs/Calendar/ICalendarItemElementProps.d.ts +4 -0
- package/Controls/Components/Inputs/Calendar/ICalendarItemElementProps.d.ts.map +1 -1
- package/Controls/Components/Inputs/Calendar/Themes/CalendarElement.Cosmopolitan.d.ts.map +1 -1
- package/Controls/Components/Inputs/Calendar/Themes/CalendarElement.Cosmopolitan.js +43 -0
- package/Controls/Components/Inputs/Calendar/Themes/CalendarElement.Cosmopolitan.js.map +1 -1
- package/Controls/Components/Inputs/Calendar/Themes/CalendarElement.Joy.d.ts.map +1 -1
- package/Controls/Components/Inputs/Calendar/Themes/CalendarElement.Joy.js +43 -0
- package/Controls/Components/Inputs/Calendar/Themes/CalendarElement.Joy.js.map +1 -1
- package/Controls/Components/Inputs/Calendar/Themes/CalendarElement.Retro.d.ts.map +1 -1
- package/Controls/Components/Inputs/Calendar/Themes/CalendarElement.Retro.js +43 -0
- package/Controls/Components/Inputs/Calendar/Themes/CalendarElement.Retro.js.map +1 -1
- package/Controls/Components/Inputs/Calendar/Themes/CalendarHeaderElement.Cosmopolitan.js +2 -2
- package/Controls/Components/Inputs/Calendar/Themes/CalendarHeaderElement.Joy.js +2 -2
- package/Controls/Components/Inputs/Calendar/Themes/CalendarHeaderElement.Retro.js +2 -2
- package/Controls/Components/Inputs/Calendar/Themes/CalendarItemElement.Cosmopolitan.d.ts.map +1 -1
- package/Controls/Components/Inputs/Calendar/Themes/CalendarItemElement.Cosmopolitan.js +61 -0
- package/Controls/Components/Inputs/Calendar/Themes/CalendarItemElement.Cosmopolitan.js.map +1 -1
- package/Controls/Components/Inputs/Calendar/Themes/CalendarItemElement.Joy.d.ts.map +1 -1
- package/Controls/Components/Inputs/Calendar/Themes/CalendarItemElement.Joy.js +24 -0
- package/Controls/Components/Inputs/Calendar/Themes/CalendarItemElement.Joy.js.map +1 -1
- package/Controls/Components/Inputs/Calendar/Themes/CalendarItemElement.Retro.d.ts.map +1 -1
- package/Controls/Components/Inputs/Calendar/Themes/CalendarItemElement.Retro.js +65 -0
- package/Controls/Components/Inputs/Calendar/Themes/CalendarItemElement.Retro.js.map +1 -1
- package/Controls/Components/Inputs/Calendar/Themes/CalendarSubHeaderElement.Cosmopolitan.js +2 -2
- package/Controls/Components/Inputs/Calendar/Themes/CalendarSubHeaderElement.Joy.js +2 -2
- package/Controls/Components/Inputs/Calendar/Themes/CalendarSubHeaderElement.Retro.js +2 -2
- package/Controls/Components/Inputs/Calendar/Views/CalendarDaysViewElement.d.ts.map +1 -1
- package/Controls/Components/Inputs/Calendar/Views/CalendarDaysViewElement.js +26 -13
- package/Controls/Components/Inputs/Calendar/Views/CalendarDaysViewElement.js.map +1 -1
- package/Controls/Components/Inputs/Calendar/Views/CalendarDaysViewElementTemplate.d.ts.map +1 -1
- package/Controls/Components/Inputs/Calendar/Views/CalendarDaysViewElementTemplate.js +51 -10
- package/Controls/Components/Inputs/Calendar/Views/CalendarDaysViewElementTemplate.js.map +1 -1
- package/Controls/Components/Inputs/CheckBox/CheckBoxElement.d.ts +48 -0
- package/Controls/Components/Inputs/CheckBox/CheckBoxElement.d.ts.map +1 -1
- package/Controls/Components/Inputs/CheckBox/CheckBoxElement.js +48 -0
- package/Controls/Components/Inputs/CheckBox/CheckBoxElement.js.map +1 -1
- package/Controls/Components/Inputs/ChipBox/ChipBoxElement.d.ts +56 -12
- package/Controls/Components/Inputs/ChipBox/ChipBoxElement.d.ts.map +1 -1
- package/Controls/Components/Inputs/ChipBox/ChipBoxElement.js +57 -13
- package/Controls/Components/Inputs/ChipBox/ChipBoxElement.js.map +1 -1
- package/Controls/Components/Inputs/ColorBox/ColorBoxElement.d.ts +72 -6
- package/Controls/Components/Inputs/ColorBox/ColorBoxElement.d.ts.map +1 -1
- package/Controls/Components/Inputs/ColorBox/ColorBoxElement.js +72 -6
- package/Controls/Components/Inputs/ColorBox/ColorBoxElement.js.map +1 -1
- package/Controls/Components/Inputs/DateBox/DateBoxElement.d.ts +54 -8
- package/Controls/Components/Inputs/DateBox/DateBoxElement.d.ts.map +1 -1
- package/Controls/Components/Inputs/DateBox/DateBoxElement.js +54 -8
- package/Controls/Components/Inputs/DateBox/DateBoxElement.js.map +1 -1
- package/Controls/Components/Inputs/FileUpload/FileUploadElement.d.ts +49 -13
- package/Controls/Components/Inputs/FileUpload/FileUploadElement.d.ts.map +1 -1
- package/Controls/Components/Inputs/FileUpload/FileUploadElement.js +49 -13
- package/Controls/Components/Inputs/FileUpload/FileUploadElement.js.map +1 -1
- package/Controls/Components/Inputs/NumberBox/NumberBoxElement.d.ts +52 -8
- package/Controls/Components/Inputs/NumberBox/NumberBoxElement.d.ts.map +1 -1
- package/Controls/Components/Inputs/NumberBox/NumberBoxElement.js +52 -8
- package/Controls/Components/Inputs/NumberBox/NumberBoxElement.js.map +1 -1
- package/Controls/Components/Inputs/PasswordBox/PasswordBoxElement.d.ts +51 -6
- package/Controls/Components/Inputs/PasswordBox/PasswordBoxElement.d.ts.map +1 -1
- package/Controls/Components/Inputs/PasswordBox/PasswordBoxElement.js +51 -6
- package/Controls/Components/Inputs/PasswordBox/PasswordBoxElement.js.map +1 -1
- package/Controls/Components/Inputs/PinBox/PinBoxElement.d.ts +55 -6
- package/Controls/Components/Inputs/PinBox/PinBoxElement.d.ts.map +1 -1
- package/Controls/Components/Inputs/PinBox/PinBoxElement.js +55 -6
- package/Controls/Components/Inputs/PinBox/PinBoxElement.js.map +1 -1
- package/Controls/Components/Inputs/Radio/RadioElement.d.ts +28 -0
- package/Controls/Components/Inputs/Radio/RadioElement.d.ts.map +1 -1
- package/Controls/Components/Inputs/Radio/RadioElement.js +28 -0
- package/Controls/Components/Inputs/Radio/RadioElement.js.map +1 -1
- package/Controls/Components/Inputs/Rating/RatingElement.d.ts +47 -1
- package/Controls/Components/Inputs/Rating/RatingElement.d.ts.map +1 -1
- package/Controls/Components/Inputs/Rating/RatingElement.js +47 -1
- package/Controls/Components/Inputs/Rating/RatingElement.js.map +1 -1
- package/Controls/Components/Inputs/SearchBox/SearchBoxElement.d.ts +61 -15
- package/Controls/Components/Inputs/SearchBox/SearchBoxElement.d.ts.map +1 -1
- package/Controls/Components/Inputs/SearchBox/SearchBoxElement.js +61 -15
- package/Controls/Components/Inputs/SearchBox/SearchBoxElement.js.map +1 -1
- package/Controls/Components/Inputs/Select/SelectElement.d.ts +50 -26
- package/Controls/Components/Inputs/Select/SelectElement.d.ts.map +1 -1
- package/Controls/Components/Inputs/Select/SelectElement.js +51 -26
- package/Controls/Components/Inputs/Select/SelectElement.js.map +1 -1
- package/Controls/Components/Inputs/TextBox/TextBoxElement.d.ts +39 -9
- package/Controls/Components/Inputs/TextBox/TextBoxElement.d.ts.map +1 -1
- package/Controls/Components/Inputs/TextBox/TextBoxElement.js +39 -9
- package/Controls/Components/Inputs/TextBox/TextBoxElement.js.map +1 -1
- package/Controls/Components/Inputs/TimeBox/TimeBoxElement.d.ts +58 -7
- package/Controls/Components/Inputs/TimeBox/TimeBoxElement.d.ts.map +1 -1
- package/Controls/Components/Inputs/TimeBox/TimeBoxElement.js +58 -7
- package/Controls/Components/Inputs/TimeBox/TimeBoxElement.js.map +1 -1
- package/Controls/Components/Inputs/ToggleSwitch/ToggleSwitchElement.d.ts +51 -3
- package/Controls/Components/Inputs/ToggleSwitch/ToggleSwitchElement.d.ts.map +1 -1
- package/Controls/Components/Inputs/ToggleSwitch/ToggleSwitchElement.js +51 -3
- package/Controls/Components/Inputs/ToggleSwitch/ToggleSwitchElement.js.map +1 -1
- package/Controls/Components/Layouts/Absolute/AbsoluteElement.d.ts +27 -2
- package/Controls/Components/Layouts/Absolute/AbsoluteElement.d.ts.map +1 -1
- package/Controls/Components/Layouts/Absolute/AbsoluteElement.js +27 -2
- package/Controls/Components/Layouts/Absolute/AbsoluteElement.js.map +1 -1
- package/Controls/Components/Layouts/Dock/DockPanelElement.d.ts +26 -15
- package/Controls/Components/Layouts/Dock/DockPanelElement.d.ts.map +1 -1
- package/Controls/Components/Layouts/Dock/DockPanelElement.js +26 -15
- package/Controls/Components/Layouts/Dock/DockPanelElement.js.map +1 -1
- package/Controls/Components/Layouts/Grid/GridElement.d.ts +17 -1
- package/Controls/Components/Layouts/Grid/GridElement.d.ts.map +1 -1
- package/Controls/Components/Layouts/Grid/GridElement.js +17 -1
- package/Controls/Components/Layouts/Grid/GridElement.js.map +1 -1
- package/Controls/Components/Layouts/Masonry/MasonryElement.d.ts +34 -7
- package/Controls/Components/Layouts/Masonry/MasonryElement.d.ts.map +1 -1
- package/Controls/Components/Layouts/Masonry/MasonryElement.js +34 -7
- package/Controls/Components/Layouts/Masonry/MasonryElement.js.map +1 -1
- package/Controls/Components/Layouts/Page/PageElement.d.ts +43 -9
- package/Controls/Components/Layouts/Page/PageElement.d.ts.map +1 -1
- package/Controls/Components/Layouts/Page/PageElement.js +43 -9
- package/Controls/Components/Layouts/Page/PageElement.js.map +1 -1
- package/Controls/Components/Layouts/Split/SplitElement.d.ts +42 -11
- package/Controls/Components/Layouts/Split/SplitElement.d.ts.map +1 -1
- package/Controls/Components/Layouts/Split/SplitElement.js +42 -11
- package/Controls/Components/Layouts/Split/SplitElement.js.map +1 -1
- package/Controls/Components/Layouts/Stack/StackElement.d.ts +84 -10
- package/Controls/Components/Layouts/Stack/StackElement.d.ts.map +1 -1
- package/Controls/Components/Layouts/Stack/StackElement.js +84 -10
- package/Controls/Components/Layouts/Stack/StackElement.js.map +1 -1
- package/Controls/Components/Layouts/TileList/TileListElement.d.ts +42 -1
- package/Controls/Components/Layouts/TileList/TileListElement.d.ts.map +1 -1
- package/Controls/Components/Layouts/TileList/TileListElement.js +42 -1
- package/Controls/Components/Layouts/TileList/TileListElement.js.map +1 -1
- package/Controls/Components/Layouts/Virtualize/VirtualizeElement.d.ts +52 -1
- package/Controls/Components/Layouts/Virtualize/VirtualizeElement.d.ts.map +1 -1
- package/Controls/Components/Layouts/Virtualize/VirtualizeElement.js +52 -1
- package/Controls/Components/Layouts/Virtualize/VirtualizeElement.js.map +1 -1
- package/Controls/Components/Layouts/Wrap/WrapElement.d.ts +29 -9
- package/Controls/Components/Layouts/Wrap/WrapElement.d.ts.map +1 -1
- package/Controls/Components/Layouts/Wrap/WrapElement.js +29 -9
- package/Controls/Components/Layouts/Wrap/WrapElement.js.map +1 -1
- package/Controls/Components/Media/Avatar/AvatarElement.d.ts +44 -8
- package/Controls/Components/Media/Avatar/AvatarElement.d.ts.map +1 -1
- package/Controls/Components/Media/Avatar/AvatarElement.js +44 -8
- package/Controls/Components/Media/Avatar/AvatarElement.js.map +1 -1
- package/Controls/Components/Media/Badge/BadgeElement.d.ts +67 -1
- package/Controls/Components/Media/Badge/BadgeElement.d.ts.map +1 -1
- package/Controls/Components/Media/Badge/BadgeElement.js +71 -3
- package/Controls/Components/Media/Badge/BadgeElement.js.map +1 -1
- package/Controls/Components/Media/Icon/IconElement.d.ts +57 -2
- package/Controls/Components/Media/Icon/IconElement.d.ts.map +1 -1
- package/Controls/Components/Media/Icon/IconElement.js +57 -2
- package/Controls/Components/Media/Icon/IconElement.js.map +1 -1
- package/Controls/Components/Media/Image/ImageElement.d.ts +62 -12
- package/Controls/Components/Media/Image/ImageElement.d.ts.map +1 -1
- package/Controls/Components/Media/Image/ImageElement.js +62 -12
- package/Controls/Components/Media/Image/ImageElement.js.map +1 -1
- package/Controls/Components/Overlays/Dialog/DialogElement.d.ts +86 -7
- package/Controls/Components/Overlays/Dialog/DialogElement.d.ts.map +1 -1
- package/Controls/Components/Overlays/Dialog/DialogElement.js +86 -7
- package/Controls/Components/Overlays/Dialog/DialogElement.js.map +1 -1
- package/Controls/Components/Primitives/Backdrop/BackdropElement.d.ts +41 -1
- package/Controls/Components/Primitives/Backdrop/BackdropElement.d.ts.map +1 -1
- package/Controls/Components/Primitives/Backdrop/BackdropElement.js +41 -1
- package/Controls/Components/Primitives/Backdrop/BackdropElement.js.map +1 -1
- package/Controls/Components/Primitives/Divider/DividerElement.d.ts +41 -1
- package/Controls/Components/Primitives/Divider/DividerElement.d.ts.map +1 -1
- package/Controls/Components/Primitives/Divider/DividerElement.js +41 -1
- package/Controls/Components/Primitives/Divider/DividerElement.js.map +1 -1
- package/Controls/Components/Primitives/FocusRing/FocusRingElement.d.ts +18 -4
- package/Controls/Components/Primitives/FocusRing/FocusRingElement.d.ts.map +1 -1
- package/Controls/Components/Primitives/FocusRing/FocusRingElement.js +18 -4
- package/Controls/Components/Primitives/FocusRing/FocusRingElement.js.map +1 -1
- package/Controls/Components/Primitives/Skeleton/SkeletonElement.d.ts +28 -7
- package/Controls/Components/Primitives/Skeleton/SkeletonElement.d.ts.map +1 -1
- package/Controls/Components/Primitives/Skeleton/SkeletonElement.js +30 -8
- package/Controls/Components/Primitives/Skeleton/SkeletonElement.js.map +1 -1
- package/Controls/Components/Primitives/Spacer/SpacerElement.d.ts +36 -5
- package/Controls/Components/Primitives/Spacer/SpacerElement.d.ts.map +1 -1
- package/Controls/Components/Primitives/Spacer/SpacerElement.js +36 -5
- package/Controls/Components/Primitives/Spacer/SpacerElement.js.map +1 -1
- package/Controls/Components/Primitives/Text/TextElement.d.ts +87 -9
- package/Controls/Components/Primitives/Text/TextElement.d.ts.map +1 -1
- package/Controls/Components/Primitives/Text/TextElement.js +87 -9
- package/Controls/Components/Primitives/Text/TextElement.js.map +1 -1
- package/Controls/Components/Ranges/ProgressBar/ProgressBarElement.d.ts +64 -1
- package/Controls/Components/Ranges/ProgressBar/ProgressBarElement.d.ts.map +1 -1
- package/Controls/Components/Ranges/ProgressBar/ProgressBarElement.js +64 -1
- package/Controls/Components/Ranges/ProgressBar/ProgressBarElement.js.map +1 -1
- package/Controls/Components/Ranges/ProgressRing/ProgressRingElement.d.ts +88 -4
- package/Controls/Components/Ranges/ProgressRing/ProgressRingElement.d.ts.map +1 -1
- package/Controls/Components/Ranges/ProgressRing/ProgressRingElement.js +88 -4
- package/Controls/Components/Ranges/ProgressRing/ProgressRingElement.js.map +1 -1
- package/Controls/Components/Ranges/Slider/SliderElement.d.ts +70 -8
- package/Controls/Components/Ranges/Slider/SliderElement.d.ts.map +1 -1
- package/Controls/Components/Ranges/Slider/SliderElement.js +70 -8
- package/Controls/Components/Ranges/Slider/SliderElement.js.map +1 -1
- package/Controls/Components/Selectors/Carousel/CarouselElement.d.ts +65 -11
- package/Controls/Components/Selectors/Carousel/CarouselElement.d.ts.map +1 -1
- package/Controls/Components/Selectors/Carousel/CarouselElement.js +65 -11
- package/Controls/Components/Selectors/Carousel/CarouselElement.js.map +1 -1
- package/Controls/Components/Selectors/Carousel/CarouselItemElement.d.ts +51 -1
- package/Controls/Components/Selectors/Carousel/CarouselItemElement.d.ts.map +1 -1
- package/Controls/Components/Selectors/Carousel/CarouselItemElement.js +51 -1
- package/Controls/Components/Selectors/Carousel/CarouselItemElement.js.map +1 -1
- package/Controls/Components/Selectors/Combo/ComboElement.d.ts +81 -23
- package/Controls/Components/Selectors/Combo/ComboElement.d.ts.map +1 -1
- package/Controls/Components/Selectors/Combo/ComboElement.js +81 -23
- package/Controls/Components/Selectors/Combo/ComboElement.js.map +1 -1
- package/Controls/Components/Selectors/Combo/ComboItemElement.d.ts +58 -1
- package/Controls/Components/Selectors/Combo/ComboItemElement.d.ts.map +1 -1
- package/Controls/Components/Selectors/Combo/ComboItemElement.js +58 -1
- package/Controls/Components/Selectors/Combo/ComboItemElement.js.map +1 -1
- package/Controls/Components/Selectors/DataTable/DataTableElement.d.ts +81 -1
- package/Controls/Components/Selectors/DataTable/DataTableElement.d.ts.map +1 -1
- package/Controls/Components/Selectors/DataTable/DataTableElement.js +93 -4
- package/Controls/Components/Selectors/DataTable/DataTableElement.js.map +1 -1
- package/Controls/Components/Selectors/List/ListElement.d.ts +95 -5
- package/Controls/Components/Selectors/List/ListElement.d.ts.map +1 -1
- package/Controls/Components/Selectors/List/ListElement.js +95 -5
- package/Controls/Components/Selectors/List/ListElement.js.map +1 -1
- package/Controls/Components/Selectors/Menu/MenuElement.d.ts +61 -2
- package/Controls/Components/Selectors/Menu/MenuElement.d.ts.map +1 -1
- package/Controls/Components/Selectors/Menu/MenuElement.js +61 -2
- package/Controls/Components/Selectors/Menu/MenuElement.js.map +1 -1
- package/Controls/Components/Selectors/TabStrip/TabStripElement.d.ts +72 -1
- package/Controls/Components/Selectors/TabStrip/TabStripElement.d.ts.map +1 -1
- package/Controls/Components/Selectors/TabStrip/TabStripElement.js +72 -1
- package/Controls/Components/Selectors/TabStrip/TabStripElement.js.map +1 -1
- package/Controls/Components/Shell/AppElement.d.ts +90 -28
- package/Controls/Components/Shell/AppElement.d.ts.map +1 -1
- package/Controls/Components/Shell/AppElement.js +90 -28
- package/Controls/Components/Shell/AppElement.js.map +1 -1
- package/Controls/Components/States/Busy/BusyStateElement.d.ts +49 -24
- package/Controls/Components/States/Busy/BusyStateElement.d.ts.map +1 -1
- package/Controls/Components/States/Busy/BusyStateElement.js +49 -24
- package/Controls/Components/States/Busy/BusyStateElement.js.map +1 -1
- package/Controls/Components/States/Empty/EmptyStateElement.d.ts +59 -27
- package/Controls/Components/States/Empty/EmptyStateElement.d.ts.map +1 -1
- package/Controls/Components/States/Empty/EmptyStateElement.js +59 -27
- package/Controls/Components/States/Empty/EmptyStateElement.js.map +1 -1
- package/Controls/Components/States/Error/ErrorStateElement.d.ts +59 -23
- package/Controls/Components/States/Error/ErrorStateElement.d.ts.map +1 -1
- package/Controls/Components/States/Error/ErrorStateElement.js +59 -23
- package/Controls/Components/States/Error/ErrorStateElement.js.map +1 -1
- package/Controls/Components/States/Success/SuccessStateElement.d.ts +57 -22
- package/Controls/Components/States/Success/SuccessStateElement.d.ts.map +1 -1
- package/Controls/Components/States/Success/SuccessStateElement.js +57 -22
- package/Controls/Components/States/Success/SuccessStateElement.js.map +1 -1
- package/Routing/PathToRegexp.d.ts +1 -1
- package/custom-elements.json +3994 -861
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SplitElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Split/SplitElement.ts"],"names":[],"mappings":"AAGA,OAAO,EAA+B,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAEzF,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAYtD,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,sCAAsC,CAAC;AACxF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAM/D,OAAO,EAAE,UAAU,EAAa,MAAM,8BAA8B,CAAC;;AAIrE
|
|
1
|
+
{"version":3,"file":"SplitElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Split/SplitElement.ts"],"names":[],"mappings":"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"}
|
|
@@ -34,22 +34,53 @@ import { Themeable } from '../../../Behaviors/Themeable';
|
|
|
34
34
|
import { Slottable } from '../../../Behaviors/Slottable';
|
|
35
35
|
// #endregion
|
|
36
36
|
/**
|
|
37
|
-
* Split - A layout component that
|
|
37
|
+
* Split - A layout component that creates a resizable split pane layout with a draggable divider.
|
|
38
38
|
*
|
|
39
|
+
* Enables users to dynamically resize two content areas separated by an interactive divider.
|
|
40
|
+
* Supports both horizontal and vertical orientations, position locking, snapping, and keyboard navigation.
|
|
41
|
+
*
|
|
42
|
+
* @name SplitElement
|
|
39
43
|
* @element mosaik-split
|
|
44
|
+
* @category Layout
|
|
45
|
+
*
|
|
46
|
+
* @slot start - The primary content panel positioned at the beginning of the split
|
|
47
|
+
* @slot end - The secondary content panel positioned at the end of the split
|
|
48
|
+
* @slot thumb - Custom grip icon for the draggable divider (defaults to three dots icon)
|
|
49
|
+
*
|
|
50
|
+
* @csspart panel - The container for each split panel content
|
|
51
|
+
* @csspart start - The start panel container
|
|
52
|
+
* @csspart end - The end panel container
|
|
53
|
+
* @csspart divider - The interactive draggable divider element
|
|
54
|
+
* @csspart thumb - The visual grip icon within the divider
|
|
55
|
+
*
|
|
56
|
+
* @cssprop --split-min - Minimum size constraint for the primary panel (default: 0%)
|
|
57
|
+
* @cssprop --split-max - Maximum size constraint for the primary panel (default: 100%)
|
|
58
|
+
* @cssprop --split-divider-width - Width/height of the divider based on orientation
|
|
59
|
+
*
|
|
60
|
+
* @dependency IconElement - For the default thumb grip icon
|
|
61
|
+
*
|
|
62
|
+
* @example
|
|
63
|
+
* ```html
|
|
64
|
+
* <!-- Basic split layout -->
|
|
65
|
+
* <mosaik-split position="30">
|
|
66
|
+
* <div slot="start">Left Panel</div>
|
|
67
|
+
* <div slot="end">Right Panel</div>
|
|
68
|
+
* </mosaik-split>
|
|
40
69
|
*
|
|
41
|
-
*
|
|
42
|
-
*
|
|
43
|
-
*
|
|
70
|
+
* <!-- Vertical split with snapping -->
|
|
71
|
+
* <mosaik-split orientation="vertical" snaps="25% 50% 75%">
|
|
72
|
+
* <div slot="start">Top Panel</div>
|
|
73
|
+
* <div slot="end">Bottom Panel</div>
|
|
74
|
+
* </mosaik-split>
|
|
44
75
|
*
|
|
45
|
-
*
|
|
76
|
+
* <!-- Locked split with custom thickness -->
|
|
77
|
+
* <mosaik-split lock="start" thickness="4" position="200px">
|
|
78
|
+
* <nav slot="start">Navigation</nav>
|
|
79
|
+
* <main slot="end">Content</main>
|
|
80
|
+
* </mosaik-split>
|
|
81
|
+
* ```
|
|
46
82
|
*
|
|
47
|
-
* @
|
|
48
|
-
* @keyevent ArrowRight - Moves the split to the right.
|
|
49
|
-
* @keyevent ArrowUp - Moves the split up.
|
|
50
|
-
* @keyevent ArrowDown - Moves the split down.
|
|
51
|
-
* @keyevent Home - Moves the split to the start.
|
|
52
|
-
* @keyevent End - Moves the split to the end.
|
|
83
|
+
* @fires splitRepositioned - Fired when the split position changes via user interaction
|
|
53
84
|
*
|
|
54
85
|
* @public
|
|
55
86
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SplitElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Split/SplitElement.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"SplitElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Split/SplitElement.ts"],"names":[],"mappings":"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"}
|
|
@@ -4,23 +4,97 @@ import { LayoutElement } from '../Abstracts/LayoutElement';
|
|
|
4
4
|
import type { IStackElementProps } from './IStackElementProps';
|
|
5
5
|
declare const StackElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Reversible").IReversibleProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Orientable").IOrientableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Fitable").IFitableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Gapable").IGapableProps) & typeof LayoutElement & import("../../../Behaviors/Themeable").IThemeableCtor;
|
|
6
6
|
/**
|
|
7
|
-
* Stack - A layout component
|
|
7
|
+
* Stack - A flexible layout component for arranging child elements in vertical or horizontal linear sequences.
|
|
8
8
|
*
|
|
9
|
-
*
|
|
10
|
-
*
|
|
11
|
-
*
|
|
12
|
-
* of content, such as menus, navigation bars, or card layouts.
|
|
13
|
-
* Stacks provide a simple way to control the order and alignment of elements within a container, making it easy to create
|
|
14
|
-
* visually appealing and organized layouts in web and application interfaces.
|
|
9
|
+
* Provides powerful layout capabilities with support for orientation control, alignment options,
|
|
10
|
+
* gap management, and responsive behavior. Ideal for creating organized linear layouts such as
|
|
11
|
+
* navigation menus, button groups, content columns, and form layouts with consistent spacing.
|
|
15
12
|
*
|
|
13
|
+
* @name StackElement
|
|
16
14
|
* @element mosaik-stack
|
|
17
|
-
* @category
|
|
15
|
+
* @category Layouts
|
|
18
16
|
*
|
|
19
|
-
* @slot -
|
|
17
|
+
* @slot - Default content area for child elements to be arranged in stack layout
|
|
18
|
+
*
|
|
19
|
+
* @csspart container - Main stack container for layout and alignment control
|
|
20
|
+
* @csspart content - Content wrapper for stack items and elements
|
|
21
|
+
*
|
|
22
|
+
* @cssprop --stack-gap - Spacing between stack items and elements
|
|
23
|
+
* @cssprop --stack-padding - Internal padding for the stack container
|
|
24
|
+
* @cssprop --stack-alignment - Alignment of items within the stack container
|
|
25
|
+
* @cssprop --stack-justify - Justification of content along the main axis
|
|
26
|
+
* @cssprop --stack-wrap - Whether items should wrap to new lines when needed
|
|
27
|
+
* @cssprop --stack-direction - Direction of the stack layout (column or row)
|
|
28
|
+
* @cssprop --stack-min-width - Minimum width for the stack container
|
|
29
|
+
* @cssprop --stack-max-width - Maximum width for the stack container
|
|
30
|
+
* @cssprop --stack-background - Background color for the stack container
|
|
31
|
+
*
|
|
32
|
+
* @dependency HorizontalAlignment - For horizontal alignment control options
|
|
33
|
+
* @dependency VerticalAlignment - For vertical alignment control options
|
|
20
34
|
*
|
|
21
35
|
* @example
|
|
22
36
|
* ```html
|
|
23
|
-
*
|
|
37
|
+
* <!-- Basic vertical stack -->
|
|
38
|
+
* <mosaik-stack>
|
|
39
|
+
* <mosaik-button>Action 1</mosaik-button>
|
|
40
|
+
* <mosaik-button>Action 2</mosaik-button>
|
|
41
|
+
* <mosaik-button>Action 3</mosaik-button>
|
|
42
|
+
* </mosaik-stack>
|
|
43
|
+
*
|
|
44
|
+
* <!-- Horizontal button group -->
|
|
45
|
+
* <mosaik-stack orientation="horizontal" gap="small">
|
|
46
|
+
* <mosaik-button appearance="primary">Save</mosaik-button>
|
|
47
|
+
* <mosaik-button appearance="soft">Cancel</mosaik-button>
|
|
48
|
+
* <mosaik-button appearance="ghost">Reset</mosaik-button>
|
|
49
|
+
* </mosaik-stack>
|
|
50
|
+
*
|
|
51
|
+
* <!-- Card content stack -->
|
|
52
|
+
* <mosaik-stack gap="medium" alignment="stretch">
|
|
53
|
+
* <mosaik-text variant="headline">Card Title</mosaik-text>
|
|
54
|
+
* <mosaik-text variant="body">
|
|
55
|
+
* Card content with multiple lines of text that should be properly stacked
|
|
56
|
+
* with consistent spacing between elements.
|
|
57
|
+
* </mosaik-text>
|
|
58
|
+
* <mosaik-stack orientation="horizontal" gap="small" alignment="end">
|
|
59
|
+
* <mosaik-button size="small">Learn More</mosaik-button>
|
|
60
|
+
* <mosaik-button appearance="primary" size="small">Get Started</mosaik-button>
|
|
61
|
+
* </mosaik-stack>
|
|
62
|
+
* </mosaik-stack>
|
|
63
|
+
*
|
|
64
|
+
* <!-- Navigation menu stack -->
|
|
65
|
+
* <mosaik-stack gap="none">
|
|
66
|
+
* <mosaik-cell>
|
|
67
|
+
* <mosaik-icon slot="start" data="home"></mosaik-icon>
|
|
68
|
+
* <mosaik-text slot="label">Dashboard</mosaik-text>
|
|
69
|
+
* </mosaik-cell>
|
|
70
|
+
* <mosaik-cell>
|
|
71
|
+
* <mosaik-icon slot="start" data="users"></mosaik-icon>
|
|
72
|
+
* <mosaik-text slot="label">Users</mosaik-text>
|
|
73
|
+
* </mosaik-cell>
|
|
74
|
+
* <mosaik-cell>
|
|
75
|
+
* <mosaik-icon slot="start" data="settings"></mosaik-icon>
|
|
76
|
+
* <mosaik-text slot="label">Settings</mosaik-text>
|
|
77
|
+
* </mosaik-cell>
|
|
78
|
+
* </mosaik-stack>
|
|
79
|
+
*
|
|
80
|
+
* <!-- Form field stack -->
|
|
81
|
+
* <mosaik-stack gap="large" fit="width">
|
|
82
|
+
* <mosaik-text-box label="First Name" placeholder="Enter first name"></mosaik-text-box>
|
|
83
|
+
* <mosaik-text-box label="Last Name" placeholder="Enter last name"></mosaik-text-box>
|
|
84
|
+
* <mosaik-text-box label="Email" type="email" placeholder="Enter email"></mosaik-text-box>
|
|
85
|
+
* </mosaik-stack>
|
|
86
|
+
*
|
|
87
|
+
* <!-- Centered content stack -->
|
|
88
|
+
* <mosaik-stack
|
|
89
|
+
* alignment="center"
|
|
90
|
+
* justify="center"
|
|
91
|
+
* style="min-height: 200px;">
|
|
92
|
+
* <mosaik-icon data="check-circle" size="large" style="color: green;"></mosaik-icon>
|
|
93
|
+
* <mosaik-text variant="headline">Success!</mosaik-text>
|
|
94
|
+
* <mosaik-text variant="body" alignment="center">
|
|
95
|
+
* Your action has been completed successfully.
|
|
96
|
+
* </mosaik-text>
|
|
97
|
+
* </mosaik-stack>
|
|
24
98
|
* ```
|
|
25
99
|
*
|
|
26
100
|
* @public
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StackElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Stack/StackElement.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;;AAU/D
|
|
1
|
+
{"version":3,"file":"StackElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Stack/StackElement.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;;AAU/D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+FG;AACH,qBAUa,YACT,SAAQ,iBACR,YAAW,kBAAkB;IAI7B,OAAO,CAAC,oBAAoB,CAAsB;IAClD,OAAO,CAAC,kBAAkB,CAAoB;IAM9C;;;;OAIG;;IAYH;;;;;;;MAOE;IACF,WAA2B,EAAE,IAAI,MAAM,CAEtC;IAED;;;;;OAKG;IACH,IACW,mBAAmB,IAAI,mBAAmB,CAEpD;IACD,IAAW,mBAAmB,CAAC,KAAK,EAAE,mBAAmB,EAKxD;IAED;;;;;OAKG;IACH,IACW,iBAAiB,IAAI,iBAAiB,CAEhD;IACD,IAAW,iBAAiB,CAAC,KAAK,EAAE,iBAAiB,EAKpD;CAIJ;AAED;;GAEG;AACH,yBAAiB,YAAY,CAAC;IAC1B,KAAY,KAAK,GAAG,kBAAkB,CAAC;CAC1C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,cAAc,EAAE,YAAY,CAAC;KAChC;CACJ"}
|
|
@@ -24,23 +24,97 @@ import { Themeable } from '../../../Behaviors/Themeable';
|
|
|
24
24
|
import { Gapable } from '../../../Behaviors/Gapable';
|
|
25
25
|
// #endregion
|
|
26
26
|
/**
|
|
27
|
-
* Stack - A layout component
|
|
27
|
+
* Stack - A flexible layout component for arranging child elements in vertical or horizontal linear sequences.
|
|
28
28
|
*
|
|
29
|
-
*
|
|
30
|
-
*
|
|
31
|
-
*
|
|
32
|
-
* of content, such as menus, navigation bars, or card layouts.
|
|
33
|
-
* Stacks provide a simple way to control the order and alignment of elements within a container, making it easy to create
|
|
34
|
-
* visually appealing and organized layouts in web and application interfaces.
|
|
29
|
+
* Provides powerful layout capabilities with support for orientation control, alignment options,
|
|
30
|
+
* gap management, and responsive behavior. Ideal for creating organized linear layouts such as
|
|
31
|
+
* navigation menus, button groups, content columns, and form layouts with consistent spacing.
|
|
35
32
|
*
|
|
33
|
+
* @name StackElement
|
|
36
34
|
* @element mosaik-stack
|
|
37
|
-
* @category
|
|
35
|
+
* @category Layouts
|
|
38
36
|
*
|
|
39
|
-
* @slot -
|
|
37
|
+
* @slot - Default content area for child elements to be arranged in stack layout
|
|
38
|
+
*
|
|
39
|
+
* @csspart container - Main stack container for layout and alignment control
|
|
40
|
+
* @csspart content - Content wrapper for stack items and elements
|
|
41
|
+
*
|
|
42
|
+
* @cssprop --stack-gap - Spacing between stack items and elements
|
|
43
|
+
* @cssprop --stack-padding - Internal padding for the stack container
|
|
44
|
+
* @cssprop --stack-alignment - Alignment of items within the stack container
|
|
45
|
+
* @cssprop --stack-justify - Justification of content along the main axis
|
|
46
|
+
* @cssprop --stack-wrap - Whether items should wrap to new lines when needed
|
|
47
|
+
* @cssprop --stack-direction - Direction of the stack layout (column or row)
|
|
48
|
+
* @cssprop --stack-min-width - Minimum width for the stack container
|
|
49
|
+
* @cssprop --stack-max-width - Maximum width for the stack container
|
|
50
|
+
* @cssprop --stack-background - Background color for the stack container
|
|
51
|
+
*
|
|
52
|
+
* @dependency HorizontalAlignment - For horizontal alignment control options
|
|
53
|
+
* @dependency VerticalAlignment - For vertical alignment control options
|
|
40
54
|
*
|
|
41
55
|
* @example
|
|
42
56
|
* ```html
|
|
43
|
-
*
|
|
57
|
+
* <!-- Basic vertical stack -->
|
|
58
|
+
* <mosaik-stack>
|
|
59
|
+
* <mosaik-button>Action 1</mosaik-button>
|
|
60
|
+
* <mosaik-button>Action 2</mosaik-button>
|
|
61
|
+
* <mosaik-button>Action 3</mosaik-button>
|
|
62
|
+
* </mosaik-stack>
|
|
63
|
+
*
|
|
64
|
+
* <!-- Horizontal button group -->
|
|
65
|
+
* <mosaik-stack orientation="horizontal" gap="small">
|
|
66
|
+
* <mosaik-button appearance="primary">Save</mosaik-button>
|
|
67
|
+
* <mosaik-button appearance="soft">Cancel</mosaik-button>
|
|
68
|
+
* <mosaik-button appearance="ghost">Reset</mosaik-button>
|
|
69
|
+
* </mosaik-stack>
|
|
70
|
+
*
|
|
71
|
+
* <!-- Card content stack -->
|
|
72
|
+
* <mosaik-stack gap="medium" alignment="stretch">
|
|
73
|
+
* <mosaik-text variant="headline">Card Title</mosaik-text>
|
|
74
|
+
* <mosaik-text variant="body">
|
|
75
|
+
* Card content with multiple lines of text that should be properly stacked
|
|
76
|
+
* with consistent spacing between elements.
|
|
77
|
+
* </mosaik-text>
|
|
78
|
+
* <mosaik-stack orientation="horizontal" gap="small" alignment="end">
|
|
79
|
+
* <mosaik-button size="small">Learn More</mosaik-button>
|
|
80
|
+
* <mosaik-button appearance="primary" size="small">Get Started</mosaik-button>
|
|
81
|
+
* </mosaik-stack>
|
|
82
|
+
* </mosaik-stack>
|
|
83
|
+
*
|
|
84
|
+
* <!-- Navigation menu stack -->
|
|
85
|
+
* <mosaik-stack gap="none">
|
|
86
|
+
* <mosaik-cell>
|
|
87
|
+
* <mosaik-icon slot="start" data="home"></mosaik-icon>
|
|
88
|
+
* <mosaik-text slot="label">Dashboard</mosaik-text>
|
|
89
|
+
* </mosaik-cell>
|
|
90
|
+
* <mosaik-cell>
|
|
91
|
+
* <mosaik-icon slot="start" data="users"></mosaik-icon>
|
|
92
|
+
* <mosaik-text slot="label">Users</mosaik-text>
|
|
93
|
+
* </mosaik-cell>
|
|
94
|
+
* <mosaik-cell>
|
|
95
|
+
* <mosaik-icon slot="start" data="settings"></mosaik-icon>
|
|
96
|
+
* <mosaik-text slot="label">Settings</mosaik-text>
|
|
97
|
+
* </mosaik-cell>
|
|
98
|
+
* </mosaik-stack>
|
|
99
|
+
*
|
|
100
|
+
* <!-- Form field stack -->
|
|
101
|
+
* <mosaik-stack gap="large" fit="width">
|
|
102
|
+
* <mosaik-text-box label="First Name" placeholder="Enter first name"></mosaik-text-box>
|
|
103
|
+
* <mosaik-text-box label="Last Name" placeholder="Enter last name"></mosaik-text-box>
|
|
104
|
+
* <mosaik-text-box label="Email" type="email" placeholder="Enter email"></mosaik-text-box>
|
|
105
|
+
* </mosaik-stack>
|
|
106
|
+
*
|
|
107
|
+
* <!-- Centered content stack -->
|
|
108
|
+
* <mosaik-stack
|
|
109
|
+
* alignment="center"
|
|
110
|
+
* justify="center"
|
|
111
|
+
* style="min-height: 200px;">
|
|
112
|
+
* <mosaik-icon data="check-circle" size="large" style="color: green;"></mosaik-icon>
|
|
113
|
+
* <mosaik-text variant="headline">Success!</mosaik-text>
|
|
114
|
+
* <mosaik-text variant="body" alignment="center">
|
|
115
|
+
* Your action has been completed successfully.
|
|
116
|
+
* </mosaik-text>
|
|
117
|
+
* </mosaik-stack>
|
|
44
118
|
* ```
|
|
45
119
|
*
|
|
46
120
|
* @public
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StackElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Stack/StackElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AACnF,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,aAAa;AAEb
|
|
1
|
+
{"version":3,"file":"StackElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Stack/StackElement.ts"],"names":[],"mappings":"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"}
|
|
@@ -3,9 +3,50 @@ import { CustomElement } from '../../Abstracts/CustomElement';
|
|
|
3
3
|
import type { ITileListElementProps } from './ITileListElementProps';
|
|
4
4
|
declare const TileListElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
|
|
5
5
|
/**
|
|
6
|
-
*
|
|
6
|
+
* TileList - A responsive grid container that arranges child items in a configurable tile layout.
|
|
7
7
|
*
|
|
8
|
+
* Creates a CSS Grid-based layout with customizable columns, row heights, and spacing.
|
|
9
|
+
* Ideal for displaying cards, images, or other content in an organized grid pattern.
|
|
10
|
+
* Supports drag-and-drop reordering of tiles.
|
|
11
|
+
*
|
|
12
|
+
* @name TileListElement
|
|
8
13
|
* @element mosaik-tile-list
|
|
14
|
+
* @category Layout
|
|
15
|
+
*
|
|
16
|
+
* @csspart tile-list - The main grid container element
|
|
17
|
+
*
|
|
18
|
+
* @cssprop --tile-list-cols - Number of grid columns (default: var(--cols))
|
|
19
|
+
* @cssprop --tile-list-row-height - Height of each grid row
|
|
20
|
+
* @cssprop --tile-list-gap - Spacing between grid items
|
|
21
|
+
* @cssprop --tile-list-auto-flow - Grid auto-flow direction (row | column | row dense | column dense)
|
|
22
|
+
*
|
|
23
|
+
* @dependency TileListItemElement - Container for individual tile items
|
|
24
|
+
*
|
|
25
|
+
* @example
|
|
26
|
+
* ```html
|
|
27
|
+
* <!-- Basic tile grid -->
|
|
28
|
+
* <mosaik-tile-list cols="3" row-height="200px" gutter-size="16px">
|
|
29
|
+
* <mosaik-tile-list-item>
|
|
30
|
+
* <img src="image1.jpg" alt="Image 1">
|
|
31
|
+
* </mosaik-tile-list-item>
|
|
32
|
+
* <mosaik-tile-list-item>
|
|
33
|
+
* <img src="image2.jpg" alt="Image 2">
|
|
34
|
+
* </mosaik-tile-list-item>
|
|
35
|
+
* <mosaik-tile-list-item>
|
|
36
|
+
* <img src="image3.jpg" alt="Image 3">
|
|
37
|
+
* </mosaik-tile-list-item>
|
|
38
|
+
* </mosaik-tile-list>
|
|
39
|
+
*
|
|
40
|
+
* <!-- Responsive card grid -->
|
|
41
|
+
* <mosaik-tile-list cols="4" auto-flow="row" gutter-size="24px">
|
|
42
|
+
* <mosaik-tile-list-item>
|
|
43
|
+
* <div class="card">Card content 1</div>
|
|
44
|
+
* </mosaik-tile-list-item>
|
|
45
|
+
* <mosaik-tile-list-item>
|
|
46
|
+
* <div class="card">Card content 2</div>
|
|
47
|
+
* </mosaik-tile-list-item>
|
|
48
|
+
* </mosaik-tile-list>
|
|
49
|
+
* ```
|
|
9
50
|
*
|
|
10
51
|
* @public
|
|
11
52
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TileListElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/TileList/TileListElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;;AAUrE
|
|
1
|
+
{"version":3,"file":"TileListElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/TileList/TileListElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;;AAUrE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,qBAYa,eACT,SAAQ,oBACR,YAAW,qBAAqB;IAIhC,OAAO,CAAC,KAAK,CAAa;IAC1B,OAAO,CAAC,UAAU,CAAmB;IACrC,OAAO,CAAC,WAAW,CAAkB;IACrC,OAAO,CAAC,SAAS,CAA6B;IAM9C;;OAEG;;IASH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IAED,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAK5B;IAED;;;;;OAKG;IACH,IACW,SAAS,IAAI,MAAM,CAE7B;IAED,IAAW,SAAS,CAAC,KAAK,EAAE,MAAM,EAKjC;IAED;;;;;OAKG;IACH,IACW,UAAU,IAAI,MAAM,CAE9B;IAED,IAAW,UAAU,CAAC,KAAK,EAAE,MAAM,EAKlC;IAED;;;;;OAKG;IACH,IACW,QAAQ,IAAI,QAAQ,CAE9B;IAED,IAAW,QAAQ,CAAC,KAAK,EAAE,QAAQ,EAKlC;IAMD;;;OAGG;cACgB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAQ3F;;OAEG;IACI,MAAM,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI;IAYrC;;OAEG;IACI,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAKrC;;OAEG;IACI,WAAW,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI;CAM7C;AAED;;GAEG;AACH,yBAAiB,eAAe,CAAC;IAC7B,KAAY,KAAK,GAAG,qBAAqB,CAAC;CAC7C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEX,UAAU,qBAAqB;QAE3B,kBAAkB,EAAE,eAAe,CAAC;KACvC;CACJ"}
|
|
@@ -20,9 +20,50 @@ import { tileListElementCosmopolitanStyle } from './Themes/TileListElement.Cosmo
|
|
|
20
20
|
import { Themeable } from '../../../Behaviors/Themeable';
|
|
21
21
|
// #endregion
|
|
22
22
|
/**
|
|
23
|
-
*
|
|
23
|
+
* TileList - A responsive grid container that arranges child items in a configurable tile layout.
|
|
24
24
|
*
|
|
25
|
+
* Creates a CSS Grid-based layout with customizable columns, row heights, and spacing.
|
|
26
|
+
* Ideal for displaying cards, images, or other content in an organized grid pattern.
|
|
27
|
+
* Supports drag-and-drop reordering of tiles.
|
|
28
|
+
*
|
|
29
|
+
* @name TileListElement
|
|
25
30
|
* @element mosaik-tile-list
|
|
31
|
+
* @category Layout
|
|
32
|
+
*
|
|
33
|
+
* @csspart tile-list - The main grid container element
|
|
34
|
+
*
|
|
35
|
+
* @cssprop --tile-list-cols - Number of grid columns (default: var(--cols))
|
|
36
|
+
* @cssprop --tile-list-row-height - Height of each grid row
|
|
37
|
+
* @cssprop --tile-list-gap - Spacing between grid items
|
|
38
|
+
* @cssprop --tile-list-auto-flow - Grid auto-flow direction (row | column | row dense | column dense)
|
|
39
|
+
*
|
|
40
|
+
* @dependency TileListItemElement - Container for individual tile items
|
|
41
|
+
*
|
|
42
|
+
* @example
|
|
43
|
+
* ```html
|
|
44
|
+
* <!-- Basic tile grid -->
|
|
45
|
+
* <mosaik-tile-list cols="3" row-height="200px" gutter-size="16px">
|
|
46
|
+
* <mosaik-tile-list-item>
|
|
47
|
+
* <img src="image1.jpg" alt="Image 1">
|
|
48
|
+
* </mosaik-tile-list-item>
|
|
49
|
+
* <mosaik-tile-list-item>
|
|
50
|
+
* <img src="image2.jpg" alt="Image 2">
|
|
51
|
+
* </mosaik-tile-list-item>
|
|
52
|
+
* <mosaik-tile-list-item>
|
|
53
|
+
* <img src="image3.jpg" alt="Image 3">
|
|
54
|
+
* </mosaik-tile-list-item>
|
|
55
|
+
* </mosaik-tile-list>
|
|
56
|
+
*
|
|
57
|
+
* <!-- Responsive card grid -->
|
|
58
|
+
* <mosaik-tile-list cols="4" auto-flow="row" gutter-size="24px">
|
|
59
|
+
* <mosaik-tile-list-item>
|
|
60
|
+
* <div class="card">Card content 1</div>
|
|
61
|
+
* </mosaik-tile-list-item>
|
|
62
|
+
* <mosaik-tile-list-item>
|
|
63
|
+
* <div class="card">Card content 2</div>
|
|
64
|
+
* </mosaik-tile-list-item>
|
|
65
|
+
* </mosaik-tile-list>
|
|
66
|
+
* ```
|
|
26
67
|
*
|
|
27
68
|
* @public
|
|
28
69
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TileListElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/TileList/TileListElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,gCAAgC,EAAE,MAAM,uCAAuC,CAAC;AACzF,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,aAAa;AAEb
|
|
1
|
+
{"version":3,"file":"TileListElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/TileList/TileListElement.ts"],"names":[],"mappings":"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"}
|
|
@@ -5,7 +5,58 @@ import type { IVirtualizeElementProps } from './IVirtualizeElementProps';
|
|
|
5
5
|
import type { RenderItemFunction } from './RenderItemFunction';
|
|
6
6
|
declare const VirtualizeElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
|
|
7
7
|
/**
|
|
8
|
-
*
|
|
8
|
+
* Virtualize - A performance-optimized list container that renders only visible items for large datasets.
|
|
9
|
+
*
|
|
10
|
+
* Implements virtual scrolling to efficiently handle thousands of items by rendering only what's currently
|
|
11
|
+
* visible in the viewport. Reduces DOM size and improves performance for large lists and grids.
|
|
12
|
+
*
|
|
13
|
+
* @name VirtualizeElement
|
|
14
|
+
* @element mosaik-virtualize
|
|
15
|
+
* @category Layout
|
|
16
|
+
*
|
|
17
|
+
* @csspart virtualizer - The internal lit-virtualizer container element
|
|
18
|
+
*
|
|
19
|
+
* @cssprop --virtualizer-height - Height of the virtualization container
|
|
20
|
+
* @cssprop --virtualizer-width - Width of the virtualization container
|
|
21
|
+
* @cssprop --virtualizer-item-height - Default height for virtualized items
|
|
22
|
+
* @cssprop --virtualizer-gap - Spacing between virtualized items
|
|
23
|
+
*
|
|
24
|
+
* @dependency LitVirtualizer - Core virtualization engine from @lit-labs/virtualizer
|
|
25
|
+
*
|
|
26
|
+
* @example
|
|
27
|
+
* ```typescript
|
|
28
|
+
* // Basic virtualized list
|
|
29
|
+
* const virtualizer = document.createElement('mosaik-virtualize');
|
|
30
|
+
* virtualizer.items = Array.from({length: 10000}, (_, i) => `Item ${i}`);
|
|
31
|
+
* virtualizer.renderItem = (item) => html`<div class="list-item">${item}</div>`;
|
|
32
|
+
* virtualizer.keyFunction = (item, index) => index;
|
|
33
|
+
*
|
|
34
|
+
* // Grid layout virtualization
|
|
35
|
+
* virtualizer.layout = {
|
|
36
|
+
* type: 'grid',
|
|
37
|
+
* itemSize: { width: 200, height: 150 },
|
|
38
|
+
* gap: 16
|
|
39
|
+
* };
|
|
40
|
+
* ```
|
|
41
|
+
*
|
|
42
|
+
* @example
|
|
43
|
+
* ```html
|
|
44
|
+
* <!-- Virtualized user list -->
|
|
45
|
+
* <mosaik-virtualize id="userList" scroller></mosaik-virtualize>
|
|
46
|
+
*
|
|
47
|
+
* <script>
|
|
48
|
+
* const userList = document.getElementById('userList');
|
|
49
|
+
* userList.items = users; // Large array of user objects
|
|
50
|
+
* userList.renderItem = (user) => html`
|
|
51
|
+
* <div class="user-card">
|
|
52
|
+
* <img src="${user.avatar}" alt="${user.name}">
|
|
53
|
+
* <h3>${user.name}</h3>
|
|
54
|
+
* <p>${user.email}</p>
|
|
55
|
+
* </div>
|
|
56
|
+
* `;
|
|
57
|
+
* userList.keyFunction = (user) => user.id;
|
|
58
|
+
* </script>
|
|
59
|
+
* ```
|
|
9
60
|
*
|
|
10
61
|
* @public
|
|
11
62
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VirtualizeElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Virtualize/VirtualizeElement.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gDAAgD,CAAC;AAKxF,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACzE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;;AAS/D
|
|
1
|
+
{"version":3,"file":"VirtualizeElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Virtualize/VirtualizeElement.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gDAAgD,CAAC;AAKxF,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACzE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;;AAS/D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuDG;AACH,qBAYa,iBAAiB,CAAC,CAAC,GAAG,OAAO,CACtC,SAAQ,sBACR,YAAW,uBAAuB,CAAC,CAAC,CAAC;IAIrC,OAAO,CAAC,MAAM,CAAW;IACzB,OAAO,CAAC,WAAW,CAAwB;IAC3C,OAAO,CAAC,YAAY,CAAW;IAC/B,OAAO,CAAC,OAAO,CAAoB;IACnC,OAAO,CAAC,SAAS,CAAU;IAM3B;;OAEG;;IAeH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;UAIM;IACN,IACW,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,CAE3B;IACD,IAAW,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,EAK/B;IAED;;;;OAIG;IACH,IACW,UAAU,IAAI,kBAAkB,CAAC,CAAC,CAAC,CAE7C;IACD,IAAW,UAAU,CAAC,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,EAKjD;IAED;;;;OAIG;IACH,IACW,WAAW,IAAI,KAAK,CAAC,CAAC,CAAC,CAEjC;IACD,IAAW,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,EAKrC;IAED;;;;OAIG;IACH,IACW,MAAM,IAAI,iBAAiB,CAErC;IACD,IAAW,MAAM,CAAC,KAAK,EAAE,iBAAiB,EAKzC;IAED;;;;;OAKG;IACH,IAIW,QAAQ,IAAI,OAAO,CAE7B;IACD,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAKjC;CAIJ;AAED;;GAEG;AACH,yBAAiB,iBAAiB,CAAC;IAC/B,KAAY,KAAK,GAAG,uBAAuB,CAAC;CAC/C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEX,UAAU,qBAAqB;QAE3B,mBAAmB,EAAE,iBAAiB,CAAC;KAC1C;CACJ"}
|