@breadstone/mosaik-elements-foundation 0.0.147 → 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 +42 -2
- 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
|
@@ -5,19 +5,81 @@ import type { ISliderElementProps } from './ISliderElementProps';
|
|
|
5
5
|
import { IInvalidable } from '../../../Behaviors/Invalidable';
|
|
6
6
|
declare const SliderElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Orientable").IOrientableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Disableable").IDisableableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Variantable").IVariantableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Appearanceable").IAppearanceableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Focusable").IFocusableProps) & (abstract new (...args: Array<any>) => IInvalidable & import("../../../Behaviors/Invalidable").IInvalidableProps<unknown>) & typeof RangeBaseElement & import("../../../Behaviors/Themeable").IThemeableCtor;
|
|
7
7
|
/**
|
|
8
|
-
* Slider -
|
|
8
|
+
* Slider - An interactive range input allowing users to select values by dragging a handle along a track.
|
|
9
9
|
*
|
|
10
|
+
* Provides precise value selection within defined ranges through mouse, touch, and keyboard interaction.
|
|
11
|
+
* Supports horizontal and vertical orientations, tick marks, tooltips, and custom styling.
|
|
12
|
+
* Essential for settings controls, filters, and any numeric value input requiring visual feedback.
|
|
13
|
+
*
|
|
14
|
+
* @name SliderElement
|
|
10
15
|
* @element mosaik-slider
|
|
16
|
+
* @category Ranges
|
|
11
17
|
*
|
|
12
|
-
* @
|
|
13
|
-
*
|
|
14
|
-
* range by dragging a handle along a track. Sliders are commonly used to adjust settings like volume, brightness,
|
|
15
|
-
* or any numeric value within a defined range.
|
|
18
|
+
* @slot prefix - Content displayed before the slider track (e.g., min value label)
|
|
19
|
+
* @slot suffix - Content displayed after the slider track (e.g., max value label)
|
|
16
20
|
*
|
|
17
|
-
* @
|
|
21
|
+
* @csspart track - The background track of the slider
|
|
22
|
+
* @csspart fill - The filled portion of the track indicating current value
|
|
23
|
+
* @csspart thumb - The draggable handle for value selection
|
|
24
|
+
* @csspart tick-marks - Container for tick mark indicators
|
|
25
|
+
* @csspart tooltip - Value tooltip displayed during interaction
|
|
26
|
+
*
|
|
27
|
+
* @cssprop --slider-track-height - Height of horizontal slider tracks
|
|
28
|
+
* @cssprop --slider-track-width - Width of vertical slider tracks
|
|
29
|
+
* @cssprop --slider-track-color - Background color of the slider track
|
|
30
|
+
* @cssprop --slider-fill-color - Color of the filled track portion
|
|
31
|
+
* @cssprop --slider-thumb-size - Size of the draggable thumb handle
|
|
32
|
+
* @cssprop --slider-thumb-color - Color of the thumb handle
|
|
33
|
+
* @cssprop --slider-thumb-border-radius - Border radius of the thumb
|
|
34
|
+
* @cssprop --slider-tick-color - Color of tick mark indicators
|
|
35
|
+
* @cssprop --slider-tooltip-background - Background color of value tooltips
|
|
36
|
+
*
|
|
37
|
+
* @dependency TextElement - For rendering labels and tooltip text
|
|
38
|
+
* @dependency TickBarElement - For displaying tick marks and indicators
|
|
39
|
+
*
|
|
40
|
+
* @example
|
|
41
|
+
* ```html
|
|
42
|
+
* <!-- Basic slider -->
|
|
43
|
+
* <mosaik-slider min="0" max="100" value="50"></mosaik-slider>
|
|
44
|
+
*
|
|
45
|
+
* <!-- Volume slider with prefix/suffix -->
|
|
46
|
+
* <mosaik-slider min="0" max="100" value="75">
|
|
47
|
+
* <mosaik-icon slot="prefix" data="volume-off"></mosaik-icon>
|
|
48
|
+
* <mosaik-icon slot="suffix" data="volume-up"></mosaik-icon>
|
|
49
|
+
* </mosaik-slider>
|
|
50
|
+
*
|
|
51
|
+
* <!-- Slider with tick marks -->
|
|
52
|
+
* <mosaik-slider
|
|
53
|
+
* min="0"
|
|
54
|
+
* max="10"
|
|
55
|
+
* value="5"
|
|
56
|
+
* step="1"
|
|
57
|
+
* tick-placement="both"
|
|
58
|
+
* tooltip-placement="top">
|
|
59
|
+
* </mosaik-slider>
|
|
60
|
+
*
|
|
61
|
+
* <!-- Vertical brightness slider -->
|
|
62
|
+
* <mosaik-slider
|
|
63
|
+
* min="0"
|
|
64
|
+
* max="255"
|
|
65
|
+
* value="128"
|
|
66
|
+
* orientation="vertical"
|
|
67
|
+
* appearance="primary">
|
|
68
|
+
* </mosaik-slider>
|
|
18
69
|
*
|
|
19
|
-
*
|
|
20
|
-
*
|
|
70
|
+
* <!-- Range slider with custom styling -->
|
|
71
|
+
* <div class="price-range">
|
|
72
|
+
* <label>Price Range</label>
|
|
73
|
+
* <mosaik-slider
|
|
74
|
+
* min="0"
|
|
75
|
+
* max="1000"
|
|
76
|
+
* value="250"
|
|
77
|
+
* step="10">
|
|
78
|
+
* <span slot="prefix">$0</span>
|
|
79
|
+
* <span slot="suffix">$1000</span>
|
|
80
|
+
* </mosaik-slider>
|
|
81
|
+
* </div>
|
|
82
|
+
* ```
|
|
21
83
|
*
|
|
22
84
|
* @public
|
|
23
85
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SliderElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Ranges/Slider/SliderElement.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAG7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAMjE,OAAO,EAAE,YAAY,EAAe,MAAM,gCAAgC,CAAC;;AAI3E
|
|
1
|
+
{"version":3,"file":"SliderElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Ranges/Slider/SliderElement.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAG7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAMjE,OAAO,EAAE,YAAY,EAAe,MAAM,gCAAgC,CAAC;;AAI3E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8EG;AACH,qBAaa,aACT,SAAQ,kBACR,YAAW,mBAAmB,EAAE,YAAY;IAI5C,OAAO,CAAC,aAAa,CAAoB;IACzC,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,cAAc,CAAgB;IACtC,OAAO,CAAC,iBAAiB,CAAuB;IAChD,OAAO,CAAC,gBAAgB,CAA4B;IACpD,OAAO,CAAC,MAAM,CAAU;IACxB,OAAO,CAAC,eAAe,CAAU;IACjC,OAAO,CAAC,kBAAkB,CAA4B;IAMtD;;OAEG;;IAkBH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAK5B;IAED;;;;;OAKG;IACH,IACW,KAAK,IAAI,MAAM,CAEzB;IACD,IAAW,KAAK,CAAC,KAAK,EAAE,MAAM,EAK7B;IAED;;;;;OAKG;IACH,IACW,aAAa,IAAI,aAAa,CAExC;IACD,IAAW,aAAa,CAAC,KAAK,EAAE,aAAa,EAK5C;IAED;;;;;OAKG;IACH,IACW,gBAAgB,IAAI,oBAAoB,CAElD;IACD,IAAW,gBAAgB,CAAC,KAAK,EAAE,oBAAoB,EAKtD;IAED;;;;OAIG;IACH,IACW,eAAe,IAAI,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAEtD;IACD,IAAW,eAAe,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,EAK1D;IAED;;;;;OAKG;IACH,IAIW,KAAK,IAAI,OAAO,CAAwB;IACnD,IAAW,KAAK,CAAC,KAAK,EAAE,OAAO,EAK9B;IAED;;;;;OAKG;IACH,IAIW,cAAc,IAAI,OAAO,CAEnC;IACD,IAAW,cAAc,CAAC,KAAK,EAAE,OAAO,EAKvC;IAED;;;;OAIG;IACH,IACW,iBAAiB,IAAI,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAExD;IACD,IAAW,iBAAiB,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,EAK5D;IAMD;;;;;;OAMG;IACI,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI;IAIrC;;;;;;OAMG;IACI,MAAM,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI;IAInC;;;;;OAKG;IACa,aAAa,IAAI,OAAO;IAMxC;;OAEG;cACgB,eAAe,IAAI,IAAI;CAY7C;AAED;;GAEG;AACH,yBAAiB,aAAa,CAAC;IAC3B,KAAY,KAAK,GAAG,mBAAmB,CAAC;CAC3C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEX,UAAU,qBAAqB;QAE3B,eAAe,EAAE,aAAa,CAAC;KAClC;CACJ"}
|
|
@@ -30,19 +30,81 @@ import { Themeable } from '../../../Behaviors/Themeable';
|
|
|
30
30
|
import { Invalidable } from '../../../Behaviors/Invalidable';
|
|
31
31
|
// #endregion
|
|
32
32
|
/**
|
|
33
|
-
* Slider -
|
|
33
|
+
* Slider - An interactive range input allowing users to select values by dragging a handle along a track.
|
|
34
34
|
*
|
|
35
|
+
* Provides precise value selection within defined ranges through mouse, touch, and keyboard interaction.
|
|
36
|
+
* Supports horizontal and vertical orientations, tick marks, tooltips, and custom styling.
|
|
37
|
+
* Essential for settings controls, filters, and any numeric value input requiring visual feedback.
|
|
38
|
+
*
|
|
39
|
+
* @name SliderElement
|
|
35
40
|
* @element mosaik-slider
|
|
41
|
+
* @category Ranges
|
|
36
42
|
*
|
|
37
|
-
* @
|
|
38
|
-
*
|
|
39
|
-
* range by dragging a handle along a track. Sliders are commonly used to adjust settings like volume, brightness,
|
|
40
|
-
* or any numeric value within a defined range.
|
|
43
|
+
* @slot prefix - Content displayed before the slider track (e.g., min value label)
|
|
44
|
+
* @slot suffix - Content displayed after the slider track (e.g., max value label)
|
|
41
45
|
*
|
|
42
|
-
* @
|
|
46
|
+
* @csspart track - The background track of the slider
|
|
47
|
+
* @csspart fill - The filled portion of the track indicating current value
|
|
48
|
+
* @csspart thumb - The draggable handle for value selection
|
|
49
|
+
* @csspart tick-marks - Container for tick mark indicators
|
|
50
|
+
* @csspart tooltip - Value tooltip displayed during interaction
|
|
51
|
+
*
|
|
52
|
+
* @cssprop --slider-track-height - Height of horizontal slider tracks
|
|
53
|
+
* @cssprop --slider-track-width - Width of vertical slider tracks
|
|
54
|
+
* @cssprop --slider-track-color - Background color of the slider track
|
|
55
|
+
* @cssprop --slider-fill-color - Color of the filled track portion
|
|
56
|
+
* @cssprop --slider-thumb-size - Size of the draggable thumb handle
|
|
57
|
+
* @cssprop --slider-thumb-color - Color of the thumb handle
|
|
58
|
+
* @cssprop --slider-thumb-border-radius - Border radius of the thumb
|
|
59
|
+
* @cssprop --slider-tick-color - Color of tick mark indicators
|
|
60
|
+
* @cssprop --slider-tooltip-background - Background color of value tooltips
|
|
61
|
+
*
|
|
62
|
+
* @dependency TextElement - For rendering labels and tooltip text
|
|
63
|
+
* @dependency TickBarElement - For displaying tick marks and indicators
|
|
64
|
+
*
|
|
65
|
+
* @example
|
|
66
|
+
* ```html
|
|
67
|
+
* <!-- Basic slider -->
|
|
68
|
+
* <mosaik-slider min="0" max="100" value="50"></mosaik-slider>
|
|
69
|
+
*
|
|
70
|
+
* <!-- Volume slider with prefix/suffix -->
|
|
71
|
+
* <mosaik-slider min="0" max="100" value="75">
|
|
72
|
+
* <mosaik-icon slot="prefix" data="volume-off"></mosaik-icon>
|
|
73
|
+
* <mosaik-icon slot="suffix" data="volume-up"></mosaik-icon>
|
|
74
|
+
* </mosaik-slider>
|
|
75
|
+
*
|
|
76
|
+
* <!-- Slider with tick marks -->
|
|
77
|
+
* <mosaik-slider
|
|
78
|
+
* min="0"
|
|
79
|
+
* max="10"
|
|
80
|
+
* value="5"
|
|
81
|
+
* step="1"
|
|
82
|
+
* tick-placement="both"
|
|
83
|
+
* tooltip-placement="top">
|
|
84
|
+
* </mosaik-slider>
|
|
85
|
+
*
|
|
86
|
+
* <!-- Vertical brightness slider -->
|
|
87
|
+
* <mosaik-slider
|
|
88
|
+
* min="0"
|
|
89
|
+
* max="255"
|
|
90
|
+
* value="128"
|
|
91
|
+
* orientation="vertical"
|
|
92
|
+
* appearance="primary">
|
|
93
|
+
* </mosaik-slider>
|
|
43
94
|
*
|
|
44
|
-
*
|
|
45
|
-
*
|
|
95
|
+
* <!-- Range slider with custom styling -->
|
|
96
|
+
* <div class="price-range">
|
|
97
|
+
* <label>Price Range</label>
|
|
98
|
+
* <mosaik-slider
|
|
99
|
+
* min="0"
|
|
100
|
+
* max="1000"
|
|
101
|
+
* value="250"
|
|
102
|
+
* step="10">
|
|
103
|
+
* <span slot="prefix">$0</span>
|
|
104
|
+
* <span slot="suffix">$1000</span>
|
|
105
|
+
* </mosaik-slider>
|
|
106
|
+
* </div>
|
|
107
|
+
* ```
|
|
46
108
|
*
|
|
47
109
|
* @public
|
|
48
110
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SliderElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Ranges/Slider/SliderElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,EAAE,EAAE,MAAM,6BAA6B,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,8BAA8B,EAAE,MAAM,qCAAqC,CAAC;AACrF,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAgB,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAE3E,aAAa;AAEb
|
|
1
|
+
{"version":3,"file":"SliderElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Ranges/Slider/SliderElement.ts"],"names":[],"mappings":"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"}
|
|
@@ -3,30 +3,84 @@ import { CarouselItemElement } from './CarouselItemElement';
|
|
|
3
3
|
import type { ICarouselElementProps } from './ICarouselElementProps';
|
|
4
4
|
declare const CarouselElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (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 () => SelectorElement<any>) & import("../../../Behaviors/Themeable").IThemeableCtor;
|
|
5
5
|
/**
|
|
6
|
-
* Carousel - A
|
|
6
|
+
* Carousel - A content navigation component that displays items in a horizontally scrolling slideshow format.
|
|
7
7
|
*
|
|
8
|
-
*
|
|
9
|
-
*
|
|
10
|
-
*
|
|
11
|
-
* Carousels can automatically cycle through items or allow users to manually navigate between them.
|
|
8
|
+
* Enables users to browse through multiple content items (images, cards, media) in a space-efficient
|
|
9
|
+
* carousel layout with navigation controls. Supports automatic cycling, manual navigation, and
|
|
10
|
+
* touch/swipe interactions for engaging content presentation.
|
|
12
11
|
*
|
|
12
|
+
* @name CarouselElement
|
|
13
13
|
* @element mosaik-carousel
|
|
14
14
|
* @category Selectors
|
|
15
15
|
*
|
|
16
|
-
* @
|
|
17
|
-
*
|
|
16
|
+
* @slot - Default content area for carousel items and navigation elements
|
|
17
|
+
*
|
|
18
|
+
* @csspart container - Main carousel container for content and controls
|
|
19
|
+
* @csspart track - Scrollable track containing all carousel items
|
|
20
|
+
* @csspart navigation - Navigation controls container (prev/next buttons, indicators)
|
|
21
|
+
* @csspart indicators - Page indicators showing current position
|
|
22
|
+
*
|
|
23
|
+
* @cssprop --carousel-track-gap - Spacing between carousel items
|
|
24
|
+
* @cssprop --carousel-item-width - Width of individual carousel items
|
|
25
|
+
* @cssprop --carousel-transition-duration - Animation duration for item transitions
|
|
26
|
+
* @cssprop --carousel-navigation-color - Color for navigation controls
|
|
27
|
+
* @cssprop --carousel-indicator-color - Color for page indicators
|
|
28
|
+
* @cssprop --carousel-indicator-active-color - Color for active page indicator
|
|
29
|
+
*
|
|
30
|
+
* @keyhandle LeftArrow - Navigates to the previous item in the carousel
|
|
31
|
+
* @keyhandle RightArrow - Navigates to the next item in the carousel
|
|
32
|
+
* @keyhandle Home - Navigates to the first item in the carousel
|
|
33
|
+
* @keyhandle End - Navigates to the last item in the carousel
|
|
34
|
+
*
|
|
35
|
+
* @dependency FloatingActionButtonElement - For navigation controls and action buttons
|
|
36
|
+
* @dependency CarouselItemElement - For individual content items within the carousel
|
|
18
37
|
*
|
|
19
38
|
* @example
|
|
20
39
|
* ```html
|
|
21
|
-
*
|
|
40
|
+
* <!-- Image carousel with navigation -->
|
|
41
|
+
* <mosaik-carousel auto-play="5000" show-indicators="true">
|
|
42
|
+
* <mosaik-carousel-item>
|
|
43
|
+
* <img src="slide1.jpg" alt="Product showcase 1" />
|
|
44
|
+
* </mosaik-carousel-item>
|
|
45
|
+
* <mosaik-carousel-item>
|
|
46
|
+
* <img src="slide2.jpg" alt="Product showcase 2" />
|
|
47
|
+
* </mosaik-carousel-item>
|
|
22
48
|
* <mosaik-carousel-item>
|
|
23
|
-
*
|
|
49
|
+
* <img src="slide3.jpg" alt="Product showcase 3" />
|
|
24
50
|
* </mosaik-carousel-item>
|
|
51
|
+
* </mosaik-carousel>
|
|
52
|
+
*
|
|
53
|
+
* <!-- Card carousel for testimonials -->
|
|
54
|
+
* <mosaik-carousel loop="true" items-per-view="2">
|
|
55
|
+
* <mosaik-carousel-item>
|
|
56
|
+
* <mosaik-card>
|
|
57
|
+
* <mosaik-text slot="header">"Excellent service!"</mosaik-text>
|
|
58
|
+
* <mosaik-text>- Customer A</mosaik-text>
|
|
59
|
+
* </mosaik-card>
|
|
60
|
+
* </mosaik-carousel-item>
|
|
61
|
+
* <mosaik-carousel-item>
|
|
62
|
+
* <mosaik-card>
|
|
63
|
+
* <mosaik-text slot="header">"Highly recommended"</mosaik-text>
|
|
64
|
+
* <mosaik-text>- Customer B</mosaik-text>
|
|
65
|
+
* </mosaik-card>
|
|
66
|
+
* </mosaik-carousel-item>
|
|
67
|
+
* </mosaik-carousel>
|
|
68
|
+
*
|
|
69
|
+
* <!-- Product feature carousel -->
|
|
70
|
+
* <mosaik-carousel show-navigation="true" transition="slide">
|
|
25
71
|
* <mosaik-carousel-item>
|
|
26
|
-
*
|
|
72
|
+
* <div class="feature-slide">
|
|
73
|
+
* <mosaik-icon data="shield-check"></mosaik-icon>
|
|
74
|
+
* <h3>Secure & Reliable</h3>
|
|
75
|
+
* <p>Enterprise-grade security for your data</p>
|
|
76
|
+
* </div>
|
|
27
77
|
* </mosaik-carousel-item>
|
|
28
78
|
* <mosaik-carousel-item>
|
|
29
|
-
*
|
|
79
|
+
* <div class="feature-slide">
|
|
80
|
+
* <mosaik-icon data="lightning-bolt"></mosaik-icon>
|
|
81
|
+
* <h3>Lightning Fast</h3>
|
|
82
|
+
* <p>Optimized performance for speed</p>
|
|
83
|
+
* </div>
|
|
30
84
|
* </mosaik-carousel-item>
|
|
31
85
|
* </mosaik-carousel>
|
|
32
86
|
* ```
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Carousel/CarouselElement.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAExE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;;AAQrE
|
|
1
|
+
{"version":3,"file":"CarouselElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Carousel/CarouselElement.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAExE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;;AAQrE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoFG;AACH,qBAiBa,eACT,SAAQ,oBACR,YAAW,qBAAqB;IAIhC,OAAO,CAAC,KAAK,CAA4B;IACzC,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,YAAY,CAAU;IAC9B,OAAO,CAAC,QAAQ,CAAU;IAC1B,OAAO,CAAC,KAAK,CAAU;IACvB,OAAO,CAAC,eAAe,CAAU;IACjC,OAAO,CAAC,cAAc,CAAU;IAMhC;;OAEG;;IAgBH;;;;;;;;OAQG;IAGH,WAA2B,EAAE,IAAI,MAAM,CAEtC;IAED;;;;;OAKG;IACH,IAIW,IAAI,IAAI,OAAO,CAEzB;IAED,IAAW,IAAI,CAAC,KAAK,EAAE,OAAO,EAK7B;IAED;;;;;OAKG;IACH,IAIW,cAAc,IAAI,OAAO,CAEnC;IAED,IAAW,cAAc,CAAC,KAAK,EAAE,OAAO,EAKvC;IAED;;;;;OAKG;IACH,IAIW,aAAa,IAAI,OAAO,CAElC;IAED,IAAW,aAAa,CAAC,KAAK,EAAE,OAAO,EAKtC;IAED;;;;MAIE;IACF,IAIW,WAAW,IAAI,OAAO,CAEhC;IAED,OAAO,KAAK,WAAW,QAKtB;IAED;;;;;OAKG;IACH,IAIW,OAAO,IAAI,OAAO,CAE5B;IAED,OAAO,KAAK,OAAO,QAKlB;IAED;;;;;;;;;;OAUG;IACH,IAAoB,KAAK,IAAI,KAAK,CAAC,mBAAmB,CAAC,CAEtD;IAMD;;;OAGG;IACa,iBAAiB,IAAI,IAAI;IAQzC;;;OAGG;IACa,MAAM,CAAC,IAAI,EAAE,mBAAmB,GAAG,IAAI;IAKvD;;;OAGG;IACa,UAAU,IAAI,IAAI;IASlC;;;OAGG;IACa,cAAc,IAAI,IAAI;IAStC;;;OAGG;IACa,WAAW,IAAI,IAAI;IAKnC;;;OAGG;IACa,UAAU,IAAI,IAAI;IAKlC;;;OAGG;cACgB,eAAe,IAAI,IAAI;IAM1C;;;OAGG;cACgB,cAAc,IAAI,IAAI;IAgBzC;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAwC1B;;;;OAIG;IACH,OAAO,CAAC,WAAW;IAQnB;;;;OAIG;IACH,OAAO,CAAC,YAAY;CAQvB;AAED;;GAEG;AACH,yBAAiB,eAAe,CAAC;IAC7B,KAAY,KAAK,GAAG,qBAAqB,CAAC;CAC7C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEX,UAAU,qBAAqB;QAE3B,iBAAiB,EAAE,eAAe,CAAC;KACtC;CACJ"}
|
|
@@ -24,30 +24,84 @@ import { carouselElementCosmopolitanStyle } from './Themes/CarouselElement.Cosmo
|
|
|
24
24
|
import { Themeable } from '../../../Behaviors/Themeable';
|
|
25
25
|
// #endregion
|
|
26
26
|
/**
|
|
27
|
-
* Carousel - A
|
|
27
|
+
* Carousel - A content navigation component that displays items in a horizontally scrolling slideshow format.
|
|
28
28
|
*
|
|
29
|
-
*
|
|
30
|
-
*
|
|
31
|
-
*
|
|
32
|
-
* Carousels can automatically cycle through items or allow users to manually navigate between them.
|
|
29
|
+
* Enables users to browse through multiple content items (images, cards, media) in a space-efficient
|
|
30
|
+
* carousel layout with navigation controls. Supports automatic cycling, manual navigation, and
|
|
31
|
+
* touch/swipe interactions for engaging content presentation.
|
|
33
32
|
*
|
|
33
|
+
* @name CarouselElement
|
|
34
34
|
* @element mosaik-carousel
|
|
35
35
|
* @category Selectors
|
|
36
36
|
*
|
|
37
|
-
* @
|
|
38
|
-
*
|
|
37
|
+
* @slot - Default content area for carousel items and navigation elements
|
|
38
|
+
*
|
|
39
|
+
* @csspart container - Main carousel container for content and controls
|
|
40
|
+
* @csspart track - Scrollable track containing all carousel items
|
|
41
|
+
* @csspart navigation - Navigation controls container (prev/next buttons, indicators)
|
|
42
|
+
* @csspart indicators - Page indicators showing current position
|
|
43
|
+
*
|
|
44
|
+
* @cssprop --carousel-track-gap - Spacing between carousel items
|
|
45
|
+
* @cssprop --carousel-item-width - Width of individual carousel items
|
|
46
|
+
* @cssprop --carousel-transition-duration - Animation duration for item transitions
|
|
47
|
+
* @cssprop --carousel-navigation-color - Color for navigation controls
|
|
48
|
+
* @cssprop --carousel-indicator-color - Color for page indicators
|
|
49
|
+
* @cssprop --carousel-indicator-active-color - Color for active page indicator
|
|
50
|
+
*
|
|
51
|
+
* @keyhandle LeftArrow - Navigates to the previous item in the carousel
|
|
52
|
+
* @keyhandle RightArrow - Navigates to the next item in the carousel
|
|
53
|
+
* @keyhandle Home - Navigates to the first item in the carousel
|
|
54
|
+
* @keyhandle End - Navigates to the last item in the carousel
|
|
55
|
+
*
|
|
56
|
+
* @dependency FloatingActionButtonElement - For navigation controls and action buttons
|
|
57
|
+
* @dependency CarouselItemElement - For individual content items within the carousel
|
|
39
58
|
*
|
|
40
59
|
* @example
|
|
41
60
|
* ```html
|
|
42
|
-
*
|
|
61
|
+
* <!-- Image carousel with navigation -->
|
|
62
|
+
* <mosaik-carousel auto-play="5000" show-indicators="true">
|
|
63
|
+
* <mosaik-carousel-item>
|
|
64
|
+
* <img src="slide1.jpg" alt="Product showcase 1" />
|
|
65
|
+
* </mosaik-carousel-item>
|
|
66
|
+
* <mosaik-carousel-item>
|
|
67
|
+
* <img src="slide2.jpg" alt="Product showcase 2" />
|
|
68
|
+
* </mosaik-carousel-item>
|
|
43
69
|
* <mosaik-carousel-item>
|
|
44
|
-
*
|
|
70
|
+
* <img src="slide3.jpg" alt="Product showcase 3" />
|
|
45
71
|
* </mosaik-carousel-item>
|
|
72
|
+
* </mosaik-carousel>
|
|
73
|
+
*
|
|
74
|
+
* <!-- Card carousel for testimonials -->
|
|
75
|
+
* <mosaik-carousel loop="true" items-per-view="2">
|
|
76
|
+
* <mosaik-carousel-item>
|
|
77
|
+
* <mosaik-card>
|
|
78
|
+
* <mosaik-text slot="header">"Excellent service!"</mosaik-text>
|
|
79
|
+
* <mosaik-text>- Customer A</mosaik-text>
|
|
80
|
+
* </mosaik-card>
|
|
81
|
+
* </mosaik-carousel-item>
|
|
82
|
+
* <mosaik-carousel-item>
|
|
83
|
+
* <mosaik-card>
|
|
84
|
+
* <mosaik-text slot="header">"Highly recommended"</mosaik-text>
|
|
85
|
+
* <mosaik-text>- Customer B</mosaik-text>
|
|
86
|
+
* </mosaik-card>
|
|
87
|
+
* </mosaik-carousel-item>
|
|
88
|
+
* </mosaik-carousel>
|
|
89
|
+
*
|
|
90
|
+
* <!-- Product feature carousel -->
|
|
91
|
+
* <mosaik-carousel show-navigation="true" transition="slide">
|
|
46
92
|
* <mosaik-carousel-item>
|
|
47
|
-
*
|
|
93
|
+
* <div class="feature-slide">
|
|
94
|
+
* <mosaik-icon data="shield-check"></mosaik-icon>
|
|
95
|
+
* <h3>Secure & Reliable</h3>
|
|
96
|
+
* <p>Enterprise-grade security for your data</p>
|
|
97
|
+
* </div>
|
|
48
98
|
* </mosaik-carousel-item>
|
|
49
99
|
* <mosaik-carousel-item>
|
|
50
|
-
*
|
|
100
|
+
* <div class="feature-slide">
|
|
101
|
+
* <mosaik-icon data="lightning-bolt"></mosaik-icon>
|
|
102
|
+
* <h3>Lightning Fast</h3>
|
|
103
|
+
* <p>Optimized performance for speed</p>
|
|
104
|
+
* </div>
|
|
51
105
|
* </mosaik-carousel-item>
|
|
52
106
|
* </mosaik-carousel>
|
|
53
107
|
* ```
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Carousel/CarouselElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,2BAA2B,EAAE,MAAM,gEAAgE,CAAC;AAC7G,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,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":"CarouselElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Carousel/CarouselElement.ts"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,57 @@ import { CarouselElement } from './CarouselElement';
|
|
|
3
3
|
import type { ICarouselItemElementProps } from './ICarouselItemElementProps';
|
|
4
4
|
declare const CarouselItemElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & typeof SelectorItemElement & import("../../../Behaviors/Themeable").IThemeableCtor;
|
|
5
5
|
/**
|
|
6
|
-
*
|
|
6
|
+
* CarouselItem - An individual content slide within a carousel navigation component.
|
|
7
|
+
*
|
|
8
|
+
* Represents a single content item that can be displayed within a carousel layout.
|
|
9
|
+
* Contains content such as images, cards, text, or any other elements that need
|
|
10
|
+
* to be presented in the carousel's sliding presentation format.
|
|
11
|
+
*
|
|
12
|
+
* @name CarouselItemElement
|
|
13
|
+
* @element mosaik-carousel-item
|
|
14
|
+
* @category Selectors
|
|
15
|
+
*
|
|
16
|
+
* @slot - Default content area for the carousel item's content
|
|
17
|
+
*
|
|
18
|
+
* @csspart container - Main container for the carousel item content
|
|
19
|
+
* @csspart content - Content wrapper within the carousel item
|
|
20
|
+
*
|
|
21
|
+
* @cssprop --carousel-item-padding - Internal padding for carousel item content
|
|
22
|
+
* @cssprop --carousel-item-background - Background color for the carousel item
|
|
23
|
+
* @cssprop --carousel-item-border-radius - Border radius for carousel item styling
|
|
24
|
+
*
|
|
25
|
+
* @dependency CarouselElement - Parent carousel component that manages navigation and display
|
|
26
|
+
*
|
|
27
|
+
* @example
|
|
28
|
+
* ```html
|
|
29
|
+
* <!-- Image carousel item -->
|
|
30
|
+
* <mosaik-carousel-item>
|
|
31
|
+
* <img src="hero-banner.jpg" alt="Featured product" />
|
|
32
|
+
* <div class="overlay">
|
|
33
|
+
* <h2>New Collection</h2>
|
|
34
|
+
* <mosaik-button appearance="primary">Shop Now</mosaik-button>
|
|
35
|
+
* </div>
|
|
36
|
+
* </mosaik-carousel-item>
|
|
37
|
+
*
|
|
38
|
+
* <!-- Card carousel item -->
|
|
39
|
+
* <mosaik-carousel-item>
|
|
40
|
+
* <mosaik-card appearance="elevated">
|
|
41
|
+
* <mosaik-avatar slot="header" src="user.jpg"></mosaik-avatar>
|
|
42
|
+
* <mosaik-text slot="header">John Smith</mosaik-text>
|
|
43
|
+
* <mosaik-text>"This product changed everything for our team!"</mosaik-text>
|
|
44
|
+
* <mosaik-rating slot="footer" value="5" readonly></mosaik-rating>
|
|
45
|
+
* </mosaik-card>
|
|
46
|
+
* </mosaik-carousel-item>
|
|
47
|
+
*
|
|
48
|
+
* <!-- Feature carousel item -->
|
|
49
|
+
* <mosaik-carousel-item>
|
|
50
|
+
* <div class="feature-content">
|
|
51
|
+
* <mosaik-icon data="chart-line" size="large"></mosaik-icon>
|
|
52
|
+
* <mosaik-text variant="headline">Analytics Dashboard</mosaik-text>
|
|
53
|
+
* <mosaik-text>Track your performance with detailed insights</mosaik-text>
|
|
54
|
+
* </div>
|
|
55
|
+
* </mosaik-carousel-item>
|
|
56
|
+
* ```
|
|
7
57
|
*
|
|
8
58
|
* @public
|
|
9
59
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselItemElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Carousel/CarouselItemElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;;AAQ7E
|
|
1
|
+
{"version":3,"file":"CarouselItemElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Carousel/CarouselItemElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;;AAQ7E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsDG;AACH,qBAUa,mBACT,SAAQ,wBACR,YAAW,yBAAyB;IAOpC;;OAEG;;IASH;;;;;;;;OAQG;IACH,WAA2B,EAAE,IAAI,MAAM,CAEtC;IAED;;;;;OAKG;IACH,IAAW,MAAM,IAAI,eAAe,CAEnC;CAIJ;AAED;;GAEG;AACH,yBAAiB,mBAAmB,CAAC;IACjC,KAAY,KAAK,GAAG,yBAAyB,CAAC;CACjD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEX,UAAU,qBAAqB;QAE3B,sBAAsB,EAAE,mBAAmB,CAAC;KAC/C;CACJ"}
|
|
@@ -19,7 +19,57 @@ import { carouselItemElementCosmopolitanStyle } from './Themes/CarouselItemEleme
|
|
|
19
19
|
import { Themeable } from '../../../Behaviors/Themeable';
|
|
20
20
|
// #endregion
|
|
21
21
|
/**
|
|
22
|
-
*
|
|
22
|
+
* CarouselItem - An individual content slide within a carousel navigation component.
|
|
23
|
+
*
|
|
24
|
+
* Represents a single content item that can be displayed within a carousel layout.
|
|
25
|
+
* Contains content such as images, cards, text, or any other elements that need
|
|
26
|
+
* to be presented in the carousel's sliding presentation format.
|
|
27
|
+
*
|
|
28
|
+
* @name CarouselItemElement
|
|
29
|
+
* @element mosaik-carousel-item
|
|
30
|
+
* @category Selectors
|
|
31
|
+
*
|
|
32
|
+
* @slot - Default content area for the carousel item's content
|
|
33
|
+
*
|
|
34
|
+
* @csspart container - Main container for the carousel item content
|
|
35
|
+
* @csspart content - Content wrapper within the carousel item
|
|
36
|
+
*
|
|
37
|
+
* @cssprop --carousel-item-padding - Internal padding for carousel item content
|
|
38
|
+
* @cssprop --carousel-item-background - Background color for the carousel item
|
|
39
|
+
* @cssprop --carousel-item-border-radius - Border radius for carousel item styling
|
|
40
|
+
*
|
|
41
|
+
* @dependency CarouselElement - Parent carousel component that manages navigation and display
|
|
42
|
+
*
|
|
43
|
+
* @example
|
|
44
|
+
* ```html
|
|
45
|
+
* <!-- Image carousel item -->
|
|
46
|
+
* <mosaik-carousel-item>
|
|
47
|
+
* <img src="hero-banner.jpg" alt="Featured product" />
|
|
48
|
+
* <div class="overlay">
|
|
49
|
+
* <h2>New Collection</h2>
|
|
50
|
+
* <mosaik-button appearance="primary">Shop Now</mosaik-button>
|
|
51
|
+
* </div>
|
|
52
|
+
* </mosaik-carousel-item>
|
|
53
|
+
*
|
|
54
|
+
* <!-- Card carousel item -->
|
|
55
|
+
* <mosaik-carousel-item>
|
|
56
|
+
* <mosaik-card appearance="elevated">
|
|
57
|
+
* <mosaik-avatar slot="header" src="user.jpg"></mosaik-avatar>
|
|
58
|
+
* <mosaik-text slot="header">John Smith</mosaik-text>
|
|
59
|
+
* <mosaik-text>"This product changed everything for our team!"</mosaik-text>
|
|
60
|
+
* <mosaik-rating slot="footer" value="5" readonly></mosaik-rating>
|
|
61
|
+
* </mosaik-card>
|
|
62
|
+
* </mosaik-carousel-item>
|
|
63
|
+
*
|
|
64
|
+
* <!-- Feature carousel item -->
|
|
65
|
+
* <mosaik-carousel-item>
|
|
66
|
+
* <div class="feature-content">
|
|
67
|
+
* <mosaik-icon data="chart-line" size="large"></mosaik-icon>
|
|
68
|
+
* <mosaik-text variant="headline">Analytics Dashboard</mosaik-text>
|
|
69
|
+
* <mosaik-text>Track your performance with detailed insights</mosaik-text>
|
|
70
|
+
* </div>
|
|
71
|
+
* </mosaik-carousel-item>
|
|
72
|
+
* ```
|
|
23
73
|
*
|
|
24
74
|
* @public
|
|
25
75
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselItemElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Carousel/CarouselItemElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAE5E,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AACnF,OAAO,EAAE,oCAAoC,EAAE,MAAM,2CAA2C,CAAC;AACjG,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,aAAa;AAEb
|
|
1
|
+
{"version":3,"file":"CarouselItemElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Carousel/CarouselItemElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAE5E,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AACnF,OAAO,EAAE,oCAAoC,EAAE,MAAM,2CAA2C,CAAC;AACjG,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsDG;AAWI,IAAM,mBAAmB,GAAzB,MAAM,mBACT,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IAGtC,iBAAiB;IACjB,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;IACZ,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;;OAQG;IACI,MAAM,KAAc,EAAE;QACzB,OAAO,sBAAsB,CAAC;IAClC,CAAC;IAED;;;;;OAKG;IACH,IAAW,MAAM;QACb,OAAO,iBAAiB,CAAC,OAAO,CAAC,YAAY,CAAkB,IAAI,EAAE,eAAe,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;IAC/G,CAAC;CAIJ,CAAA;AA7CY,mBAAmB;IAV/B,SAAS,CAAC;QACP,QAAQ,EAAE,sBAAsB;QAChC,QAAQ,EAAE,2BAA2B;QACrC,MAAM,EAAE;YACJ,GAAG,EAAE,2BAA2B;YAChC,KAAK,EAAE,6BAA6B;YACpC,YAAY,EAAE,oCAAoC;SACrD;QACD,OAAO,EAAE,EAAE;KACd,CAAC;;GACW,mBAAmB,CA6C/B"}
|