@breadstone/mosaik-elements-foundation 0.0.147 → 0.0.149
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
|
@@ -7,23 +7,73 @@ import { CustomElement } from '../../Abstracts/CustomElement';
|
|
|
7
7
|
import type { IImageElementProps } from './IImageElementProps';
|
|
8
8
|
declare const ImageElement_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/Variantable").IVariantableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Dimensionable").IDimensionableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
|
|
9
9
|
/**
|
|
10
|
-
* Image - A
|
|
10
|
+
* Image - A responsive image container with advanced loading states and layout control.
|
|
11
11
|
*
|
|
12
|
+
* Provides comprehensive image handling with loading indicators, error states, aspect ratio control,
|
|
13
|
+
* and flexible content placement. Supports various fit modes, lazy loading, and accessibility features.
|
|
14
|
+
* Includes built-in placeholder states and legend positioning for rich media presentation.
|
|
15
|
+
*
|
|
16
|
+
* @name ImageElement
|
|
12
17
|
* @element mosaik-image
|
|
18
|
+
* @category Media
|
|
19
|
+
*
|
|
20
|
+
* @slot - Default content overlaid on the image
|
|
21
|
+
* @slot empty - Content shown when no image source is provided
|
|
22
|
+
* @slot failed - Content displayed when image loading fails
|
|
23
|
+
* @slot pending - Content shown while image is loading
|
|
24
|
+
* @slot legend - Caption or description content positioned around the image
|
|
25
|
+
*
|
|
26
|
+
* @csspart image - The main image element container
|
|
27
|
+
* @csspart placeholder - Container for loading, error, and empty states
|
|
28
|
+
* @csspart legend - Caption or description container
|
|
29
|
+
* @csspart content - Overlay content container
|
|
30
|
+
*
|
|
31
|
+
* @cssprop --image-aspect-ratio - Aspect ratio constraint for the image container
|
|
32
|
+
* @cssprop --image-object-fit - How the image fits within its container (cover, contain, fill, etc.)
|
|
33
|
+
* @cssprop --image-border-radius - Border radius applied to the image
|
|
34
|
+
* @cssprop --image-placeholder-color - Background color for placeholder states
|
|
35
|
+
* @cssprop --image-legend-position - Position of the legend relative to image
|
|
36
|
+
*
|
|
37
|
+
* @dependency TextElement - For legend text rendering
|
|
38
|
+
* @dependency ProgressRingElement - For loading state indicator
|
|
39
|
+
* @dependency IconElement - For error and empty state icons
|
|
40
|
+
*
|
|
41
|
+
* @example
|
|
42
|
+
* ```html
|
|
43
|
+
* <!-- Basic image -->
|
|
44
|
+
* <mosaik-image src="photo.jpg" alt="Landscape photo"></mosaik-image>
|
|
45
|
+
*
|
|
46
|
+
* <!-- Image with aspect ratio and fit mode -->
|
|
47
|
+
* <mosaik-image
|
|
48
|
+
* src="portrait.jpg"
|
|
49
|
+
* aspect-ratio="4/3"
|
|
50
|
+
* fit="cover"
|
|
51
|
+
* alt="Portrait photo">
|
|
52
|
+
* </mosaik-image>
|
|
13
53
|
*
|
|
14
|
-
*
|
|
15
|
-
*
|
|
16
|
-
*
|
|
17
|
-
*
|
|
18
|
-
*
|
|
54
|
+
* <!-- Image with legend and custom placeholder -->
|
|
55
|
+
* <mosaik-image src="gallery/image1.jpg" legend-position="bottom">
|
|
56
|
+
* <span slot="legend">Beautiful sunset over mountains</span>
|
|
57
|
+
* <div slot="failed">
|
|
58
|
+
* <mosaik-icon data="M..."></mosaik-icon>
|
|
59
|
+
* <p>Image not available</p>
|
|
60
|
+
* </div>
|
|
61
|
+
* </mosaik-image>
|
|
19
62
|
*
|
|
20
|
-
*
|
|
21
|
-
*
|
|
22
|
-
*
|
|
23
|
-
*
|
|
63
|
+
* <!-- Lazy loaded image with overlay content -->
|
|
64
|
+
* <mosaik-image
|
|
65
|
+
* src="hero-bg.jpg"
|
|
66
|
+
* loading="lazy"
|
|
67
|
+
* aspect-ratio="16/9">
|
|
68
|
+
* <div class="hero-content">
|
|
69
|
+
* <h1>Welcome</h1>
|
|
70
|
+
* <p>Discover amazing content</p>
|
|
71
|
+
* </div>
|
|
72
|
+
* </mosaik-image>
|
|
73
|
+
* ```
|
|
24
74
|
*
|
|
25
|
-
* @fires loaded -
|
|
26
|
-
* @fires failed -
|
|
75
|
+
* @fires loaded - Emitted when image successfully loads
|
|
76
|
+
* @fires failed - Emitted when image loading fails
|
|
27
77
|
*
|
|
28
78
|
* @public
|
|
29
79
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Image/ImageElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAA2B,YAAY,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACnG,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAQtE,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;;AAS/D
|
|
1
|
+
{"version":3,"file":"ImageElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Image/ImageElement.ts"],"names":[],"mappings":"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"}
|
|
@@ -32,23 +32,73 @@ import { imageElementCosmopolitanStyle } from './Themes/ImageElement.Cosmopolita
|
|
|
32
32
|
import { Themeable } from '../../../Behaviors/Themeable';
|
|
33
33
|
// #endregion
|
|
34
34
|
/**
|
|
35
|
-
* Image - A
|
|
35
|
+
* Image - A responsive image container with advanced loading states and layout control.
|
|
36
36
|
*
|
|
37
|
+
* Provides comprehensive image handling with loading indicators, error states, aspect ratio control,
|
|
38
|
+
* and flexible content placement. Supports various fit modes, lazy loading, and accessibility features.
|
|
39
|
+
* Includes built-in placeholder states and legend positioning for rich media presentation.
|
|
40
|
+
*
|
|
41
|
+
* @name ImageElement
|
|
37
42
|
* @element mosaik-image
|
|
43
|
+
* @category Media
|
|
44
|
+
*
|
|
45
|
+
* @slot - Default content overlaid on the image
|
|
46
|
+
* @slot empty - Content shown when no image source is provided
|
|
47
|
+
* @slot failed - Content displayed when image loading fails
|
|
48
|
+
* @slot pending - Content shown while image is loading
|
|
49
|
+
* @slot legend - Caption or description content positioned around the image
|
|
50
|
+
*
|
|
51
|
+
* @csspart image - The main image element container
|
|
52
|
+
* @csspart placeholder - Container for loading, error, and empty states
|
|
53
|
+
* @csspart legend - Caption or description container
|
|
54
|
+
* @csspart content - Overlay content container
|
|
55
|
+
*
|
|
56
|
+
* @cssprop --image-aspect-ratio - Aspect ratio constraint for the image container
|
|
57
|
+
* @cssprop --image-object-fit - How the image fits within its container (cover, contain, fill, etc.)
|
|
58
|
+
* @cssprop --image-border-radius - Border radius applied to the image
|
|
59
|
+
* @cssprop --image-placeholder-color - Background color for placeholder states
|
|
60
|
+
* @cssprop --image-legend-position - Position of the legend relative to image
|
|
61
|
+
*
|
|
62
|
+
* @dependency TextElement - For legend text rendering
|
|
63
|
+
* @dependency ProgressRingElement - For loading state indicator
|
|
64
|
+
* @dependency IconElement - For error and empty state icons
|
|
65
|
+
*
|
|
66
|
+
* @example
|
|
67
|
+
* ```html
|
|
68
|
+
* <!-- Basic image -->
|
|
69
|
+
* <mosaik-image src="photo.jpg" alt="Landscape photo"></mosaik-image>
|
|
70
|
+
*
|
|
71
|
+
* <!-- Image with aspect ratio and fit mode -->
|
|
72
|
+
* <mosaik-image
|
|
73
|
+
* src="portrait.jpg"
|
|
74
|
+
* aspect-ratio="4/3"
|
|
75
|
+
* fit="cover"
|
|
76
|
+
* alt="Portrait photo">
|
|
77
|
+
* </mosaik-image>
|
|
38
78
|
*
|
|
39
|
-
*
|
|
40
|
-
*
|
|
41
|
-
*
|
|
42
|
-
*
|
|
43
|
-
*
|
|
79
|
+
* <!-- Image with legend and custom placeholder -->
|
|
80
|
+
* <mosaik-image src="gallery/image1.jpg" legend-position="bottom">
|
|
81
|
+
* <span slot="legend">Beautiful sunset over mountains</span>
|
|
82
|
+
* <div slot="failed">
|
|
83
|
+
* <mosaik-icon data="M..."></mosaik-icon>
|
|
84
|
+
* <p>Image not available</p>
|
|
85
|
+
* </div>
|
|
86
|
+
* </mosaik-image>
|
|
44
87
|
*
|
|
45
|
-
*
|
|
46
|
-
*
|
|
47
|
-
*
|
|
48
|
-
*
|
|
88
|
+
* <!-- Lazy loaded image with overlay content -->
|
|
89
|
+
* <mosaik-image
|
|
90
|
+
* src="hero-bg.jpg"
|
|
91
|
+
* loading="lazy"
|
|
92
|
+
* aspect-ratio="16/9">
|
|
93
|
+
* <div class="hero-content">
|
|
94
|
+
* <h1>Welcome</h1>
|
|
95
|
+
* <p>Discover amazing content</p>
|
|
96
|
+
* </div>
|
|
97
|
+
* </mosaik-image>
|
|
98
|
+
* ```
|
|
49
99
|
*
|
|
50
|
-
* @fires loaded -
|
|
51
|
-
* @fires failed -
|
|
100
|
+
* @fires loaded - Emitted when image successfully loads
|
|
101
|
+
* @fires failed - Emitted when image loading fails
|
|
52
102
|
*
|
|
53
103
|
* @public
|
|
54
104
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Image/ImageElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,IAAI,EAAE,MAAM,6CAA6C,CAAC;AACnE,OAAO,EAAE,uBAAuB,EAA+B,MAAM,6BAA6B,CAAC;AACnG,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,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,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAEzE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAC;AACpF,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AACnF,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,aAAa;AAEb
|
|
1
|
+
{"version":3,"file":"ImageElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Image/ImageElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,IAAI,EAAE,MAAM,6CAA6C,CAAC;AACnE,OAAO,EAAE,uBAAuB,EAA+B,MAAM,6BAA6B,CAAC;AACnG,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,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,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAEzE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAC;AACpF,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AACnF,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsEG;AAeI,IAAM,YAAY,GAAlB,MAAM,YACT,SAAQ,SAAS,CAAC,WAAW,CAAC,WAAW,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IAGzE,iBAAiB;IAEA,OAAO,CAAoC;IAC3C,OAAO,CAAoC;IACpD,IAAI,CAAS;IACb,IAAI,CAAS;IACb,OAAO,CAAS;IAChB,MAAM,CAAa;IACnB,IAAI,CAAW;IACf,WAAW,CAAU;IACrB,UAAU,CAAU;IACpB,YAAY,CAAU;IACtB,OAAO,CAAS;IAChB,eAAe,CAAsB;IACrC,MAAM,CAAiB;IAE/B,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;QACf,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;QACf,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;QAClB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC;QAC3B,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QACzB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QACxB,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;QAC1B,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;QAClB,IAAI,CAAC,eAAe,GAAG,mBAAmB,CAAC,IAAI,CAAC;QAChD,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QAErB,IAAI,CAAC,OAAO,GAAG,IAAI,uBAAuB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QAC3D,IAAI,CAAC,OAAO,GAAG,IAAI,uBAAuB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IAC/D,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,cAAc,CAAC;IAC1B,CAAC;IAED;;;;;OAKG;IACH,IACW,GAAG;QACV,OAAO,IAAI,CAAC,IAAI,CAAC;IACrB,CAAC;IAED,IAAW,GAAG,CAAC,KAAa;QACxB,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,EAAE,CAAC;YACtB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;YAClB,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9B,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IACW,GAAG;QACV,OAAO,IAAI,CAAC,IAAI,CAAC;IACrB,CAAC;IAED,IAAW,GAAG,CAAC,KAAa;QACxB,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,EAAE,CAAC;YACtB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;YAClB,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9B,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IACW,MAAM;QACb,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;IAED,IAAW,MAAM,CAAC,KAAa;QAC3B,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;;;;OAIG;IACH,IACW,UAAU;QACjB,OAAO,IAAI,CAAC,WAAW,CAAC;IAC5B,CAAC;IAED,IAAW,UAAU,CAAC,KAAc;QAChC,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;;;;OAIG;IACH,IACW,SAAS;QAChB,OAAO,IAAI,CAAC,UAAU,CAAC;IAC3B,CAAC;IAED,IAAW,SAAS,CAAC,KAAc;QAC/B,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;IAED;;;;OAIG;IACH,IACW,WAAW;QAClB,OAAO,IAAI,CAAC,YAAY,CAAC;IAC7B,CAAC;IAED,IAAW,WAAW,CAAC,KAAc;QACjC,IAAI,IAAI,CAAC,YAAY,KAAK,KAAK,EAAE,CAAC;YAC9B,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;YAC1B,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;QACtC,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IACW,GAAG;QACV,OAAO,IAAI,CAAC,IAAI,CAAC;IACrB,CAAC;IAED,IAAW,GAAG,CAAC,KAAe;QAC1B,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,EAAE,CAAC;YACtB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;YAClB,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9B,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IACW,MAAM;QACb,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;IAED,IAAW,MAAM,CAAC,KAAa;QAC3B,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,cAAc;QACrB,OAAO,IAAI,CAAC,eAAe,CAAC;IAChC,CAAC;IAED,IAAW,cAAc,CAAC,KAA0B;QAChD,IAAI,IAAI,CAAC,eAAe,KAAK,KAAK,EAAE,CAAC;YACjC,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;YAC7B,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;QACzC,CAAC;IACL,CAAC;IAED;;;;;QAKI;IACJ,IACW,KAAK;QACZ,OAAO,IAAI,CAAC,MAAM,CAAC;IACvB,CAAC;IAED,IAAY,KAAK,CAAC,KAAiB;QAC/B,IAAI,IAAI,CAAC,MAAM,KAAK,KAAK,EAAE,CAAC;YACxB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YACpB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAChC,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IACW,KAAK;QACZ,OAAO,IAAI,CAAC,MAAM,CAAC;IACvB,CAAC;IAED,IAAW,KAAK,CAAC,KAAqB;QAClC,IAAI,IAAI,CAAC,MAAM,KAAK,KAAK,EAAE,CAAC;YACxB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YACpB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAChC,CAAC;IACL,CAAC;IAED;;;;;;;OAOG;IACH,IACW,MAAM;QACb,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;IAED;;;;;;;OAOG;IACH,IACW,MAAM;QACb,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;IAED,aAAa;IAEb,kBAAkB;IAElB;;OAEG;IAEO,sBAAsB,CAAC,KAAiB,EAAE,IAAgB;QAChE,sBAAsB,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,CAAC;QACjE,sBAAsB,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;IACjE,CAAC;IAED;;OAEG;IAEO,uBAAuB,CAAC,KAAiB,EAAE,IAAgB;QACjE,sBAAsB,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE,YAAY,EAAE,IAAI,CAAC,CAAC;QAClE,sBAAsB,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAC;IAClE,CAAC;IAED;;OAEG;IAEO,sBAAsB,CAAC,KAAsB,EAAE,IAAqB;QAC1E,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;YACrB,sBAAsB,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE,sBAAsB,EAAE,IAAI,CAAC,CAAC;QAChF,CAAC;aAAM,CAAC;YACJ,sBAAsB,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,EAAE,sBAAsB,CAAC,CAAC;QAC7E,CAAC;IACL,CAAC;IAED;;;OAGG;IACI,YAAY;QACf,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC;QACtB,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;IACxB,CAAC;IAED;;;OAGG;IACI,WAAW;QACd,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC;QACpB,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;IACxB,CAAC;CAIJ,CAAA;AA7QG;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;uCAG3B;AAeD;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;uCAG3B;AAeD;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;0CAG3B;AAcD;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;;8CAG3B;AAcD;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;;6CAG3B;AAcD;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;;+CAG3B;AAeD;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;uCAG3B;AAeD;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;0CAG3B;AAeD;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,mBAAmB,EAAE,CAAC;;;kDAGxC;AAeD;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;yCAG3B;AAeD;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;yCAG3B;AAiBD;IAAC,IAAI,EAAE;;;0CAGN;AAUD;IAAC,IAAI,EAAE;;;0CAGN;AAUS;IADT,KAAK,CAAC,OAAO,CAAC;;;;0DAId;AAMS;IADT,KAAK,CAAC,QAAQ,CAAC;;;;2DAIf;AAMS;IADT,KAAK,CAAC,OAAO,CAAC;;;;0DAOd;AA3TQ,YAAY;IAdxB,SAAS,CAAC;QACP,QAAQ,EAAE,cAAc;QACxB,QAAQ,EAAE,oBAAoB;QAC9B,MAAM,EAAE;YACJ,GAAG,EAAE,oBAAoB;YACzB,KAAK,EAAE,sBAAsB;YAC7B,YAAY,EAAE,6BAA6B;SAC9C;QACD,OAAO,EAAE;YACL,WAAW;YACX,WAAW;YACX,mBAAmB;SACtB;KACJ,CAAC;;GACW,YAAY,CAiVxB"}
|
|
@@ -12,17 +12,96 @@ export declare const DEFAULT_DIMENSIONS: {
|
|
|
12
12
|
};
|
|
13
13
|
declare const DialogElement_base: (abstract new (...args: Array<any>) => import("../../../../Controls/Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Animatable").IAnimatableProps & IAnimatable) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Dimensionable").IDimensionableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Elevatable").IElevatableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Appearanceable").IAppearanceableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Slottable").ISlottableProps & ISlottable) & typeof OverlayElement & import("../../../../Controls/Behaviors/Themeable").IThemeableCtor;
|
|
14
14
|
/**
|
|
15
|
-
* Dialog - A modal
|
|
15
|
+
* Dialog - A modal window component for displaying focused content and user interactions.
|
|
16
16
|
*
|
|
17
|
-
*
|
|
17
|
+
* Creates modal dialogs that overlay the main content with focus management and backdrop interaction.
|
|
18
|
+
* Supports draggable positioning, fullscreen mode, and structured content areas for headers, content, and actions.
|
|
19
|
+
* Provides essential modal patterns for confirmations, forms, and detailed content presentation.
|
|
20
|
+
*
|
|
21
|
+
* @name DialogElement
|
|
18
22
|
* @element mosaik-dialog
|
|
19
23
|
* @category Overlays
|
|
20
24
|
*
|
|
21
|
-
* @slot -
|
|
22
|
-
* @slot header -
|
|
23
|
-
* @slot footer -
|
|
24
|
-
* @slot content -
|
|
25
|
-
* @slot actions -
|
|
25
|
+
* @slot - Default content area for main dialog body
|
|
26
|
+
* @slot header - Dialog header section for titles and controls
|
|
27
|
+
* @slot footer - Dialog footer section for additional information
|
|
28
|
+
* @slot content - Main content area for dialog body content
|
|
29
|
+
* @slot actions - Action buttons and controls area
|
|
30
|
+
*
|
|
31
|
+
* @csspart dialog - The native HTML dialog container element
|
|
32
|
+
* @csspart backdrop - The semi-transparent overlay backdrop
|
|
33
|
+
* @csspart container - Main dialog content container
|
|
34
|
+
* @csspart header - Header section container
|
|
35
|
+
* @csspart content - Main content section container
|
|
36
|
+
* @csspart footer - Footer section container
|
|
37
|
+
* @csspart actions - Action buttons container
|
|
38
|
+
*
|
|
39
|
+
* @cssprop --dialog-width - Width of the dialog container
|
|
40
|
+
* @cssprop --dialog-height - Height of the dialog container
|
|
41
|
+
* @cssprop --dialog-max-width - Maximum width constraint for the dialog
|
|
42
|
+
* @cssprop --dialog-max-height - Maximum height constraint for the dialog
|
|
43
|
+
* @cssprop --dialog-background-color - Background color of the dialog
|
|
44
|
+
* @cssprop --dialog-border-radius - Border radius for dialog corners
|
|
45
|
+
* @cssprop --dialog-padding - Internal padding for dialog content
|
|
46
|
+
* @cssprop --dialog-elevation - Elevation level for shadow effects
|
|
47
|
+
* @cssprop --dialog-backdrop-color - Color of the backdrop overlay
|
|
48
|
+
*
|
|
49
|
+
* @dependency BackdropElement - Provides backdrop overlay functionality
|
|
50
|
+
* @dependency StackElement - Layout container for dialog content
|
|
51
|
+
* @dependency ElevationElement - Elevation and shadow effects
|
|
52
|
+
* @dependency DialogHeaderElement - Structured header layout
|
|
53
|
+
* @dependency DialogContentElement - Main content area layout
|
|
54
|
+
* @dependency DialogFooterElement - Footer section layout
|
|
55
|
+
* @dependency DialogActionsElement - Action buttons layout
|
|
56
|
+
*
|
|
57
|
+
* @example
|
|
58
|
+
* ```html
|
|
59
|
+
* <!-- Confirmation dialog -->
|
|
60
|
+
* <mosaik-dialog id="confirmDialog">
|
|
61
|
+
* <mosaik-dialog-header slot="header">
|
|
62
|
+
* <h2>Confirm Delete</h2>
|
|
63
|
+
* </mosaik-dialog-header>
|
|
64
|
+
* <mosaik-dialog-content slot="content">
|
|
65
|
+
* <p>Are you sure you want to delete this item? This action cannot be undone.</p>
|
|
66
|
+
* </mosaik-dialog-content>
|
|
67
|
+
* <mosaik-dialog-actions slot="actions">
|
|
68
|
+
* <mosaik-button onclick="closeDialog()">Cancel</mosaik-button>
|
|
69
|
+
* <mosaik-button appearance="danger" onclick="confirmDelete()">Delete</mosaik-button>
|
|
70
|
+
* </mosaik-dialog-actions>
|
|
71
|
+
* </mosaik-dialog>
|
|
72
|
+
*
|
|
73
|
+
* <!-- Form dialog -->
|
|
74
|
+
* <mosaik-dialog draggable>
|
|
75
|
+
* <div slot="header">
|
|
76
|
+
* <h3>Add New User</h3>
|
|
77
|
+
* </div>
|
|
78
|
+
* <form slot="content">
|
|
79
|
+
* <mosaik-text-field label="Name" required></mosaik-text-field>
|
|
80
|
+
* <mosaik-text-field label="Email" type="email" required></mosaik-text-field>
|
|
81
|
+
* <mosaik-select label="Role" required>
|
|
82
|
+
* <option>User</option>
|
|
83
|
+
* <option>Admin</option>
|
|
84
|
+
* </mosaik-select>
|
|
85
|
+
* </form>
|
|
86
|
+
* <div slot="actions">
|
|
87
|
+
* <mosaik-button type="submit">Save</mosaik-button>
|
|
88
|
+
* </div>
|
|
89
|
+
* </mosaik-dialog>
|
|
90
|
+
*
|
|
91
|
+
* <!-- Fullscreen dialog -->
|
|
92
|
+
* <mosaik-dialog fullscreen>
|
|
93
|
+
* <header slot="header">
|
|
94
|
+
* <mosaik-toolbar>
|
|
95
|
+
* <mosaik-button slot="start" onclick="closeDialog()">Close</mosaik-button>
|
|
96
|
+
* <h1 slot="title">Settings</h1>
|
|
97
|
+
* <mosaik-button slot="end">Save</mosaik-button>
|
|
98
|
+
* </mosaik-toolbar>
|
|
99
|
+
* </header>
|
|
100
|
+
* <main slot="content">
|
|
101
|
+
* <!-- Full settings content -->
|
|
102
|
+
* </main>
|
|
103
|
+
* </mosaik-dialog>
|
|
104
|
+
* ```
|
|
26
105
|
*
|
|
27
106
|
* @public
|
|
28
107
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DialogElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Dialog/DialogElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAc,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAIxE,OAAO,EAAa,KAAK,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAQ1E,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAM7D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAOjE;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;;CAIrB,CAAC;;AAOX
|
|
1
|
+
{"version":3,"file":"DialogElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Dialog/DialogElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAc,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAIxE,OAAO,EAAa,KAAK,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAQ1E,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAM7D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAOjE;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;;CAIrB,CAAC;;AAOX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6FG;AACH,qBAkBa,aACT,SAAQ,kBACR,YAAW,mBAAmB,EAAE,UAAU,EAAE,WAAW;IAIvD,OAAO,CAAC,cAAc,CAAqB;IAC3C,OAAO,CAAC,cAAc,CAAkB;IACxC,OAAO,CAAC,YAAY,CAAU;IAC9B,OAAO,CAAC,aAAa,CAAU;IAC/B,OAAO,CAAC,SAAS,CAAU;IAC3B,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,kBAAkB,CAAY;IACtC,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,gBAAgB,CAAS;IACjC,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,gBAAgB,CAAS;IACjC,OAAO,CAAC,eAAe,CAAS;IAMhC;;OAEG;;IA8BH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IAIW,WAAW,IAAI,OAAO,CAEhC;IAED,IAAW,WAAW,CAAC,KAAK,EAAE,OAAO,EAKpC;IAED;;;;;OAKG;IACH,IAIW,YAAY,IAAI,OAAO,CAEjC;IACD,IAAW,YAAY,CAAC,KAAK,EAAE,OAAO,EAKrC;IAED;;;;;;OAMG;IACH,IAIW,QAAQ,IAAI,OAAO,CAE7B;IAED,OAAO,KAAK,QAAQ,QAKnB;IAED;;;;;;OAMG;IACH,IACW,OAAO,IAAI,MAAM,CAE3B;IAED,OAAO,KAAK,OAAO,QAKlB;IAED;;;;;;OAMG;IACH,IACW,OAAO,IAAI,MAAM,CAE3B;IAED,OAAO,KAAK,OAAO,QAKlB;IAMD;;;;;OAKG;IACmB,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IAM3C;;;;;OAKG;IACmB,KAAK,IAAI,OAAO,CAAC,OAAO,CAAC;IAI/C;;;OAGG;IACI,UAAU,IAAI,IAAI;IAMzB;;;OAGG;IACI,WAAW,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAc7C;;;OAGG;IACI,MAAM,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAWxC;;;OAGG;IACI,SAAS,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAY3C;;;OAGG;cACgB,eAAe,IAAI,IAAI;IAO1C;;OAEG;IAEH,SAAS,CAAC,uBAAuB,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI;IAQtE;;OAEG;IAEH,SAAS,CAAC,4BAA4B,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI;IAW/E;;OAEG;IACH,OAAO,CAAC,YAAY;CAuEvB;AAED;;EAEE;AACF,yBAAiB,aAAa,CAAC;IAC3B,KAAY,KAAK,GAAG,mBAAmB,CAAC;CAC3C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,eAAe,EAAE,aAAa,CAAC;KAClC;CACJ"}
|
|
@@ -41,17 +41,96 @@ export const DEFAULT_DIMENSIONS = {
|
|
|
41
41
|
DRAG_BAR_HEIGHT: 32
|
|
42
42
|
};
|
|
43
43
|
/**
|
|
44
|
-
* Dialog - A modal
|
|
44
|
+
* Dialog - A modal window component for displaying focused content and user interactions.
|
|
45
45
|
*
|
|
46
|
-
*
|
|
46
|
+
* Creates modal dialogs that overlay the main content with focus management and backdrop interaction.
|
|
47
|
+
* Supports draggable positioning, fullscreen mode, and structured content areas for headers, content, and actions.
|
|
48
|
+
* Provides essential modal patterns for confirmations, forms, and detailed content presentation.
|
|
49
|
+
*
|
|
50
|
+
* @name DialogElement
|
|
47
51
|
* @element mosaik-dialog
|
|
48
52
|
* @category Overlays
|
|
49
53
|
*
|
|
50
|
-
* @slot -
|
|
51
|
-
* @slot header -
|
|
52
|
-
* @slot footer -
|
|
53
|
-
* @slot content -
|
|
54
|
-
* @slot actions -
|
|
54
|
+
* @slot - Default content area for main dialog body
|
|
55
|
+
* @slot header - Dialog header section for titles and controls
|
|
56
|
+
* @slot footer - Dialog footer section for additional information
|
|
57
|
+
* @slot content - Main content area for dialog body content
|
|
58
|
+
* @slot actions - Action buttons and controls area
|
|
59
|
+
*
|
|
60
|
+
* @csspart dialog - The native HTML dialog container element
|
|
61
|
+
* @csspart backdrop - The semi-transparent overlay backdrop
|
|
62
|
+
* @csspart container - Main dialog content container
|
|
63
|
+
* @csspart header - Header section container
|
|
64
|
+
* @csspart content - Main content section container
|
|
65
|
+
* @csspart footer - Footer section container
|
|
66
|
+
* @csspart actions - Action buttons container
|
|
67
|
+
*
|
|
68
|
+
* @cssprop --dialog-width - Width of the dialog container
|
|
69
|
+
* @cssprop --dialog-height - Height of the dialog container
|
|
70
|
+
* @cssprop --dialog-max-width - Maximum width constraint for the dialog
|
|
71
|
+
* @cssprop --dialog-max-height - Maximum height constraint for the dialog
|
|
72
|
+
* @cssprop --dialog-background-color - Background color of the dialog
|
|
73
|
+
* @cssprop --dialog-border-radius - Border radius for dialog corners
|
|
74
|
+
* @cssprop --dialog-padding - Internal padding for dialog content
|
|
75
|
+
* @cssprop --dialog-elevation - Elevation level for shadow effects
|
|
76
|
+
* @cssprop --dialog-backdrop-color - Color of the backdrop overlay
|
|
77
|
+
*
|
|
78
|
+
* @dependency BackdropElement - Provides backdrop overlay functionality
|
|
79
|
+
* @dependency StackElement - Layout container for dialog content
|
|
80
|
+
* @dependency ElevationElement - Elevation and shadow effects
|
|
81
|
+
* @dependency DialogHeaderElement - Structured header layout
|
|
82
|
+
* @dependency DialogContentElement - Main content area layout
|
|
83
|
+
* @dependency DialogFooterElement - Footer section layout
|
|
84
|
+
* @dependency DialogActionsElement - Action buttons layout
|
|
85
|
+
*
|
|
86
|
+
* @example
|
|
87
|
+
* ```html
|
|
88
|
+
* <!-- Confirmation dialog -->
|
|
89
|
+
* <mosaik-dialog id="confirmDialog">
|
|
90
|
+
* <mosaik-dialog-header slot="header">
|
|
91
|
+
* <h2>Confirm Delete</h2>
|
|
92
|
+
* </mosaik-dialog-header>
|
|
93
|
+
* <mosaik-dialog-content slot="content">
|
|
94
|
+
* <p>Are you sure you want to delete this item? This action cannot be undone.</p>
|
|
95
|
+
* </mosaik-dialog-content>
|
|
96
|
+
* <mosaik-dialog-actions slot="actions">
|
|
97
|
+
* <mosaik-button onclick="closeDialog()">Cancel</mosaik-button>
|
|
98
|
+
* <mosaik-button appearance="danger" onclick="confirmDelete()">Delete</mosaik-button>
|
|
99
|
+
* </mosaik-dialog-actions>
|
|
100
|
+
* </mosaik-dialog>
|
|
101
|
+
*
|
|
102
|
+
* <!-- Form dialog -->
|
|
103
|
+
* <mosaik-dialog draggable>
|
|
104
|
+
* <div slot="header">
|
|
105
|
+
* <h3>Add New User</h3>
|
|
106
|
+
* </div>
|
|
107
|
+
* <form slot="content">
|
|
108
|
+
* <mosaik-text-field label="Name" required></mosaik-text-field>
|
|
109
|
+
* <mosaik-text-field label="Email" type="email" required></mosaik-text-field>
|
|
110
|
+
* <mosaik-select label="Role" required>
|
|
111
|
+
* <option>User</option>
|
|
112
|
+
* <option>Admin</option>
|
|
113
|
+
* </mosaik-select>
|
|
114
|
+
* </form>
|
|
115
|
+
* <div slot="actions">
|
|
116
|
+
* <mosaik-button type="submit">Save</mosaik-button>
|
|
117
|
+
* </div>
|
|
118
|
+
* </mosaik-dialog>
|
|
119
|
+
*
|
|
120
|
+
* <!-- Fullscreen dialog -->
|
|
121
|
+
* <mosaik-dialog fullscreen>
|
|
122
|
+
* <header slot="header">
|
|
123
|
+
* <mosaik-toolbar>
|
|
124
|
+
* <mosaik-button slot="start" onclick="closeDialog()">Close</mosaik-button>
|
|
125
|
+
* <h1 slot="title">Settings</h1>
|
|
126
|
+
* <mosaik-button slot="end">Save</mosaik-button>
|
|
127
|
+
* </mosaik-toolbar>
|
|
128
|
+
* </header>
|
|
129
|
+
* <main slot="content">
|
|
130
|
+
* <!-- Full settings content -->
|
|
131
|
+
* </main>
|
|
132
|
+
* </mosaik-dialog>
|
|
133
|
+
* ```
|
|
55
134
|
*
|
|
56
135
|
* @public
|
|
57
136
|
*/
|
|
@@ -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"}
|