@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
|
@@ -29,21 +29,70 @@ import { pinBoxElementCosmopolitanStyle } from './Themes/PinBoxElement.Cosmopoli
|
|
|
29
29
|
import { Themeable } from '../../../Behaviors/Themeable';
|
|
30
30
|
// #endregion
|
|
31
31
|
/**
|
|
32
|
-
* Pin Box - A
|
|
32
|
+
* Pin Box - A secure multi-field input control for entering PIN codes and verification numbers.
|
|
33
33
|
*
|
|
34
|
+
* @description
|
|
35
|
+
* The Pin Box component provides a specialized interface for entering personal identification numbers (PINs),
|
|
36
|
+
* verification codes, and other secure numeric sequences. It displays a series of individual input fields,
|
|
37
|
+
* each accepting a single character, creating a familiar PIN entry experience. Features include automatic
|
|
38
|
+
* cursor advancement between fields, backspace navigation, support for both visible and masked input modes,
|
|
39
|
+
* keyboard navigation with arrow keys, paste support for quick entry, configurable field count, validation
|
|
40
|
+
* support, and comprehensive accessibility features. The component ensures secure input handling and provides
|
|
41
|
+
* visual feedback for each character position. Ideal for authentication flows, two-factor authentication,
|
|
42
|
+
* security verification, and any scenario requiring secure code entry.
|
|
43
|
+
*
|
|
44
|
+
* @name Pin Box
|
|
34
45
|
* @element mosaik-pinbox
|
|
46
|
+
* @category Inputs
|
|
35
47
|
*
|
|
36
|
-
* @
|
|
37
|
-
*
|
|
38
|
-
*
|
|
39
|
-
* such as PIN-based authentication.
|
|
48
|
+
* @csspart root - The root container for all PIN input fields.
|
|
49
|
+
* @csspart focusRing - The focus ring indicator for each input field.
|
|
50
|
+
* @csspart input - Individual PIN digit input fields.
|
|
40
51
|
*
|
|
41
|
-
* @
|
|
52
|
+
* @cssprop {String} --pin-box-background-color - The background color.
|
|
53
|
+
* @cssprop {String} --pin-box-border-color - The border color.
|
|
54
|
+
* @cssprop {String} --pin-box-border-radius - The border radius.
|
|
55
|
+
* @cssprop {String} --pin-box-border-style - The border style.
|
|
56
|
+
* @cssprop {String} --pin-box-border-width - The border width.
|
|
57
|
+
* @cssprop {String} --pin-box-font-family - The font family.
|
|
58
|
+
* @cssprop {String} --pin-box-font-size - The font size.
|
|
59
|
+
* @cssprop {String} --pin-box-font-weight - The font weight.
|
|
60
|
+
* @cssprop {String} --pin-box-foreground-color - The foreground color.
|
|
61
|
+
* @cssprop {String} --pin-box-gap - The gap between input fields.
|
|
62
|
+
* @cssprop {String} --pin-box-height - The height.
|
|
63
|
+
* @cssprop {String} --pin-box-padding-bottom - The padding bottom.
|
|
64
|
+
* @cssprop {String} --pin-box-padding-left - The padding left.
|
|
65
|
+
* @cssprop {String} --pin-box-padding-right - The padding right.
|
|
66
|
+
* @cssprop {String} --pin-box-padding-top - The padding top.
|
|
67
|
+
* @cssprop {String} --pin-box-shadow - The shadow.
|
|
68
|
+
* @cssprop {String} --pin-box-transition-duration - The transition duration.
|
|
69
|
+
* @cssprop {String} --pin-box-width - The width.
|
|
70
|
+
*
|
|
71
|
+
* @dependency mosaik-focus-ring - Used for focus indication on each input field.
|
|
42
72
|
*
|
|
43
73
|
* @keyhandle Backspace - Deletes the character to the left of the cursor.
|
|
44
74
|
* @keyhandle LeftArrow - Moves the cursor to the left.
|
|
45
75
|
* @keyhandle RightArrow - Moves the cursor to the right.
|
|
46
76
|
*
|
|
77
|
+
* @example
|
|
78
|
+
* ```html
|
|
79
|
+
* <mosaik-pinbox
|
|
80
|
+
* length="6"
|
|
81
|
+
* mode="password"
|
|
82
|
+
* placeholder="•">
|
|
83
|
+
* </mosaik-pinbox>
|
|
84
|
+
* ```
|
|
85
|
+
*
|
|
86
|
+
* @example
|
|
87
|
+
* ```html
|
|
88
|
+
* <mosaik-pinbox
|
|
89
|
+
* length="4"
|
|
90
|
+
* mode="text"
|
|
91
|
+
* pattern="[0-9]"
|
|
92
|
+
* required>
|
|
93
|
+
* </mosaik-pinbox>
|
|
94
|
+
* ```
|
|
95
|
+
*
|
|
47
96
|
* @public
|
|
48
97
|
*/
|
|
49
98
|
let PinBoxElement = class PinBoxElement extends Themeable(Disableable(Invalidable(Valueable(Variantable(Appearanceable(InputBaseElement)))))) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PinBoxElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/PinBox/PinBoxElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAqB,MAAM,gCAAgC,CAAC;AAChF,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAC7E,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,8BAA8B,EAAE,MAAM,qCAAqC,CAAC;AACrF,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,aAAa;AAEb
|
|
1
|
+
{"version":3,"file":"PinBoxElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/PinBox/PinBoxElement.ts"],"names":[],"mappings":"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"}
|
|
@@ -7,7 +7,35 @@ declare const RadioElement_base: (abstract new (...args: Array<any>) => import("
|
|
|
7
7
|
/**
|
|
8
8
|
* Radio - A UI element allowing users to select a single option from a list.
|
|
9
9
|
*
|
|
10
|
+
* @description
|
|
11
|
+
* The Radio component allows users to select one option from a group of mutually exclusive choices.
|
|
12
|
+
* Radio buttons are typically used in forms where only one selection is allowed from a set of options.
|
|
13
|
+
* They work best when grouped together and provide clear, distinct choices to users.
|
|
14
|
+
*
|
|
15
|
+
* @name Radio
|
|
10
16
|
* @element mosaik-radio
|
|
17
|
+
* @category Inputs
|
|
18
|
+
*
|
|
19
|
+
* @slot checkmark - The checkmark slot.
|
|
20
|
+
* @slot label - The label slot.
|
|
21
|
+
* @slot hint - The hint slot.
|
|
22
|
+
*
|
|
23
|
+
* @csspart input - the input part.
|
|
24
|
+
* @csspart focusRing - the focus ring part.
|
|
25
|
+
* @csspart checkmark - the checkmark part.
|
|
26
|
+
* @csspart label - the label part.
|
|
27
|
+
* @csspart hint - the hint part.
|
|
28
|
+
*
|
|
29
|
+
* @dependency {FocusRingElement} mosaik-focus-ring - The focus ring element.
|
|
30
|
+
* @dependency {CheckmarkElement} mosaik-checkmark - The checkmark element.
|
|
31
|
+
* @dependency {TextElement} mosaik-text - The text element.
|
|
32
|
+
*
|
|
33
|
+
* @example
|
|
34
|
+
* ```html
|
|
35
|
+
* <mosaik-radio name="size" value="small" label="Small"></mosaik-radio>
|
|
36
|
+
* <mosaik-radio name="size" value="medium" label="Medium"></mosaik-radio>
|
|
37
|
+
* <mosaik-radio name="size" value="large" label="Large"></mosaik-radio>
|
|
38
|
+
* ```
|
|
11
39
|
*
|
|
12
40
|
* @public
|
|
13
41
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/Radio/RadioElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAe,KAAK,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAMhF,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+CAA+C,CAAC;AACxF,OAAO,EAAE,eAAe,EAAE,MAAM,qDAAqD,CAAC;AAGtF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;;AAW/D
|
|
1
|
+
{"version":3,"file":"RadioElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/Radio/RadioElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAe,KAAK,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAMhF,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+CAA+C,CAAC;AACxF,OAAO,EAAE,eAAe,EAAE,MAAM,qDAAqD,CAAC;AAGtF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;;AAW/D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,qBAkBa,YACT,SAAQ,iBACR,YAAW,kBAAkB,EAAE,kBAAkB,EAAE,YAAY;IAI/D,OAAO,CAAC,aAAa,CAAoB;IACzC,OAAO,CAAC,cAAc,CAAgB;IACtC,OAAO,CAAC,SAAS,CAAU;IAC3B,OAAO,CAAC,KAAK,CAAS;IAMtB;;OAEG;;IAaH;;;;;;;;OAQG;IACH,WAA2B,EAAE,IAAI,MAAM,CAEtC;IAED;;;;;OAKG;IACH,IACW,aAAa,IAAI,aAAa,CAExC;IAED,IAAW,aAAa,CAAC,KAAK,EAAE,aAAa,EAK5C;IAED;;;;;OAKG;IACH,IAIW,QAAQ,IAAI,OAAO,CAE7B;IAED,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAKjC;IAED;;;;;OAKG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IAED,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAK5B;IAMD;;;OAGG;IACa,iBAAiB,IAAI,IAAI;IAezC;;;;OAIG;IACI,KAAK,IAAI,IAAI;IAKpB;;;;;OAKG;IACa,aAAa,IAAI,OAAO;IAMxC;;;OAGG;IACa,KAAK,IAAI,IAAI;IAS7B;;;OAGG;IACa,OAAO,IAAI,IAAI;IAS/B;;;;;OAKG;IACa,MAAM,IAAI,IAAI;IAS9B;;;OAGG;cACgB,eAAe,IAAI,IAAI;CAQ7C;AAED;;GAEG;AACH,yBAAiB,YAAY,CAAC;IAC1B,KAAY,KAAK,GAAG,kBAAkB,CAAC;CAC1C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,cAAc,EAAE,YAAY,CAAC;KAChC;CACJ"}
|
|
@@ -31,7 +31,35 @@ import { FocusRingElement } from '../../Primitives/FocusRing/FocusRingElement';
|
|
|
31
31
|
/**
|
|
32
32
|
* Radio - A UI element allowing users to select a single option from a list.
|
|
33
33
|
*
|
|
34
|
+
* @description
|
|
35
|
+
* The Radio component allows users to select one option from a group of mutually exclusive choices.
|
|
36
|
+
* Radio buttons are typically used in forms where only one selection is allowed from a set of options.
|
|
37
|
+
* They work best when grouped together and provide clear, distinct choices to users.
|
|
38
|
+
*
|
|
39
|
+
* @name Radio
|
|
34
40
|
* @element mosaik-radio
|
|
41
|
+
* @category Inputs
|
|
42
|
+
*
|
|
43
|
+
* @slot checkmark - The checkmark slot.
|
|
44
|
+
* @slot label - The label slot.
|
|
45
|
+
* @slot hint - The hint slot.
|
|
46
|
+
*
|
|
47
|
+
* @csspart input - the input part.
|
|
48
|
+
* @csspart focusRing - the focus ring part.
|
|
49
|
+
* @csspart checkmark - the checkmark part.
|
|
50
|
+
* @csspart label - the label part.
|
|
51
|
+
* @csspart hint - the hint part.
|
|
52
|
+
*
|
|
53
|
+
* @dependency {FocusRingElement} mosaik-focus-ring - The focus ring element.
|
|
54
|
+
* @dependency {CheckmarkElement} mosaik-checkmark - The checkmark element.
|
|
55
|
+
* @dependency {TextElement} mosaik-text - The text element.
|
|
56
|
+
*
|
|
57
|
+
* @example
|
|
58
|
+
* ```html
|
|
59
|
+
* <mosaik-radio name="size" value="small" label="Small"></mosaik-radio>
|
|
60
|
+
* <mosaik-radio name="size" value="medium" label="Medium"></mosaik-radio>
|
|
61
|
+
* <mosaik-radio name="size" value="large" label="Large"></mosaik-radio>
|
|
62
|
+
* ```
|
|
35
63
|
*
|
|
36
64
|
* @public
|
|
37
65
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/Radio/RadioElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAqB,MAAM,gCAAgC,CAAC;AAChF,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,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,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,OAAO,EAAE,eAAe,EAAE,MAAM,qDAAqD,CAAC;AACtF,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAEhE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AACnF,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAE/E,aAAa;AAEb
|
|
1
|
+
{"version":3,"file":"RadioElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/Radio/RadioElement.ts"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,53 @@ import type { IRatingElementProps } from './IRatingElementProps';
|
|
|
3
3
|
type _FixTouchEvent = TouchEvent;
|
|
4
4
|
declare const RatingElement_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/Valueable").IValueableProps<unknown>) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Labelable").ILabelableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Orientable").IOrientableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Sizeable").ISizeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Variantable").IVariantableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
|
|
5
5
|
/**
|
|
6
|
-
*
|
|
6
|
+
* Rating - An interactive rating input control using customizable symbols for user feedback collection.
|
|
7
|
+
*
|
|
8
|
+
* @description
|
|
9
|
+
* The Rating component provides an intuitive interface for users to provide feedback using visual symbols
|
|
10
|
+
* (typically stars). It supports fractional ratings, hover interactions, keyboard navigation, and extensive
|
|
11
|
+
* customization options. Features include configurable symbol sets (stars, hearts, thumbs up, etc.),
|
|
12
|
+
* adjustable scale lengths, read-only and interactive modes, horizontal and vertical orientations,
|
|
13
|
+
* accessibility support with ARIA attributes, and smooth hover animations. The component handles both
|
|
14
|
+
* click and touch interactions, supports RTL layouts, and provides precise fractional rating capabilities.
|
|
15
|
+
* Perfect for product reviews, feedback forms, content ratings, and user satisfaction surveys.
|
|
16
|
+
*
|
|
17
|
+
* @name Rating
|
|
18
|
+
* @element mosaik-rating
|
|
19
|
+
* @category Inputs
|
|
20
|
+
*
|
|
21
|
+
* @csspart root - The root container element.
|
|
22
|
+
* @csspart symbols - The container for rating symbols.
|
|
23
|
+
* @csspart symbol - Individual rating symbol elements.
|
|
24
|
+
*
|
|
25
|
+
* @cssprop {String} --rating-background-color - The background color.
|
|
26
|
+
* @cssprop {String} --rating-border-color - The border color.
|
|
27
|
+
* @cssprop {String} --rating-border-radius - The border radius.
|
|
28
|
+
* @cssprop {String} --rating-border-style - The border style.
|
|
29
|
+
* @cssprop {String} --rating-border-width - The border width.
|
|
30
|
+
* @cssprop {String} --rating-foreground-color - The foreground color.
|
|
31
|
+
* @cssprop {String} --rating-shadow - The shadow.
|
|
32
|
+
*
|
|
33
|
+
* @dependency mosaik-icon - Used for rating symbols.
|
|
34
|
+
*
|
|
35
|
+
* @example
|
|
36
|
+
* ```html
|
|
37
|
+
* <mosaik-rating
|
|
38
|
+
* length="5"
|
|
39
|
+
* value="4.5"
|
|
40
|
+
* label="Rate this product">
|
|
41
|
+
* </mosaik-rating>
|
|
42
|
+
* ```
|
|
43
|
+
*
|
|
44
|
+
* @example
|
|
45
|
+
* ```html
|
|
46
|
+
* <mosaik-rating
|
|
47
|
+
* length="10"
|
|
48
|
+
* orientation="vertical"
|
|
49
|
+
* readonly
|
|
50
|
+
* value="7">
|
|
51
|
+
* </mosaik-rating>
|
|
52
|
+
* ```
|
|
7
53
|
*
|
|
8
54
|
* @public
|
|
9
55
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RatingElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/Rating/RatingElement.ts"],"names":[],"mappings":"AAcA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAWjE,KAAK,cAAc,GAAG,UAAU,CAAC;;AAEjC
|
|
1
|
+
{"version":3,"file":"RatingElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/Rating/RatingElement.ts"],"names":[],"mappings":"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"}
|
|
@@ -29,7 +29,53 @@ import { ratingElementCosmopolitanStyle } from './Themes/RatingElement.Cosmopoli
|
|
|
29
29
|
import { Themeable } from '../../../Behaviors/Themeable';
|
|
30
30
|
import { Property } from '../../../Decorators/PropertyDecorator';
|
|
31
31
|
/**
|
|
32
|
-
*
|
|
32
|
+
* Rating - An interactive rating input control using customizable symbols for user feedback collection.
|
|
33
|
+
*
|
|
34
|
+
* @description
|
|
35
|
+
* The Rating component provides an intuitive interface for users to provide feedback using visual symbols
|
|
36
|
+
* (typically stars). It supports fractional ratings, hover interactions, keyboard navigation, and extensive
|
|
37
|
+
* customization options. Features include configurable symbol sets (stars, hearts, thumbs up, etc.),
|
|
38
|
+
* adjustable scale lengths, read-only and interactive modes, horizontal and vertical orientations,
|
|
39
|
+
* accessibility support with ARIA attributes, and smooth hover animations. The component handles both
|
|
40
|
+
* click and touch interactions, supports RTL layouts, and provides precise fractional rating capabilities.
|
|
41
|
+
* Perfect for product reviews, feedback forms, content ratings, and user satisfaction surveys.
|
|
42
|
+
*
|
|
43
|
+
* @name Rating
|
|
44
|
+
* @element mosaik-rating
|
|
45
|
+
* @category Inputs
|
|
46
|
+
*
|
|
47
|
+
* @csspart root - The root container element.
|
|
48
|
+
* @csspart symbols - The container for rating symbols.
|
|
49
|
+
* @csspart symbol - Individual rating symbol elements.
|
|
50
|
+
*
|
|
51
|
+
* @cssprop {String} --rating-background-color - The background color.
|
|
52
|
+
* @cssprop {String} --rating-border-color - The border color.
|
|
53
|
+
* @cssprop {String} --rating-border-radius - The border radius.
|
|
54
|
+
* @cssprop {String} --rating-border-style - The border style.
|
|
55
|
+
* @cssprop {String} --rating-border-width - The border width.
|
|
56
|
+
* @cssprop {String} --rating-foreground-color - The foreground color.
|
|
57
|
+
* @cssprop {String} --rating-shadow - The shadow.
|
|
58
|
+
*
|
|
59
|
+
* @dependency mosaik-icon - Used for rating symbols.
|
|
60
|
+
*
|
|
61
|
+
* @example
|
|
62
|
+
* ```html
|
|
63
|
+
* <mosaik-rating
|
|
64
|
+
* length="5"
|
|
65
|
+
* value="4.5"
|
|
66
|
+
* label="Rate this product">
|
|
67
|
+
* </mosaik-rating>
|
|
68
|
+
* ```
|
|
69
|
+
*
|
|
70
|
+
* @example
|
|
71
|
+
* ```html
|
|
72
|
+
* <mosaik-rating
|
|
73
|
+
* length="10"
|
|
74
|
+
* orientation="vertical"
|
|
75
|
+
* readonly
|
|
76
|
+
* value="7">
|
|
77
|
+
* </mosaik-rating>
|
|
78
|
+
* ```
|
|
33
79
|
*
|
|
34
80
|
* @public
|
|
35
81
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RatingElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/Rating/RatingElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,MAAM,EAAE,MAAM,+CAA+C,CAAC;AACvE,OAAO,EAAE,KAAK,EAAE,MAAM,yCAAyC,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,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,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,8BAA8B,EAAE,MAAM,qCAAqC,CAAC;AACrF,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AAOjE
|
|
1
|
+
{"version":3,"file":"RatingElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/Rating/RatingElement.ts"],"names":[],"mappings":"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"}
|
|
@@ -9,28 +9,56 @@ import type { ISearchBoxElementProps } from './ISearchBoxElementProps';
|
|
|
9
9
|
import { TextAlignment } from '../../../Types/TextAlignment';
|
|
10
10
|
declare const SearchBoxElement_base: (abstract new (...args: Array<any>) => import("../../../../Controls/Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Slottable").ISlottableProps & ISlottable) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Clearable").IClearableProps & import("../../../Behaviors/Clearable").IClearableEvents & IClearable) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Disableable").IDisableableProps) & (abstract new (...args: Array<any>) => IInvalidable & import("../../../Behaviors/Invalidable").IInvalidableProps<unknown>) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Valueable").IValueableProps<unknown>) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Variantable").IVariantableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Busyable").IBusyableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Appearanceable").IAppearanceableProps) & typeof InputBaseElement & import("../../../../Controls/Behaviors/Themeable").IThemeableCtor;
|
|
11
11
|
/**
|
|
12
|
-
* Search Box - A
|
|
12
|
+
* Search Box - A specialized input control for search queries with integrated search functionality.
|
|
13
13
|
*
|
|
14
14
|
* @description
|
|
15
|
-
* The Search Box component
|
|
16
|
-
*
|
|
17
|
-
*
|
|
15
|
+
* The Search Box component provides a dedicated interface for entering and executing search queries with
|
|
16
|
+
* built-in search functionality and visual indicators. It features a search icon, clear functionality,
|
|
17
|
+
* configurable search trigger modes (on enter, on input, manual), debounced search execution to prevent
|
|
18
|
+
* excessive queries, progress indication for ongoing searches, and comprehensive keyboard support.
|
|
19
|
+
* The component handles search execution timing, provides search and clear events, supports both
|
|
20
|
+
* immediate and delayed search triggers, and integrates with loading states and validation systems.
|
|
21
|
+
* Perfect for search forms, filter interfaces, content discovery, and any application requiring
|
|
22
|
+
* search input with optimized query handling.
|
|
18
23
|
*
|
|
19
24
|
* @name Search Box
|
|
20
25
|
* @element mosaik-searchbox
|
|
21
|
-
* @category
|
|
26
|
+
* @category Inputs
|
|
22
27
|
*
|
|
23
|
-
* @slot prefix -
|
|
24
|
-
* @slot suffix -
|
|
28
|
+
* @slot prefix - Content placed before the search input.
|
|
29
|
+
* @slot suffix - Content placed after the search input.
|
|
25
30
|
*
|
|
26
|
-
* @csspart prefix
|
|
27
|
-
* @csspart
|
|
28
|
-
* @csspart
|
|
29
|
-
* @csspart
|
|
30
|
-
* @csspart
|
|
31
|
-
* @csspart
|
|
32
|
-
* @csspart focusRing
|
|
33
|
-
* @csspart progressRing
|
|
31
|
+
* @csspart prefix - The prefix content container.
|
|
32
|
+
* @csspart search - The search icon element.
|
|
33
|
+
* @csspart inner - The inner container wrapper.
|
|
34
|
+
* @csspart input - The search input field.
|
|
35
|
+
* @csspart suffix - The suffix content container.
|
|
36
|
+
* @csspart clear - The clear button element.
|
|
37
|
+
* @csspart focusRing - The focus ring indicator.
|
|
38
|
+
* @csspart progressRing - The progress ring for loading state.
|
|
39
|
+
*
|
|
40
|
+
* @cssprop {String} --search-box-background-color - The background color.
|
|
41
|
+
* @cssprop {String} --search-box-border-color - The border color.
|
|
42
|
+
* @cssprop {String} --search-box-border-radius - The border radius.
|
|
43
|
+
* @cssprop {String} --search-box-border-style - The border style.
|
|
44
|
+
* @cssprop {String} --search-box-border-width - The border width.
|
|
45
|
+
* @cssprop {String} --search-box-font-family - The font family.
|
|
46
|
+
* @cssprop {String} --search-box-font-size - The font size.
|
|
47
|
+
* @cssprop {String} --search-box-font-weight - The font weight.
|
|
48
|
+
* @cssprop {String} --search-box-foreground-color - The foreground color.
|
|
49
|
+
* @cssprop {String} --search-box-gap - The gap between elements.
|
|
50
|
+
* @cssprop {String} --search-box-height - The height.
|
|
51
|
+
* @cssprop {String} --search-box-padding-bottom - The padding bottom.
|
|
52
|
+
* @cssprop {String} --search-box-padding-left - The padding left.
|
|
53
|
+
* @cssprop {String} --search-box-padding-right - The padding right.
|
|
54
|
+
* @cssprop {String} --search-box-padding-top - The padding top.
|
|
55
|
+
* @cssprop {String} --search-box-shadow - The shadow.
|
|
56
|
+
* @cssprop {String} --search-box-transition-duration - The transition duration.
|
|
57
|
+
*
|
|
58
|
+
* @dependency mosaik-focus-ring - Used for focus indication.
|
|
59
|
+
* @dependency mosaik-icon - Used for search and clear icons.
|
|
60
|
+
* @dependency mosaik-button - Used for action buttons.
|
|
61
|
+
* @dependency mosaik-progress-ring - Used for loading indication.
|
|
34
62
|
*
|
|
35
63
|
* @fires cleared - Fired when the value is cleared.
|
|
36
64
|
* @fires searched - Fired when the element is searched.
|
|
@@ -39,6 +67,24 @@ declare const SearchBoxElement_base: (abstract new (...args: Array<any>) => impo
|
|
|
39
67
|
* @keyhandle Escape - Clears the value.
|
|
40
68
|
* @keyhandle Enter - Searches the value.
|
|
41
69
|
*
|
|
70
|
+
* @example
|
|
71
|
+
* ```html
|
|
72
|
+
* <mosaik-searchbox
|
|
73
|
+
* placeholder="Search products..."
|
|
74
|
+
* trigger-mode="debounced"
|
|
75
|
+
* debounce-delay="300">
|
|
76
|
+
* </mosaik-searchbox>
|
|
77
|
+
* ```
|
|
78
|
+
*
|
|
79
|
+
* @example
|
|
80
|
+
* ```html
|
|
81
|
+
* <mosaik-searchbox
|
|
82
|
+
* placeholder="Search..."
|
|
83
|
+
* trigger-mode="enter"
|
|
84
|
+
* clearable>
|
|
85
|
+
* </mosaik-searchbox>
|
|
86
|
+
* ```
|
|
87
|
+
*
|
|
42
88
|
* @public
|
|
43
89
|
*/
|
|
44
90
|
export declare class SearchBoxElement extends SearchBoxElement_base implements ISearchBoxElementProps, ISearchBoxElementEvents, IInvalidable, IClearable, ISlottable {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchBoxElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/SearchBox/SearchBoxElement.ts"],"names":[],"mappings":"AAKA,OAAO,EAA2B,YAAY,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAGnG,OAAO,EAAa,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAErE,OAAO,EAAe,KAAK,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAChF,OAAO,EAAE,UAAU,EAAa,MAAM,8BAA8B,CAAC;AAQrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAGrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACzE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAKvE,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;;AAI7D
|
|
1
|
+
{"version":3,"file":"SearchBoxElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/SearchBox/SearchBoxElement.ts"],"names":[],"mappings":"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"}
|
|
@@ -36,28 +36,56 @@ import { searchBoxElementCosmopolitanStyle } from './Themes/SearchBoxElement.Cos
|
|
|
36
36
|
import { TextAlignment } from '../../../Types/TextAlignment';
|
|
37
37
|
// #endregion
|
|
38
38
|
/**
|
|
39
|
-
* Search Box - A
|
|
39
|
+
* Search Box - A specialized input control for search queries with integrated search functionality.
|
|
40
40
|
*
|
|
41
41
|
* @description
|
|
42
|
-
* The Search Box component
|
|
43
|
-
*
|
|
44
|
-
*
|
|
42
|
+
* The Search Box component provides a dedicated interface for entering and executing search queries with
|
|
43
|
+
* built-in search functionality and visual indicators. It features a search icon, clear functionality,
|
|
44
|
+
* configurable search trigger modes (on enter, on input, manual), debounced search execution to prevent
|
|
45
|
+
* excessive queries, progress indication for ongoing searches, and comprehensive keyboard support.
|
|
46
|
+
* The component handles search execution timing, provides search and clear events, supports both
|
|
47
|
+
* immediate and delayed search triggers, and integrates with loading states and validation systems.
|
|
48
|
+
* Perfect for search forms, filter interfaces, content discovery, and any application requiring
|
|
49
|
+
* search input with optimized query handling.
|
|
45
50
|
*
|
|
46
51
|
* @name Search Box
|
|
47
52
|
* @element mosaik-searchbox
|
|
48
|
-
* @category
|
|
53
|
+
* @category Inputs
|
|
49
54
|
*
|
|
50
|
-
* @slot prefix -
|
|
51
|
-
* @slot suffix -
|
|
55
|
+
* @slot prefix - Content placed before the search input.
|
|
56
|
+
* @slot suffix - Content placed after the search input.
|
|
52
57
|
*
|
|
53
|
-
* @csspart prefix
|
|
54
|
-
* @csspart
|
|
55
|
-
* @csspart
|
|
56
|
-
* @csspart
|
|
57
|
-
* @csspart
|
|
58
|
-
* @csspart
|
|
59
|
-
* @csspart focusRing
|
|
60
|
-
* @csspart progressRing
|
|
58
|
+
* @csspart prefix - The prefix content container.
|
|
59
|
+
* @csspart search - The search icon element.
|
|
60
|
+
* @csspart inner - The inner container wrapper.
|
|
61
|
+
* @csspart input - The search input field.
|
|
62
|
+
* @csspart suffix - The suffix content container.
|
|
63
|
+
* @csspart clear - The clear button element.
|
|
64
|
+
* @csspart focusRing - The focus ring indicator.
|
|
65
|
+
* @csspart progressRing - The progress ring for loading state.
|
|
66
|
+
*
|
|
67
|
+
* @cssprop {String} --search-box-background-color - The background color.
|
|
68
|
+
* @cssprop {String} --search-box-border-color - The border color.
|
|
69
|
+
* @cssprop {String} --search-box-border-radius - The border radius.
|
|
70
|
+
* @cssprop {String} --search-box-border-style - The border style.
|
|
71
|
+
* @cssprop {String} --search-box-border-width - The border width.
|
|
72
|
+
* @cssprop {String} --search-box-font-family - The font family.
|
|
73
|
+
* @cssprop {String} --search-box-font-size - The font size.
|
|
74
|
+
* @cssprop {String} --search-box-font-weight - The font weight.
|
|
75
|
+
* @cssprop {String} --search-box-foreground-color - The foreground color.
|
|
76
|
+
* @cssprop {String} --search-box-gap - The gap between elements.
|
|
77
|
+
* @cssprop {String} --search-box-height - The height.
|
|
78
|
+
* @cssprop {String} --search-box-padding-bottom - The padding bottom.
|
|
79
|
+
* @cssprop {String} --search-box-padding-left - The padding left.
|
|
80
|
+
* @cssprop {String} --search-box-padding-right - The padding right.
|
|
81
|
+
* @cssprop {String} --search-box-padding-top - The padding top.
|
|
82
|
+
* @cssprop {String} --search-box-shadow - The shadow.
|
|
83
|
+
* @cssprop {String} --search-box-transition-duration - The transition duration.
|
|
84
|
+
*
|
|
85
|
+
* @dependency mosaik-focus-ring - Used for focus indication.
|
|
86
|
+
* @dependency mosaik-icon - Used for search and clear icons.
|
|
87
|
+
* @dependency mosaik-button - Used for action buttons.
|
|
88
|
+
* @dependency mosaik-progress-ring - Used for loading indication.
|
|
61
89
|
*
|
|
62
90
|
* @fires cleared - Fired when the value is cleared.
|
|
63
91
|
* @fires searched - Fired when the element is searched.
|
|
@@ -66,6 +94,24 @@ import { TextAlignment } from '../../../Types/TextAlignment';
|
|
|
66
94
|
* @keyhandle Escape - Clears the value.
|
|
67
95
|
* @keyhandle Enter - Searches the value.
|
|
68
96
|
*
|
|
97
|
+
* @example
|
|
98
|
+
* ```html
|
|
99
|
+
* <mosaik-searchbox
|
|
100
|
+
* placeholder="Search products..."
|
|
101
|
+
* trigger-mode="debounced"
|
|
102
|
+
* debounce-delay="300">
|
|
103
|
+
* </mosaik-searchbox>
|
|
104
|
+
* ```
|
|
105
|
+
*
|
|
106
|
+
* @example
|
|
107
|
+
* ```html
|
|
108
|
+
* <mosaik-searchbox
|
|
109
|
+
* placeholder="Search..."
|
|
110
|
+
* trigger-mode="enter"
|
|
111
|
+
* clearable>
|
|
112
|
+
* </mosaik-searchbox>
|
|
113
|
+
* ```
|
|
114
|
+
*
|
|
69
115
|
* @public
|
|
70
116
|
*/
|
|
71
117
|
let SearchBoxElement = class SearchBoxElement extends Themeable(Slottable(Clearable(Disableable(Invalidable(Valueable(Variantable(Busyable(Appearanceable(InputBaseElement))))))))) {
|