@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":"DialogElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Dialog/DialogElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAChF,OAAO,EAAE,UAAU,EAAe,MAAM,+BAA+B,CAAC;AACxE,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAmB,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAC5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,8BAA8B,EAAE,MAAM,qCAAqC,CAAC;AAErF,aAAa;AAEb;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAC9B,YAAY,EAAE,CAAC;IACf,UAAU,EAAE,CAAC;IACb,eAAe,EAAE,EAAE;CACb,CAAC;AAOX
|
|
1
|
+
{"version":3,"file":"DialogElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Dialog/DialogElement.ts"],"names":[],"mappings":"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"}
|
|
@@ -3,9 +3,49 @@ import { CustomElement } from '../../Abstracts/CustomElement';
|
|
|
3
3
|
import { IBackdropElementProps } from './IBackdropElementProps';
|
|
4
4
|
declare const BackdropElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Animatable").IAnimatableProps & IAnimatable) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
|
|
5
5
|
/**
|
|
6
|
-
* Backdrop - A semi-transparent overlay
|
|
6
|
+
* Backdrop - A semi-transparent overlay that creates visual focus by dimming background content.
|
|
7
7
|
*
|
|
8
|
+
* Typically used behind modals, dialogs, popups, and other overlay components to draw attention
|
|
9
|
+
* to foreground content and prevent interaction with background elements. Features smooth
|
|
10
|
+
* fade-in/fade-out animations for enhanced user experience.
|
|
11
|
+
*
|
|
12
|
+
* @name BackdropElement
|
|
8
13
|
* @element mosaik-backdrop
|
|
14
|
+
* @category Primitive
|
|
15
|
+
*
|
|
16
|
+
* @csspart backdrop - The semi-transparent overlay surface
|
|
17
|
+
*
|
|
18
|
+
* @cssprop --backdrop-color - Background color of the overlay (default: rgba(0,0,0,0.5))
|
|
19
|
+
* @cssprop --backdrop-blur - Backdrop blur effect intensity
|
|
20
|
+
* @cssprop --backdrop-z-index - Z-index stacking order for the overlay
|
|
21
|
+
*
|
|
22
|
+
* @example
|
|
23
|
+
* ```html
|
|
24
|
+
* <!-- Basic backdrop -->
|
|
25
|
+
* <mosaik-backdrop></mosaik-backdrop>
|
|
26
|
+
*
|
|
27
|
+
* <!-- Hidden backdrop (for programmatic control) -->
|
|
28
|
+
* <mosaik-backdrop hidden></mosaik-backdrop>
|
|
29
|
+
*
|
|
30
|
+
* <!-- Behind a modal dialog -->
|
|
31
|
+
* <mosaik-backdrop id="dialogBackdrop"></mosaik-backdrop>
|
|
32
|
+
* <div class="modal-dialog">
|
|
33
|
+
* <h2>Confirm Action</h2>
|
|
34
|
+
* <p>Are you sure you want to proceed?</p>
|
|
35
|
+
* <button onclick="hideDialog()">Cancel</button>
|
|
36
|
+
* <button onclick="confirmAction()">Confirm</button>
|
|
37
|
+
* </div>
|
|
38
|
+
*
|
|
39
|
+
* <script>
|
|
40
|
+
* function showDialog() {
|
|
41
|
+
* document.getElementById('dialogBackdrop').hidden = false;
|
|
42
|
+
* }
|
|
43
|
+
*
|
|
44
|
+
* function hideDialog() {
|
|
45
|
+
* document.getElementById('dialogBackdrop').hidden = true;
|
|
46
|
+
* }
|
|
47
|
+
* </script>
|
|
48
|
+
* ```
|
|
9
49
|
*
|
|
10
50
|
* @public
|
|
11
51
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BackdropElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Backdrop/BackdropElement.ts"],"names":[],"mappings":"AAGA,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAG7E,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;;AAQhE
|
|
1
|
+
{"version":3,"file":"BackdropElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Backdrop/BackdropElement.ts"],"names":[],"mappings":"AAGA,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAG7E,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;;AAQhE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,qBAUa,eACT,SAAQ,oBACR,YAAW,qBAAqB,EAAE,WAAW;IAI7C,OAAO,CAAC,OAAO,CAAU;IAMzB;;OAEG;;IAWH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IAIoB,MAAM,IAAI,OAAO,CAEpC;IAED,IAAoB,MAAM,CAAC,KAAK,EAAE,OAAO,EAKxC;IAMD;;;OAGG;IACa,gBAAgB,IAAI,OAAO,CAAC,OAAO,CAAC;IAIpD;;;OAGG;IACa,eAAe,IAAI,OAAO,CAAC,OAAO,CAAC;CAMtD;AAED;;GAEG;AACH,yBAAiB,eAAe,CAAC;IAC7B,KAAY,KAAK,GAAG,qBAAqB,CAAC;CAC7C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEX,UAAU,qBAAqB;QAE3B,iBAAiB,EAAE,eAAe,CAAC;KACtC;CACJ"}
|
|
@@ -20,9 +20,49 @@ import { backdropElementCosmopolitanStyle } from './Themes/BackdropElement.Cosmo
|
|
|
20
20
|
import { Themeable } from '../../../Behaviors/Themeable';
|
|
21
21
|
// #endregion
|
|
22
22
|
/**
|
|
23
|
-
* Backdrop - A semi-transparent overlay
|
|
23
|
+
* Backdrop - A semi-transparent overlay that creates visual focus by dimming background content.
|
|
24
24
|
*
|
|
25
|
+
* Typically used behind modals, dialogs, popups, and other overlay components to draw attention
|
|
26
|
+
* to foreground content and prevent interaction with background elements. Features smooth
|
|
27
|
+
* fade-in/fade-out animations for enhanced user experience.
|
|
28
|
+
*
|
|
29
|
+
* @name BackdropElement
|
|
25
30
|
* @element mosaik-backdrop
|
|
31
|
+
* @category Primitive
|
|
32
|
+
*
|
|
33
|
+
* @csspart backdrop - The semi-transparent overlay surface
|
|
34
|
+
*
|
|
35
|
+
* @cssprop --backdrop-color - Background color of the overlay (default: rgba(0,0,0,0.5))
|
|
36
|
+
* @cssprop --backdrop-blur - Backdrop blur effect intensity
|
|
37
|
+
* @cssprop --backdrop-z-index - Z-index stacking order for the overlay
|
|
38
|
+
*
|
|
39
|
+
* @example
|
|
40
|
+
* ```html
|
|
41
|
+
* <!-- Basic backdrop -->
|
|
42
|
+
* <mosaik-backdrop></mosaik-backdrop>
|
|
43
|
+
*
|
|
44
|
+
* <!-- Hidden backdrop (for programmatic control) -->
|
|
45
|
+
* <mosaik-backdrop hidden></mosaik-backdrop>
|
|
46
|
+
*
|
|
47
|
+
* <!-- Behind a modal dialog -->
|
|
48
|
+
* <mosaik-backdrop id="dialogBackdrop"></mosaik-backdrop>
|
|
49
|
+
* <div class="modal-dialog">
|
|
50
|
+
* <h2>Confirm Action</h2>
|
|
51
|
+
* <p>Are you sure you want to proceed?</p>
|
|
52
|
+
* <button onclick="hideDialog()">Cancel</button>
|
|
53
|
+
* <button onclick="confirmAction()">Confirm</button>
|
|
54
|
+
* </div>
|
|
55
|
+
*
|
|
56
|
+
* <script>
|
|
57
|
+
* function showDialog() {
|
|
58
|
+
* document.getElementById('dialogBackdrop').hidden = false;
|
|
59
|
+
* }
|
|
60
|
+
*
|
|
61
|
+
* function hideDialog() {
|
|
62
|
+
* document.getElementById('dialogBackdrop').hidden = true;
|
|
63
|
+
* }
|
|
64
|
+
* </script>
|
|
65
|
+
* ```
|
|
26
66
|
*
|
|
27
67
|
* @public
|
|
28
68
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BackdropElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Backdrop/BackdropElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,qCAAqC,CAAC;AACtE,OAAO,EAAE,UAAU,EAAoB,MAAM,+BAA+B,CAAC;AAC7E,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAEpE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,gCAAgC,EAAE,MAAM,uCAAuC,CAAC;AACzF,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,aAAa;AAEb
|
|
1
|
+
{"version":3,"file":"BackdropElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Backdrop/BackdropElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,qCAAqC,CAAC;AACtE,OAAO,EAAE,UAAU,EAAoB,MAAM,+BAA+B,CAAC;AAC7E,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAEpE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,gCAAgC,EAAE,MAAM,uCAAuC,CAAC;AACzF,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AAWI,IAAM,eAAe,GAArB,MAAM,eACT,SAAQ,SAAS,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAG5C,iBAAiB;IAET,OAAO,CAAU;IAEzB,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACzB,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,iBAAiB,CAAC;IAC7B,CAAC;IAED;;;;;OAKG;IACH,IAIoB,MAAM;QACtB,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;IAED,IAAoB,MAAM,CAAC,KAAc;QACrC,IAAI,IAAI,CAAC,OAAO,KAAK,KAAK,EAAE,CAAC;YACzB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YACrB,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACjC,CAAC;IACL,CAAC;IAED,aAAa;IAEb,kBAAkB;IAElB;;;OAGG;IACa,gBAAgB;QAC5B,OAAO,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAC7B,CAAC;IAED;;;OAGG;IACa,eAAe;QAC3B,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC9B,CAAC;CAIJ,CAAA;AArCG;IAAC,SAAS,CAAC;QACP,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,IAAI;KACnB,CAAC;;;6CAGD;AAjDQ,eAAe;IAV3B,SAAS,CAAC;QACP,QAAQ,EAAE,iBAAiB;QAC3B,QAAQ,EAAE,uBAAuB;QACjC,MAAM,EAAE;YACJ,GAAG,EAAE,uBAAuB;YAC5B,KAAK,EAAE,yBAAyB;YAChC,YAAY,EAAE,gCAAgC;SACjD;QACD,OAAO,EAAE,EAAE;KACd,CAAC;;GACW,eAAe,CAgF3B"}
|
|
@@ -2,9 +2,49 @@ import { CustomElement } from '../../Abstracts/CustomElement';
|
|
|
2
2
|
import type { IDividerElementProps } from './IDividerElementProps';
|
|
3
3
|
declare const DividerElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Orientable").IOrientableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
|
|
4
4
|
/**
|
|
5
|
-
* Divider - A
|
|
5
|
+
* Divider - A visual separator element that creates distinct sections within layouts.
|
|
6
6
|
*
|
|
7
|
+
* Renders as a horizontal or vertical line to separate content areas, groups, or sections.
|
|
8
|
+
* Supports customizable thickness and adapts styling based on the current theme.
|
|
9
|
+
* Commonly used in menus, lists, forms, and content layouts.
|
|
10
|
+
*
|
|
11
|
+
* @name DividerElement
|
|
7
12
|
* @element mosaik-divider
|
|
13
|
+
* @category Primitive
|
|
14
|
+
*
|
|
15
|
+
* @csspart divider - The main divider line element
|
|
16
|
+
*
|
|
17
|
+
* @cssprop --divider-color - Color of the divider line
|
|
18
|
+
* @cssprop --divider-thickness - Thickness of the divider line in pixels
|
|
19
|
+
* @cssprop --divider-opacity - Opacity level of the divider
|
|
20
|
+
* @cssprop --divider-margin - Margin space around the divider
|
|
21
|
+
*
|
|
22
|
+
* @example
|
|
23
|
+
* ```html
|
|
24
|
+
* <!-- Horizontal divider (default) -->
|
|
25
|
+
* <div>Section 1</div>
|
|
26
|
+
* <mosaik-divider></mosaik-divider>
|
|
27
|
+
* <div>Section 2</div>
|
|
28
|
+
*
|
|
29
|
+
* <!-- Vertical divider -->
|
|
30
|
+
* <div style="display: flex; align-items: center;">
|
|
31
|
+
* <span>Item 1</span>
|
|
32
|
+
* <mosaik-divider orientation="vertical"></mosaik-divider>
|
|
33
|
+
* <span>Item 2</span>
|
|
34
|
+
* </div>
|
|
35
|
+
*
|
|
36
|
+
* <!-- Custom thickness divider -->
|
|
37
|
+
* <mosaik-divider thickness="3"></mosaik-divider>
|
|
38
|
+
*
|
|
39
|
+
* <!-- In navigation menu -->
|
|
40
|
+
* <nav>
|
|
41
|
+
* <a href="/home">Home</a>
|
|
42
|
+
* <mosaik-divider orientation="vertical"></mosaik-divider>
|
|
43
|
+
* <a href="/about">About</a>
|
|
44
|
+
* <mosaik-divider orientation="vertical"></mosaik-divider>
|
|
45
|
+
* <a href="/contact">Contact</a>
|
|
46
|
+
* </nav>
|
|
47
|
+
* ```
|
|
8
48
|
*
|
|
9
49
|
* @public
|
|
10
50
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DividerElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Divider/DividerElement.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;;AAQnE
|
|
1
|
+
{"version":3,"file":"DividerElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Divider/DividerElement.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;;AAQnE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,qBAUa,cACT,SAAQ,mBACR,YAAW,oBAAoB;IAI/B,OAAO,CAAC,UAAU,CAAC,CAAS;IAM5B;;OAEG;;IAWH;;;;;;MAME;IACF,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAMD;;;;;OAKG;IACH,IACW,SAAS,IAAI,MAAM,GAAG,SAAS,CAEzC;IACD,IAAW,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAK7C;CAaJ;AAED;;GAEG;AACH,yBAAiB,cAAc,CAAC;IAC5B,KAAY,KAAK,GAAG,oBAAoB,CAAC;CAC5C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEX,UAAU,qBAAqB;QAE3B,gBAAgB,EAAE,cAAc,CAAC;KACpC;CACJ"}
|
|
@@ -19,9 +19,49 @@ import { dividerElementCosmopolitanStyle } from './Themes/DividerElement.Cosmopo
|
|
|
19
19
|
import { Themeable } from '../../../Behaviors/Themeable';
|
|
20
20
|
// #endregion
|
|
21
21
|
/**
|
|
22
|
-
* Divider - A
|
|
22
|
+
* Divider - A visual separator element that creates distinct sections within layouts.
|
|
23
23
|
*
|
|
24
|
+
* Renders as a horizontal or vertical line to separate content areas, groups, or sections.
|
|
25
|
+
* Supports customizable thickness and adapts styling based on the current theme.
|
|
26
|
+
* Commonly used in menus, lists, forms, and content layouts.
|
|
27
|
+
*
|
|
28
|
+
* @name DividerElement
|
|
24
29
|
* @element mosaik-divider
|
|
30
|
+
* @category Primitive
|
|
31
|
+
*
|
|
32
|
+
* @csspart divider - The main divider line element
|
|
33
|
+
*
|
|
34
|
+
* @cssprop --divider-color - Color of the divider line
|
|
35
|
+
* @cssprop --divider-thickness - Thickness of the divider line in pixels
|
|
36
|
+
* @cssprop --divider-opacity - Opacity level of the divider
|
|
37
|
+
* @cssprop --divider-margin - Margin space around the divider
|
|
38
|
+
*
|
|
39
|
+
* @example
|
|
40
|
+
* ```html
|
|
41
|
+
* <!-- Horizontal divider (default) -->
|
|
42
|
+
* <div>Section 1</div>
|
|
43
|
+
* <mosaik-divider></mosaik-divider>
|
|
44
|
+
* <div>Section 2</div>
|
|
45
|
+
*
|
|
46
|
+
* <!-- Vertical divider -->
|
|
47
|
+
* <div style="display: flex; align-items: center;">
|
|
48
|
+
* <span>Item 1</span>
|
|
49
|
+
* <mosaik-divider orientation="vertical"></mosaik-divider>
|
|
50
|
+
* <span>Item 2</span>
|
|
51
|
+
* </div>
|
|
52
|
+
*
|
|
53
|
+
* <!-- Custom thickness divider -->
|
|
54
|
+
* <mosaik-divider thickness="3"></mosaik-divider>
|
|
55
|
+
*
|
|
56
|
+
* <!-- In navigation menu -->
|
|
57
|
+
* <nav>
|
|
58
|
+
* <a href="/home">Home</a>
|
|
59
|
+
* <mosaik-divider orientation="vertical"></mosaik-divider>
|
|
60
|
+
* <a href="/about">About</a>
|
|
61
|
+
* <mosaik-divider orientation="vertical"></mosaik-divider>
|
|
62
|
+
* <a href="/contact">Contact</a>
|
|
63
|
+
* </nav>
|
|
64
|
+
* ```
|
|
25
65
|
*
|
|
26
66
|
* @public
|
|
27
67
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DividerElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Divider/DividerElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,+BAA+B,EAAE,MAAM,sCAAsC,CAAC;AACvF,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,aAAa;AAEb
|
|
1
|
+
{"version":3,"file":"DividerElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Divider/DividerElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,+BAA+B,EAAE,MAAM,sCAAsC,CAAC;AACvF,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AAWI,IAAM,cAAc,GAApB,MAAM,cACT,SAAQ,SAAS,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAG5C,iBAAiB;IAET,UAAU,CAAU;IAE5B,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;IAChC,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;MAME;IACK,MAAM,KAAK,EAAE;QAChB,OAAO,gBAAgB,CAAC;IAC5B,CAAC;IAED,aAAa;IAEb,kBAAkB;IAElB;;;;;OAKG;IACH,IACW,SAAS;QAChB,OAAO,IAAI,CAAC,UAAU,CAAC;IAC3B,CAAC;IACD,IAAW,SAAS,CAAC,KAAyB;QAC1C,IAAI,IAAI,CAAC,UAAU,KAAK,KAAK,EAAE,CAAC;YAC5B,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;YACxB,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;QACpC,CAAC;IACL,CAAC;CAaJ,CAAA;AAtBG;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;+CAG3B;AAjDQ,cAAc;IAV1B,SAAS,CAAC;QACP,QAAQ,EAAE,gBAAgB;QAC1B,QAAQ,EAAE,sBAAsB;QAChC,MAAM,EAAE;YACJ,GAAG,EAAE,sBAAsB;YAC3B,KAAK,EAAE,wBAAwB;YAC/B,YAAY,EAAE,+BAA+B;SAChD;QACD,OAAO,EAAE,EAAE;KACd,CAAC;;GACW,cAAc,CAoE1B"}
|
|
@@ -18,6 +18,8 @@ declare const FocusRingElement_base: (abstract new (...args: Array<any>) => impo
|
|
|
18
18
|
*
|
|
19
19
|
* @description
|
|
20
20
|
* The Focus Ring element is a visible indicator that highlights the currently focused element, aiding accessibility.
|
|
21
|
+
* It provides visual feedback to users navigating with keyboard or other assistive technologies, helping them understand
|
|
22
|
+
* which element currently has focus.
|
|
21
23
|
*
|
|
22
24
|
* @name Focus Ring
|
|
23
25
|
* @element mosaik-focus-ring
|
|
@@ -28,11 +30,23 @@ declare const FocusRingElement_base: (abstract new (...args: Array<any>) => impo
|
|
|
28
30
|
* @cssprop {String} --focus-ring-width - The width.
|
|
29
31
|
* @cssprop {String} --focus-ring-active-width - The active width.
|
|
30
32
|
* @cssprop {String} --focus-ring-shape - The shape.
|
|
31
|
-
* @cssprop {String} --focus-ring-x - The x.
|
|
32
|
-
* @cssprop {String} --focus-ring-y - The y.
|
|
33
|
-
* @cssprop {String} --focus-ring-blur - The blur.
|
|
34
|
-
* @cssprop {String} --focus-ring-width - The width.
|
|
33
|
+
* @cssprop {String} --focus-ring-x - The x position.
|
|
34
|
+
* @cssprop {String} --focus-ring-y - The y position.
|
|
35
|
+
* @cssprop {String} --focus-ring-blur - The blur amount.
|
|
35
36
|
* @cssprop {String} --focus-ring-color - The color.
|
|
37
|
+
* @cssprop {String} --focus-ring-border-color - The border color.
|
|
38
|
+
* @cssprop {String} --focus-ring-border-width - The border width.
|
|
39
|
+
* @cssprop {String} --focus-ring-border-style - The border style.
|
|
40
|
+
* @cssprop {String} --focus-ring-border-radius - The border radius.
|
|
41
|
+
* @cssprop {String} --focus-ring-shadow - The shadow.
|
|
42
|
+
* @cssprop {String} --focus-ring-transition-duration - The transition duration.
|
|
43
|
+
* @cssprop {String} --focus-ring-transition-mode - The transition mode.
|
|
44
|
+
* @cssprop {String} --focus-ring-transition-property - The transition property.
|
|
45
|
+
*
|
|
46
|
+
* @example
|
|
47
|
+
* ```html
|
|
48
|
+
* <mosaik-focus-ring visible="true" for="button"></mosaik-focus-ring>
|
|
49
|
+
* ```
|
|
36
50
|
*
|
|
37
51
|
* @public
|
|
38
52
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FocusRingElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/FocusRing/FocusRingElement.ts"],"names":[],"mappings":"AAGA,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC7E,OAAO,EAAe,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAIrF,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+CAA+C,CAAC;AASxF;;;;GAIG;AACH,MAAM,WAAW,sBAAuB,SAAQ,iBAAiB;IAE7D,OAAO,EAAE,OAAO,CAAC;IAEjB,MAAM,EAAE,OAAO,CAAC;IAEhB,UAAU,EAAE,QAAQ,GAAG,MAAM,CAAC;CAEjC;;AAED
|
|
1
|
+
{"version":3,"file":"FocusRingElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/FocusRing/FocusRingElement.ts"],"names":[],"mappings":"AAGA,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC7E,OAAO,EAAe,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAIrF,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+CAA+C,CAAC;AASxF;;;;GAIG;AACH,MAAM,WAAW,sBAAuB,SAAQ,iBAAiB;IAE7D,OAAO,EAAE,OAAO,CAAC;IAEjB,MAAM,EAAE,OAAO,CAAC;IAEhB,UAAU,EAAE,QAAQ,GAAG,MAAM,CAAC;CAEjC;;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,qBAUa,gBACT,SAAQ,qBACR,YAAW,kBAAkB,EAAE,sBAAsB,EAAE,WAAW;IAIlE,OAAO,CAAC,oBAAoB,CAAoC;IAChE,OAAO,CAAC,qBAAqB,CAAoC;IACjE,OAAO,CAAC,wBAAwB,CAAoC;IACpE,OAAO,CAAC,QAAQ,CAAU;IAC1B,OAAO,CAAC,OAAO,CAAU;IACzB,OAAO,CAAC,WAAW,CAAoB;IAMvC;;OAEG;;IAgBH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IAIW,OAAO,IAAI,OAAO,CAE5B;IACD,IAAW,OAAO,CAAC,KAAK,EAAE,OAAO,EAKhC;IAED;;;;;OAKG;IACH,IAIW,MAAM,IAAI,OAAO,CAE3B;IACD,IAAW,MAAM,CAAC,KAAK,EAAE,OAAO,EAK/B;IAED;;;;;OAKG;IACH,IACW,UAAU,IAAI,QAAQ,GAAG,MAAM,CAEzC;IACD,IAAW,UAAU,CAAC,KAAK,EAAE,QAAQ,GAAG,MAAM,EAK7C;IAMD;;;OAGG;IACa,iBAAiB,IAAI,IAAI;IAUzC;;OAEG;IAEH,SAAS,CAAC,oBAAoB,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,EAAE,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,IAAI;IAcxF;;OAEG;IACH,OAAO,CAAC,WAAW;CAmBtB;AAED;;GAEG;AACH,yBAAiB,gBAAgB,CAAC;IAC9B,KAAY,KAAK,GAAG,sBAAsB,CAAC;CAC9C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEX,UAAU,qBAAqB;QAE3B,mBAAmB,EAAE,gBAAgB,CAAC;KACzC;CACJ"}
|
|
@@ -25,6 +25,8 @@ import { Themeable } from '../../../Behaviors/Themeable';
|
|
|
25
25
|
*
|
|
26
26
|
* @description
|
|
27
27
|
* The Focus Ring element is a visible indicator that highlights the currently focused element, aiding accessibility.
|
|
28
|
+
* It provides visual feedback to users navigating with keyboard or other assistive technologies, helping them understand
|
|
29
|
+
* which element currently has focus.
|
|
28
30
|
*
|
|
29
31
|
* @name Focus Ring
|
|
30
32
|
* @element mosaik-focus-ring
|
|
@@ -35,11 +37,23 @@ import { Themeable } from '../../../Behaviors/Themeable';
|
|
|
35
37
|
* @cssprop {String} --focus-ring-width - The width.
|
|
36
38
|
* @cssprop {String} --focus-ring-active-width - The active width.
|
|
37
39
|
* @cssprop {String} --focus-ring-shape - The shape.
|
|
38
|
-
* @cssprop {String} --focus-ring-x - The x.
|
|
39
|
-
* @cssprop {String} --focus-ring-y - The y.
|
|
40
|
-
* @cssprop {String} --focus-ring-blur - The blur.
|
|
41
|
-
* @cssprop {String} --focus-ring-width - The width.
|
|
40
|
+
* @cssprop {String} --focus-ring-x - The x position.
|
|
41
|
+
* @cssprop {String} --focus-ring-y - The y position.
|
|
42
|
+
* @cssprop {String} --focus-ring-blur - The blur amount.
|
|
42
43
|
* @cssprop {String} --focus-ring-color - The color.
|
|
44
|
+
* @cssprop {String} --focus-ring-border-color - The border color.
|
|
45
|
+
* @cssprop {String} --focus-ring-border-width - The border width.
|
|
46
|
+
* @cssprop {String} --focus-ring-border-style - The border style.
|
|
47
|
+
* @cssprop {String} --focus-ring-border-radius - The border radius.
|
|
48
|
+
* @cssprop {String} --focus-ring-shadow - The shadow.
|
|
49
|
+
* @cssprop {String} --focus-ring-transition-duration - The transition duration.
|
|
50
|
+
* @cssprop {String} --focus-ring-transition-mode - The transition mode.
|
|
51
|
+
* @cssprop {String} --focus-ring-transition-property - The transition property.
|
|
52
|
+
*
|
|
53
|
+
* @example
|
|
54
|
+
* ```html
|
|
55
|
+
* <mosaik-focus-ring visible="true" for="button"></mosaik-focus-ring>
|
|
56
|
+
* ```
|
|
43
57
|
*
|
|
44
58
|
* @public
|
|
45
59
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FocusRingElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/FocusRing/FocusRingElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,EAAE,EAAmC,MAAM,6BAA6B,CAAC;AAClF,OAAO,EAAE,UAAU,EAAoB,MAAM,+BAA+B,CAAC;AAC7E,OAAO,EAAE,WAAW,EAA0B,MAAM,gCAAgC,CAAC;AACrF,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAC7E,OAAO,EAAE,iCAAiC,EAAE,MAAM,wCAAwC,CAAC;AAC3F,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAmBzD
|
|
1
|
+
{"version":3,"file":"FocusRingElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/FocusRing/FocusRingElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,EAAE,EAAmC,MAAM,6BAA6B,CAAC;AAClF,OAAO,EAAE,UAAU,EAAoB,MAAM,+BAA+B,CAAC;AAC7E,OAAO,EAAE,WAAW,EAA0B,MAAM,gCAAgC,CAAC;AACrF,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAC7E,OAAO,EAAE,iCAAiC,EAAE,MAAM,wCAAwC,CAAC;AAC3F,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAmBzD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AAWI,IAAM,gBAAgB,GAAtB,MAAM,gBACT,SAAQ,SAAS,CAAC,UAAU,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC;IAGzD,iBAAiB;IAET,oBAAoB,CAAoC;IACxD,qBAAqB,CAAoC;IACzD,wBAAwB,CAAoC;IAC5D,QAAQ,CAAU;IAClB,OAAO,CAAU;IACjB,WAAW,CAAoB;IAEvC,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;QAC1B,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;QACjC,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC;QAClC,IAAI,CAAC,wBAAwB,GAAG,IAAI,CAAC;IACzC,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,mBAAmB,CAAC;IAC/B,CAAC;IAED;;;;;OAKG;IACH,IAIW,OAAO;QACd,OAAO,IAAI,CAAC,QAAQ,CAAC;IACzB,CAAC;IACD,IAAW,OAAO,CAAC,KAAc;QAC7B,IAAI,IAAI,CAAC,QAAQ,KAAK,KAAK,EAAE,CAAC;YAC1B,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YACtB,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;QAClC,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IAIW,MAAM;QACb,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;IACD,IAAW,MAAM,CAAC,KAAc;QAC5B,IAAI,IAAI,CAAC,OAAO,KAAK,KAAK,EAAE,CAAC;YACzB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YACrB,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACjC,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IACW,UAAU;QACjB,OAAO,IAAI,CAAC,WAAW,CAAC;IAC5B,CAAC;IACD,IAAW,UAAU,CAAC,KAAwB;QAC1C,IAAI,IAAI,CAAC,WAAW,KAAK,KAAK,EAAE,CAAC;YAC7B,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;YACzB,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;QACrC,CAAC;IACL,CAAC;IAED,aAAa;IAEb,kBAAkB;IAElB;;;OAGG;IACa,iBAAiB;QAC7B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACf,IAAI,CAAC,oBAAoB,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,CAAC,CAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;YAC3F,IAAI,CAAC,qBAAqB,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,UAAU,EAAE,CAAC,CAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;YAC7F,IAAI,CAAC,wBAAwB,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,aAAa,EAAE,CAAC,CAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;QACvG,CAAC;IACL,CAAC;IAED;;OAEG;IAEO,oBAAoB,CAAC,IAAwB,EAAE,IAAwB;QAC7E,IAAI,IAAI,IAAI,IAAI,KAAK,IAAI,EAAE,CAAC;YACxB,IAAI,CAAC,oBAAoB,EAAE,OAAO,EAAE,CAAC;YACrC,IAAI,CAAC,qBAAqB,EAAE,OAAO,EAAE,CAAC;YACtC,IAAI,CAAC,wBAAwB,EAAE,OAAO,EAAE,CAAC;YAEzC,IAAI,IAAI,EAAE,CAAC;gBACP,IAAI,CAAC,oBAAoB,GAAG,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,CAAC,CAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;gBACnF,IAAI,CAAC,qBAAqB,GAAG,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,CAAC,CAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;gBACrF,IAAI,CAAC,wBAAwB,GAAG,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,CAAC,CAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;YAC/F,CAAC;QACL,CAAC;IACL,CAAC;IAED;;OAEG;IACK,WAAW,CAAC,KAAY;QAC5B,IAAI,IAAI,CAAC,WAAW,KAAK,QAAQ,EAAE,CAAC;YAChC,OAAO;QACX,CAAC;QAED,QAAQ,KAAK,CAAC,IAAI,EAAE,CAAC;YACjB,KAAK,SAAS;gBACV,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,gBAAgB,CAAC,IAAI,IAAI,CAAC;gBAC/D,MAAM;YACV,KAAK,UAAU,CAAC;YAChB,KAAK,aAAa;gBACd,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;gBACrB,MAAM;YACV,QAAQ;QACZ,CAAC;IACL,CAAC;CAIJ,CAAA;AA7GG;IAAC,SAAS,CAAC;QACP,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,IAAI;KACnB,CAAC;;;+CAGD;AAcD;IAAC,SAAS,CAAC;QACP,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,IAAI;KACnB,CAAC;;;8CAGD;AAcD;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;kDAG3B;AA8BS;IADT,KAAK,CAAC,KAAK,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;;;;4DAa5C;AA1IQ,gBAAgB;IAV5B,SAAS,CAAC;QACP,QAAQ,EAAE,mBAAmB;QAC7B,QAAQ,EAAE,wBAAwB;QAClC,MAAM,EAAE;YACJ,GAAG,EAAE,wBAAwB;YAC7B,KAAK,EAAE,0BAA0B;YACjC,YAAY,EAAE,iCAAiC;SAClD;QACD,OAAO,EAAE,EAAE;KACd,CAAC;;GACW,gBAAgB,CAkK5B"}
|
|
@@ -5,20 +5,41 @@ import { ISkeletonElementProps } from './ISkeletonElementProps';
|
|
|
5
5
|
type Target = '_blank' | '_self' | '_parent' | '_top';
|
|
6
6
|
declare const SkeletonElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Dimensionable").IDimensionableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
|
|
7
7
|
/**
|
|
8
|
-
* Skeleton - A placeholder
|
|
8
|
+
* Skeleton - A placeholder element that mimics content structure during loading states.
|
|
9
9
|
*
|
|
10
|
+
* Provides visual feedback while content loads by displaying placeholder shapes that approximate
|
|
11
|
+
* the final content layout. Reduces perceived loading time and improves user experience.
|
|
12
|
+
* Supports various shapes (rectangle, circle, text) with optional shimmer animation.
|
|
13
|
+
*
|
|
14
|
+
* @name SkeletonElement
|
|
10
15
|
* @element mosaik-skeleton
|
|
16
|
+
* @category Primitive
|
|
11
17
|
*
|
|
12
|
-
* @
|
|
13
|
-
* The Skeleton component is used to provide visual feedback to users while content is being loaded or processed.
|
|
14
|
-
* It typically represents the approximate size and shape of the content to be loaded, helping users understand the layout of the page and reducing perceived loading times.
|
|
15
|
-
* Skeletons are commonly used in applications with dynamic or asynchronous content, such as social media feeds, news articles, and product listings.
|
|
18
|
+
* @csspart skeleton - The main skeleton placeholder element
|
|
16
19
|
*
|
|
17
|
-
* @
|
|
20
|
+
* @cssprop --skeleton-color - Background color of the skeleton placeholder
|
|
21
|
+
* @cssprop --skeleton-highlight-color - Color of the shimmer highlight animation
|
|
22
|
+
* @cssprop --skeleton-animation-duration - Duration of the shimmer animation cycle
|
|
23
|
+
* @cssprop --skeleton-border-radius - Border radius for rounded skeleton shapes
|
|
18
24
|
*
|
|
19
25
|
* @example
|
|
20
26
|
* ```html
|
|
21
|
-
*
|
|
27
|
+
* <!-- Text line skeleton -->
|
|
28
|
+
* <mosaik-skeleton shape="text" width="200px" height="16px"></mosaik-skeleton>
|
|
29
|
+
*
|
|
30
|
+
* <!-- Avatar skeleton with shimmer -->
|
|
31
|
+
* <mosaik-skeleton shape="circle" width="40px" height="40px" shimmer></mosaik-skeleton>
|
|
32
|
+
*
|
|
33
|
+
* <!-- Card skeleton -->
|
|
34
|
+
* <mosaik-skeleton shape="rect" width="300px" height="200px" shimmer></mosaik-skeleton>
|
|
35
|
+
*
|
|
36
|
+
* <!-- Loading article layout -->
|
|
37
|
+
* <div class="article-skeleton">
|
|
38
|
+
* <mosaik-skeleton shape="rect" width="100%" height="200px" shimmer></mosaik-skeleton>
|
|
39
|
+
* <mosaik-skeleton shape="text" width="80%" height="24px"></mosaik-skeleton>
|
|
40
|
+
* <mosaik-skeleton shape="text" width="60%" height="16px"></mosaik-skeleton>
|
|
41
|
+
* <mosaik-skeleton shape="text" width="90%" height="16px"></mosaik-skeleton>
|
|
42
|
+
* </div>
|
|
22
43
|
* ```
|
|
23
44
|
*
|
|
24
45
|
* @public
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SkeletonElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Skeleton/SkeletonElement.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAKtD,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAShE,KAAK,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;;AAEtD
|
|
1
|
+
{"version":3,"file":"SkeletonElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Skeleton/SkeletonElement.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAKtD,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAShE,KAAK,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;;AAEtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,qBAUa,eACT,SAAQ,oBACR,YAAW,qBAAqB;IAIhC,OAAO,CAAC,MAAM,CAAgB;IAC9B,OAAO,CAAC,QAAQ,CAAU;IAM1B;;OAEG;;IAYH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAEM,MAAM,CAAC,EAAE,MAAM,CAAC;IAEvB;;;;;OAKG;IACH,IACW,KAAK,IAAI,aAAa,CAEhC;IACD,IAAW,KAAK,CAAC,KAAK,EAAE,aAAa,EAKpC;IAED;;;;;OAKG;IACH,IAEW,OAAO,IAAI,OAAO,CAE5B;IACD,IAAW,OAAO,CAAC,KAAK,EAAE,OAAO,EAKhC;IAMD;;OAEG;IAEH,SAAS,CAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI;IAK1E;;OAEG;IAEH,SAAS,CAAC,uBAAuB,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI;CAO9E;AAED;;GAEG;AACH,yBAAiB,eAAe,CAAC;IAC7B,KAAY,KAAK,GAAG,qBAAqB,CAAC;CAC7C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,iBAAiB,EAAE,eAAe,CAAC;KACtC;CACJ"}
|
|
@@ -22,20 +22,41 @@ import { skeletonElementRetroStyle } from './Themes/SkeletonElement.Retro';
|
|
|
22
22
|
import { skeletonElementCosmopolitanStyle } from './Themes/SkeletonElement.Cosmopolitan';
|
|
23
23
|
import { Themeable } from '../../../Behaviors/Themeable';
|
|
24
24
|
/**
|
|
25
|
-
* Skeleton - A placeholder
|
|
25
|
+
* Skeleton - A placeholder element that mimics content structure during loading states.
|
|
26
26
|
*
|
|
27
|
+
* Provides visual feedback while content loads by displaying placeholder shapes that approximate
|
|
28
|
+
* the final content layout. Reduces perceived loading time and improves user experience.
|
|
29
|
+
* Supports various shapes (rectangle, circle, text) with optional shimmer animation.
|
|
30
|
+
*
|
|
31
|
+
* @name SkeletonElement
|
|
27
32
|
* @element mosaik-skeleton
|
|
33
|
+
* @category Primitive
|
|
28
34
|
*
|
|
29
|
-
* @
|
|
30
|
-
* The Skeleton component is used to provide visual feedback to users while content is being loaded or processed.
|
|
31
|
-
* It typically represents the approximate size and shape of the content to be loaded, helping users understand the layout of the page and reducing perceived loading times.
|
|
32
|
-
* Skeletons are commonly used in applications with dynamic or asynchronous content, such as social media feeds, news articles, and product listings.
|
|
35
|
+
* @csspart skeleton - The main skeleton placeholder element
|
|
33
36
|
*
|
|
34
|
-
* @
|
|
37
|
+
* @cssprop --skeleton-color - Background color of the skeleton placeholder
|
|
38
|
+
* @cssprop --skeleton-highlight-color - Color of the shimmer highlight animation
|
|
39
|
+
* @cssprop --skeleton-animation-duration - Duration of the shimmer animation cycle
|
|
40
|
+
* @cssprop --skeleton-border-radius - Border radius for rounded skeleton shapes
|
|
35
41
|
*
|
|
36
42
|
* @example
|
|
37
43
|
* ```html
|
|
38
|
-
*
|
|
44
|
+
* <!-- Text line skeleton -->
|
|
45
|
+
* <mosaik-skeleton shape="text" width="200px" height="16px"></mosaik-skeleton>
|
|
46
|
+
*
|
|
47
|
+
* <!-- Avatar skeleton with shimmer -->
|
|
48
|
+
* <mosaik-skeleton shape="circle" width="40px" height="40px" shimmer></mosaik-skeleton>
|
|
49
|
+
*
|
|
50
|
+
* <!-- Card skeleton -->
|
|
51
|
+
* <mosaik-skeleton shape="rect" width="300px" height="200px" shimmer></mosaik-skeleton>
|
|
52
|
+
*
|
|
53
|
+
* <!-- Loading article layout -->
|
|
54
|
+
* <div class="article-skeleton">
|
|
55
|
+
* <mosaik-skeleton shape="rect" width="100%" height="200px" shimmer></mosaik-skeleton>
|
|
56
|
+
* <mosaik-skeleton shape="text" width="80%" height="24px"></mosaik-skeleton>
|
|
57
|
+
* <mosaik-skeleton shape="text" width="60%" height="16px"></mosaik-skeleton>
|
|
58
|
+
* <mosaik-skeleton shape="text" width="90%" height="16px"></mosaik-skeleton>
|
|
59
|
+
* </div>
|
|
39
60
|
* ```
|
|
40
61
|
*
|
|
41
62
|
* @public
|
|
@@ -121,7 +142,8 @@ __decorate([
|
|
|
121
142
|
__metadata("design:paramtypes", [String])
|
|
122
143
|
], SkeletonElement.prototype, "shape", null);
|
|
123
144
|
__decorate([
|
|
124
|
-
Attribute({ type: Boolean,
|
|
145
|
+
Attribute({ type: Boolean,
|
|
146
|
+
useDefault: true }),
|
|
125
147
|
__metadata("design:type", Boolean),
|
|
126
148
|
__metadata("design:paramtypes", [Boolean])
|
|
127
149
|
], SkeletonElement.prototype, "shimmer", null);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SkeletonElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Skeleton/SkeletonElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,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;AAMzD
|
|
1
|
+
{"version":3,"file":"SkeletonElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Skeleton/SkeletonElement.ts"],"names":[],"mappings":"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"}
|
|
@@ -4,14 +4,45 @@ import { CustomElement } from '../../Abstracts/CustomElement';
|
|
|
4
4
|
import { type ISpacerElementProps } from './ISpacerElementProps';
|
|
5
5
|
declare const SpacerElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
|
|
6
6
|
/**
|
|
7
|
-
* Spacer -
|
|
7
|
+
* Spacer - A flexible spacing element for creating consistent gaps and layout control.
|
|
8
8
|
*
|
|
9
|
-
*
|
|
10
|
-
*
|
|
11
|
-
*
|
|
12
|
-
* Spacers can be applied both horizontally and vertically to achieve precise spacing and alignment.
|
|
9
|
+
* Provides precise spacing control between UI elements with configurable thickness, size multipliers,
|
|
10
|
+
* and directional spacing. Essential for maintaining consistent visual rhythm and alignment in layouts.
|
|
11
|
+
* Supports responsive spacing based on design system tokens.
|
|
13
12
|
*
|
|
13
|
+
* @name SpacerElement
|
|
14
14
|
* @element mosaik-spacer
|
|
15
|
+
* @category Primitive
|
|
16
|
+
*
|
|
17
|
+
* @csspart spacer - The main spacing container element
|
|
18
|
+
*
|
|
19
|
+
* @cssprop --spacer-thickness - Base thickness for the spacer element
|
|
20
|
+
* @cssprop --spacer-multiplier - Multiplier applied to base spacing values
|
|
21
|
+
* @cssprop --spacer-size - Predefined size category (xs, sm, md, lg, xl)
|
|
22
|
+
*
|
|
23
|
+
* @example
|
|
24
|
+
* ```html
|
|
25
|
+
* <!-- Basic spacing -->
|
|
26
|
+
* <div>Content Above</div>
|
|
27
|
+
* <mosaik-spacer></mosaik-spacer>
|
|
28
|
+
* <div>Content Below</div>
|
|
29
|
+
*
|
|
30
|
+
* <!-- Custom multiplier for larger gap -->
|
|
31
|
+
* <mosaik-spacer multiplier="2"></mosaik-spacer>
|
|
32
|
+
*
|
|
33
|
+
* <!-- Size-based spacing -->
|
|
34
|
+
* <mosaik-spacer size="lg"></mosaik-spacer>
|
|
35
|
+
*
|
|
36
|
+
* <!-- Multiple thickness values -->
|
|
37
|
+
* <mosaik-spacer thickness="md lg"></mosaik-spacer>
|
|
38
|
+
*
|
|
39
|
+
* <!-- Flex layout spacing -->
|
|
40
|
+
* <div style="display: flex; align-items: center;">
|
|
41
|
+
* <button>Button 1</button>
|
|
42
|
+
* <mosaik-spacer></mosaik-spacer>
|
|
43
|
+
* <button>Button 2</button>
|
|
44
|
+
* </div>
|
|
45
|
+
* ```
|
|
15
46
|
*
|
|
16
47
|
* @public
|
|
17
48
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SpacerElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Spacer/SpacerElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAgC,KAAK,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;;AAQ/F
|
|
1
|
+
{"version":3,"file":"SpacerElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Spacer/SpacerElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAgC,KAAK,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;;AAQ/F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,qBAUa,aACT,SAAQ,kBACR,YAAW,mBAAmB;IAI9B,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,KAAK,CAAO;IACpB,OAAO,CAAC,UAAU,CAAwB;IAC1C,OAAO,CAAC,OAAO,CAAU;IACzB,OAAO,CAAC,oBAAoB,CAA6B;IAMzD;;OAEG;;IAeH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;;;OAOG;IACH,IACW,UAAU,IAAI,MAAM,CAE9B;IACD,IAAW,UAAU,CAAC,KAAK,EAAE,MAAM,EAOlC;IAED;;;;;;;;OAQG;IACH,IACW,IAAI,IAAI,IAAI,CAEtB;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,IAAI,EAK1B;IAED;;;;;;;;OAQG;IACH,IAQW,SAAS,IAAI,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,IAAI,CAEtD;IACD,IAAW,SAAS,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,IAAI,EAK1D;IAED;;;;;;;;OAQG;IACH,IAIW,MAAM,IAAI,OAAO,CAE3B;IACD,IAAW,MAAM,CAAC,KAAK,EAAE,OAAO,EAK/B;IAED;;;;;;;OAOG;IACH,IACW,mBAAmB,IAAI,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAE3D;IACD,IAAW,mBAAmB,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,EAK/D;IAMD;;;;;OAKG;IACI,eAAe,CAAC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,MAAM,GAAG,OAAO;IAyBrE;;;;OAIG;IACH,OAAO,CAAC,cAAc;IAiBtB;;;;OAIG;IACH,OAAO,CAAC,iBAAiB;IAqCzB;;;;OAIG;IACH,OAAO,CAAC,eAAe;IAiBvB;;;;OAIG;IACH,OAAO,CAAC,SAAS;CAcpB;AAED;;GAEG;AACH,yBAAiB,aAAa,CAAC;IAC3B,KAAY,KAAK,GAAG,mBAAmB,CAAC;CAC3C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEX,UAAU,qBAAqB;QAE3B,eAAe,EAAE,aAAa,CAAC;KAClC;CACJ"}
|