diff --git a/.github/workflows/deploy.yaml b/.github/workflows/deploy.yaml index 4931ca5b8..a09550895 100644 --- a/.github/workflows/deploy.yaml +++ b/.github/workflows/deploy.yaml @@ -1,5 +1,5 @@ # -# Copyright © ${year} Dominokit +# Copyright © 2019 Dominokit # # Licensed under the Apache License, Version 2.0 (the "License"); # you may not use this file except in compliance with the License. diff --git a/README.md b/README.md index e758a59de..5d50ec0dd 100644 --- a/README.md +++ b/README.md @@ -1,17 +1,17 @@ ![logoimage](https://raw.githubusercontent.com/DominoKit/DominoKit.github.io/master/logo/128.png) - + [![Development Build Status](https://github.com/DominoKit/domino-ui/actions/workflows/deploy.yaml/badge.svg?branch=development)](https://github.com/DominoKit/domino-ui/actions/workflows/deploy.yaml/badge.svg?branch=development) ![Maven Central](https://maven-badges.herokuapp.com/maven-central/org.dominokit/domino-ui/badge.svg) ![Sonatype Nexus (Snapshots)](https://img.shields.io/badge/Snapshot-HEAD--SNAPSHOT-orange) ![GWT3/J2CL compatible](https://img.shields.io/badge/GWT3/J2CL-compatible-brightgreen.svg) # Domino-ui -A type safe material design with bootstrap builder for java developer with GWT without dependencies on external JavaScript. +type safe and feature rich UI components library for java developer utilizing fluent API and does not depend on external JavaScript. -Checkout our [getting started guide](https://github.com/DominoKit/domino-ui/wiki/Getting-started) - -and checkout our [demo app](https://demo.dominokit.org/home) +Check the [introduction](https://dominokit.com/solutions/domino-ui/v2) +Checkout the [getting started guide](https://dominokit.com/solutions/domino-ui/v2/docs/getting-started) +Checkout our [demo app](https://dominokit.com/domino-ui/demo/v2/home) ### Quick insight diff --git a/domino-ui-shared/pom.xml b/domino-ui-shared/pom.xml index 1964e29fb..c88d122a9 100644 --- a/domino-ui-shared/pom.xml +++ b/domino-ui-shared/pom.xml @@ -5,7 +5,7 @@ domino-ui-parent org.dominokit - 2.0.0-RC3 + 2.0.0-RC4 jar 4.0.0 diff --git a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/ColorInfo.java b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/ColorInfo.java deleted file mode 100644 index 9771225fc..000000000 --- a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/ColorInfo.java +++ /dev/null @@ -1,52 +0,0 @@ -/* - * Copyright © 2019 Dominokit - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ -package org.dominokit.domino.ui; - -import java.lang.annotation.*; - -/** - * An annotation to setup the information for a specific color to generate its assets and classes - * using the {@link org.dominokit.domino.ui.ColorsSet} - */ -@Retention(RetentionPolicy.SOURCE) -@Target(ElementType.PACKAGE) -@Documented -@Repeatable(ColorsSet.class) -public @interface ColorInfo { - - /** - * The color name, avoid using names already used by domino-ui core or other ColorSets to avoid - * css classes clashes. - * - * @return String color name - */ - String name(); - - /** - * The hex value for the base color, this will be used to generate different shades in case a - * shade is not specified in the {@link ColorShades} - * - * @return String color hex value - */ - String hex(); - - /** - * Use to manually specify a specific shade for the base color and avoid the generated shade. - * - * @return the {@link ColorShades} - */ - ColorShades shades() default @ColorShades; -} diff --git a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/ColorShades.java b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/ColorShades.java deleted file mode 100644 index fef5013b0..000000000 --- a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/ColorShades.java +++ /dev/null @@ -1,63 +0,0 @@ -/* - * Copyright © 2019 Dominokit - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ -package org.dominokit.domino.ui; - -import java.lang.annotation.*; - -/** Specify shades for a specific color to be used by {@link org.dominokit.domino.ui.ColorInfo} */ -@Retention(RetentionPolicy.SOURCE) -@Target(ElementType.PACKAGE) -@Documented -public @interface ColorShades { - - /** @return String color with 1 level lighter shade */ - String hex_lighten_1() default ""; - - /** @return String color with 2 level lighter shade */ - String hex_lighten_2() default ""; - - /** @return String color with 3 level lighter shade */ - String hex_lighten_3() default ""; - - /** @return String color with 4 level lighter shade */ - String hex_lighten_4() default ""; - - /** @return String color with lightest shade */ - String hex_lighten_5() default ""; - - /** @return String color with 1 level darker shade */ - String hex_darken_1() default ""; - /** @return String color with 2 level darker shade */ - String hex_darken_2() default ""; - /** @return String color with 3 level darker shade */ - String hex_darken_3() default ""; - /** @return String color with darkest shade */ - String hex_darken_4() default ""; - - /** - * default to RGB with alpha 0.1 - * - * @return String RBG color - */ - String rgba_1() default ""; - - /** - * default to RGB with alpha 0.5 - * - * @return String RBG color - */ - String rgba_2() default ""; -} diff --git a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/ColorsSet.java b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/ColorsSet.java deleted file mode 100644 index 9186647db..000000000 --- a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/ColorsSet.java +++ /dev/null @@ -1,59 +0,0 @@ -/* - * Copyright © 2019 Dominokit - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ -package org.dominokit.domino.ui; - -import java.lang.annotation.*; - -/** - * Use this annotation on a package-info class to generate new colors and colors assets for use by - * applications using domino-ui the annotation will result in generating a Color with 10 different - * shades for each {@link org.dominokit.domino.ui.ColorInfo} , a theme-xxx.css for each {@link - * org.dominokit.domino.ui.ColorInfo}, A xxx-color.css for each, and an optional html page to demo - * the generated styles. - */ -@Retention(RetentionPolicy.SOURCE) -@Target(ElementType.PACKAGE) -@Documented -public @interface ColorsSet { - /** - * A prefix to be used for classes names and css files names. - * - * @return String theme name prefix - */ - String name() default "App"; - - /** - * the target package to generate the CSS resources, this should point to the public root - * package. classes will be generated to the same package as the package-info class. - * - * @return String package name - */ - String publicPackage() default ""; - - /** - * Use this to specify the info for each color in this this color set - * - * @return the {@link ColorInfo} array - */ - ColorInfo[] value(); - - /** - * Option to specify if a demo html page should be generated or not. - * - * @return boolean, true to generate demo page - */ - boolean generateDemoPage() default true; -} diff --git a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/IsElement.java b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/IsElement.java index c07fb62d7..fb7f3e217 100644 --- a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/IsElement.java +++ b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/IsElement.java @@ -17,12 +17,18 @@ import elemental2.dom.Element; -/** IsElement interface. */ +/** + * The {@code IsElement} interface represents an element that can be associated with an underlying + * DOM element. + * + * @param The type of the underlying DOM element. + */ public interface IsElement { + /** - * element. + * Gets the underlying DOM element associated with this element. * - * @return a E object. + * @return The underlying DOM element. */ E element(); } diff --git a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/MdiIconsFactory.java b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/MdiIconsFactory.java index 69b3a2cf5..6a234d837 100644 --- a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/MdiIconsFactory.java +++ b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/MdiIconsFactory.java @@ -17,7 +17,6 @@ import java.lang.annotation.*; -/** MdiIconsFactory class. */ @Retention(RetentionPolicy.SOURCE) @Target(ElementType.PACKAGE) @Documented diff --git a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/mediaquery/HasMediaQueries.java b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/mediaquery/HasMediaQueries.java index eb9541c19..2ba54e2bf 100644 --- a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/mediaquery/HasMediaQueries.java +++ b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/mediaquery/HasMediaQueries.java @@ -13,128 +13,139 @@ * See the License for the specific language governing permissions and * limitations under the License. */ + package org.dominokit.domino.ui.mediaquery; -/** HasMediaQueries interface. */ +/** + * An interface representing an object capable of responding to various media query breakpoints. It + * allows the attachment of specific handlers for each breakpoint, ensuring responsive behavior + * across different device sizes. + * + * @param The type of the implementing class. + */ public interface HasMediaQueries { /** - * onXSmall. + * Attaches a handler for the "extra small" media query breakpoint. * - * @param handler a {@link org.dominokit.domino.ui.mediaquery.MediaQueryHandler} object. - * @return a T object. + * @param handler The handler to be invoked at this breakpoint. + * @return The instance of the object implementing this interface. */ T onXSmall(MediaQueryHandler handler); /** - * onXSmallAndDown. + * Attaches a handler for devices that fall within the "extra small and down" media query + * breakpoint. * - * @param handler a {@link org.dominokit.domino.ui.mediaquery.MediaQueryHandler} object. - * @return a T object. + * @param handler The handler to be invoked for this breakpoint. + * @return The instance of the object implementing this interface. */ T onXSmallAndDown(MediaQueryHandler handler); /** - * onXSmallAndUp. + * Attaches a handler for devices that fall within the "extra small and up" media query + * breakpoint. * - * @param handler a {@link org.dominokit.domino.ui.mediaquery.MediaQueryHandler} object. - * @return a T object. + * @param handler The handler to be invoked for this breakpoint. + * @return The instance of the object implementing this interface. */ T onXSmallAndUp(MediaQueryHandler handler); /** - * onSmall. + * Attaches a handler for the "small" media query breakpoint. * - * @param handler a {@link org.dominokit.domino.ui.mediaquery.MediaQueryHandler} object. - * @return a T object. + * @param handler The handler to be invoked at this breakpoint. + * @return The instance of the object implementing this interface. */ T onSmall(MediaQueryHandler handler); /** - * onSmallAndDown. + * Attaches a handler for devices that fall within the "small and down" media query breakpoint. * - * @param handler a {@link org.dominokit.domino.ui.mediaquery.MediaQueryHandler} object. - * @return a T object. + * @param handler The handler to be invoked for this breakpoint. + * @return The instance of the object implementing this interface. */ T onSmallAndDown(MediaQueryHandler handler); /** - * onSmallAndUp. + * Attaches a handler for devices that fall within the "small and up" media query breakpoint. * - * @param handler a {@link org.dominokit.domino.ui.mediaquery.MediaQueryHandler} object. - * @return a T object. + * @param handler The handler to be invoked for this breakpoint. + * @return The instance of the object implementing this interface. */ T onSmallAndUp(MediaQueryHandler handler); /** - * onMedium. + * Attaches a handler for the "medium" media query breakpoint. * - * @param handler a {@link org.dominokit.domino.ui.mediaquery.MediaQueryHandler} object. - * @return a T object. + * @param handler The handler to be invoked at this breakpoint. + * @return The instance of the object implementing this interface. */ T onMedium(MediaQueryHandler handler); /** - * onMediumAndDown. + * Attaches a handler for devices that fall within the "medium and down" media query breakpoint. * - * @param handler a {@link org.dominokit.domino.ui.mediaquery.MediaQueryHandler} object. - * @return a T object. + * @param handler The handler to be invoked for this breakpoint. + * @return The instance of the object implementing this interface. */ T onMediumAndDown(MediaQueryHandler handler); /** - * onMediumAndUp. + * Attaches a handler for devices that fall within the "medium and up" media query breakpoint. * - * @param handler a {@link org.dominokit.domino.ui.mediaquery.MediaQueryHandler} object. - * @return a T object. + * @param handler The handler to be invoked for this breakpoint. + * @return The instance of the object implementing this interface. */ T onMediumAndUp(MediaQueryHandler handler); /** - * onLarge. + * Attaches a handler for the "large" media query breakpoint. * - * @param handler a {@link org.dominokit.domino.ui.mediaquery.MediaQueryHandler} object. - * @return a T object. + * @param handler The handler to be invoked at this breakpoint. + * @return The instance of the object implementing this interface. */ T onLarge(MediaQueryHandler handler); /** - * onLargeAndDown. + * Attaches a handler for devices that fall within the "large and down" media query breakpoint. * - * @param handler a {@link org.dominokit.domino.ui.mediaquery.MediaQueryHandler} object. - * @return a T object. + * @param handler The handler to be invoked for this breakpoint. + * @return The instance of the object implementing this interface. */ T onLargeAndDown(MediaQueryHandler handler); /** - * onLargeAndUp. + * Attaches a handler for devices that fall within the "large and up" media query breakpoint. * - * @param handler a {@link org.dominokit.domino.ui.mediaquery.MediaQueryHandler} object. - * @return a T object. + * @param handler The handler to be invoked for this breakpoint. + * @return The instance of the object implementing this interface. */ T onLargeAndUp(MediaQueryHandler handler); /** - * onXLarge. + * Attaches a handler for the "extra large" media query breakpoint. * - * @param handler a {@link org.dominokit.domino.ui.mediaquery.MediaQueryHandler} object. - * @return a T object. + * @param handler The handler to be invoked at this breakpoint. + * @return The instance of the object implementing this interface. */ T onXLarge(MediaQueryHandler handler); /** - * onXLargeAndDown. + * Attaches a handler for devices that fall within the "extra large and down" media query + * breakpoint. * - * @param handler a {@link org.dominokit.domino.ui.mediaquery.MediaQueryHandler} object. - * @return a T object. + * @param handler The handler to be invoked for this breakpoint. + * @return The instance of the object implementing this interface. */ T onXLargeAndDown(MediaQueryHandler handler); /** - * onXLargeAndUp. + * Attaches a handler for devices that fall within the "extra large and up" media query + * breakpoint. * - * @param handler a {@link org.dominokit.domino.ui.mediaquery.MediaQueryHandler} object. - * @return a T object. + * @param handler The handler to be invoked for this breakpoint. + * @return The instance of the object implementing this interface. */ T onXLargeAndUp(MediaQueryHandler handler); } diff --git a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/mediaquery/MediaQueryHandler.java b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/mediaquery/MediaQueryHandler.java index d0d8807a8..89fa878c3 100644 --- a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/mediaquery/MediaQueryHandler.java +++ b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/mediaquery/MediaQueryHandler.java @@ -13,16 +13,29 @@ * See the License for the specific language governing permissions and * limitations under the License. */ + package org.dominokit.domino.ui.mediaquery; +/** + * Represents a handler for media query events. This is designed to respond to different media query + * breakpoints and take appropriate actions on the provided element based on the active breakpoint. + * + *

This interface is intended to be used alongside the {@code HasMediaQueries} interface to + * ensure responsive behavior across various device sizes. + * + * @param The type of the element on which the media query is being applied. + * @see HasMediaQueries + */ @FunctionalInterface -/** MediaQueryHandler interface. */ public interface MediaQueryHandler { + /** - * onMedia. + * Invoked when the specified media query breakpoint is active. The method should contain the + * logic for updating or manipulating the provided element based on the active breakpoint. * - * @param element a T object. - * @return a {@link org.dominokit.domino.ui.mediaquery.MediaQuery.MediaQueryListener} object. + * @param element The element on which the media query is being applied. + * @return A {@link MediaQuery.MediaQueryListener} instance which listens to changes in the media + * query. */ MediaQuery.MediaQueryListener onMedia(T element); } diff --git a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/AggregatedCss.java b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/AggregatedCss.java new file mode 100644 index 000000000..597e878f6 --- /dev/null +++ b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/AggregatedCss.java @@ -0,0 +1,120 @@ +/* + * Copyright © 2019 Dominokit + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +package org.dominokit.domino.ui.style; + +/** + * A collection of predefined CSS classes to be used across the application. + * + *

This class provides a set of static {@link CssClass} definitions that encapsulate various + * commonly used CSS styles. By using these definitions, you can ensure consistency and reduce the + * chance of typos. + * + * @see CssClass + */ +class AggregatedCss { + + /** Represents the CSS class for block display. */ + static CssClass dui_block = () -> "dui-block"; + + /** Represents the CSS class for full-width block display. */ + static CssClass dui_block_full = () -> "dui-block-full"; + + /** Represents the CSS class for inline-block display. */ + static CssClass dui_inline_block = () -> "dui-inline-block"; + + /** Represents the CSS class for inline display. */ + static CssClass dui_inline = () -> "dui-inline"; + + /** Represents the CSS class for flexible box layout. */ + static CssClass dui_flex = () -> "dui-flex"; + + /** Represents the CSS class for inline flexible box layout. */ + static CssClass dui_inline_flex = () -> "dui-inline-flex"; + + /** Represents the CSS class for table display. */ + static CssClass dui_table = () -> "dui-table"; + + /** Represents the CSS class for inline table display. */ + static CssClass dui_inline_table = () -> "dui-inline-table"; + + /** Represents the CSS class for table caption elements. */ + static CssClass dui_table_caption = () -> "dui-table-caption"; + + /** Represents the CSS class for table cell elements. */ + static CssClass dui_table_cell = () -> "dui-table-cell"; + + /** Represents the CSS class for table column elements. */ + static CssClass dui_table_column = () -> "dui-table-column"; + + /** Represents the CSS class for table column group elements. */ + static CssClass dui_table_column_group = () -> "dui-table-column-group"; + + /** Represents the CSS class for table footer group elements. */ + static CssClass dui_table_footer_group = () -> "dui-table-footer-group"; + + /** Represents the CSS class for table header group elements. */ + static CssClass dui_table_header_group = () -> "dui-table-header-group"; + + /** Represents the CSS class for table row group elements. */ + static CssClass dui_table_row_group = () -> "dui-table-row-group"; + + /** Represents the CSS class for table row elements. */ + static CssClass dui_table_row = () -> "dui-table-row"; + + /** Represents the CSS class for block formatting context creation. */ + static CssClass dui_flow_root = () -> "dui-flow-root"; + + /** Represents the CSS class for grid layout. */ + static CssClass dui_grid = () -> "dui-grid"; + + /** Represents the CSS class for inline grid layout. */ + static CssClass dui_inline_grid = () -> "dui-inline-grid"; + + /** Represents the CSS class for replacing element's children with their contents. */ + static CssClass dui_contents = () -> "dui-contents"; + + /** Represents the CSS class for list item elements. */ + static CssClass dui_list_item = () -> "dui-list-item"; + + /** + * Aggregates multiple CSS classes into a composite class for display-related styles. + * + * @see CompositeCssClass + */ + static CompositeCssClass dui_display = + CompositeCssClass.of( + dui_block, + dui_block_full, + dui_inline_block, + dui_inline, + dui_flex, + dui_inline_flex, + dui_table, + dui_inline_table, + dui_table_caption, + dui_table_cell, + dui_table_column, + dui_table_column_group, + dui_table_footer_group, + dui_table_header_group, + dui_table_row_group, + dui_table_row, + dui_flow_root, + dui_grid, + dui_inline_grid, + dui_contents, + dui_list_item); +} diff --git a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/AutoSwapCssClass.java b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/AutoSwapCssClass.java index 67e1bc856..1e692ae25 100644 --- a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/AutoSwapCssClass.java +++ b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/AutoSwapCssClass.java @@ -13,59 +13,71 @@ * See the License for the specific language governing permissions and * limitations under the License. */ + package org.dominokit.domino.ui.style; import static java.util.Objects.nonNull; import elemental2.dom.Element; -/** AutoSwapCssClass class. */ +/** + * Represents a CSS class handler with an automatic swap mechanism between two CSS classes. + * + *

The {@code AutoSwapCssClass} allows for automatic swapping between two specified CSS classes + * whenever {@link #apply(Element)} is called. This can be useful for toggling between two styles + * without the need for additional logic. + * + * @see CssClass + */ public class AutoSwapCssClass implements CssClass { private CssClass first = CssClass.NONE; private CssClass second = CssClass.NONE; /** - * of. + * Factory method to create an instance of {@code AutoSwapCssClass} with two {@link CssClass} + * objects. * - * @param first a {@link org.dominokit.domino.ui.style.CssClass} object. - * @param second a {@link org.dominokit.domino.ui.style.CssClass} object. - * @return a {@link org.dominokit.domino.ui.style.AutoSwapCssClass} object. + * @param first The first CSS class. + * @param second The second CSS class. + * @return An instance of {@code AutoSwapCssClass}. */ public static AutoSwapCssClass of(CssClass first, CssClass second) { return new AutoSwapCssClass(first, second); } /** - * of. + * Factory method to create an instance of {@code AutoSwapCssClass} with two {@link HasCssClass} + * objects. * - * @param first a {@link org.dominokit.domino.ui.style.HasCssClass} object. - * @param second a {@link org.dominokit.domino.ui.style.HasCssClass} object. - * @return a {@link org.dominokit.domino.ui.style.AutoSwapCssClass} object. + * @param first The first CSS class holder. + * @param second The second CSS class holder. + * @return An instance of {@code AutoSwapCssClass}. */ public static AutoSwapCssClass of(HasCssClass first, HasCssClass second) { return new AutoSwapCssClass(first.getCssClass(), second.getCssClass()); } /** - * of. + * Factory method to create an instance of {@code AutoSwapCssClass} with two strings representing + * CSS classes. * - * @param first a {@link java.lang.String} object. - * @param second a {@link java.lang.String} object. - * @return a {@link org.dominokit.domino.ui.style.AutoSwapCssClass} object. + * @param first The first CSS class as a string. + * @param second The second CSS class as a string. + * @return An instance of {@code AutoSwapCssClass}. */ public static AutoSwapCssClass of(String first, String second) { return new AutoSwapCssClass(first, second); } - /** Constructor for AutoSwapCssClass. */ + /** Default constructor. */ public AutoSwapCssClass() {} /** - * Constructor for AutoSwapCssClass. + * Constructs an {@code AutoSwapCssClass} with two {@link CssClass} objects. * - * @param first a {@link org.dominokit.domino.ui.style.CssClass} object. - * @param second a {@link org.dominokit.domino.ui.style.CssClass} object. + * @param first The first CSS class. + * @param second The second CSS class. */ public AutoSwapCssClass(CssClass first, CssClass second) { this.first = first; @@ -73,17 +85,21 @@ public AutoSwapCssClass(CssClass first, CssClass second) { } /** - * Constructor for AutoSwapCssClass. + * Constructs an {@code AutoSwapCssClass} with two strings representing CSS classes. * - * @param first a {@link java.lang.String} object. - * @param second a {@link java.lang.String} object. + * @param first The first CSS class as a string. + * @param second The second CSS class as a string. */ public AutoSwapCssClass(String first, String second) { this.first = () -> first; this.second = () -> second; } - /** {@inheritDoc} */ + /** + * Removes both CSS classes from the provided {@link Element}. + * + * @param element The DOM element from which the CSS classes should be removed. + */ @Override public void remove(Element element) { if (nonNull(first)) { @@ -95,7 +111,14 @@ public void remove(Element element) { } } - /** {@inheritDoc} */ + /** + * Swaps the two CSS classes and applies the "current" one to the provided {@link Element}. + * + *

This will remove the current CSS class and apply the other one. On subsequent calls, the two + * classes will keep swapping. + * + * @param element The DOM element to which the CSS class should be applied. + */ @Override public void apply(Element element) { first.remove(element); @@ -106,24 +129,28 @@ public void apply(Element element) { } /** - * Getter for the field first. + * Returns the first (or current) CSS class. * - * @return a {@link org.dominokit.domino.ui.style.CssClass} object. + * @return The first CSS class. */ public CssClass getFirst() { return first; } /** - * Getter for the field second. + * Returns the second (or swapped) CSS class. * - * @return a {@link org.dominokit.domino.ui.style.CssClass} object. + * @return The second CSS class. */ public CssClass getSecond() { return second; } - /** {@inheritDoc} */ + /** + * Returns the current CSS class as a string. + * + * @return The CSS class string. + */ @Override public String getCssClass() { return first.getCssClass(); diff --git a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/BooleanCssClass.java b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/BooleanCssClass.java index f6dcb24a8..43136c956 100644 --- a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/BooleanCssClass.java +++ b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/BooleanCssClass.java @@ -13,85 +13,103 @@ * See the License for the specific language governing permissions and * limitations under the License. */ + package org.dominokit.domino.ui.style; import elemental2.dom.Element; import org.dominokit.domino.ui.IsElement; -/** BooleanCssClass class. */ +/** + * A utility class to facilitate the conditional application or removal of CSS classes based on + * boolean conditions. This class acts as a wrapper around the {@link CssClass} interface, with the + * provision for conditional application or removal of styles. + * + * @see CssClass + * @author [Your Name or Organization] + */ public class BooleanCssClass implements CssClass { private CssClass cssClass; private boolean addRemove; /** - * of. + * Creates an instance with a specified {@link CssClass} and a condition flag. * - * @param cssClass a {@link org.dominokit.domino.ui.style.CssClass} object. - * @param addRemove a boolean. - * @return a {@link org.dominokit.domino.ui.style.BooleanCssClass} object. + * @param cssClass The CSS class to be conditionally applied or removed. + * @param addRemove Condition flag to determine if the class should be applied (true) or removed + * (false). + * @return A new instance of {@code BooleanCssClass}. */ public static BooleanCssClass of(CssClass cssClass, boolean addRemove) { return new BooleanCssClass(cssClass, addRemove); } /** - * of. + * Creates an instance with a specified {@link HasCssClass} and a condition flag. This method + * extracts the {@link CssClass} from the provided {@link HasCssClass}. * - * @param cssClass a {@link org.dominokit.domino.ui.style.HasCssClass} object. - * @param addRemove a boolean. - * @return a {@link org.dominokit.domino.ui.style.BooleanCssClass} object. + * @param cssClass The object implementing {@link HasCssClass} whose CSS class will be extracted. + * @param addRemove Condition flag to determine if the class should be applied (true) or removed + * (false). + * @return A new instance of {@code BooleanCssClass}. */ public static BooleanCssClass of(HasCssClass cssClass, boolean addRemove) { return new BooleanCssClass(cssClass.getCssClass(), addRemove); } /** - * of. + * Creates an instance with a specified CSS class string and a condition flag. * - * @param cssClass a {@link java.lang.String} object. - * @param addRemove a boolean. - * @return a {@link org.dominokit.domino.ui.style.BooleanCssClass} object. + * @param cssClass The string representation of the CSS class to be conditionally applied or + * removed. + * @param addRemove Condition flag to determine if the class should be applied (true) or removed + * (false). + * @return A new instance of {@code BooleanCssClass}. */ public static BooleanCssClass of(String cssClass, boolean addRemove) { return new BooleanCssClass(() -> cssClass, addRemove); } /** - * of. + * Creates an instance with a specified {@link CssClass} and sets the condition flag to true + * (class will be applied by default). * - * @param cssClass a {@link org.dominokit.domino.ui.style.CssClass} object. - * @return a {@link org.dominokit.domino.ui.style.BooleanCssClass} object. + * @param cssClass The CSS class to be conditionally applied. + * @return A new instance of {@code BooleanCssClass}. */ public static BooleanCssClass of(CssClass cssClass) { return new BooleanCssClass(cssClass); } /** - * of. + * Creates an instance with a specified {@link HasCssClass} and sets the condition flag to true + * (class will be applied by default). This method extracts the {@link CssClass} from the provided + * {@link HasCssClass}. * - * @param cssClass a {@link org.dominokit.domino.ui.style.HasCssClass} object. - * @return a {@link org.dominokit.domino.ui.style.BooleanCssClass} object. + * @param cssClass The object implementing {@link HasCssClass} whose CSS class will be extracted. + * @return A new instance of {@code BooleanCssClass}. */ public static BooleanCssClass of(HasCssClass cssClass) { return new BooleanCssClass(cssClass.getCssClass()); } /** - * of. + * Creates an instance with a specified CSS class string and sets the condition flag to true + * (class will be applied by default). * - * @param cssClass a {@link java.lang.String} object. - * @return a {@link org.dominokit.domino.ui.style.BooleanCssClass} object. + * @param cssClass The string representation of the CSS class to be conditionally applied. + * @return A new instance of {@code BooleanCssClass}. */ public static BooleanCssClass of(String cssClass) { return new BooleanCssClass(() -> cssClass); } /** - * Constructor for BooleanCssClass. + * Initializes the {@code BooleanCssClass} with a provided {@link CssClass} and a condition flag. * - * @param cssClass a {@link org.dominokit.domino.ui.style.CssClass} object. - * @param addRemove a boolean. + * @param cssClass The CSS class to be managed. + * @param addRemove Condition flag to determine if the class should be applied (true) or removed + * (false). */ public BooleanCssClass(CssClass cssClass, boolean addRemove) { this.cssClass = cssClass; @@ -99,25 +117,31 @@ public BooleanCssClass(CssClass cssClass, boolean addRemove) { } /** - * Constructor for BooleanCssClass. + * Constructor that initializes the {@code BooleanCssClass} with a provided {@link CssClass} and + * sets the condition flag to true (class will be applied by default). * - * @param cssClass a {@link org.dominokit.domino.ui.style.CssClass} object. + * @param cssClass The CSS class to be managed. */ public BooleanCssClass(CssClass cssClass) { this(cssClass, true); } - /** {@inheritDoc} */ + /** + * Applies or removes the CSS class on the provided element based on the condition flag. + * + * @param element The DOM element to which the CSS class will be applied or removed. + */ @Override public void apply(Element element) { apply(element, addRemove); } /** - * apply. + * Applies or removes the CSS class on the provided element based on the given condition flag. * - * @param element a {@link elemental2.dom.Element} object. - * @param addRemove a boolean. + * @param element The DOM element to which the CSS class will be applied or removed. + * @param addRemove Condition flag to determine if the class should be applied (true) or removed + * (false). */ public void apply(Element element, boolean addRemove) { if (addRemove) { @@ -128,40 +152,66 @@ public void apply(Element element, boolean addRemove) { } /** - * apply. + * Applies or removes the CSS class on the provided {@link IsElement} based on the specified + * condition. * - * @param element a {@link org.dominokit.domino.ui.IsElement} object. - * @param addRemove a boolean. + * @param element The UI element (implementing {@link IsElement}) on which the CSS class will be + * conditionally applied or removed. + * @param addRemove Condition flag to determine if the class should be applied (true) or removed + * (false). */ public void apply(IsElement element, boolean addRemove) { apply(element.element(), addRemove); } - /** {@inheritDoc} */ + /** + * Checks if the CSS class is applied to the specified DOM {@link Element}. + * + * @param element The DOM element to check. + * @return {@code true} if the CSS class is applied to the element, {@code false} otherwise. + */ @Override public boolean isAppliedTo(Element element) { return cssClass.isAppliedTo(element); } - /** {@inheritDoc} */ + /** + * Checks if the CSS class is applied to the specified {@link IsElement}. + * + * @param element The UI element (implementing {@link IsElement}) to check. + * @return {@code true} if the CSS class is applied to the element, {@code false} otherwise. + */ @Override public boolean isAppliedTo(IsElement element) { return cssClass.isAppliedTo(element); } - /** {@inheritDoc} */ + /** + * Removes the CSS class from the specified DOM {@link Element}. + * + * @param element The DOM element from which the CSS class will be removed. + */ @Override public void remove(Element element) { cssClass.remove(element); } - /** {@inheritDoc} */ + /** + * Removes the CSS class from the specified {@link IsElement}. + * + * @param element The UI element (implementing {@link IsElement}) from which the CSS class will be + * removed. + */ @Override public void remove(IsElement element) { cssClass.remove(element); } - /** {@inheritDoc} */ + /** + * Retrieves the CSS class string associated with this instance. + * + * @return The string representation of the associated CSS class. + */ @Override public String getCssClass() { return cssClass.getCssClass(); diff --git a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/Color.java b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/Color.java index 72af9fd15..98bd94386 100644 --- a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/Color.java +++ b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/Color.java @@ -13,64 +13,28 @@ * See the License for the specific language governing permissions and * limitations under the License. */ + package org.dominokit.domino.ui.style; import static org.dominokit.domino.ui.style.ColorsCss.*; import static org.dominokit.domino.ui.style.GenericCss.*; -/** Color interface. */ public interface Color { - /** - * getCss. - * - * @return a {@link org.dominokit.domino.ui.style.CssClass} object. - */ CssClass getCss(); - /** - * getName. - * - * @return a {@link java.lang.String} object. - */ String getName(); - /** - * getBackground. - * - * @return a {@link org.dominokit.domino.ui.style.CssClass} object. - */ CssClass getBackground(); - /** - * getForeground. - * - * @return a {@link org.dominokit.domino.ui.style.CssClass} object. - */ CssClass getForeground(); - /** - * getBorderColor. - * - * @return a {@link org.dominokit.domino.ui.style.CssClass} object. - */ CssClass getBorderColor(); - /** - * getAccentColor. - * - * @return a {@link org.dominokit.domino.ui.style.CssClass} object. - */ CssClass getAccentColor(); - /** - * getUtilityColor. - * - * @return a {@link org.dominokit.domino.ui.style.CssClass} object. - */ CssClass getContextColor(); - /** Constant DOMINANT */ Color DOMINANT = new Color() { @Override @@ -109,7 +73,6 @@ public CssClass getContextColor() { } }; - /** Constant DOMINANT_LIGHTEN_1 */ Color DOMINANT_LIGHTEN_1 = new Color() { @Override @@ -148,7 +111,6 @@ public CssClass getContextColor() { } }; - /** Constant DOMINANT_LIGHTEN_2 */ Color DOMINANT_LIGHTEN_2 = new Color() { @Override @@ -187,7 +149,6 @@ public CssClass getContextColor() { } }; - /** Constant DOMINANT_LIGHTEN_3 */ Color DOMINANT_LIGHTEN_3 = new Color() { @Override @@ -226,7 +187,6 @@ public CssClass getContextColor() { } }; - /** Constant DOMINANT_LIGHTEN_4 */ Color DOMINANT_LIGHTEN_4 = new Color() { @Override @@ -265,7 +225,6 @@ public CssClass getContextColor() { } }; - /** Constant DOMINANT_LIGHTEN_5 */ Color DOMINANT_LIGHTEN_5 = new Color() { @Override @@ -304,7 +263,6 @@ public CssClass getContextColor() { } }; - /** Constant DOMINANT_DARKEN_1 */ Color DOMINANT_DARKEN_1 = new Color() { @Override @@ -343,7 +301,6 @@ public CssClass getContextColor() { } }; - /** Constant DOMINANT_DARKEN_2 */ Color DOMINANT_DARKEN_2 = new Color() { @Override @@ -382,7 +339,6 @@ public CssClass getContextColor() { } }; - /** Constant DOMINANT_DARKEN_3 */ Color DOMINANT_DARKEN_3 = new Color() { @Override @@ -421,7 +377,6 @@ public CssClass getContextColor() { } }; - /** Constant DOMINANT_DARKEN_4 */ Color DOMINANT_DARKEN_4 = new Color() { @Override @@ -460,7 +415,6 @@ public CssClass getContextColor() { } }; - /** Constant ACCENT */ Color ACCENT = new Color() { @Override @@ -499,7 +453,6 @@ public CssClass getContextColor() { } }; - /** Constant ACCENT_LIGHTEN_1 */ Color ACCENT_LIGHTEN_1 = new Color() { @Override @@ -538,7 +491,6 @@ public CssClass getContextColor() { } }; - /** Constant ACCENT_LIGHTEN_2 */ Color ACCENT_LIGHTEN_2 = new Color() { @Override @@ -577,7 +529,6 @@ public CssClass getContextColor() { } }; - /** Constant ACCENT_LIGHTEN_3 */ Color ACCENT_LIGHTEN_3 = new Color() { @Override @@ -616,7 +567,6 @@ public CssClass getContextColor() { } }; - /** Constant ACCENT_LIGHTEN_4 */ Color ACCENT_LIGHTEN_4 = new Color() { @Override @@ -655,7 +605,6 @@ public CssClass getContextColor() { } }; - /** Constant ACCENT_LIGHTEN_5 */ Color ACCENT_LIGHTEN_5 = new Color() { @Override @@ -694,7 +643,6 @@ public CssClass getContextColor() { } }; - /** Constant ACCENT_DARKEN_1 */ Color ACCENT_DARKEN_1 = new Color() { @Override @@ -733,7 +681,6 @@ public CssClass getContextColor() { } }; - /** Constant ACCENT_DARKEN_2 */ Color ACCENT_DARKEN_2 = new Color() { @Override @@ -772,7 +719,6 @@ public CssClass getContextColor() { } }; - /** Constant ACCENT_DARKEN_3 */ Color ACCENT_DARKEN_3 = new Color() { @Override @@ -811,7 +757,6 @@ public CssClass getContextColor() { } }; - /** Constant ACCENT_DARKEN_4 */ Color ACCENT_DARKEN_4 = new Color() { @Override @@ -850,7 +795,6 @@ public CssClass getContextColor() { } }; - /** Constant PRIMARY */ Color PRIMARY = new Color() { @Override @@ -889,7 +833,6 @@ public CssClass getContextColor() { } }; - /** Constant PRIMARY_LIGHTEN_1 */ Color PRIMARY_LIGHTEN_1 = new Color() { @Override @@ -928,7 +871,6 @@ public CssClass getContextColor() { } }; - /** Constant PRIMARY_LIGHTEN_2 */ Color PRIMARY_LIGHTEN_2 = new Color() { @Override @@ -967,7 +909,6 @@ public CssClass getContextColor() { } }; - /** Constant PRIMARY_LIGHTEN_3 */ Color PRIMARY_LIGHTEN_3 = new Color() { @Override @@ -1006,7 +947,6 @@ public CssClass getContextColor() { } }; - /** Constant PRIMARY_LIGHTEN_4 */ Color PRIMARY_LIGHTEN_4 = new Color() { @Override @@ -1045,7 +985,6 @@ public CssClass getContextColor() { } }; - /** Constant PRIMARY_LIGHTEN_5 */ Color PRIMARY_LIGHTEN_5 = new Color() { @Override @@ -1084,7 +1023,6 @@ public CssClass getContextColor() { } }; - /** Constant PRIMARY_DARKEN_1 */ Color PRIMARY_DARKEN_1 = new Color() { @Override @@ -1123,7 +1061,6 @@ public CssClass getContextColor() { } }; - /** Constant PRIMARY_DARKEN_2 */ Color PRIMARY_DARKEN_2 = new Color() { @Override @@ -1162,7 +1099,6 @@ public CssClass getContextColor() { } }; - /** Constant PRIMARY_DARKEN_3 */ Color PRIMARY_DARKEN_3 = new Color() { @Override @@ -1201,7 +1137,6 @@ public CssClass getContextColor() { } }; - /** Constant PRIMARY_DARKEN_4 */ Color PRIMARY_DARKEN_4 = new Color() { @Override @@ -1240,7 +1175,6 @@ public CssClass getContextColor() { } }; - /** Constant SECONDARY */ Color SECONDARY = new Color() { @Override @@ -1279,7 +1213,6 @@ public CssClass getContextColor() { } }; - /** Constant SECONDARY_LIGHTEN_1 */ Color SECONDARY_LIGHTEN_1 = new Color() { @Override @@ -1318,7 +1251,6 @@ public CssClass getContextColor() { } }; - /** Constant SECONDARY_LIGHTEN_2 */ Color SECONDARY_LIGHTEN_2 = new Color() { @Override @@ -1357,7 +1289,6 @@ public CssClass getContextColor() { } }; - /** Constant SECONDARY_LIGHTEN_3 */ Color SECONDARY_LIGHTEN_3 = new Color() { @Override @@ -1396,7 +1327,6 @@ public CssClass getContextColor() { } }; - /** Constant SECONDARY_LIGHTEN_4 */ Color SECONDARY_LIGHTEN_4 = new Color() { @Override @@ -1435,7 +1365,6 @@ public CssClass getContextColor() { } }; - /** Constant SECONDARY_LIGHTEN_5 */ Color SECONDARY_LIGHTEN_5 = new Color() { @Override @@ -1474,7 +1403,6 @@ public CssClass getContextColor() { } }; - /** Constant SECONDARY_DARKEN_1 */ Color SECONDARY_DARKEN_1 = new Color() { @Override @@ -1513,7 +1441,6 @@ public CssClass getContextColor() { } }; - /** Constant SECONDARY_DARKEN_2 */ Color SECONDARY_DARKEN_2 = new Color() { @Override @@ -1552,7 +1479,6 @@ public CssClass getContextColor() { } }; - /** Constant SECONDARY_DARKEN_3 */ Color SECONDARY_DARKEN_3 = new Color() { @Override @@ -1591,7 +1517,6 @@ public CssClass getContextColor() { } }; - /** Constant SECONDARY_DARKEN_4 */ Color SECONDARY_DARKEN_4 = new Color() { @Override @@ -1630,7 +1555,6 @@ public CssClass getContextColor() { } }; - /** Constant SUCCESS */ Color SUCCESS = new Color() { @Override @@ -1669,7 +1593,6 @@ public CssClass getContextColor() { } }; - /** Constant SUCCESS_LIGHTEN_1 */ Color SUCCESS_LIGHTEN_1 = new Color() { @Override @@ -1708,7 +1631,6 @@ public CssClass getContextColor() { } }; - /** Constant SUCCESS_LIGHTEN_2 */ Color SUCCESS_LIGHTEN_2 = new Color() { @Override @@ -1747,7 +1669,6 @@ public CssClass getContextColor() { } }; - /** Constant SUCCESS_LIGHTEN_3 */ Color SUCCESS_LIGHTEN_3 = new Color() { @Override @@ -1786,7 +1707,6 @@ public CssClass getContextColor() { } }; - /** Constant SUCCESS_LIGHTEN_4 */ Color SUCCESS_LIGHTEN_4 = new Color() { @Override @@ -1825,7 +1745,6 @@ public CssClass getContextColor() { } }; - /** Constant SUCCESS_LIGHTEN_5 */ Color SUCCESS_LIGHTEN_5 = new Color() { @Override @@ -1864,7 +1783,6 @@ public CssClass getContextColor() { } }; - /** Constant SUCCESS_DARKEN_1 */ Color SUCCESS_DARKEN_1 = new Color() { @Override @@ -1903,7 +1821,6 @@ public CssClass getContextColor() { } }; - /** Constant SUCCESS_DARKEN_2 */ Color SUCCESS_DARKEN_2 = new Color() { @Override @@ -1942,7 +1859,6 @@ public CssClass getContextColor() { } }; - /** Constant SUCCESS_DARKEN_3 */ Color SUCCESS_DARKEN_3 = new Color() { @Override @@ -1981,7 +1897,6 @@ public CssClass getContextColor() { } }; - /** Constant SUCCESS_DARKEN_4 */ Color SUCCESS_DARKEN_4 = new Color() { @Override @@ -2020,7 +1935,6 @@ public CssClass getContextColor() { } }; - /** Constant WARNING */ Color WARNING = new Color() { @Override @@ -2059,7 +1973,6 @@ public CssClass getContextColor() { } }; - /** Constant WARNING_LIGHTEN_1 */ Color WARNING_LIGHTEN_1 = new Color() { @Override @@ -2098,7 +2011,6 @@ public CssClass getContextColor() { } }; - /** Constant WARNING_LIGHTEN_2 */ Color WARNING_LIGHTEN_2 = new Color() { @Override @@ -2137,7 +2049,6 @@ public CssClass getContextColor() { } }; - /** Constant WARNING_LIGHTEN_3 */ Color WARNING_LIGHTEN_3 = new Color() { @Override @@ -2176,7 +2087,6 @@ public CssClass getContextColor() { } }; - /** Constant WARNING_LIGHTEN_4 */ Color WARNING_LIGHTEN_4 = new Color() { @Override @@ -2215,7 +2125,6 @@ public CssClass getContextColor() { } }; - /** Constant WARNING_LIGHTEN_5 */ Color WARNING_LIGHTEN_5 = new Color() { @Override @@ -2254,7 +2163,6 @@ public CssClass getContextColor() { } }; - /** Constant WARNING_DARKEN_1 */ Color WARNING_DARKEN_1 = new Color() { @Override @@ -2293,7 +2201,6 @@ public CssClass getContextColor() { } }; - /** Constant WARNING_DARKEN_2 */ Color WARNING_DARKEN_2 = new Color() { @Override @@ -2332,7 +2239,6 @@ public CssClass getContextColor() { } }; - /** Constant WARNING_DARKEN_3 */ Color WARNING_DARKEN_3 = new Color() { @Override @@ -2371,7 +2277,6 @@ public CssClass getContextColor() { } }; - /** Constant WARNING_DARKEN_4 */ Color WARNING_DARKEN_4 = new Color() { @Override @@ -2410,7 +2315,6 @@ public CssClass getContextColor() { } }; - /** Constant INFO */ Color INFO = new Color() { @Override @@ -2449,7 +2353,6 @@ public CssClass getContextColor() { } }; - /** Constant INFO_LIGHTEN_1 */ Color INFO_LIGHTEN_1 = new Color() { @Override @@ -2488,7 +2391,6 @@ public CssClass getContextColor() { } }; - /** Constant INFO_LIGHTEN_2 */ Color INFO_LIGHTEN_2 = new Color() { @Override @@ -2527,7 +2429,6 @@ public CssClass getContextColor() { } }; - /** Constant INFO_LIGHTEN_3 */ Color INFO_LIGHTEN_3 = new Color() { @Override @@ -2566,7 +2467,6 @@ public CssClass getContextColor() { } }; - /** Constant INFO_LIGHTEN_4 */ Color INFO_LIGHTEN_4 = new Color() { @Override @@ -2605,7 +2505,6 @@ public CssClass getContextColor() { } }; - /** Constant INFO_LIGHTEN_5 */ Color INFO_LIGHTEN_5 = new Color() { @Override @@ -2644,7 +2543,6 @@ public CssClass getContextColor() { } }; - /** Constant INFO_DARKEN_1 */ Color INFO_DARKEN_1 = new Color() { @Override @@ -2683,7 +2581,6 @@ public CssClass getContextColor() { } }; - /** Constant INFO_DARKEN_2 */ Color INFO_DARKEN_2 = new Color() { @Override @@ -2722,7 +2619,6 @@ public CssClass getContextColor() { } }; - /** Constant INFO_DARKEN_3 */ Color INFO_DARKEN_3 = new Color() { @Override @@ -2761,7 +2657,6 @@ public CssClass getContextColor() { } }; - /** Constant INFO_DARKEN_4 */ Color INFO_DARKEN_4 = new Color() { @Override @@ -2800,7 +2695,6 @@ public CssClass getContextColor() { } }; - /** Constant ERROR */ Color ERROR = new Color() { @Override @@ -2839,7 +2733,6 @@ public CssClass getContextColor() { } }; - /** Constant ERROR_LIGHTEN_1 */ Color ERROR_LIGHTEN_1 = new Color() { @Override @@ -2878,7 +2771,6 @@ public CssClass getContextColor() { } }; - /** Constant ERROR_LIGHTEN_2 */ Color ERROR_LIGHTEN_2 = new Color() { @Override @@ -2917,7 +2809,6 @@ public CssClass getContextColor() { } }; - /** Constant ERROR_LIGHTEN_3 */ Color ERROR_LIGHTEN_3 = new Color() { @Override @@ -2956,7 +2847,6 @@ public CssClass getContextColor() { } }; - /** Constant ERROR_LIGHTEN_4 */ Color ERROR_LIGHTEN_4 = new Color() { @Override @@ -2995,7 +2885,6 @@ public CssClass getContextColor() { } }; - /** Constant ERROR_LIGHTEN_5 */ Color ERROR_LIGHTEN_5 = new Color() { @Override @@ -3034,7 +2923,6 @@ public CssClass getContextColor() { } }; - /** Constant ERROR_DARKEN_1 */ Color ERROR_DARKEN_1 = new Color() { @Override @@ -3073,7 +2961,6 @@ public CssClass getContextColor() { } }; - /** Constant ERROR_DARKEN_2 */ Color ERROR_DARKEN_2 = new Color() { @Override @@ -3112,7 +2999,6 @@ public CssClass getContextColor() { } }; - /** Constant ERROR_DARKEN_3 */ Color ERROR_DARKEN_3 = new Color() { @Override @@ -3151,7 +3037,6 @@ public CssClass getContextColor() { } }; - /** Constant ERROR_DARKEN_4 */ Color ERROR_DARKEN_4 = new Color() { @Override @@ -3190,7 +3075,6 @@ public CssClass getContextColor() { } }; - /** Constant RED */ Color RED = new Color() { @Override @@ -3229,7 +3113,6 @@ public CssClass getContextColor() { } }; - /** Constant RED_LIGHTEN_1 */ Color RED_LIGHTEN_1 = new Color() { @Override @@ -3268,7 +3151,6 @@ public CssClass getContextColor() { } }; - /** Constant RED_LIGHTEN_2 */ Color RED_LIGHTEN_2 = new Color() { @Override @@ -3307,7 +3189,6 @@ public CssClass getContextColor() { } }; - /** Constant RED_LIGHTEN_3 */ Color RED_LIGHTEN_3 = new Color() { @Override @@ -3346,7 +3227,6 @@ public CssClass getContextColor() { } }; - /** Constant RED_LIGHTEN_4 */ Color RED_LIGHTEN_4 = new Color() { @Override @@ -3385,7 +3265,6 @@ public CssClass getContextColor() { } }; - /** Constant RED_LIGHTEN_5 */ Color RED_LIGHTEN_5 = new Color() { @Override @@ -3424,7 +3303,6 @@ public CssClass getContextColor() { } }; - /** Constant RED_DARKEN_1 */ Color RED_DARKEN_1 = new Color() { @Override @@ -3463,7 +3341,6 @@ public CssClass getContextColor() { } }; - /** Constant RED_DARKEN_2 */ Color RED_DARKEN_2 = new Color() { @Override @@ -3502,7 +3379,6 @@ public CssClass getContextColor() { } }; - /** Constant RED_DARKEN_3 */ Color RED_DARKEN_3 = new Color() { @Override @@ -3541,7 +3417,6 @@ public CssClass getContextColor() { } }; - /** Constant RED_DARKEN_4 */ Color RED_DARKEN_4 = new Color() { @Override @@ -3580,7 +3455,6 @@ public CssClass getContextColor() { } }; - /** Constant PINK */ Color PINK = new Color() { @Override @@ -3619,7 +3493,6 @@ public CssClass getContextColor() { } }; - /** Constant PINK_LIGHTEN_1 */ Color PINK_LIGHTEN_1 = new Color() { @Override @@ -3658,7 +3531,6 @@ public CssClass getContextColor() { } }; - /** Constant PINK_LIGHTEN_2 */ Color PINK_LIGHTEN_2 = new Color() { @Override @@ -3697,7 +3569,6 @@ public CssClass getContextColor() { } }; - /** Constant PINK_LIGHTEN_3 */ Color PINK_LIGHTEN_3 = new Color() { @Override @@ -3736,7 +3607,6 @@ public CssClass getContextColor() { } }; - /** Constant PINK_LIGHTEN_4 */ Color PINK_LIGHTEN_4 = new Color() { @Override @@ -3775,7 +3645,6 @@ public CssClass getContextColor() { } }; - /** Constant PINK_LIGHTEN_5 */ Color PINK_LIGHTEN_5 = new Color() { @Override @@ -3814,7 +3683,6 @@ public CssClass getContextColor() { } }; - /** Constant PINK_DARKEN_1 */ Color PINK_DARKEN_1 = new Color() { @Override @@ -3853,7 +3721,6 @@ public CssClass getContextColor() { } }; - /** Constant PINK_DARKEN_2 */ Color PINK_DARKEN_2 = new Color() { @Override @@ -3892,7 +3759,6 @@ public CssClass getContextColor() { } }; - /** Constant PINK_DARKEN_3 */ Color PINK_DARKEN_3 = new Color() { @Override @@ -3931,7 +3797,6 @@ public CssClass getContextColor() { } }; - /** Constant PINK_DARKEN_4 */ Color PINK_DARKEN_4 = new Color() { @Override @@ -3970,7 +3835,6 @@ public CssClass getContextColor() { } }; - /** Constant PURPLE */ Color PURPLE = new Color() { @Override @@ -4009,7 +3873,6 @@ public CssClass getContextColor() { } }; - /** Constant PURPLE_LIGHTEN_1 */ Color PURPLE_LIGHTEN_1 = new Color() { @Override @@ -4048,7 +3911,6 @@ public CssClass getContextColor() { } }; - /** Constant PURPLE_LIGHTEN_2 */ Color PURPLE_LIGHTEN_2 = new Color() { @Override @@ -4087,7 +3949,6 @@ public CssClass getContextColor() { } }; - /** Constant PURPLE_LIGHTEN_3 */ Color PURPLE_LIGHTEN_3 = new Color() { @Override @@ -4126,7 +3987,6 @@ public CssClass getContextColor() { } }; - /** Constant PURPLE_LIGHTEN_4 */ Color PURPLE_LIGHTEN_4 = new Color() { @Override @@ -4165,7 +4025,6 @@ public CssClass getContextColor() { } }; - /** Constant PURPLE_LIGHTEN_5 */ Color PURPLE_LIGHTEN_5 = new Color() { @Override @@ -4204,7 +4063,6 @@ public CssClass getContextColor() { } }; - /** Constant PURPLE_DARKEN_1 */ Color PURPLE_DARKEN_1 = new Color() { @Override @@ -4243,7 +4101,6 @@ public CssClass getContextColor() { } }; - /** Constant PURPLE_DARKEN_2 */ Color PURPLE_DARKEN_2 = new Color() { @Override @@ -4282,7 +4139,6 @@ public CssClass getContextColor() { } }; - /** Constant PURPLE_DARKEN_3 */ Color PURPLE_DARKEN_3 = new Color() { @Override @@ -4321,7 +4177,6 @@ public CssClass getContextColor() { } }; - /** Constant PURPLE_DARKEN_4 */ Color PURPLE_DARKEN_4 = new Color() { @Override @@ -4360,7 +4215,6 @@ public CssClass getContextColor() { } }; - /** Constant DEEP_PURPLE */ Color DEEP_PURPLE = new Color() { @Override @@ -4399,7 +4253,6 @@ public CssClass getContextColor() { } }; - /** Constant DEEP_PURPLE_LIGHTEN_1 */ Color DEEP_PURPLE_LIGHTEN_1 = new Color() { @Override @@ -4438,7 +4291,6 @@ public CssClass getContextColor() { } }; - /** Constant DEEP_PURPLE_LIGHTEN_2 */ Color DEEP_PURPLE_LIGHTEN_2 = new Color() { @Override @@ -4477,7 +4329,6 @@ public CssClass getContextColor() { } }; - /** Constant DEEP_PURPLE_LIGHTEN_3 */ Color DEEP_PURPLE_LIGHTEN_3 = new Color() { @Override @@ -4516,7 +4367,6 @@ public CssClass getContextColor() { } }; - /** Constant DEEP_PURPLE_LIGHTEN_4 */ Color DEEP_PURPLE_LIGHTEN_4 = new Color() { @Override @@ -4555,7 +4405,6 @@ public CssClass getContextColor() { } }; - /** Constant DEEP_PURPLE_LIGHTEN_5 */ Color DEEP_PURPLE_LIGHTEN_5 = new Color() { @Override @@ -4594,7 +4443,6 @@ public CssClass getContextColor() { } }; - /** Constant DEEP_PURPLE_DARKEN_1 */ Color DEEP_PURPLE_DARKEN_1 = new Color() { @Override @@ -4633,7 +4481,6 @@ public CssClass getContextColor() { } }; - /** Constant DEEP_PURPLE_DARKEN_2 */ Color DEEP_PURPLE_DARKEN_2 = new Color() { @Override @@ -4672,7 +4519,6 @@ public CssClass getContextColor() { } }; - /** Constant DEEP_PURPLE_DARKEN_3 */ Color DEEP_PURPLE_DARKEN_3 = new Color() { @Override @@ -4711,7 +4557,6 @@ public CssClass getContextColor() { } }; - /** Constant DEEP_PURPLE_DARKEN_4 */ Color DEEP_PURPLE_DARKEN_4 = new Color() { @Override @@ -4750,7 +4595,6 @@ public CssClass getContextColor() { } }; - /** Constant INDIGO */ Color INDIGO = new Color() { @Override @@ -4789,7 +4633,6 @@ public CssClass getContextColor() { } }; - /** Constant INDIGO_LIGHTEN_1 */ Color INDIGO_LIGHTEN_1 = new Color() { @Override @@ -4828,7 +4671,6 @@ public CssClass getContextColor() { } }; - /** Constant INDIGO_LIGHTEN_2 */ Color INDIGO_LIGHTEN_2 = new Color() { @Override @@ -4867,7 +4709,6 @@ public CssClass getContextColor() { } }; - /** Constant INDIGO_LIGHTEN_3 */ Color INDIGO_LIGHTEN_3 = new Color() { @Override @@ -4906,7 +4747,6 @@ public CssClass getContextColor() { } }; - /** Constant INDIGO_LIGHTEN_4 */ Color INDIGO_LIGHTEN_4 = new Color() { @Override @@ -4945,7 +4785,6 @@ public CssClass getContextColor() { } }; - /** Constant INDIGO_LIGHTEN_5 */ Color INDIGO_LIGHTEN_5 = new Color() { @Override @@ -4984,7 +4823,6 @@ public CssClass getContextColor() { } }; - /** Constant INDIGO_DARKEN_1 */ Color INDIGO_DARKEN_1 = new Color() { @Override @@ -5023,7 +4861,6 @@ public CssClass getContextColor() { } }; - /** Constant INDIGO_DARKEN_2 */ Color INDIGO_DARKEN_2 = new Color() { @Override @@ -5062,7 +4899,6 @@ public CssClass getContextColor() { } }; - /** Constant INDIGO_DARKEN_3 */ Color INDIGO_DARKEN_3 = new Color() { @Override @@ -5101,7 +4937,6 @@ public CssClass getContextColor() { } }; - /** Constant INDIGO_DARKEN_4 */ Color INDIGO_DARKEN_4 = new Color() { @Override @@ -5140,7 +4975,6 @@ public CssClass getContextColor() { } }; - /** Constant BLUE */ Color BLUE = new Color() { @Override @@ -5179,7 +5013,6 @@ public CssClass getContextColor() { } }; - /** Constant BLUE_LIGHTEN_1 */ Color BLUE_LIGHTEN_1 = new Color() { @Override @@ -5218,7 +5051,6 @@ public CssClass getContextColor() { } }; - /** Constant BLUE_LIGHTEN_2 */ Color BLUE_LIGHTEN_2 = new Color() { @Override @@ -5257,7 +5089,6 @@ public CssClass getContextColor() { } }; - /** Constant BLUE_LIGHTEN_3 */ Color BLUE_LIGHTEN_3 = new Color() { @Override @@ -5296,7 +5127,6 @@ public CssClass getContextColor() { } }; - /** Constant BLUE_LIGHTEN_4 */ Color BLUE_LIGHTEN_4 = new Color() { @Override @@ -5335,7 +5165,6 @@ public CssClass getContextColor() { } }; - /** Constant BLUE_LIGHTEN_5 */ Color BLUE_LIGHTEN_5 = new Color() { @Override @@ -5374,7 +5203,6 @@ public CssClass getContextColor() { } }; - /** Constant BLUE_DARKEN_1 */ Color BLUE_DARKEN_1 = new Color() { @Override @@ -5413,7 +5241,6 @@ public CssClass getContextColor() { } }; - /** Constant BLUE_DARKEN_2 */ Color BLUE_DARKEN_2 = new Color() { @Override @@ -5452,7 +5279,6 @@ public CssClass getContextColor() { } }; - /** Constant BLUE_DARKEN_3 */ Color BLUE_DARKEN_3 = new Color() { @Override @@ -5491,7 +5317,6 @@ public CssClass getContextColor() { } }; - /** Constant BLUE_DARKEN_4 */ Color BLUE_DARKEN_4 = new Color() { @Override @@ -5530,7 +5355,6 @@ public CssClass getContextColor() { } }; - /** Constant LIGHT_BLUE */ Color LIGHT_BLUE = new Color() { @Override @@ -5569,7 +5393,6 @@ public CssClass getContextColor() { } }; - /** Constant LIGHT_BLUE_LIGHTEN_1 */ Color LIGHT_BLUE_LIGHTEN_1 = new Color() { @Override @@ -5608,7 +5431,6 @@ public CssClass getContextColor() { } }; - /** Constant LIGHT_BLUE_LIGHTEN_2 */ Color LIGHT_BLUE_LIGHTEN_2 = new Color() { @Override @@ -5647,7 +5469,6 @@ public CssClass getContextColor() { } }; - /** Constant LIGHT_BLUE_LIGHTEN_3 */ Color LIGHT_BLUE_LIGHTEN_3 = new Color() { @Override @@ -5686,7 +5507,6 @@ public CssClass getContextColor() { } }; - /** Constant LIGHT_BLUE_LIGHTEN_4 */ Color LIGHT_BLUE_LIGHTEN_4 = new Color() { @Override @@ -5725,7 +5545,6 @@ public CssClass getContextColor() { } }; - /** Constant LIGHT_BLUE_LIGHTEN_5 */ Color LIGHT_BLUE_LIGHTEN_5 = new Color() { @Override @@ -5764,7 +5583,6 @@ public CssClass getContextColor() { } }; - /** Constant LIGHT_BLUE_DARKEN_1 */ Color LIGHT_BLUE_DARKEN_1 = new Color() { @Override @@ -5803,7 +5621,6 @@ public CssClass getContextColor() { } }; - /** Constant LIGHT_BLUE_DARKEN_2 */ Color LIGHT_BLUE_DARKEN_2 = new Color() { @Override @@ -5842,7 +5659,6 @@ public CssClass getContextColor() { } }; - /** Constant LIGHT_BLUE_DARKEN_3 */ Color LIGHT_BLUE_DARKEN_3 = new Color() { @Override @@ -5881,7 +5697,6 @@ public CssClass getContextColor() { } }; - /** Constant LIGHT_BLUE_DARKEN_4 */ Color LIGHT_BLUE_DARKEN_4 = new Color() { @Override @@ -5920,7 +5735,6 @@ public CssClass getContextColor() { } }; - /** Constant CYAN */ Color CYAN = new Color() { @Override @@ -5959,7 +5773,6 @@ public CssClass getContextColor() { } }; - /** Constant CYAN_LIGHTEN_1 */ Color CYAN_LIGHTEN_1 = new Color() { @Override @@ -5998,7 +5811,6 @@ public CssClass getContextColor() { } }; - /** Constant CYAN_LIGHTEN_2 */ Color CYAN_LIGHTEN_2 = new Color() { @Override @@ -6037,7 +5849,6 @@ public CssClass getContextColor() { } }; - /** Constant CYAN_LIGHTEN_3 */ Color CYAN_LIGHTEN_3 = new Color() { @Override @@ -6076,7 +5887,6 @@ public CssClass getContextColor() { } }; - /** Constant CYAN_LIGHTEN_4 */ Color CYAN_LIGHTEN_4 = new Color() { @Override @@ -6115,7 +5925,6 @@ public CssClass getContextColor() { } }; - /** Constant CYAN_LIGHTEN_5 */ Color CYAN_LIGHTEN_5 = new Color() { @Override @@ -6154,7 +5963,6 @@ public CssClass getContextColor() { } }; - /** Constant CYAN_DARKEN_1 */ Color CYAN_DARKEN_1 = new Color() { @Override @@ -6193,7 +6001,6 @@ public CssClass getContextColor() { } }; - /** Constant CYAN_DARKEN_2 */ Color CYAN_DARKEN_2 = new Color() { @Override @@ -6232,7 +6039,6 @@ public CssClass getContextColor() { } }; - /** Constant CYAN_DARKEN_3 */ Color CYAN_DARKEN_3 = new Color() { @Override @@ -6271,7 +6077,6 @@ public CssClass getContextColor() { } }; - /** Constant CYAN_DARKEN_4 */ Color CYAN_DARKEN_4 = new Color() { @Override @@ -6310,7 +6115,6 @@ public CssClass getContextColor() { } }; - /** Constant TEAL */ Color TEAL = new Color() { @Override @@ -6349,7 +6153,6 @@ public CssClass getContextColor() { } }; - /** Constant TEAL_LIGHTEN_1 */ Color TEAL_LIGHTEN_1 = new Color() { @Override @@ -6388,7 +6191,6 @@ public CssClass getContextColor() { } }; - /** Constant TEAL_LIGHTEN_2 */ Color TEAL_LIGHTEN_2 = new Color() { @Override @@ -6427,7 +6229,6 @@ public CssClass getContextColor() { } }; - /** Constant TEAL_LIGHTEN_3 */ Color TEAL_LIGHTEN_3 = new Color() { @Override @@ -6466,7 +6267,6 @@ public CssClass getContextColor() { } }; - /** Constant TEAL_LIGHTEN_4 */ Color TEAL_LIGHTEN_4 = new Color() { @Override @@ -6505,7 +6305,6 @@ public CssClass getContextColor() { } }; - /** Constant TEAL_LIGHTEN_5 */ Color TEAL_LIGHTEN_5 = new Color() { @Override @@ -6544,7 +6343,6 @@ public CssClass getContextColor() { } }; - /** Constant TEAL_DARKEN_1 */ Color TEAL_DARKEN_1 = new Color() { @Override @@ -6583,7 +6381,6 @@ public CssClass getContextColor() { } }; - /** Constant TEAL_DARKEN_2 */ Color TEAL_DARKEN_2 = new Color() { @Override @@ -6622,7 +6419,6 @@ public CssClass getContextColor() { } }; - /** Constant TEAL_DARKEN_3 */ Color TEAL_DARKEN_3 = new Color() { @Override @@ -6661,7 +6457,6 @@ public CssClass getContextColor() { } }; - /** Constant TEAL_DARKEN_4 */ Color TEAL_DARKEN_4 = new Color() { @Override @@ -6700,7 +6495,6 @@ public CssClass getContextColor() { } }; - /** Constant GREEN */ Color GREEN = new Color() { @Override @@ -6739,7 +6533,6 @@ public CssClass getContextColor() { } }; - /** Constant GREEN_LIGHTEN_1 */ Color GREEN_LIGHTEN_1 = new Color() { @Override @@ -6778,7 +6571,6 @@ public CssClass getContextColor() { } }; - /** Constant GREEN_LIGHTEN_2 */ Color GREEN_LIGHTEN_2 = new Color() { @Override @@ -6817,7 +6609,6 @@ public CssClass getContextColor() { } }; - /** Constant GREEN_LIGHTEN_3 */ Color GREEN_LIGHTEN_3 = new Color() { @Override @@ -6856,7 +6647,6 @@ public CssClass getContextColor() { } }; - /** Constant GREEN_LIGHTEN_4 */ Color GREEN_LIGHTEN_4 = new Color() { @Override @@ -6895,7 +6685,6 @@ public CssClass getContextColor() { } }; - /** Constant GREEN_LIGHTEN_5 */ Color GREEN_LIGHTEN_5 = new Color() { @Override @@ -6934,7 +6723,6 @@ public CssClass getContextColor() { } }; - /** Constant GREEN_DARKEN_1 */ Color GREEN_DARKEN_1 = new Color() { @Override @@ -6973,7 +6761,6 @@ public CssClass getContextColor() { } }; - /** Constant GREEN_DARKEN_2 */ Color GREEN_DARKEN_2 = new Color() { @Override @@ -7012,7 +6799,6 @@ public CssClass getContextColor() { } }; - /** Constant GREEN_DARKEN_3 */ Color GREEN_DARKEN_3 = new Color() { @Override @@ -7051,7 +6837,6 @@ public CssClass getContextColor() { } }; - /** Constant GREEN_DARKEN_4 */ Color GREEN_DARKEN_4 = new Color() { @Override @@ -7090,7 +6875,6 @@ public CssClass getContextColor() { } }; - /** Constant LIGHT_GREEN */ Color LIGHT_GREEN = new Color() { @Override @@ -7129,7 +6913,6 @@ public CssClass getContextColor() { } }; - /** Constant LIGHT_GREEN_LIGHTEN_1 */ Color LIGHT_GREEN_LIGHTEN_1 = new Color() { @Override @@ -7168,7 +6951,6 @@ public CssClass getContextColor() { } }; - /** Constant LIGHT_GREEN_LIGHTEN_2 */ Color LIGHT_GREEN_LIGHTEN_2 = new Color() { @Override @@ -7207,7 +6989,6 @@ public CssClass getContextColor() { } }; - /** Constant LIGHT_GREEN_LIGHTEN_3 */ Color LIGHT_GREEN_LIGHTEN_3 = new Color() { @Override @@ -7246,7 +7027,6 @@ public CssClass getContextColor() { } }; - /** Constant LIGHT_GREEN_LIGHTEN_4 */ Color LIGHT_GREEN_LIGHTEN_4 = new Color() { @Override @@ -7285,7 +7065,6 @@ public CssClass getContextColor() { } }; - /** Constant LIGHT_GREEN_LIGHTEN_5 */ Color LIGHT_GREEN_LIGHTEN_5 = new Color() { @Override @@ -7324,7 +7103,6 @@ public CssClass getContextColor() { } }; - /** Constant LIGHT_GREEN_DARKEN_1 */ Color LIGHT_GREEN_DARKEN_1 = new Color() { @Override @@ -7363,7 +7141,6 @@ public CssClass getContextColor() { } }; - /** Constant LIGHT_GREEN_DARKEN_2 */ Color LIGHT_GREEN_DARKEN_2 = new Color() { @Override @@ -7402,7 +7179,6 @@ public CssClass getContextColor() { } }; - /** Constant LIGHT_GREEN_DARKEN_3 */ Color LIGHT_GREEN_DARKEN_3 = new Color() { @Override @@ -7441,7 +7217,6 @@ public CssClass getContextColor() { } }; - /** Constant LIGHT_GREEN_DARKEN_4 */ Color LIGHT_GREEN_DARKEN_4 = new Color() { @Override @@ -7480,7 +7255,6 @@ public CssClass getContextColor() { } }; - /** Constant LIME */ Color LIME = new Color() { @Override @@ -7519,7 +7293,6 @@ public CssClass getContextColor() { } }; - /** Constant LIME_LIGHTEN_1 */ Color LIME_LIGHTEN_1 = new Color() { @Override @@ -7558,7 +7331,6 @@ public CssClass getContextColor() { } }; - /** Constant LIME_LIGHTEN_2 */ Color LIME_LIGHTEN_2 = new Color() { @Override @@ -7597,7 +7369,6 @@ public CssClass getContextColor() { } }; - /** Constant LIME_LIGHTEN_3 */ Color LIME_LIGHTEN_3 = new Color() { @Override @@ -7636,7 +7407,6 @@ public CssClass getContextColor() { } }; - /** Constant LIME_LIGHTEN_4 */ Color LIME_LIGHTEN_4 = new Color() { @Override @@ -7675,7 +7445,6 @@ public CssClass getContextColor() { } }; - /** Constant LIME_LIGHTEN_5 */ Color LIME_LIGHTEN_5 = new Color() { @Override @@ -7714,7 +7483,6 @@ public CssClass getContextColor() { } }; - /** Constant LIME_DARKEN_1 */ Color LIME_DARKEN_1 = new Color() { @Override @@ -7753,7 +7521,6 @@ public CssClass getContextColor() { } }; - /** Constant LIME_DARKEN_2 */ Color LIME_DARKEN_2 = new Color() { @Override @@ -7792,7 +7559,6 @@ public CssClass getContextColor() { } }; - /** Constant LIME_DARKEN_3 */ Color LIME_DARKEN_3 = new Color() { @Override @@ -7831,7 +7597,6 @@ public CssClass getContextColor() { } }; - /** Constant LIME_DARKEN_4 */ Color LIME_DARKEN_4 = new Color() { @Override @@ -7870,7 +7635,6 @@ public CssClass getContextColor() { } }; - /** Constant YELLOW */ Color YELLOW = new Color() { @Override @@ -7909,7 +7673,6 @@ public CssClass getContextColor() { } }; - /** Constant YELLOW_LIGHTEN_1 */ Color YELLOW_LIGHTEN_1 = new Color() { @Override @@ -7948,7 +7711,6 @@ public CssClass getContextColor() { } }; - /** Constant YELLOW_LIGHTEN_2 */ Color YELLOW_LIGHTEN_2 = new Color() { @Override @@ -7987,7 +7749,6 @@ public CssClass getContextColor() { } }; - /** Constant YELLOW_LIGHTEN_3 */ Color YELLOW_LIGHTEN_3 = new Color() { @Override @@ -8026,7 +7787,6 @@ public CssClass getContextColor() { } }; - /** Constant YELLOW_LIGHTEN_4 */ Color YELLOW_LIGHTEN_4 = new Color() { @Override @@ -8065,7 +7825,6 @@ public CssClass getContextColor() { } }; - /** Constant YELLOW_LIGHTEN_5 */ Color YELLOW_LIGHTEN_5 = new Color() { @Override @@ -8104,7 +7863,6 @@ public CssClass getContextColor() { } }; - /** Constant YELLOW_DARKEN_1 */ Color YELLOW_DARKEN_1 = new Color() { @Override @@ -8143,7 +7901,6 @@ public CssClass getContextColor() { } }; - /** Constant YELLOW_DARKEN_2 */ Color YELLOW_DARKEN_2 = new Color() { @Override @@ -8182,7 +7939,6 @@ public CssClass getContextColor() { } }; - /** Constant YELLOW_DARKEN_3 */ Color YELLOW_DARKEN_3 = new Color() { @Override @@ -8221,7 +7977,6 @@ public CssClass getContextColor() { } }; - /** Constant YELLOW_DARKEN_4 */ Color YELLOW_DARKEN_4 = new Color() { @Override @@ -8260,7 +8015,6 @@ public CssClass getContextColor() { } }; - /** Constant AMBER */ Color AMBER = new Color() { @Override @@ -8299,7 +8053,6 @@ public CssClass getContextColor() { } }; - /** Constant AMBER_LIGHTEN_1 */ Color AMBER_LIGHTEN_1 = new Color() { @Override @@ -8338,7 +8091,6 @@ public CssClass getContextColor() { } }; - /** Constant AMBER_LIGHTEN_2 */ Color AMBER_LIGHTEN_2 = new Color() { @Override @@ -8377,7 +8129,6 @@ public CssClass getContextColor() { } }; - /** Constant AMBER_LIGHTEN_3 */ Color AMBER_LIGHTEN_3 = new Color() { @Override @@ -8416,7 +8167,6 @@ public CssClass getContextColor() { } }; - /** Constant AMBER_LIGHTEN_4 */ Color AMBER_LIGHTEN_4 = new Color() { @Override @@ -8455,7 +8205,6 @@ public CssClass getContextColor() { } }; - /** Constant AMBER_LIGHTEN_5 */ Color AMBER_LIGHTEN_5 = new Color() { @Override @@ -8494,7 +8243,6 @@ public CssClass getContextColor() { } }; - /** Constant AMBER_DARKEN_1 */ Color AMBER_DARKEN_1 = new Color() { @Override @@ -8533,7 +8281,6 @@ public CssClass getContextColor() { } }; - /** Constant AMBER_DARKEN_2 */ Color AMBER_DARKEN_2 = new Color() { @Override @@ -8572,7 +8319,6 @@ public CssClass getContextColor() { } }; - /** Constant AMBER_DARKEN_3 */ Color AMBER_DARKEN_3 = new Color() { @Override @@ -8611,7 +8357,6 @@ public CssClass getContextColor() { } }; - /** Constant AMBER_DARKEN_4 */ Color AMBER_DARKEN_4 = new Color() { @Override @@ -8650,7 +8395,6 @@ public CssClass getContextColor() { } }; - /** Constant ORANGE */ Color ORANGE = new Color() { @Override @@ -8689,7 +8433,6 @@ public CssClass getContextColor() { } }; - /** Constant ORANGE_LIGHTEN_1 */ Color ORANGE_LIGHTEN_1 = new Color() { @Override @@ -8728,7 +8471,6 @@ public CssClass getContextColor() { } }; - /** Constant ORANGE_LIGHTEN_2 */ Color ORANGE_LIGHTEN_2 = new Color() { @Override @@ -8767,7 +8509,6 @@ public CssClass getContextColor() { } }; - /** Constant ORANGE_LIGHTEN_3 */ Color ORANGE_LIGHTEN_3 = new Color() { @Override @@ -8806,7 +8547,6 @@ public CssClass getContextColor() { } }; - /** Constant ORANGE_LIGHTEN_4 */ Color ORANGE_LIGHTEN_4 = new Color() { @Override @@ -8845,7 +8585,6 @@ public CssClass getContextColor() { } }; - /** Constant ORANGE_LIGHTEN_5 */ Color ORANGE_LIGHTEN_5 = new Color() { @Override @@ -8884,7 +8623,6 @@ public CssClass getContextColor() { } }; - /** Constant ORANGE_DARKEN_1 */ Color ORANGE_DARKEN_1 = new Color() { @Override @@ -8923,7 +8661,6 @@ public CssClass getContextColor() { } }; - /** Constant ORANGE_DARKEN_2 */ Color ORANGE_DARKEN_2 = new Color() { @Override @@ -8962,7 +8699,6 @@ public CssClass getContextColor() { } }; - /** Constant ORANGE_DARKEN_3 */ Color ORANGE_DARKEN_3 = new Color() { @Override @@ -9001,7 +8737,6 @@ public CssClass getContextColor() { } }; - /** Constant ORANGE_DARKEN_4 */ Color ORANGE_DARKEN_4 = new Color() { @Override @@ -9040,7 +8775,6 @@ public CssClass getContextColor() { } }; - /** Constant DEEP_ORANGE */ Color DEEP_ORANGE = new Color() { @Override @@ -9079,7 +8813,6 @@ public CssClass getContextColor() { } }; - /** Constant DEEP_ORANGE_LIGHTEN_1 */ Color DEEP_ORANGE_LIGHTEN_1 = new Color() { @Override @@ -9118,7 +8851,6 @@ public CssClass getContextColor() { } }; - /** Constant DEEP_ORANGE_LIGHTEN_2 */ Color DEEP_ORANGE_LIGHTEN_2 = new Color() { @Override @@ -9157,7 +8889,6 @@ public CssClass getContextColor() { } }; - /** Constant DEEP_ORANGE_LIGHTEN_3 */ Color DEEP_ORANGE_LIGHTEN_3 = new Color() { @Override @@ -9196,7 +8927,6 @@ public CssClass getContextColor() { } }; - /** Constant DEEP_ORANGE_LIGHTEN_4 */ Color DEEP_ORANGE_LIGHTEN_4 = new Color() { @Override @@ -9235,7 +8965,6 @@ public CssClass getContextColor() { } }; - /** Constant DEEP_ORANGE_LIGHTEN_5 */ Color DEEP_ORANGE_LIGHTEN_5 = new Color() { @Override @@ -9274,7 +9003,6 @@ public CssClass getContextColor() { } }; - /** Constant DEEP_ORANGE_DARKEN_1 */ Color DEEP_ORANGE_DARKEN_1 = new Color() { @Override @@ -9313,7 +9041,6 @@ public CssClass getContextColor() { } }; - /** Constant DEEP_ORANGE_DARKEN_2 */ Color DEEP_ORANGE_DARKEN_2 = new Color() { @Override @@ -9352,7 +9079,6 @@ public CssClass getContextColor() { } }; - /** Constant DEEP_ORANGE_DARKEN_3 */ Color DEEP_ORANGE_DARKEN_3 = new Color() { @Override @@ -9391,7 +9117,6 @@ public CssClass getContextColor() { } }; - /** Constant DEEP_ORANGE_DARKEN_4 */ Color DEEP_ORANGE_DARKEN_4 = new Color() { @Override @@ -9430,7 +9155,6 @@ public CssClass getContextColor() { } }; - /** Constant BROWN */ Color BROWN = new Color() { @Override @@ -9469,7 +9193,6 @@ public CssClass getContextColor() { } }; - /** Constant BROWN_LIGHTEN_1 */ Color BROWN_LIGHTEN_1 = new Color() { @Override @@ -9508,7 +9231,6 @@ public CssClass getContextColor() { } }; - /** Constant BROWN_LIGHTEN_2 */ Color BROWN_LIGHTEN_2 = new Color() { @Override @@ -9547,7 +9269,6 @@ public CssClass getContextColor() { } }; - /** Constant BROWN_LIGHTEN_3 */ Color BROWN_LIGHTEN_3 = new Color() { @Override @@ -9586,7 +9307,6 @@ public CssClass getContextColor() { } }; - /** Constant BROWN_LIGHTEN_4 */ Color BROWN_LIGHTEN_4 = new Color() { @Override @@ -9625,7 +9345,6 @@ public CssClass getContextColor() { } }; - /** Constant BROWN_LIGHTEN_5 */ Color BROWN_LIGHTEN_5 = new Color() { @Override @@ -9664,7 +9383,6 @@ public CssClass getContextColor() { } }; - /** Constant BROWN_DARKEN_1 */ Color BROWN_DARKEN_1 = new Color() { @Override @@ -9703,7 +9421,6 @@ public CssClass getContextColor() { } }; - /** Constant BROWN_DARKEN_2 */ Color BROWN_DARKEN_2 = new Color() { @Override @@ -9742,7 +9459,6 @@ public CssClass getContextColor() { } }; - /** Constant BROWN_DARKEN_3 */ Color BROWN_DARKEN_3 = new Color() { @Override @@ -9781,7 +9497,6 @@ public CssClass getContextColor() { } }; - /** Constant BROWN_DARKEN_4 */ Color BROWN_DARKEN_4 = new Color() { @Override @@ -9820,7 +9535,6 @@ public CssClass getContextColor() { } }; - /** Constant GREY */ Color GREY = new Color() { @Override @@ -9859,7 +9573,6 @@ public CssClass getContextColor() { } }; - /** Constant GREY_LIGHTEN_1 */ Color GREY_LIGHTEN_1 = new Color() { @Override @@ -9898,7 +9611,6 @@ public CssClass getContextColor() { } }; - /** Constant GREY_LIGHTEN_2 */ Color GREY_LIGHTEN_2 = new Color() { @Override @@ -9937,7 +9649,6 @@ public CssClass getContextColor() { } }; - /** Constant GREY_LIGHTEN_3 */ Color GREY_LIGHTEN_3 = new Color() { @Override @@ -9976,7 +9687,6 @@ public CssClass getContextColor() { } }; - /** Constant GREY_LIGHTEN_4 */ Color GREY_LIGHTEN_4 = new Color() { @Override @@ -10015,7 +9725,6 @@ public CssClass getContextColor() { } }; - /** Constant GREY_LIGHTEN_5 */ Color GREY_LIGHTEN_5 = new Color() { @Override @@ -10054,7 +9763,6 @@ public CssClass getContextColor() { } }; - /** Constant GREY_DARKEN_1 */ Color GREY_DARKEN_1 = new Color() { @Override @@ -10093,7 +9801,6 @@ public CssClass getContextColor() { } }; - /** Constant GREY_DARKEN_2 */ Color GREY_DARKEN_2 = new Color() { @Override @@ -10132,7 +9839,6 @@ public CssClass getContextColor() { } }; - /** Constant GREY_DARKEN_3 */ Color GREY_DARKEN_3 = new Color() { @Override @@ -10171,7 +9877,6 @@ public CssClass getContextColor() { } }; - /** Constant GREY_DARKEN_4 */ Color GREY_DARKEN_4 = new Color() { @Override @@ -10210,7 +9915,6 @@ public CssClass getContextColor() { } }; - /** Constant BLUE_GREY */ Color BLUE_GREY = new Color() { @Override @@ -10249,7 +9953,6 @@ public CssClass getContextColor() { } }; - /** Constant BLUE_GREY_LIGHTEN_1 */ Color BLUE_GREY_LIGHTEN_1 = new Color() { @Override @@ -10288,7 +9991,6 @@ public CssClass getContextColor() { } }; - /** Constant BLUE_GREY_LIGHTEN_2 */ Color BLUE_GREY_LIGHTEN_2 = new Color() { @Override @@ -10327,7 +10029,6 @@ public CssClass getContextColor() { } }; - /** Constant BLUE_GREY_LIGHTEN_3 */ Color BLUE_GREY_LIGHTEN_3 = new Color() { @Override @@ -10366,7 +10067,6 @@ public CssClass getContextColor() { } }; - /** Constant BLUE_GREY_LIGHTEN_4 */ Color BLUE_GREY_LIGHTEN_4 = new Color() { @Override @@ -10405,7 +10105,6 @@ public CssClass getContextColor() { } }; - /** Constant BLUE_GREY_LIGHTEN_5 */ Color BLUE_GREY_LIGHTEN_5 = new Color() { @Override @@ -10444,7 +10143,6 @@ public CssClass getContextColor() { } }; - /** Constant BLUE_GREY_DARKEN_1 */ Color BLUE_GREY_DARKEN_1 = new Color() { @Override @@ -10483,7 +10181,6 @@ public CssClass getContextColor() { } }; - /** Constant BLUE_GREY_DARKEN_2 */ Color BLUE_GREY_DARKEN_2 = new Color() { @Override @@ -10522,7 +10219,6 @@ public CssClass getContextColor() { } }; - /** Constant BLUE_GREY_DARKEN_3 */ Color BLUE_GREY_DARKEN_3 = new Color() { @Override @@ -10561,7 +10257,6 @@ public CssClass getContextColor() { } }; - /** Constant BLUE_GREY_DARKEN_4 */ Color BLUE_GREY_DARKEN_4 = new Color() { @Override @@ -10600,7 +10295,6 @@ public CssClass getContextColor() { } }; - /** Constant WHITE */ Color WHITE = new Color() { @Override @@ -10639,7 +10333,6 @@ public CssClass getContextColor() { } }; - /** Constant WHITE_LIGHTEN_1 */ Color WHITE_LIGHTEN_1 = new Color() { @Override @@ -10678,7 +10371,6 @@ public CssClass getContextColor() { } }; - /** Constant WHITE_LIGHTEN_2 */ Color WHITE_LIGHTEN_2 = new Color() { @Override @@ -10717,7 +10409,6 @@ public CssClass getContextColor() { } }; - /** Constant WHITE_LIGHTEN_3 */ Color WHITE_LIGHTEN_3 = new Color() { @Override @@ -10756,7 +10447,6 @@ public CssClass getContextColor() { } }; - /** Constant WHITE_LIGHTEN_4 */ Color WHITE_LIGHTEN_4 = new Color() { @Override @@ -10795,7 +10485,6 @@ public CssClass getContextColor() { } }; - /** Constant WHITE_LIGHTEN_5 */ Color WHITE_LIGHTEN_5 = new Color() { @Override @@ -10834,7 +10523,6 @@ public CssClass getContextColor() { } }; - /** Constant WHITE_DARKEN_1 */ Color WHITE_DARKEN_1 = new Color() { @Override @@ -10873,7 +10561,6 @@ public CssClass getContextColor() { } }; - /** Constant WHITE_DARKEN_2 */ Color WHITE_DARKEN_2 = new Color() { @Override @@ -10912,7 +10599,6 @@ public CssClass getContextColor() { } }; - /** Constant WHITE_DARKEN_3 */ Color WHITE_DARKEN_3 = new Color() { @Override @@ -10951,7 +10637,6 @@ public CssClass getContextColor() { } }; - /** Constant WHITE_DARKEN_4 */ Color WHITE_DARKEN_4 = new Color() { @Override @@ -10990,7 +10675,6 @@ public CssClass getContextColor() { } }; - /** Constant BLACK */ Color BLACK = new Color() { @Override @@ -11029,7 +10713,6 @@ public CssClass getContextColor() { } }; - /** Constant BLACK_LIGHTEN_1 */ Color BLACK_LIGHTEN_1 = new Color() { @Override @@ -11068,7 +10751,6 @@ public CssClass getContextColor() { } }; - /** Constant BLACK_LIGHTEN_2 */ Color BLACK_LIGHTEN_2 = new Color() { @Override @@ -11107,7 +10789,6 @@ public CssClass getContextColor() { } }; - /** Constant BLACK_LIGHTEN_3 */ Color BLACK_LIGHTEN_3 = new Color() { @Override @@ -11146,7 +10827,6 @@ public CssClass getContextColor() { } }; - /** Constant BLACK_LIGHTEN_4 */ Color BLACK_LIGHTEN_4 = new Color() { @Override @@ -11185,7 +10865,6 @@ public CssClass getContextColor() { } }; - /** Constant BLACK_LIGHTEN_5 */ Color BLACK_LIGHTEN_5 = new Color() { @Override @@ -11224,7 +10903,6 @@ public CssClass getContextColor() { } }; - /** Constant BLACK_DARKEN_1 */ Color BLACK_DARKEN_1 = new Color() { @Override @@ -11263,7 +10941,6 @@ public CssClass getContextColor() { } }; - /** Constant BLACK_DARKEN_2 */ Color BLACK_DARKEN_2 = new Color() { @Override @@ -11302,7 +10979,6 @@ public CssClass getContextColor() { } }; - /** Constant BLACK_DARKEN_3 */ Color BLACK_DARKEN_3 = new Color() { @Override @@ -11341,7 +11017,6 @@ public CssClass getContextColor() { } }; - /** Constant BLACK_DARKEN_4 */ Color BLACK_DARKEN_4 = new Color() { @Override @@ -11380,7 +11055,6 @@ public CssClass getContextColor() { } }; - /** Constant TRANSPARENT */ Color TRANSPARENT = new Color() { @Override @@ -11419,7 +11093,6 @@ public CssClass getContextColor() { } }; - /** Constant TRANSPARENT_LIGHTEN_1 */ Color TRANSPARENT_LIGHTEN_1 = new Color() { @Override @@ -11458,7 +11131,6 @@ public CssClass getContextColor() { } }; - /** Constant TRANSPARENT_LIGHTEN_2 */ Color TRANSPARENT_LIGHTEN_2 = new Color() { @Override @@ -11497,7 +11169,6 @@ public CssClass getContextColor() { } }; - /** Constant TRANSPARENT_LIGHTEN_3 */ Color TRANSPARENT_LIGHTEN_3 = new Color() { @Override @@ -11536,7 +11207,6 @@ public CssClass getContextColor() { } }; - /** Constant TRANSPARENT_LIGHTEN_4 */ Color TRANSPARENT_LIGHTEN_4 = new Color() { @Override @@ -11575,7 +11245,6 @@ public CssClass getContextColor() { } }; - /** Constant TRANSPARENT_LIGHTEN_5 */ Color TRANSPARENT_LIGHTEN_5 = new Color() { @Override @@ -11614,7 +11283,6 @@ public CssClass getContextColor() { } }; - /** Constant TRANSPARENT_DARKEN_1 */ Color TRANSPARENT_DARKEN_1 = new Color() { @Override @@ -11653,7 +11321,6 @@ public CssClass getContextColor() { } }; - /** Constant TRANSPARENT_DARKEN_2 */ Color TRANSPARENT_DARKEN_2 = new Color() { @Override @@ -11692,7 +11359,6 @@ public CssClass getContextColor() { } }; - /** Constant TRANSPARENT_DARKEN_3 */ Color TRANSPARENT_DARKEN_3 = new Color() { @Override @@ -11731,7 +11397,6 @@ public CssClass getContextColor() { } }; - /** Constant TRANSPARENT_DARKEN_4 */ Color TRANSPARENT_DARKEN_4 = new Color() { @Override @@ -11770,12 +11435,6 @@ public CssClass getContextColor() { } }; - /** - * of. - * - * @param name a {@link java.lang.String} object. - * @return a {@link org.dominokit.domino.ui.style.Color} object. - */ static Color of(String name) { switch (name) { case "RED": diff --git a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/ColorScheme.java b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/ColorScheme.java index a3091220e..c4f392038 100644 --- a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/ColorScheme.java +++ b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/ColorScheme.java @@ -13,98 +13,37 @@ * See the License for the specific language governing permissions and * limitations under the License. */ + package org.dominokit.domino.ui.style; import org.dominokit.domino.ui.themes.Theme; -/** ColorScheme interface. */ public interface ColorScheme { - /** - * lighten_5. - * - * @return a {@link org.dominokit.domino.ui.style.Color} object. - */ Color lighten_5(); - /** - * lighten_4. - * - * @return a {@link org.dominokit.domino.ui.style.Color} object. - */ Color lighten_4(); - /** - * lighten_3. - * - * @return a {@link org.dominokit.domino.ui.style.Color} object. - */ Color lighten_3(); - /** - * lighten_2. - * - * @return a {@link org.dominokit.domino.ui.style.Color} object. - */ Color lighten_2(); - /** - * lighten_1. - * - * @return a {@link org.dominokit.domino.ui.style.Color} object. - */ Color lighten_1(); - /** - * color. - * - * @return a {@link org.dominokit.domino.ui.style.Color} object. - */ Color color(); - /** - * darker_1. - * - * @return a {@link org.dominokit.domino.ui.style.Color} object. - */ Color darker_1(); - /** - * darker_2. - * - * @return a {@link org.dominokit.domino.ui.style.Color} object. - */ Color darker_2(); - /** - * darker_3. - * - * @return a {@link org.dominokit.domino.ui.style.Color} object. - */ Color darker_3(); - /** - * darker_4. - * - * @return a {@link org.dominokit.domino.ui.style.Color} object. - */ Color darker_4(); - /** - * theme. - * - * @return a {@link org.dominokit.domino.ui.themes.Theme} object - */ default Theme theme() { return new Theme(this); } - /** - * valueOf. - * - * @param name a {@link java.lang.String} object - * @return a {@link org.dominokit.domino.ui.style.ColorScheme} object - */ static ColorScheme valueOf(String name) { switch (name) { case "RED": @@ -211,15 +150,8 @@ public Color darker_4() { public String getName() { return "DOMINANT"; } - /** Constant DOMINANT */ - /** Constant DOMINANT */ - /** Constant DOMINANT */ - /** Constant DOMINANT */ - /** Constant DOMINANT */ - /** Constant DOMINANT */ - /** Constant DOMINANT */ }; - /** Constant PRIMARY */ + ColorScheme PRIMARY = new ColorScheme() { @Override @@ -277,7 +209,6 @@ public String getName() { } }; - /** Constant SECONDARY */ ColorScheme SECONDARY = new ColorScheme() { @Override @@ -335,7 +266,6 @@ public String getName() { } }; - /** Constant ACCENT */ ColorScheme ACCENT = new ColorScheme() { @Override @@ -393,7 +323,6 @@ public String getName() { } }; - /** Constant SUCCESS */ ColorScheme SUCCESS = new ColorScheme() { @Override @@ -451,7 +380,6 @@ public String getName() { } }; - /** Constant WARNING */ ColorScheme WARNING = new ColorScheme() { @Override @@ -508,7 +436,7 @@ public String getName() { return "WARNING"; } }; - /** Constant INFO */ + ColorScheme INFO = new ColorScheme() { @Override @@ -566,7 +494,6 @@ public String getName() { } }; - /** Constant ERROR */ ColorScheme ERROR = new ColorScheme() { @Override @@ -624,7 +551,6 @@ public String getName() { } }; - /** Constant RED */ ColorScheme RED = new ColorScheme() { @Override @@ -682,7 +608,6 @@ public String getName() { } }; - /** Constant PINK */ ColorScheme PINK = new ColorScheme() { @Override @@ -736,7 +661,6 @@ public Color darker_4() { } }; - /** Constant PURPLE */ ColorScheme PURPLE = new ColorScheme() { @Override @@ -790,7 +714,6 @@ public Color darker_4() { } }; - /** Constant DEEP_PURPLE */ ColorScheme DEEP_PURPLE = new ColorScheme() { @Override @@ -844,7 +767,6 @@ public Color darker_4() { } }; - /** Constant INDIGO */ ColorScheme INDIGO = new ColorScheme() { @Override @@ -898,7 +820,6 @@ public Color darker_4() { } }; - /** Constant BLUE */ ColorScheme BLUE = new ColorScheme() { @Override @@ -952,7 +873,6 @@ public Color darker_4() { } }; - /** Constant LIGHT_BLUE */ ColorScheme LIGHT_BLUE = new ColorScheme() { @Override @@ -1006,7 +926,6 @@ public Color darker_4() { } }; - /** Constant CYAN */ ColorScheme CYAN = new ColorScheme() { @Override @@ -1060,7 +979,6 @@ public Color darker_4() { } }; - /** Constant TEAL */ ColorScheme TEAL = new ColorScheme() { @Override @@ -1114,7 +1032,6 @@ public Color darker_4() { } }; - /** Constant GREEN */ ColorScheme GREEN = new ColorScheme() { @Override @@ -1168,7 +1085,6 @@ public Color darker_4() { } }; - /** Constant LIGHT_GREEN */ ColorScheme LIGHT_GREEN = new ColorScheme() { @Override @@ -1222,7 +1138,6 @@ public Color darker_4() { } }; - /** Constant LIME */ ColorScheme LIME = new ColorScheme() { @Override @@ -1276,7 +1191,6 @@ public Color darker_4() { } }; - /** Constant YELLOW */ ColorScheme YELLOW = new ColorScheme() { @Override @@ -1330,7 +1244,6 @@ public Color darker_4() { } }; - /** Constant AMBER */ ColorScheme AMBER = new ColorScheme() { @Override @@ -1384,7 +1297,6 @@ public Color darker_4() { } }; - /** Constant ORANGE */ ColorScheme ORANGE = new ColorScheme() { @Override @@ -1438,7 +1350,6 @@ public Color darker_4() { } }; - /** Constant DEEP_ORANGE */ ColorScheme DEEP_ORANGE = new ColorScheme() { @Override @@ -1492,7 +1403,6 @@ public Color darker_4() { } }; - /** Constant BROWN */ ColorScheme BROWN = new ColorScheme() { @Override @@ -1546,7 +1456,6 @@ public Color darker_4() { } }; - /** Constant GREY */ ColorScheme GREY = new ColorScheme() { @Override @@ -1600,7 +1509,6 @@ public Color darker_4() { } }; - /** Constant BLUE_GREY */ ColorScheme BLUE_GREY = new ColorScheme() { @Override @@ -1654,7 +1562,6 @@ public Color darker_4() { } }; - /** Constant BLACK */ ColorScheme BLACK = new ColorScheme() { @Override @@ -1708,7 +1615,6 @@ public Color darker_4() { } }; - /** Constant WHITE */ ColorScheme WHITE = new ColorScheme() { @Override @@ -1762,7 +1668,6 @@ public Color darker_4() { } }; - /** Constant TRANSPARENT */ ColorScheme TRANSPARENT = new ColorScheme() { @Override @@ -1816,12 +1721,6 @@ public Color darker_4() { } }; - /** - * of. - * - * @param name a {@link java.lang.String} object. - * @return a {@link org.dominokit.domino.ui.style.ColorScheme} object. - */ static ColorScheme of(String name) { switch (name) { case "RED": diff --git a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/ColorsCss.java b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/ColorsCss.java index 92f1ae68d..7859628a8 100644 --- a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/ColorsCss.java +++ b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/ColorsCss.java @@ -13,9 +13,9 @@ * See the License for the specific language governing permissions and * limitations under the License. */ + package org.dominokit.domino.ui.style; -/** ColorsCss interface. */ public interface ColorsCss { CssClass dui_fg_color = () -> "dui-fg-color"; @@ -24,8837 +24,8834 @@ public interface ColorsCss { CssClass dui_fg_color_3 = () -> "dui-fg-color-3"; CssClass dui_fg_color_4 = () -> "dui-fg-color-4"; CssClass dui_fg_color_5 = () -> "dui-fg-color-5"; + CssClass dui_fg_color_accent = () -> "dui-fg-color-accent"; - /** Constant dui_fg_dominant_l_5 */ CssClass dui_fg_dominant_l_5 = () -> "dui-fg-dominant-l-5"; - /** Constant dui_bg_dominant_l_5 */ + CssClass dui_bg_dominant_l_5 = () -> "dui-bg-dominant-l-5"; - /** Constant dui_accent_dominant_l_5 */ + CssClass dui_accent_dominant_l_5 = () -> "dui-accent-dominant-l-5"; - /** Constant dui_shadow_dominant_l_5 */ + CssClass dui_shadow_dominant_l_5 = () -> "dui-shadow-dominant-l-5"; - /** Constant dui_text_decoration_dominant_l_5 */ + CssClass dui_text_decoration_dominant_l_5 = () -> "dui-text-decoration-dominant-l-5"; - /** Constant dui_border_dominant_l_5 */ + CssClass dui_border_dominant_l_5 = () -> "dui-border-dominant-l-5"; - /** Constant dui_border_x_dominant_l_5 */ + CssClass dui_border_x_dominant_l_5 = () -> "dui-border-x-dominant-l-5"; - /** Constant dui_border_y_dominant_l_5 */ + CssClass dui_border_y_dominant_l_5 = () -> "dui-border-y-dominant-l-5"; - /** Constant dui_border_t_dominant_l_5 */ + CssClass dui_border_t_dominant_l_5 = () -> "dui-border-t-dominant-l-5"; - /** Constant dui_border_r_dominant_l_5 */ + CssClass dui_border_r_dominant_l_5 = () -> "dui-border-r-dominant-l-5"; - /** Constant dui_border_b_dominant_l_5 */ + CssClass dui_border_b_dominant_l_5 = () -> "dui-border-b-dominant-l-5"; - /** Constant dui_border_l_dominant_l_5 */ + CssClass dui_border_l_dominant_l_5 = () -> "dui-border-l-dominant-l-5"; - /** Constant dui_divide_dominant_l_5 */ + CssClass dui_divide_dominant_l_5 = () -> "dui-divide-dominant-l-5"; - /** Constant dui_outline_dominant_l_5 */ + CssClass dui_outline_dominant_l_5 = () -> "dui-outline-dominant-l-5"; - /** Constant dui_fg_dominant_l_4 */ + CssClass dui_fg_dominant_l_4 = () -> "dui-fg-dominant-l-4"; - /** Constant dui_bg_dominant_l_4 */ + CssClass dui_bg_dominant_l_4 = () -> "dui-bg-dominant-l-4"; - /** Constant dui_accent_dominant_l_4 */ + CssClass dui_accent_dominant_l_4 = () -> "dui-accent-dominant-l-4"; - /** Constant dui_shadow_dominant_l_4 */ + CssClass dui_shadow_dominant_l_4 = () -> "dui-shadow-dominant-l-4"; - /** Constant dui_text_decoration_dominant_l_4 */ + CssClass dui_text_decoration_dominant_l_4 = () -> "dui-text-decoration-dominant-l-4"; - /** Constant dui_border_dominant_l_4 */ + CssClass dui_border_dominant_l_4 = () -> "dui-border-dominant-l-4"; - /** Constant dui_border_x_dominant_l_4 */ + CssClass dui_border_x_dominant_l_4 = () -> "dui-border-x-dominant-l-4"; - /** Constant dui_border_y_dominant_l_4 */ + CssClass dui_border_y_dominant_l_4 = () -> "dui-border-y-dominant-l-4"; - /** Constant dui_border_t_dominant_l_4 */ + CssClass dui_border_t_dominant_l_4 = () -> "dui-border-t-dominant-l-4"; - /** Constant dui_border_r_dominant_l_4 */ + CssClass dui_border_r_dominant_l_4 = () -> "dui-border-r-dominant-l-4"; - /** Constant dui_border_b_dominant_l_4 */ + CssClass dui_border_b_dominant_l_4 = () -> "dui-border-b-dominant-l-4"; - /** Constant dui_border_l_dominant_l_4 */ + CssClass dui_border_l_dominant_l_4 = () -> "dui-border-l-dominant-l-4"; - /** Constant dui_divide_dominant_l_4 */ + CssClass dui_divide_dominant_l_4 = () -> "dui-divide-dominant-l-4"; - /** Constant dui_outline_dominant_l_4 */ + CssClass dui_outline_dominant_l_4 = () -> "dui-outline-dominant-l-4"; - /** Constant dui_fg_dominant_l_3 */ + CssClass dui_fg_dominant_l_3 = () -> "dui-fg-dominant-l-3"; - /** Constant dui_bg_dominant_l_3 */ + CssClass dui_bg_dominant_l_3 = () -> "dui-bg-dominant-l-3"; - /** Constant dui_accent_dominant_l_3 */ + CssClass dui_accent_dominant_l_3 = () -> "dui-accent-dominant-l-3"; - /** Constant dui_shadow_dominant_l_3 */ + CssClass dui_shadow_dominant_l_3 = () -> "dui-shadow-dominant-l-3"; - /** Constant dui_text_decoration_dominant_l_3 */ + CssClass dui_text_decoration_dominant_l_3 = () -> "dui-text-decoration-dominant-l-3"; - /** Constant dui_border_dominant_l_3 */ + CssClass dui_border_dominant_l_3 = () -> "dui-border-dominant-l-3"; - /** Constant dui_border_x_dominant_l_3 */ + CssClass dui_border_x_dominant_l_3 = () -> "dui-border-x-dominant-l-3"; - /** Constant dui_border_y_dominant_l_3 */ + CssClass dui_border_y_dominant_l_3 = () -> "dui-border-y-dominant-l-3"; - /** Constant dui_border_t_dominant_l_3 */ + CssClass dui_border_t_dominant_l_3 = () -> "dui-border-t-dominant-l-3"; - /** Constant dui_border_r_dominant_l_3 */ + CssClass dui_border_r_dominant_l_3 = () -> "dui-border-r-dominant-l-3"; - /** Constant dui_border_b_dominant_l_3 */ + CssClass dui_border_b_dominant_l_3 = () -> "dui-border-b-dominant-l-3"; - /** Constant dui_border_l_dominant_l_3 */ + CssClass dui_border_l_dominant_l_3 = () -> "dui-border-l-dominant-l-3"; - /** Constant dui_divide_dominant_l_3 */ + CssClass dui_divide_dominant_l_3 = () -> "dui-divide-dominant-l-3"; - /** Constant dui_outline_dominant_l_3 */ + CssClass dui_outline_dominant_l_3 = () -> "dui-outline-dominant-l-3"; - /** Constant dui_fg_dominant_l_2 */ + CssClass dui_fg_dominant_l_2 = () -> "dui-fg-dominant-l-2"; - /** Constant dui_bg_dominant_l_2 */ + CssClass dui_bg_dominant_l_2 = () -> "dui-bg-dominant-l-2"; - /** Constant dui_accent_dominant_l_2 */ + CssClass dui_accent_dominant_l_2 = () -> "dui-accent-dominant-l-2"; - /** Constant dui_shadow_dominant_l_2 */ + CssClass dui_shadow_dominant_l_2 = () -> "dui-shadow-dominant-l-2"; - /** Constant dui_text_decoration_dominant_l_2 */ + CssClass dui_text_decoration_dominant_l_2 = () -> "dui-text-decoration-dominant-l-2"; - /** Constant dui_border_dominant_l_2 */ + CssClass dui_border_dominant_l_2 = () -> "dui-border-dominant-l-2"; - /** Constant dui_border_x_dominant_l_2 */ + CssClass dui_border_x_dominant_l_2 = () -> "dui-border-x-dominant-l-2"; - /** Constant dui_border_y_dominant_l_2 */ + CssClass dui_border_y_dominant_l_2 = () -> "dui-border-y-dominant-l-2"; - /** Constant dui_border_t_dominant_l_2 */ + CssClass dui_border_t_dominant_l_2 = () -> "dui-border-t-dominant-l-2"; - /** Constant dui_border_r_dominant_l_2 */ + CssClass dui_border_r_dominant_l_2 = () -> "dui-border-r-dominant-l-2"; - /** Constant dui_border_b_dominant_l_2 */ + CssClass dui_border_b_dominant_l_2 = () -> "dui-border-b-dominant-l-2"; - /** Constant dui_border_l_dominant_l_2 */ + CssClass dui_border_l_dominant_l_2 = () -> "dui-border-l-dominant-l-2"; - /** Constant dui_divide_dominant_l_2 */ + CssClass dui_divide_dominant_l_2 = () -> "dui-divide-dominant-l-2"; - /** Constant dui_outline_dominant_l_2 */ + CssClass dui_outline_dominant_l_2 = () -> "dui-outline-dominant-l-2"; - /** Constant dui_fg_dominant_l_1 */ + CssClass dui_fg_dominant_l_1 = () -> "dui-fg-dominant-l-1"; - /** Constant dui_bg_dominant_l_1 */ + CssClass dui_bg_dominant_l_1 = () -> "dui-bg-dominant-l-1"; - /** Constant dui_accent_dominant_l_1 */ + CssClass dui_accent_dominant_l_1 = () -> "dui-accent-dominant-l-1"; - /** Constant dui_shadow_dominant_l_1 */ + CssClass dui_shadow_dominant_l_1 = () -> "dui-shadow-dominant-l-1"; - /** Constant dui_text_decoration_dominant_l_1 */ + CssClass dui_text_decoration_dominant_l_1 = () -> "dui-text-decoration-dominant-l-1"; - /** Constant dui_border_dominant_l_1 */ + CssClass dui_border_dominant_l_1 = () -> "dui-border-dominant-l-1"; - /** Constant dui_border_x_dominant_l_1 */ + CssClass dui_border_x_dominant_l_1 = () -> "dui-border-x-dominant-l-1"; - /** Constant dui_border_y_dominant_l_1 */ + CssClass dui_border_y_dominant_l_1 = () -> "dui-border-y-dominant-l-1"; - /** Constant dui_border_t_dominant_l_1 */ + CssClass dui_border_t_dominant_l_1 = () -> "dui-border-t-dominant-l-1"; - /** Constant dui_border_r_dominant_l_1 */ + CssClass dui_border_r_dominant_l_1 = () -> "dui-border-r-dominant-l-1"; - /** Constant dui_border_b_dominant_l_1 */ + CssClass dui_border_b_dominant_l_1 = () -> "dui-border-b-dominant-l-1"; - /** Constant dui_border_l_dominant_l_1 */ + CssClass dui_border_l_dominant_l_1 = () -> "dui-border-l-dominant-l-1"; - /** Constant dui_divide_dominant_l_1 */ + CssClass dui_divide_dominant_l_1 = () -> "dui-divide-dominant-l-1"; - /** Constant dui_outline_dominant_l_1 */ + CssClass dui_outline_dominant_l_1 = () -> "dui-outline-dominant-l-1"; - /** Constant dui_fg_dominant */ + CssClass dui_fg_dominant = () -> "dui-fg-dominant"; - /** Constant dui_bg_dominant */ + CssClass dui_bg_dominant = () -> "dui-bg-dominant"; - /** Constant dui_accent_dominant */ + CssClass dui_accent_dominant = () -> "dui-accent-dominant"; - /** Constant dui_shadow_dominant */ + CssClass dui_shadow_dominant = () -> "dui-shadow-dominant"; - /** Constant dui_text_decoration_dominant */ + CssClass dui_text_decoration_dominant = () -> "dui-text-decoration-dominant"; - /** Constant dui_border_dominant */ + CssClass dui_border_dominant = () -> "dui-border-dominant"; - /** Constant dui_border_x_dominant */ + CssClass dui_border_x_dominant = () -> "dui-border-x-dominant"; - /** Constant dui_border_y_dominant */ + CssClass dui_border_y_dominant = () -> "dui-border-y-dominant"; - /** Constant dui_border_t_dominant */ + CssClass dui_border_t_dominant = () -> "dui-border-t-dominant"; - /** Constant dui_border_r_dominant */ + CssClass dui_border_r_dominant = () -> "dui-border-r-dominant"; - /** Constant dui_border_b_dominant */ + CssClass dui_border_b_dominant = () -> "dui-border-b-dominant"; - /** Constant dui_border_l_dominant */ + CssClass dui_border_l_dominant = () -> "dui-border-l-dominant"; - /** Constant dui_divide_dominant */ + CssClass dui_divide_dominant = () -> "dui-divide-dominant"; - /** Constant dui_outline_dominant */ + CssClass dui_outline_dominant = () -> "dui-outline-dominant"; - /** Constant dui_fg_dominant_d_1 */ + CssClass dui_fg_dominant_d_1 = () -> "dui-fg-dominant-d-1"; - /** Constant dui_bg_dominant_d_1 */ + CssClass dui_bg_dominant_d_1 = () -> "dui-bg-dominant-d-1"; - /** Constant dui_accent_dominant_d_1 */ + CssClass dui_accent_dominant_d_1 = () -> "dui-accent-dominant-d-1"; - /** Constant dui_shadow_dominant_d_1 */ + CssClass dui_shadow_dominant_d_1 = () -> "dui-shadow-dominant-d-1"; - /** Constant dui_text_decoration_dominant_d_1 */ + CssClass dui_text_decoration_dominant_d_1 = () -> "dui-text-decoration-dominant-d-1"; - /** Constant dui_border_dominant_d_1 */ + CssClass dui_border_dominant_d_1 = () -> "dui-border-dominant-d-1"; - /** Constant dui_border_x_dominant_d_1 */ + CssClass dui_border_x_dominant_d_1 = () -> "dui-border-x-dominant-d-1"; - /** Constant dui_border_y_dominant_d_1 */ + CssClass dui_border_y_dominant_d_1 = () -> "dui-border-y-dominant-d-1"; - /** Constant dui_border_t_dominant_d_1 */ + CssClass dui_border_t_dominant_d_1 = () -> "dui-border-t-dominant-d-1"; - /** Constant dui_border_r_dominant_d_1 */ + CssClass dui_border_r_dominant_d_1 = () -> "dui-border-r-dominant-d-1"; - /** Constant dui_border_b_dominant_d_1 */ + CssClass dui_border_b_dominant_d_1 = () -> "dui-border-b-dominant-d-1"; - /** Constant dui_border_l_dominant_d_1 */ + CssClass dui_border_l_dominant_d_1 = () -> "dui-border-l-dominant-d-1"; - /** Constant dui_divide_dominant_d_1 */ + CssClass dui_divide_dominant_d_1 = () -> "dui-divide-dominant-d-1"; - /** Constant dui_outline_dominant_d_1 */ + CssClass dui_outline_dominant_d_1 = () -> "dui-outline-dominant-d-1"; - /** Constant dui_fg_dominant_d_2 */ + CssClass dui_fg_dominant_d_2 = () -> "dui-fg-dominant-d-2"; - /** Constant dui_bg_dominant_d_2 */ + CssClass dui_bg_dominant_d_2 = () -> "dui-bg-dominant-d-2"; - /** Constant dui_accent_dominant_d_2 */ + CssClass dui_accent_dominant_d_2 = () -> "dui-accent-dominant-d-2"; - /** Constant dui_shadow_dominant_d_2 */ + CssClass dui_shadow_dominant_d_2 = () -> "dui-shadow-dominant-d-2"; - /** Constant dui_text_decoration_dominant_d_2 */ + CssClass dui_text_decoration_dominant_d_2 = () -> "dui-text-decoration-dominant-d-2"; - /** Constant dui_border_dominant_d_2 */ + CssClass dui_border_dominant_d_2 = () -> "dui-border-dominant-d-2"; - /** Constant dui_border_x_dominant_d_2 */ + CssClass dui_border_x_dominant_d_2 = () -> "dui-border-x-dominant-d-2"; - /** Constant dui_border_y_dominant_d_2 */ + CssClass dui_border_y_dominant_d_2 = () -> "dui-border-y-dominant-d-2"; - /** Constant dui_border_t_dominant_d_2 */ + CssClass dui_border_t_dominant_d_2 = () -> "dui-border-t-dominant-d-2"; - /** Constant dui_border_r_dominant_d_2 */ + CssClass dui_border_r_dominant_d_2 = () -> "dui-border-r-dominant-d-2"; - /** Constant dui_border_b_dominant_d_2 */ + CssClass dui_border_b_dominant_d_2 = () -> "dui-border-b-dominant-d-2"; - /** Constant dui_border_l_dominant_d_2 */ + CssClass dui_border_l_dominant_d_2 = () -> "dui-border-l-dominant-d-2"; - /** Constant dui_divide_dominant_d_2 */ + CssClass dui_divide_dominant_d_2 = () -> "dui-divide-dominant-d-2"; - /** Constant dui_outline_dominant_d_2 */ + CssClass dui_outline_dominant_d_2 = () -> "dui-outline-dominant-d-2"; - /** Constant dui_fg_dominant_d_3 */ + CssClass dui_fg_dominant_d_3 = () -> "dui-fg-dominant-d-3"; - /** Constant dui_bg_dominant_d_3 */ + CssClass dui_bg_dominant_d_3 = () -> "dui-bg-dominant-d-3"; - /** Constant dui_accent_dominant_d_3 */ + CssClass dui_accent_dominant_d_3 = () -> "dui-accent-dominant-d-3"; - /** Constant dui_shadow_dominant_d_3 */ + CssClass dui_shadow_dominant_d_3 = () -> "dui-shadow-dominant-d-3"; - /** Constant dui_text_decoration_dominant_d_3 */ + CssClass dui_text_decoration_dominant_d_3 = () -> "dui-text-decoration-dominant-d-3"; - /** Constant dui_border_dominant_d_3 */ + CssClass dui_border_dominant_d_3 = () -> "dui-border-dominant-d-3"; - /** Constant dui_border_x_dominant_d_3 */ + CssClass dui_border_x_dominant_d_3 = () -> "dui-border-x-dominant-d-3"; - /** Constant dui_border_y_dominant_d_3 */ + CssClass dui_border_y_dominant_d_3 = () -> "dui-border-y-dominant-d-3"; - /** Constant dui_border_t_dominant_d_3 */ + CssClass dui_border_t_dominant_d_3 = () -> "dui-border-t-dominant-d-3"; - /** Constant dui_border_r_dominant_d_3 */ + CssClass dui_border_r_dominant_d_3 = () -> "dui-border-r-dominant-d-3"; - /** Constant dui_border_b_dominant_d_3 */ + CssClass dui_border_b_dominant_d_3 = () -> "dui-border-b-dominant-d-3"; - /** Constant dui_border_l_dominant_d_3 */ + CssClass dui_border_l_dominant_d_3 = () -> "dui-border-l-dominant-d-3"; - /** Constant dui_divide_dominant_d_3 */ + CssClass dui_divide_dominant_d_3 = () -> "dui-divide-dominant-d-3"; - /** Constant dui_outline_dominant_d_3 */ + CssClass dui_outline_dominant_d_3 = () -> "dui-outline-dominant-d-3"; - /** Constant dui_fg_dominant_d_4 */ + CssClass dui_fg_dominant_d_4 = () -> "dui-fg-dominant-d-4"; - /** Constant dui_bg_dominant_d_4 */ + CssClass dui_bg_dominant_d_4 = () -> "dui-bg-dominant-d-4"; - /** Constant dui_accent_dominant_d_4 */ + CssClass dui_accent_dominant_d_4 = () -> "dui-accent-dominant-d-4"; - /** Constant dui_shadow_dominant_d_4 */ + CssClass dui_shadow_dominant_d_4 = () -> "dui-shadow-dominant-d-4"; - /** Constant dui_text_decoration_dominant_d_4 */ + CssClass dui_text_decoration_dominant_d_4 = () -> "dui-text-decoration-dominant-d-4"; - /** Constant dui_border_dominant_d_4 */ + CssClass dui_border_dominant_d_4 = () -> "dui-border-dominant-d-4"; - /** Constant dui_border_x_dominant_d_4 */ + CssClass dui_border_x_dominant_d_4 = () -> "dui-border-x-dominant-d-4"; - /** Constant dui_border_y_dominant_d_4 */ + CssClass dui_border_y_dominant_d_4 = () -> "dui-border-y-dominant-d-4"; - /** Constant dui_border_t_dominant_d_4 */ + CssClass dui_border_t_dominant_d_4 = () -> "dui-border-t-dominant-d-4"; - /** Constant dui_border_r_dominant_d_4 */ + CssClass dui_border_r_dominant_d_4 = () -> "dui-border-r-dominant-d-4"; - /** Constant dui_border_b_dominant_d_4 */ + CssClass dui_border_b_dominant_d_4 = () -> "dui-border-b-dominant-d-4"; - /** Constant dui_border_l_dominant_d_4 */ + CssClass dui_border_l_dominant_d_4 = () -> "dui-border-l-dominant-d-4"; - /** Constant dui_divide_dominant_d_4 */ + CssClass dui_divide_dominant_d_4 = () -> "dui-divide-dominant-d-4"; - /** Constant dui_outline_dominant_d_4 */ + CssClass dui_outline_dominant_d_4 = () -> "dui-outline-dominant-d-4"; - /** Constant dui_fg_accent_l_5 */ + CssClass dui_fg_accent_l_5 = () -> "dui-fg-accent-l-5"; - /** Constant dui_bg_accent_l_5 */ + CssClass dui_bg_accent_l_5 = () -> "dui-bg-accent-l-5"; - /** Constant dui_accent_accent_l_5 */ + CssClass dui_accent_accent_l_5 = () -> "dui-accent-accent-l-5"; - /** Constant dui_shadow_accent_l_5 */ + CssClass dui_shadow_accent_l_5 = () -> "dui-shadow-accent-l-5"; - /** Constant dui_text_decoration_accent_l_5 */ + CssClass dui_text_decoration_accent_l_5 = () -> "dui-text-decoration-accent-l-5"; - /** Constant dui_border_accent_l_5 */ + CssClass dui_border_accent_l_5 = () -> "dui-border-accent-l-5"; - /** Constant dui_border_x_accent_l_5 */ + CssClass dui_border_x_accent_l_5 = () -> "dui-border-x-accent-l-5"; - /** Constant dui_border_y_accent_l_5 */ + CssClass dui_border_y_accent_l_5 = () -> "dui-border-y-accent-l-5"; - /** Constant dui_border_t_accent_l_5 */ + CssClass dui_border_t_accent_l_5 = () -> "dui-border-t-accent-l-5"; - /** Constant dui_border_r_accent_l_5 */ + CssClass dui_border_r_accent_l_5 = () -> "dui-border-r-accent-l-5"; - /** Constant dui_border_b_accent_l_5 */ + CssClass dui_border_b_accent_l_5 = () -> "dui-border-b-accent-l-5"; - /** Constant dui_border_l_accent_l_5 */ + CssClass dui_border_l_accent_l_5 = () -> "dui-border-l-accent-l-5"; - /** Constant dui_divide_accent_l_5 */ + CssClass dui_divide_accent_l_5 = () -> "dui-divide-accent-l-5"; - /** Constant dui_outline_accent_l_5 */ + CssClass dui_outline_accent_l_5 = () -> "dui-outline-accent-l-5"; - /** Constant dui_fg_accent_l_4 */ + CssClass dui_fg_accent_l_4 = () -> "dui-fg-accent-l-4"; - /** Constant dui_bg_accent_l_4 */ + CssClass dui_bg_accent_l_4 = () -> "dui-bg-accent-l-4"; - /** Constant dui_accent_accent_l_4 */ + CssClass dui_accent_accent_l_4 = () -> "dui-accent-accent-l-4"; - /** Constant dui_shadow_accent_l_4 */ + CssClass dui_shadow_accent_l_4 = () -> "dui-shadow-accent-l-4"; - /** Constant dui_text_decoration_accent_l_4 */ + CssClass dui_text_decoration_accent_l_4 = () -> "dui-text-decoration-accent-l-4"; - /** Constant dui_border_accent_l_4 */ + CssClass dui_border_accent_l_4 = () -> "dui-border-accent-l-4"; - /** Constant dui_border_x_accent_l_4 */ + CssClass dui_border_x_accent_l_4 = () -> "dui-border-x-accent-l-4"; - /** Constant dui_border_y_accent_l_4 */ + CssClass dui_border_y_accent_l_4 = () -> "dui-border-y-accent-l-4"; - /** Constant dui_border_t_accent_l_4 */ + CssClass dui_border_t_accent_l_4 = () -> "dui-border-t-accent-l-4"; - /** Constant dui_border_r_accent_l_4 */ + CssClass dui_border_r_accent_l_4 = () -> "dui-border-r-accent-l-4"; - /** Constant dui_border_b_accent_l_4 */ + CssClass dui_border_b_accent_l_4 = () -> "dui-border-b-accent-l-4"; - /** Constant dui_border_l_accent_l_4 */ + CssClass dui_border_l_accent_l_4 = () -> "dui-border-l-accent-l-4"; - /** Constant dui_divide_accent_l_4 */ + CssClass dui_divide_accent_l_4 = () -> "dui-divide-accent-l-4"; - /** Constant dui_outline_accent_l_4 */ + CssClass dui_outline_accent_l_4 = () -> "dui-outline-accent-l-4"; - /** Constant dui_fg_accent_l_3 */ + CssClass dui_fg_accent_l_3 = () -> "dui-fg-accent-l-3"; - /** Constant dui_bg_accent_l_3 */ + CssClass dui_bg_accent_l_3 = () -> "dui-bg-accent-l-3"; - /** Constant dui_accent_accent_l_3 */ + CssClass dui_accent_accent_l_3 = () -> "dui-accent-accent-l-3"; - /** Constant dui_shadow_accent_l_3 */ + CssClass dui_shadow_accent_l_3 = () -> "dui-shadow-accent-l-3"; - /** Constant dui_text_decoration_accent_l_3 */ + CssClass dui_text_decoration_accent_l_3 = () -> "dui-text-decoration-accent-l-3"; - /** Constant dui_border_accent_l_3 */ + CssClass dui_border_accent_l_3 = () -> "dui-border-accent-l-3"; - /** Constant dui_border_x_accent_l_3 */ + CssClass dui_border_x_accent_l_3 = () -> "dui-border-x-accent-l-3"; - /** Constant dui_border_y_accent_l_3 */ + CssClass dui_border_y_accent_l_3 = () -> "dui-border-y-accent-l-3"; - /** Constant dui_border_t_accent_l_3 */ + CssClass dui_border_t_accent_l_3 = () -> "dui-border-t-accent-l-3"; - /** Constant dui_border_r_accent_l_3 */ + CssClass dui_border_r_accent_l_3 = () -> "dui-border-r-accent-l-3"; - /** Constant dui_border_b_accent_l_3 */ + CssClass dui_border_b_accent_l_3 = () -> "dui-border-b-accent-l-3"; - /** Constant dui_border_l_accent_l_3 */ + CssClass dui_border_l_accent_l_3 = () -> "dui-border-l-accent-l-3"; - /** Constant dui_divide_accent_l_3 */ + CssClass dui_divide_accent_l_3 = () -> "dui-divide-accent-l-3"; - /** Constant dui_outline_accent_l_3 */ + CssClass dui_outline_accent_l_3 = () -> "dui-outline-accent-l-3"; - /** Constant dui_fg_accent_l_2 */ + CssClass dui_fg_accent_l_2 = () -> "dui-fg-accent-l-2"; - /** Constant dui_bg_accent_l_2 */ + CssClass dui_bg_accent_l_2 = () -> "dui-bg-accent-l-2"; - /** Constant dui_accent_accent_l_2 */ + CssClass dui_accent_accent_l_2 = () -> "dui-accent-accent-l-2"; - /** Constant dui_shadow_accent_l_2 */ + CssClass dui_shadow_accent_l_2 = () -> "dui-shadow-accent-l-2"; - /** Constant dui_text_decoration_accent_l_2 */ + CssClass dui_text_decoration_accent_l_2 = () -> "dui-text-decoration-accent-l-2"; - /** Constant dui_border_accent_l_2 */ + CssClass dui_border_accent_l_2 = () -> "dui-border-accent-l-2"; - /** Constant dui_border_x_accent_l_2 */ + CssClass dui_border_x_accent_l_2 = () -> "dui-border-x-accent-l-2"; - /** Constant dui_border_y_accent_l_2 */ + CssClass dui_border_y_accent_l_2 = () -> "dui-border-y-accent-l-2"; - /** Constant dui_border_t_accent_l_2 */ + CssClass dui_border_t_accent_l_2 = () -> "dui-border-t-accent-l-2"; - /** Constant dui_border_r_accent_l_2 */ + CssClass dui_border_r_accent_l_2 = () -> "dui-border-r-accent-l-2"; - /** Constant dui_border_b_accent_l_2 */ + CssClass dui_border_b_accent_l_2 = () -> "dui-border-b-accent-l-2"; - /** Constant dui_border_l_accent_l_2 */ + CssClass dui_border_l_accent_l_2 = () -> "dui-border-l-accent-l-2"; - /** Constant dui_divide_accent_l_2 */ + CssClass dui_divide_accent_l_2 = () -> "dui-divide-accent-l-2"; - /** Constant dui_outline_accent_l_2 */ + CssClass dui_outline_accent_l_2 = () -> "dui-outline-accent-l-2"; - /** Constant dui_fg_accent_l_1 */ + CssClass dui_fg_accent_l_1 = () -> "dui-fg-accent-l-1"; - /** Constant dui_bg_accent_l_1 */ + CssClass dui_bg_accent_l_1 = () -> "dui-bg-accent-l-1"; - /** Constant dui_accent_accent_l_1 */ + CssClass dui_accent_accent_l_1 = () -> "dui-accent-accent-l-1"; - /** Constant dui_shadow_accent_l_1 */ + CssClass dui_shadow_accent_l_1 = () -> "dui-shadow-accent-l-1"; - /** Constant dui_text_decoration_accent_l_1 */ + CssClass dui_text_decoration_accent_l_1 = () -> "dui-text-decoration-accent-l-1"; - /** Constant dui_border_accent_l_1 */ + CssClass dui_border_accent_l_1 = () -> "dui-border-accent-l-1"; - /** Constant dui_border_x_accent_l_1 */ + CssClass dui_border_x_accent_l_1 = () -> "dui-border-x-accent-l-1"; - /** Constant dui_border_y_accent_l_1 */ + CssClass dui_border_y_accent_l_1 = () -> "dui-border-y-accent-l-1"; - /** Constant dui_border_t_accent_l_1 */ + CssClass dui_border_t_accent_l_1 = () -> "dui-border-t-accent-l-1"; - /** Constant dui_border_r_accent_l_1 */ + CssClass dui_border_r_accent_l_1 = () -> "dui-border-r-accent-l-1"; - /** Constant dui_border_b_accent_l_1 */ + CssClass dui_border_b_accent_l_1 = () -> "dui-border-b-accent-l-1"; - /** Constant dui_border_l_accent_l_1 */ + CssClass dui_border_l_accent_l_1 = () -> "dui-border-l-accent-l-1"; - /** Constant dui_divide_accent_l_1 */ + CssClass dui_divide_accent_l_1 = () -> "dui-divide-accent-l-1"; - /** Constant dui_outline_accent_l_1 */ + CssClass dui_outline_accent_l_1 = () -> "dui-outline-accent-l-1"; - /** Constant dui_fg_accent */ + CssClass dui_fg_accent = () -> "dui-fg-accent"; - /** Constant dui_bg_accent */ + CssClass dui_bg_accent = () -> "dui-bg-accent"; - /** Constant dui_accent_accent */ + CssClass dui_accent_accent = () -> "dui-accent-accent"; - /** Constant dui_shadow_accent */ + CssClass dui_shadow_accent = () -> "dui-shadow-accent"; - /** Constant dui_text_decoration_accent */ + CssClass dui_text_decoration_accent = () -> "dui-text-decoration-accent"; - /** Constant dui_border_accent */ + CssClass dui_border_accent = () -> "dui-border-accent"; - /** Constant dui_border_x_accent */ + CssClass dui_border_x_accent = () -> "dui-border-x-accent"; - /** Constant dui_border_y_accent */ + CssClass dui_border_y_accent = () -> "dui-border-y-accent"; - /** Constant dui_border_t_accent */ + CssClass dui_border_t_accent = () -> "dui-border-t-accent"; - /** Constant dui_border_r_accent */ + CssClass dui_border_r_accent = () -> "dui-border-r-accent"; - /** Constant dui_border_b_accent */ + CssClass dui_border_b_accent = () -> "dui-border-b-accent"; - /** Constant dui_border_l_accent */ + CssClass dui_border_l_accent = () -> "dui-border-l-accent"; - /** Constant dui_divide_accent */ + CssClass dui_divide_accent = () -> "dui-divide-accent"; - /** Constant dui_outline_accent */ + CssClass dui_outline_accent = () -> "dui-outline-accent"; - /** Constant dui_fg_accent_d_1 */ + CssClass dui_fg_accent_d_1 = () -> "dui-fg-accent-d-1"; - /** Constant dui_bg_accent_d_1 */ + CssClass dui_bg_accent_d_1 = () -> "dui-bg-accent-d-1"; - /** Constant dui_accent_accent_d_1 */ + CssClass dui_accent_accent_d_1 = () -> "dui-accent-accent-d-1"; - /** Constant dui_shadow_accent_d_1 */ + CssClass dui_shadow_accent_d_1 = () -> "dui-shadow-accent-d-1"; - /** Constant dui_text_decoration_accent_d_1 */ + CssClass dui_text_decoration_accent_d_1 = () -> "dui-text-decoration-accent-d-1"; - /** Constant dui_border_accent_d_1 */ + CssClass dui_border_accent_d_1 = () -> "dui-border-accent-d-1"; - /** Constant dui_border_x_accent_d_1 */ + CssClass dui_border_x_accent_d_1 = () -> "dui-border-x-accent-d-1"; - /** Constant dui_border_y_accent_d_1 */ + CssClass dui_border_y_accent_d_1 = () -> "dui-border-y-accent-d-1"; - /** Constant dui_border_t_accent_d_1 */ + CssClass dui_border_t_accent_d_1 = () -> "dui-border-t-accent-d-1"; - /** Constant dui_border_r_accent_d_1 */ + CssClass dui_border_r_accent_d_1 = () -> "dui-border-r-accent-d-1"; - /** Constant dui_border_b_accent_d_1 */ + CssClass dui_border_b_accent_d_1 = () -> "dui-border-b-accent-d-1"; - /** Constant dui_border_l_accent_d_1 */ + CssClass dui_border_l_accent_d_1 = () -> "dui-border-l-accent-d-1"; - /** Constant dui_divide_accent_d_1 */ + CssClass dui_divide_accent_d_1 = () -> "dui-divide-accent-d-1"; - /** Constant dui_outline_accent_d_1 */ + CssClass dui_outline_accent_d_1 = () -> "dui-outline-accent-d-1"; - /** Constant dui_fg_accent_d_2 */ + CssClass dui_fg_accent_d_2 = () -> "dui-fg-accent-d-2"; - /** Constant dui_bg_accent_d_2 */ + CssClass dui_bg_accent_d_2 = () -> "dui-bg-accent-d-2"; - /** Constant dui_accent_accent_d_2 */ + CssClass dui_accent_accent_d_2 = () -> "dui-accent-accent-d-2"; - /** Constant dui_shadow_accent_d_2 */ + CssClass dui_shadow_accent_d_2 = () -> "dui-shadow-accent-d-2"; - /** Constant dui_text_decoration_accent_d_2 */ + CssClass dui_text_decoration_accent_d_2 = () -> "dui-text-decoration-accent-d-2"; - /** Constant dui_border_accent_d_2 */ + CssClass dui_border_accent_d_2 = () -> "dui-border-accent-d-2"; - /** Constant dui_border_x_accent_d_2 */ + CssClass dui_border_x_accent_d_2 = () -> "dui-border-x-accent-d-2"; - /** Constant dui_border_y_accent_d_2 */ + CssClass dui_border_y_accent_d_2 = () -> "dui-border-y-accent-d-2"; - /** Constant dui_border_t_accent_d_2 */ + CssClass dui_border_t_accent_d_2 = () -> "dui-border-t-accent-d-2"; - /** Constant dui_border_r_accent_d_2 */ + CssClass dui_border_r_accent_d_2 = () -> "dui-border-r-accent-d-2"; - /** Constant dui_border_b_accent_d_2 */ + CssClass dui_border_b_accent_d_2 = () -> "dui-border-b-accent-d-2"; - /** Constant dui_border_l_accent_d_2 */ + CssClass dui_border_l_accent_d_2 = () -> "dui-border-l-accent-d-2"; - /** Constant dui_divide_accent_d_2 */ + CssClass dui_divide_accent_d_2 = () -> "dui-divide-accent-d-2"; - /** Constant dui_outline_accent_d_2 */ + CssClass dui_outline_accent_d_2 = () -> "dui-outline-accent-d-2"; - /** Constant dui_fg_accent_d_3 */ + CssClass dui_fg_accent_d_3 = () -> "dui-fg-accent-d-3"; - /** Constant dui_bg_accent_d_3 */ + CssClass dui_bg_accent_d_3 = () -> "dui-bg-accent-d-3"; - /** Constant dui_accent_accent_d_3 */ + CssClass dui_accent_accent_d_3 = () -> "dui-accent-accent-d-3"; - /** Constant dui_shadow_accent_d_3 */ + CssClass dui_shadow_accent_d_3 = () -> "dui-shadow-accent-d-3"; - /** Constant dui_text_decoration_accent_d_3 */ + CssClass dui_text_decoration_accent_d_3 = () -> "dui-text-decoration-accent-d-3"; - /** Constant dui_border_accent_d_3 */ + CssClass dui_border_accent_d_3 = () -> "dui-border-accent-d-3"; - /** Constant dui_border_x_accent_d_3 */ + CssClass dui_border_x_accent_d_3 = () -> "dui-border-x-accent-d-3"; - /** Constant dui_border_y_accent_d_3 */ + CssClass dui_border_y_accent_d_3 = () -> "dui-border-y-accent-d-3"; - /** Constant dui_border_t_accent_d_3 */ + CssClass dui_border_t_accent_d_3 = () -> "dui-border-t-accent-d-3"; - /** Constant dui_border_r_accent_d_3 */ + CssClass dui_border_r_accent_d_3 = () -> "dui-border-r-accent-d-3"; - /** Constant dui_border_b_accent_d_3 */ + CssClass dui_border_b_accent_d_3 = () -> "dui-border-b-accent-d-3"; - /** Constant dui_border_l_accent_d_3 */ + CssClass dui_border_l_accent_d_3 = () -> "dui-border-l-accent-d-3"; - /** Constant dui_divide_accent_d_3 */ + CssClass dui_divide_accent_d_3 = () -> "dui-divide-accent-d-3"; - /** Constant dui_outline_accent_d_3 */ + CssClass dui_outline_accent_d_3 = () -> "dui-outline-accent-d-3"; - /** Constant dui_fg_accent_d_4 */ + CssClass dui_fg_accent_d_4 = () -> "dui-fg-accent-d-4"; - /** Constant dui_bg_accent_d_4 */ + CssClass dui_bg_accent_d_4 = () -> "dui-bg-accent-d-4"; - /** Constant dui_accent_accent_d_4 */ + CssClass dui_accent_accent_d_4 = () -> "dui-accent-accent-d-4"; - /** Constant dui_shadow_accent_d_4 */ + CssClass dui_shadow_accent_d_4 = () -> "dui-shadow-accent-d-4"; - /** Constant dui_text_decoration_accent_d_4 */ + CssClass dui_text_decoration_accent_d_4 = () -> "dui-text-decoration-accent-d-4"; - /** Constant dui_border_accent_d_4 */ + CssClass dui_border_accent_d_4 = () -> "dui-border-accent-d-4"; - /** Constant dui_border_x_accent_d_4 */ + CssClass dui_border_x_accent_d_4 = () -> "dui-border-x-accent-d-4"; - /** Constant dui_border_y_accent_d_4 */ + CssClass dui_border_y_accent_d_4 = () -> "dui-border-y-accent-d-4"; - /** Constant dui_border_t_accent_d_4 */ + CssClass dui_border_t_accent_d_4 = () -> "dui-border-t-accent-d-4"; - /** Constant dui_border_r_accent_d_4 */ + CssClass dui_border_r_accent_d_4 = () -> "dui-border-r-accent-d-4"; - /** Constant dui_border_b_accent_d_4 */ + CssClass dui_border_b_accent_d_4 = () -> "dui-border-b-accent-d-4"; - /** Constant dui_border_l_accent_d_4 */ + CssClass dui_border_l_accent_d_4 = () -> "dui-border-l-accent-d-4"; - /** Constant dui_divide_accent_d_4 */ + CssClass dui_divide_accent_d_4 = () -> "dui-divide-accent-d-4"; - /** Constant dui_outline_accent_d_4 */ + CssClass dui_outline_accent_d_4 = () -> "dui-outline-accent-d-4"; - /** Constant dui_fg_primary_l_5 */ + CssClass dui_fg_primary_l_5 = () -> "dui-fg-primary-l-5"; - /** Constant dui_bg_primary_l_5 */ + CssClass dui_bg_primary_l_5 = () -> "dui-bg-primary-l-5"; - /** Constant dui_accent_primary_l_5 */ + CssClass dui_accent_primary_l_5 = () -> "dui-accent-primary-l-5"; - /** Constant dui_shadow_primary_l_5 */ + CssClass dui_shadow_primary_l_5 = () -> "dui-shadow-primary-l-5"; - /** Constant dui_text_decoration_primary_l_5 */ + CssClass dui_text_decoration_primary_l_5 = () -> "dui-text-decoration-primary-l-5"; - /** Constant dui_border_primary_l_5 */ + CssClass dui_border_primary_l_5 = () -> "dui-border-primary-l-5"; - /** Constant dui_border_x_primary_l_5 */ + CssClass dui_border_x_primary_l_5 = () -> "dui-border-x-primary-l-5"; - /** Constant dui_border_y_primary_l_5 */ + CssClass dui_border_y_primary_l_5 = () -> "dui-border-y-primary-l-5"; - /** Constant dui_border_t_primary_l_5 */ + CssClass dui_border_t_primary_l_5 = () -> "dui-border-t-primary-l-5"; - /** Constant dui_border_r_primary_l_5 */ + CssClass dui_border_r_primary_l_5 = () -> "dui-border-r-primary-l-5"; - /** Constant dui_border_b_primary_l_5 */ + CssClass dui_border_b_primary_l_5 = () -> "dui-border-b-primary-l-5"; - /** Constant dui_border_l_primary_l_5 */ + CssClass dui_border_l_primary_l_5 = () -> "dui-border-l-primary-l-5"; - /** Constant dui_divide_primary_l_5 */ + CssClass dui_divide_primary_l_5 = () -> "dui-divide-primary-l-5"; - /** Constant dui_outline_primary_l_5 */ + CssClass dui_outline_primary_l_5 = () -> "dui-outline-primary-l-5"; - /** Constant dui_fg_primary_l_4 */ + CssClass dui_fg_primary_l_4 = () -> "dui-fg-primary-l-4"; - /** Constant dui_bg_primary_l_4 */ + CssClass dui_bg_primary_l_4 = () -> "dui-bg-primary-l-4"; - /** Constant dui_accent_primary_l_4 */ + CssClass dui_accent_primary_l_4 = () -> "dui-accent-primary-l-4"; - /** Constant dui_shadow_primary_l_4 */ + CssClass dui_shadow_primary_l_4 = () -> "dui-shadow-primary-l-4"; - /** Constant dui_text_decoration_primary_l_4 */ + CssClass dui_text_decoration_primary_l_4 = () -> "dui-text-decoration-primary-l-4"; - /** Constant dui_border_primary_l_4 */ + CssClass dui_border_primary_l_4 = () -> "dui-border-primary-l-4"; - /** Constant dui_border_x_primary_l_4 */ + CssClass dui_border_x_primary_l_4 = () -> "dui-border-x-primary-l-4"; - /** Constant dui_border_y_primary_l_4 */ + CssClass dui_border_y_primary_l_4 = () -> "dui-border-y-primary-l-4"; - /** Constant dui_border_t_primary_l_4 */ + CssClass dui_border_t_primary_l_4 = () -> "dui-border-t-primary-l-4"; - /** Constant dui_border_r_primary_l_4 */ + CssClass dui_border_r_primary_l_4 = () -> "dui-border-r-primary-l-4"; - /** Constant dui_border_b_primary_l_4 */ + CssClass dui_border_b_primary_l_4 = () -> "dui-border-b-primary-l-4"; - /** Constant dui_border_l_primary_l_4 */ + CssClass dui_border_l_primary_l_4 = () -> "dui-border-l-primary-l-4"; - /** Constant dui_divide_primary_l_4 */ + CssClass dui_divide_primary_l_4 = () -> "dui-divide-primary-l-4"; - /** Constant dui_outline_primary_l_4 */ + CssClass dui_outline_primary_l_4 = () -> "dui-outline-primary-l-4"; - /** Constant dui_fg_primary_l_3 */ + CssClass dui_fg_primary_l_3 = () -> "dui-fg-primary-l-3"; - /** Constant dui_bg_primary_l_3 */ + CssClass dui_bg_primary_l_3 = () -> "dui-bg-primary-l-3"; - /** Constant dui_accent_primary_l_3 */ + CssClass dui_accent_primary_l_3 = () -> "dui-accent-primary-l-3"; - /** Constant dui_shadow_primary_l_3 */ + CssClass dui_shadow_primary_l_3 = () -> "dui-shadow-primary-l-3"; - /** Constant dui_text_decoration_primary_l_3 */ + CssClass dui_text_decoration_primary_l_3 = () -> "dui-text-decoration-primary-l-3"; - /** Constant dui_border_primary_l_3 */ + CssClass dui_border_primary_l_3 = () -> "dui-border-primary-l-3"; - /** Constant dui_border_x_primary_l_3 */ + CssClass dui_border_x_primary_l_3 = () -> "dui-border-x-primary-l-3"; - /** Constant dui_border_y_primary_l_3 */ + CssClass dui_border_y_primary_l_3 = () -> "dui-border-y-primary-l-3"; - /** Constant dui_border_t_primary_l_3 */ + CssClass dui_border_t_primary_l_3 = () -> "dui-border-t-primary-l-3"; - /** Constant dui_border_r_primary_l_3 */ + CssClass dui_border_r_primary_l_3 = () -> "dui-border-r-primary-l-3"; - /** Constant dui_border_b_primary_l_3 */ + CssClass dui_border_b_primary_l_3 = () -> "dui-border-b-primary-l-3"; - /** Constant dui_border_l_primary_l_3 */ + CssClass dui_border_l_primary_l_3 = () -> "dui-border-l-primary-l-3"; - /** Constant dui_divide_primary_l_3 */ + CssClass dui_divide_primary_l_3 = () -> "dui-divide-primary-l-3"; - /** Constant dui_outline_primary_l_3 */ + CssClass dui_outline_primary_l_3 = () -> "dui-outline-primary-l-3"; - /** Constant dui_fg_primary_l_2 */ + CssClass dui_fg_primary_l_2 = () -> "dui-fg-primary-l-2"; - /** Constant dui_bg_primary_l_2 */ + CssClass dui_bg_primary_l_2 = () -> "dui-bg-primary-l-2"; - /** Constant dui_accent_primary_l_2 */ + CssClass dui_accent_primary_l_2 = () -> "dui-accent-primary-l-2"; - /** Constant dui_shadow_primary_l_2 */ + CssClass dui_shadow_primary_l_2 = () -> "dui-shadow-primary-l-2"; - /** Constant dui_text_decoration_primary_l_2 */ + CssClass dui_text_decoration_primary_l_2 = () -> "dui-text-decoration-primary-l-2"; - /** Constant dui_border_primary_l_2 */ + CssClass dui_border_primary_l_2 = () -> "dui-border-primary-l-2"; - /** Constant dui_border_x_primary_l_2 */ + CssClass dui_border_x_primary_l_2 = () -> "dui-border-x-primary-l-2"; - /** Constant dui_border_y_primary_l_2 */ + CssClass dui_border_y_primary_l_2 = () -> "dui-border-y-primary-l-2"; - /** Constant dui_border_t_primary_l_2 */ + CssClass dui_border_t_primary_l_2 = () -> "dui-border-t-primary-l-2"; - /** Constant dui_border_r_primary_l_2 */ + CssClass dui_border_r_primary_l_2 = () -> "dui-border-r-primary-l-2"; - /** Constant dui_border_b_primary_l_2 */ + CssClass dui_border_b_primary_l_2 = () -> "dui-border-b-primary-l-2"; - /** Constant dui_border_l_primary_l_2 */ + CssClass dui_border_l_primary_l_2 = () -> "dui-border-l-primary-l-2"; - /** Constant dui_divide_primary_l_2 */ + CssClass dui_divide_primary_l_2 = () -> "dui-divide-primary-l-2"; - /** Constant dui_outline_primary_l_2 */ + CssClass dui_outline_primary_l_2 = () -> "dui-outline-primary-l-2"; - /** Constant dui_fg_primary_l_1 */ + CssClass dui_fg_primary_l_1 = () -> "dui-fg-primary-l-1"; - /** Constant dui_bg_primary_l_1 */ + CssClass dui_bg_primary_l_1 = () -> "dui-bg-primary-l-1"; - /** Constant dui_accent_primary_l_1 */ + CssClass dui_accent_primary_l_1 = () -> "dui-accent-primary-l-1"; - /** Constant dui_shadow_primary_l_1 */ + CssClass dui_shadow_primary_l_1 = () -> "dui-shadow-primary-l-1"; - /** Constant dui_text_decoration_primary_l_1 */ + CssClass dui_text_decoration_primary_l_1 = () -> "dui-text-decoration-primary-l-1"; - /** Constant dui_border_primary_l_1 */ + CssClass dui_border_primary_l_1 = () -> "dui-border-primary-l-1"; - /** Constant dui_border_x_primary_l_1 */ + CssClass dui_border_x_primary_l_1 = () -> "dui-border-x-primary-l-1"; - /** Constant dui_border_y_primary_l_1 */ + CssClass dui_border_y_primary_l_1 = () -> "dui-border-y-primary-l-1"; - /** Constant dui_border_t_primary_l_1 */ + CssClass dui_border_t_primary_l_1 = () -> "dui-border-t-primary-l-1"; - /** Constant dui_border_r_primary_l_1 */ + CssClass dui_border_r_primary_l_1 = () -> "dui-border-r-primary-l-1"; - /** Constant dui_border_b_primary_l_1 */ + CssClass dui_border_b_primary_l_1 = () -> "dui-border-b-primary-l-1"; - /** Constant dui_border_l_primary_l_1 */ + CssClass dui_border_l_primary_l_1 = () -> "dui-border-l-primary-l-1"; - /** Constant dui_divide_primary_l_1 */ + CssClass dui_divide_primary_l_1 = () -> "dui-divide-primary-l-1"; - /** Constant dui_outline_primary_l_1 */ + CssClass dui_outline_primary_l_1 = () -> "dui-outline-primary-l-1"; - /** Constant dui_fg_primary */ + CssClass dui_fg_primary = () -> "dui-fg-primary"; - /** Constant dui_bg_primary */ + CssClass dui_bg_primary = () -> "dui-bg-primary"; - /** Constant dui_accent_primary */ + CssClass dui_accent_primary = () -> "dui-accent-primary"; - /** Constant dui_shadow_primary */ + CssClass dui_shadow_primary = () -> "dui-shadow-primary"; - /** Constant dui_text_decoration_primary */ + CssClass dui_text_decoration_primary = () -> "dui-text-decoration-primary"; - /** Constant dui_border_primary */ + CssClass dui_border_primary = () -> "dui-border-primary"; - /** Constant dui_border_x_primary */ + CssClass dui_border_x_primary = () -> "dui-border-x-primary"; - /** Constant dui_border_y_primary */ + CssClass dui_border_y_primary = () -> "dui-border-y-primary"; - /** Constant dui_border_t_primary */ + CssClass dui_border_t_primary = () -> "dui-border-t-primary"; - /** Constant dui_border_r_primary */ + CssClass dui_border_r_primary = () -> "dui-border-r-primary"; - /** Constant dui_border_b_primary */ + CssClass dui_border_b_primary = () -> "dui-border-b-primary"; - /** Constant dui_border_l_primary */ + CssClass dui_border_l_primary = () -> "dui-border-l-primary"; - /** Constant dui_divide_primary */ + CssClass dui_divide_primary = () -> "dui-divide-primary"; - /** Constant dui_outline_primary */ + CssClass dui_outline_primary = () -> "dui-outline-primary"; - /** Constant dui_fg_primary_d_1 */ + CssClass dui_fg_primary_d_1 = () -> "dui-fg-primary-d-1"; - /** Constant dui_bg_primary_d_1 */ + CssClass dui_bg_primary_d_1 = () -> "dui-bg-primary-d-1"; - /** Constant dui_accent_primary_d_1 */ + CssClass dui_accent_primary_d_1 = () -> "dui-accent-primary-d-1"; - /** Constant dui_shadow_primary_d_1 */ + CssClass dui_shadow_primary_d_1 = () -> "dui-shadow-primary-d-1"; - /** Constant dui_text_decoration_primary_d_1 */ + CssClass dui_text_decoration_primary_d_1 = () -> "dui-text-decoration-primary-d-1"; - /** Constant dui_border_primary_d_1 */ + CssClass dui_border_primary_d_1 = () -> "dui-border-primary-d-1"; - /** Constant dui_border_x_primary_d_1 */ + CssClass dui_border_x_primary_d_1 = () -> "dui-border-x-primary-d-1"; - /** Constant dui_border_y_primary_d_1 */ + CssClass dui_border_y_primary_d_1 = () -> "dui-border-y-primary-d-1"; - /** Constant dui_border_t_primary_d_1 */ + CssClass dui_border_t_primary_d_1 = () -> "dui-border-t-primary-d-1"; - /** Constant dui_border_r_primary_d_1 */ + CssClass dui_border_r_primary_d_1 = () -> "dui-border-r-primary-d-1"; - /** Constant dui_border_b_primary_d_1 */ + CssClass dui_border_b_primary_d_1 = () -> "dui-border-b-primary-d-1"; - /** Constant dui_border_l_primary_d_1 */ + CssClass dui_border_l_primary_d_1 = () -> "dui-border-l-primary-d-1"; - /** Constant dui_divide_primary_d_1 */ + CssClass dui_divide_primary_d_1 = () -> "dui-divide-primary-d-1"; - /** Constant dui_outline_primary_d_1 */ + CssClass dui_outline_primary_d_1 = () -> "dui-outline-primary-d-1"; - /** Constant dui_fg_primary_d_2 */ + CssClass dui_fg_primary_d_2 = () -> "dui-fg-primary-d-2"; - /** Constant dui_bg_primary_d_2 */ + CssClass dui_bg_primary_d_2 = () -> "dui-bg-primary-d-2"; - /** Constant dui_accent_primary_d_2 */ + CssClass dui_accent_primary_d_2 = () -> "dui-accent-primary-d-2"; - /** Constant dui_shadow_primary_d_2 */ + CssClass dui_shadow_primary_d_2 = () -> "dui-shadow-primary-d-2"; - /** Constant dui_text_decoration_primary_d_2 */ + CssClass dui_text_decoration_primary_d_2 = () -> "dui-text-decoration-primary-d-2"; - /** Constant dui_border_primary_d_2 */ + CssClass dui_border_primary_d_2 = () -> "dui-border-primary-d-2"; - /** Constant dui_border_x_primary_d_2 */ + CssClass dui_border_x_primary_d_2 = () -> "dui-border-x-primary-d-2"; - /** Constant dui_border_y_primary_d_2 */ + CssClass dui_border_y_primary_d_2 = () -> "dui-border-y-primary-d-2"; - /** Constant dui_border_t_primary_d_2 */ + CssClass dui_border_t_primary_d_2 = () -> "dui-border-t-primary-d-2"; - /** Constant dui_border_r_primary_d_2 */ + CssClass dui_border_r_primary_d_2 = () -> "dui-border-r-primary-d-2"; - /** Constant dui_border_b_primary_d_2 */ + CssClass dui_border_b_primary_d_2 = () -> "dui-border-b-primary-d-2"; - /** Constant dui_border_l_primary_d_2 */ + CssClass dui_border_l_primary_d_2 = () -> "dui-border-l-primary-d-2"; - /** Constant dui_divide_primary_d_2 */ + CssClass dui_divide_primary_d_2 = () -> "dui-divide-primary-d-2"; - /** Constant dui_outline_primary_d_2 */ + CssClass dui_outline_primary_d_2 = () -> "dui-outline-primary-d-2"; - /** Constant dui_fg_primary_d_3 */ + CssClass dui_fg_primary_d_3 = () -> "dui-fg-primary-d-3"; - /** Constant dui_bg_primary_d_3 */ + CssClass dui_bg_primary_d_3 = () -> "dui-bg-primary-d-3"; - /** Constant dui_accent_primary_d_3 */ + CssClass dui_accent_primary_d_3 = () -> "dui-accent-primary-d-3"; - /** Constant dui_shadow_primary_d_3 */ + CssClass dui_shadow_primary_d_3 = () -> "dui-shadow-primary-d-3"; - /** Constant dui_text_decoration_primary_d_3 */ + CssClass dui_text_decoration_primary_d_3 = () -> "dui-text-decoration-primary-d-3"; - /** Constant dui_border_primary_d_3 */ + CssClass dui_border_primary_d_3 = () -> "dui-border-primary-d-3"; - /** Constant dui_border_x_primary_d_3 */ + CssClass dui_border_x_primary_d_3 = () -> "dui-border-x-primary-d-3"; - /** Constant dui_border_y_primary_d_3 */ + CssClass dui_border_y_primary_d_3 = () -> "dui-border-y-primary-d-3"; - /** Constant dui_border_t_primary_d_3 */ + CssClass dui_border_t_primary_d_3 = () -> "dui-border-t-primary-d-3"; - /** Constant dui_border_r_primary_d_3 */ + CssClass dui_border_r_primary_d_3 = () -> "dui-border-r-primary-d-3"; - /** Constant dui_border_b_primary_d_3 */ + CssClass dui_border_b_primary_d_3 = () -> "dui-border-b-primary-d-3"; - /** Constant dui_border_l_primary_d_3 */ + CssClass dui_border_l_primary_d_3 = () -> "dui-border-l-primary-d-3"; - /** Constant dui_divide_primary_d_3 */ + CssClass dui_divide_primary_d_3 = () -> "dui-divide-primary-d-3"; - /** Constant dui_outline_primary_d_3 */ + CssClass dui_outline_primary_d_3 = () -> "dui-outline-primary-d-3"; - /** Constant dui_fg_primary_d_4 */ + CssClass dui_fg_primary_d_4 = () -> "dui-fg-primary-d-4"; - /** Constant dui_bg_primary_d_4 */ + CssClass dui_bg_primary_d_4 = () -> "dui-bg-primary-d-4"; - /** Constant dui_accent_primary_d_4 */ + CssClass dui_accent_primary_d_4 = () -> "dui-accent-primary-d-4"; - /** Constant dui_shadow_primary_d_4 */ + CssClass dui_shadow_primary_d_4 = () -> "dui-shadow-primary-d-4"; - /** Constant dui_text_decoration_primary_d_4 */ + CssClass dui_text_decoration_primary_d_4 = () -> "dui-text-decoration-primary-d-4"; - /** Constant dui_border_primary_d_4 */ + CssClass dui_border_primary_d_4 = () -> "dui-border-primary-d-4"; - /** Constant dui_border_x_primary_d_4 */ + CssClass dui_border_x_primary_d_4 = () -> "dui-border-x-primary-d-4"; - /** Constant dui_border_y_primary_d_4 */ + CssClass dui_border_y_primary_d_4 = () -> "dui-border-y-primary-d-4"; - /** Constant dui_border_t_primary_d_4 */ + CssClass dui_border_t_primary_d_4 = () -> "dui-border-t-primary-d-4"; - /** Constant dui_border_r_primary_d_4 */ + CssClass dui_border_r_primary_d_4 = () -> "dui-border-r-primary-d-4"; - /** Constant dui_border_b_primary_d_4 */ + CssClass dui_border_b_primary_d_4 = () -> "dui-border-b-primary-d-4"; - /** Constant dui_border_l_primary_d_4 */ + CssClass dui_border_l_primary_d_4 = () -> "dui-border-l-primary-d-4"; - /** Constant dui_divide_primary_d_4 */ + CssClass dui_divide_primary_d_4 = () -> "dui-divide-primary-d-4"; - /** Constant dui_outline_primary_d_4 */ + CssClass dui_outline_primary_d_4 = () -> "dui-outline-primary-d-4"; - /** Constant dui_fg_secondary_l_5 */ + CssClass dui_fg_secondary_l_5 = () -> "dui-fg-secondary-l-5"; - /** Constant dui_bg_secondary_l_5 */ + CssClass dui_bg_secondary_l_5 = () -> "dui-bg-secondary-l-5"; - /** Constant dui_accent_secondary_l_5 */ + CssClass dui_accent_secondary_l_5 = () -> "dui-accent-secondary-l-5"; - /** Constant dui_shadow_secondary_l_5 */ + CssClass dui_shadow_secondary_l_5 = () -> "dui-shadow-secondary-l-5"; - /** Constant dui_text_decoration_secondary_l_5 */ + CssClass dui_text_decoration_secondary_l_5 = () -> "dui-text-decoration-secondary-l-5"; - /** Constant dui_border_secondary_l_5 */ + CssClass dui_border_secondary_l_5 = () -> "dui-border-secondary-l-5"; - /** Constant dui_border_x_secondary_l_5 */ + CssClass dui_border_x_secondary_l_5 = () -> "dui-border-x-secondary-l-5"; - /** Constant dui_border_y_secondary_l_5 */ + CssClass dui_border_y_secondary_l_5 = () -> "dui-border-y-secondary-l-5"; - /** Constant dui_border_t_secondary_l_5 */ + CssClass dui_border_t_secondary_l_5 = () -> "dui-border-t-secondary-l-5"; - /** Constant dui_border_r_secondary_l_5 */ + CssClass dui_border_r_secondary_l_5 = () -> "dui-border-r-secondary-l-5"; - /** Constant dui_border_b_secondary_l_5 */ + CssClass dui_border_b_secondary_l_5 = () -> "dui-border-b-secondary-l-5"; - /** Constant dui_border_l_secondary_l_5 */ + CssClass dui_border_l_secondary_l_5 = () -> "dui-border-l-secondary-l-5"; - /** Constant dui_divide_secondary_l_5 */ + CssClass dui_divide_secondary_l_5 = () -> "dui-divide-secondary-l-5"; - /** Constant dui_outline_secondary_l_5 */ + CssClass dui_outline_secondary_l_5 = () -> "dui-outline-secondary-l-5"; - /** Constant dui_fg_secondary_l_4 */ + CssClass dui_fg_secondary_l_4 = () -> "dui-fg-secondary-l-4"; - /** Constant dui_bg_secondary_l_4 */ + CssClass dui_bg_secondary_l_4 = () -> "dui-bg-secondary-l-4"; - /** Constant dui_accent_secondary_l_4 */ + CssClass dui_accent_secondary_l_4 = () -> "dui-accent-secondary-l-4"; - /** Constant dui_shadow_secondary_l_4 */ + CssClass dui_shadow_secondary_l_4 = () -> "dui-shadow-secondary-l-4"; - /** Constant dui_text_decoration_secondary_l_4 */ + CssClass dui_text_decoration_secondary_l_4 = () -> "dui-text-decoration-secondary-l-4"; - /** Constant dui_border_secondary_l_4 */ + CssClass dui_border_secondary_l_4 = () -> "dui-border-secondary-l-4"; - /** Constant dui_border_x_secondary_l_4 */ + CssClass dui_border_x_secondary_l_4 = () -> "dui-border-x-secondary-l-4"; - /** Constant dui_border_y_secondary_l_4 */ + CssClass dui_border_y_secondary_l_4 = () -> "dui-border-y-secondary-l-4"; - /** Constant dui_border_t_secondary_l_4 */ + CssClass dui_border_t_secondary_l_4 = () -> "dui-border-t-secondary-l-4"; - /** Constant dui_border_r_secondary_l_4 */ + CssClass dui_border_r_secondary_l_4 = () -> "dui-border-r-secondary-l-4"; - /** Constant dui_border_b_secondary_l_4 */ + CssClass dui_border_b_secondary_l_4 = () -> "dui-border-b-secondary-l-4"; - /** Constant dui_border_l_secondary_l_4 */ + CssClass dui_border_l_secondary_l_4 = () -> "dui-border-l-secondary-l-4"; - /** Constant dui_divide_secondary_l_4 */ + CssClass dui_divide_secondary_l_4 = () -> "dui-divide-secondary-l-4"; - /** Constant dui_outline_secondary_l_4 */ + CssClass dui_outline_secondary_l_4 = () -> "dui-outline-secondary-l-4"; - /** Constant dui_fg_secondary_l_3 */ + CssClass dui_fg_secondary_l_3 = () -> "dui-fg-secondary-l-3"; - /** Constant dui_bg_secondary_l_3 */ + CssClass dui_bg_secondary_l_3 = () -> "dui-bg-secondary-l-3"; - /** Constant dui_accent_secondary_l_3 */ + CssClass dui_accent_secondary_l_3 = () -> "dui-accent-secondary-l-3"; - /** Constant dui_shadow_secondary_l_3 */ + CssClass dui_shadow_secondary_l_3 = () -> "dui-shadow-secondary-l-3"; - /** Constant dui_text_decoration_secondary_l_3 */ + CssClass dui_text_decoration_secondary_l_3 = () -> "dui-text-decoration-secondary-l-3"; - /** Constant dui_border_secondary_l_3 */ + CssClass dui_border_secondary_l_3 = () -> "dui-border-secondary-l-3"; - /** Constant dui_border_x_secondary_l_3 */ + CssClass dui_border_x_secondary_l_3 = () -> "dui-border-x-secondary-l-3"; - /** Constant dui_border_y_secondary_l_3 */ + CssClass dui_border_y_secondary_l_3 = () -> "dui-border-y-secondary-l-3"; - /** Constant dui_border_t_secondary_l_3 */ + CssClass dui_border_t_secondary_l_3 = () -> "dui-border-t-secondary-l-3"; - /** Constant dui_border_r_secondary_l_3 */ + CssClass dui_border_r_secondary_l_3 = () -> "dui-border-r-secondary-l-3"; - /** Constant dui_border_b_secondary_l_3 */ + CssClass dui_border_b_secondary_l_3 = () -> "dui-border-b-secondary-l-3"; - /** Constant dui_border_l_secondary_l_3 */ + CssClass dui_border_l_secondary_l_3 = () -> "dui-border-l-secondary-l-3"; - /** Constant dui_divide_secondary_l_3 */ + CssClass dui_divide_secondary_l_3 = () -> "dui-divide-secondary-l-3"; - /** Constant dui_outline_secondary_l_3 */ + CssClass dui_outline_secondary_l_3 = () -> "dui-outline-secondary-l-3"; - /** Constant dui_fg_secondary_l_2 */ + CssClass dui_fg_secondary_l_2 = () -> "dui-fg-secondary-l-2"; - /** Constant dui_bg_secondary_l_2 */ + CssClass dui_bg_secondary_l_2 = () -> "dui-bg-secondary-l-2"; - /** Constant dui_accent_secondary_l_2 */ + CssClass dui_accent_secondary_l_2 = () -> "dui-accent-secondary-l-2"; - /** Constant dui_shadow_secondary_l_2 */ + CssClass dui_shadow_secondary_l_2 = () -> "dui-shadow-secondary-l-2"; - /** Constant dui_text_decoration_secondary_l_2 */ + CssClass dui_text_decoration_secondary_l_2 = () -> "dui-text-decoration-secondary-l-2"; - /** Constant dui_border_secondary_l_2 */ + CssClass dui_border_secondary_l_2 = () -> "dui-border-secondary-l-2"; - /** Constant dui_border_x_secondary_l_2 */ + CssClass dui_border_x_secondary_l_2 = () -> "dui-border-x-secondary-l-2"; - /** Constant dui_border_y_secondary_l_2 */ + CssClass dui_border_y_secondary_l_2 = () -> "dui-border-y-secondary-l-2"; - /** Constant dui_border_t_secondary_l_2 */ + CssClass dui_border_t_secondary_l_2 = () -> "dui-border-t-secondary-l-2"; - /** Constant dui_border_r_secondary_l_2 */ + CssClass dui_border_r_secondary_l_2 = () -> "dui-border-r-secondary-l-2"; - /** Constant dui_border_b_secondary_l_2 */ + CssClass dui_border_b_secondary_l_2 = () -> "dui-border-b-secondary-l-2"; - /** Constant dui_border_l_secondary_l_2 */ + CssClass dui_border_l_secondary_l_2 = () -> "dui-border-l-secondary-l-2"; - /** Constant dui_divide_secondary_l_2 */ + CssClass dui_divide_secondary_l_2 = () -> "dui-divide-secondary-l-2"; - /** Constant dui_outline_secondary_l_2 */ + CssClass dui_outline_secondary_l_2 = () -> "dui-outline-secondary-l-2"; - /** Constant dui_fg_secondary_l_1 */ + CssClass dui_fg_secondary_l_1 = () -> "dui-fg-secondary-l-1"; - /** Constant dui_bg_secondary_l_1 */ + CssClass dui_bg_secondary_l_1 = () -> "dui-bg-secondary-l-1"; - /** Constant dui_accent_secondary_l_1 */ + CssClass dui_accent_secondary_l_1 = () -> "dui-accent-secondary-l-1"; - /** Constant dui_shadow_secondary_l_1 */ + CssClass dui_shadow_secondary_l_1 = () -> "dui-shadow-secondary-l-1"; - /** Constant dui_text_decoration_secondary_l_1 */ + CssClass dui_text_decoration_secondary_l_1 = () -> "dui-text-decoration-secondary-l-1"; - /** Constant dui_border_secondary_l_1 */ + CssClass dui_border_secondary_l_1 = () -> "dui-border-secondary-l-1"; - /** Constant dui_border_x_secondary_l_1 */ + CssClass dui_border_x_secondary_l_1 = () -> "dui-border-x-secondary-l-1"; - /** Constant dui_border_y_secondary_l_1 */ + CssClass dui_border_y_secondary_l_1 = () -> "dui-border-y-secondary-l-1"; - /** Constant dui_border_t_secondary_l_1 */ + CssClass dui_border_t_secondary_l_1 = () -> "dui-border-t-secondary-l-1"; - /** Constant dui_border_r_secondary_l_1 */ + CssClass dui_border_r_secondary_l_1 = () -> "dui-border-r-secondary-l-1"; - /** Constant dui_border_b_secondary_l_1 */ + CssClass dui_border_b_secondary_l_1 = () -> "dui-border-b-secondary-l-1"; - /** Constant dui_border_l_secondary_l_1 */ + CssClass dui_border_l_secondary_l_1 = () -> "dui-border-l-secondary-l-1"; - /** Constant dui_divide_secondary_l_1 */ + CssClass dui_divide_secondary_l_1 = () -> "dui-divide-secondary-l-1"; - /** Constant dui_outline_secondary_l_1 */ + CssClass dui_outline_secondary_l_1 = () -> "dui-outline-secondary-l-1"; - /** Constant dui_fg_secondary */ + CssClass dui_fg_secondary = () -> "dui-fg-secondary"; - /** Constant dui_bg_secondary */ + CssClass dui_bg_secondary = () -> "dui-bg-secondary"; - /** Constant dui_accent_secondary */ + CssClass dui_accent_secondary = () -> "dui-accent-secondary"; - /** Constant dui_shadow_secondary */ + CssClass dui_shadow_secondary = () -> "dui-shadow-secondary"; - /** Constant dui_text_decoration_secondary */ + CssClass dui_text_decoration_secondary = () -> "dui-text-decoration-secondary"; - /** Constant dui_border_secondary */ + CssClass dui_border_secondary = () -> "dui-border-secondary"; - /** Constant dui_border_x_secondary */ + CssClass dui_border_x_secondary = () -> "dui-border-x-secondary"; - /** Constant dui_border_y_secondary */ + CssClass dui_border_y_secondary = () -> "dui-border-y-secondary"; - /** Constant dui_border_t_secondary */ + CssClass dui_border_t_secondary = () -> "dui-border-t-secondary"; - /** Constant dui_border_r_secondary */ + CssClass dui_border_r_secondary = () -> "dui-border-r-secondary"; - /** Constant dui_border_b_secondary */ + CssClass dui_border_b_secondary = () -> "dui-border-b-secondary"; - /** Constant dui_border_l_secondary */ + CssClass dui_border_l_secondary = () -> "dui-border-l-secondary"; - /** Constant dui_divide_secondary */ + CssClass dui_divide_secondary = () -> "dui-divide-secondary"; - /** Constant dui_outline_secondary */ + CssClass dui_outline_secondary = () -> "dui-outline-secondary"; - /** Constant dui_fg_secondary_d_1 */ + CssClass dui_fg_secondary_d_1 = () -> "dui-fg-secondary-d-1"; - /** Constant dui_bg_secondary_d_1 */ + CssClass dui_bg_secondary_d_1 = () -> "dui-bg-secondary-d-1"; - /** Constant dui_accent_secondary_d_1 */ + CssClass dui_accent_secondary_d_1 = () -> "dui-accent-secondary-d-1"; - /** Constant dui_shadow_secondary_d_1 */ + CssClass dui_shadow_secondary_d_1 = () -> "dui-shadow-secondary-d-1"; - /** Constant dui_text_decoration_secondary_d_1 */ + CssClass dui_text_decoration_secondary_d_1 = () -> "dui-text-decoration-secondary-d-1"; - /** Constant dui_border_secondary_d_1 */ + CssClass dui_border_secondary_d_1 = () -> "dui-border-secondary-d-1"; - /** Constant dui_border_x_secondary_d_1 */ + CssClass dui_border_x_secondary_d_1 = () -> "dui-border-x-secondary-d-1"; - /** Constant dui_border_y_secondary_d_1 */ + CssClass dui_border_y_secondary_d_1 = () -> "dui-border-y-secondary-d-1"; - /** Constant dui_border_t_secondary_d_1 */ + CssClass dui_border_t_secondary_d_1 = () -> "dui-border-t-secondary-d-1"; - /** Constant dui_border_r_secondary_d_1 */ + CssClass dui_border_r_secondary_d_1 = () -> "dui-border-r-secondary-d-1"; - /** Constant dui_border_b_secondary_d_1 */ + CssClass dui_border_b_secondary_d_1 = () -> "dui-border-b-secondary-d-1"; - /** Constant dui_border_l_secondary_d_1 */ + CssClass dui_border_l_secondary_d_1 = () -> "dui-border-l-secondary-d-1"; - /** Constant dui_divide_secondary_d_1 */ + CssClass dui_divide_secondary_d_1 = () -> "dui-divide-secondary-d-1"; - /** Constant dui_outline_secondary_d_1 */ + CssClass dui_outline_secondary_d_1 = () -> "dui-outline-secondary-d-1"; - /** Constant dui_fg_secondary_d_2 */ + CssClass dui_fg_secondary_d_2 = () -> "dui-fg-secondary-d-2"; - /** Constant dui_bg_secondary_d_2 */ + CssClass dui_bg_secondary_d_2 = () -> "dui-bg-secondary-d-2"; - /** Constant dui_accent_secondary_d_2 */ + CssClass dui_accent_secondary_d_2 = () -> "dui-accent-secondary-d-2"; - /** Constant dui_shadow_secondary_d_2 */ + CssClass dui_shadow_secondary_d_2 = () -> "dui-shadow-secondary-d-2"; - /** Constant dui_text_decoration_secondary_d_2 */ + CssClass dui_text_decoration_secondary_d_2 = () -> "dui-text-decoration-secondary-d-2"; - /** Constant dui_border_secondary_d_2 */ + CssClass dui_border_secondary_d_2 = () -> "dui-border-secondary-d-2"; - /** Constant dui_border_x_secondary_d_2 */ + CssClass dui_border_x_secondary_d_2 = () -> "dui-border-x-secondary-d-2"; - /** Constant dui_border_y_secondary_d_2 */ + CssClass dui_border_y_secondary_d_2 = () -> "dui-border-y-secondary-d-2"; - /** Constant dui_border_t_secondary_d_2 */ + CssClass dui_border_t_secondary_d_2 = () -> "dui-border-t-secondary-d-2"; - /** Constant dui_border_r_secondary_d_2 */ + CssClass dui_border_r_secondary_d_2 = () -> "dui-border-r-secondary-d-2"; - /** Constant dui_border_b_secondary_d_2 */ + CssClass dui_border_b_secondary_d_2 = () -> "dui-border-b-secondary-d-2"; - /** Constant dui_border_l_secondary_d_2 */ + CssClass dui_border_l_secondary_d_2 = () -> "dui-border-l-secondary-d-2"; - /** Constant dui_divide_secondary_d_2 */ + CssClass dui_divide_secondary_d_2 = () -> "dui-divide-secondary-d-2"; - /** Constant dui_outline_secondary_d_2 */ + CssClass dui_outline_secondary_d_2 = () -> "dui-outline-secondary-d-2"; - /** Constant dui_fg_secondary_d_3 */ + CssClass dui_fg_secondary_d_3 = () -> "dui-fg-secondary-d-3"; - /** Constant dui_bg_secondary_d_3 */ + CssClass dui_bg_secondary_d_3 = () -> "dui-bg-secondary-d-3"; - /** Constant dui_accent_secondary_d_3 */ + CssClass dui_accent_secondary_d_3 = () -> "dui-accent-secondary-d-3"; - /** Constant dui_shadow_secondary_d_3 */ + CssClass dui_shadow_secondary_d_3 = () -> "dui-shadow-secondary-d-3"; - /** Constant dui_text_decoration_secondary_d_3 */ + CssClass dui_text_decoration_secondary_d_3 = () -> "dui-text-decoration-secondary-d-3"; - /** Constant dui_border_secondary_d_3 */ + CssClass dui_border_secondary_d_3 = () -> "dui-border-secondary-d-3"; - /** Constant dui_border_x_secondary_d_3 */ + CssClass dui_border_x_secondary_d_3 = () -> "dui-border-x-secondary-d-3"; - /** Constant dui_border_y_secondary_d_3 */ + CssClass dui_border_y_secondary_d_3 = () -> "dui-border-y-secondary-d-3"; - /** Constant dui_border_t_secondary_d_3 */ + CssClass dui_border_t_secondary_d_3 = () -> "dui-border-t-secondary-d-3"; - /** Constant dui_border_r_secondary_d_3 */ + CssClass dui_border_r_secondary_d_3 = () -> "dui-border-r-secondary-d-3"; - /** Constant dui_border_b_secondary_d_3 */ + CssClass dui_border_b_secondary_d_3 = () -> "dui-border-b-secondary-d-3"; - /** Constant dui_border_l_secondary_d_3 */ + CssClass dui_border_l_secondary_d_3 = () -> "dui-border-l-secondary-d-3"; - /** Constant dui_divide_secondary_d_3 */ + CssClass dui_divide_secondary_d_3 = () -> "dui-divide-secondary-d-3"; - /** Constant dui_outline_secondary_d_3 */ + CssClass dui_outline_secondary_d_3 = () -> "dui-outline-secondary-d-3"; - /** Constant dui_fg_secondary_d_4 */ + CssClass dui_fg_secondary_d_4 = () -> "dui-fg-secondary-d-4"; - /** Constant dui_bg_secondary_d_4 */ + CssClass dui_bg_secondary_d_4 = () -> "dui-bg-secondary-d-4"; - /** Constant dui_accent_secondary_d_4 */ + CssClass dui_accent_secondary_d_4 = () -> "dui-accent-secondary-d-4"; - /** Constant dui_shadow_secondary_d_4 */ + CssClass dui_shadow_secondary_d_4 = () -> "dui-shadow-secondary-d-4"; - /** Constant dui_text_decoration_secondary_d_4 */ + CssClass dui_text_decoration_secondary_d_4 = () -> "dui-text-decoration-secondary-d-4"; - /** Constant dui_border_secondary_d_4 */ + CssClass dui_border_secondary_d_4 = () -> "dui-border-secondary-d-4"; - /** Constant dui_border_x_secondary_d_4 */ + CssClass dui_border_x_secondary_d_4 = () -> "dui-border-x-secondary-d-4"; - /** Constant dui_border_y_secondary_d_4 */ + CssClass dui_border_y_secondary_d_4 = () -> "dui-border-y-secondary-d-4"; - /** Constant dui_border_t_secondary_d_4 */ + CssClass dui_border_t_secondary_d_4 = () -> "dui-border-t-secondary-d-4"; - /** Constant dui_border_r_secondary_d_4 */ + CssClass dui_border_r_secondary_d_4 = () -> "dui-border-r-secondary-d-4"; - /** Constant dui_border_b_secondary_d_4 */ + CssClass dui_border_b_secondary_d_4 = () -> "dui-border-b-secondary-d-4"; - /** Constant dui_border_l_secondary_d_4 */ + CssClass dui_border_l_secondary_d_4 = () -> "dui-border-l-secondary-d-4"; - /** Constant dui_divide_secondary_d_4 */ + CssClass dui_divide_secondary_d_4 = () -> "dui-divide-secondary-d-4"; - /** Constant dui_outline_secondary_d_4 */ + CssClass dui_outline_secondary_d_4 = () -> "dui-outline-secondary-d-4"; - /** Constant dui_fg_success_l_5 */ + CssClass dui_fg_success_l_5 = () -> "dui-fg-success-l-5"; - /** Constant dui_bg_success_l_5 */ + CssClass dui_bg_success_l_5 = () -> "dui-bg-success-l-5"; - /** Constant dui_accent_success_l_5 */ + CssClass dui_accent_success_l_5 = () -> "dui-accent-success-l-5"; - /** Constant dui_shadow_success_l_5 */ + CssClass dui_shadow_success_l_5 = () -> "dui-shadow-success-l-5"; - /** Constant dui_text_decoration_success_l_5 */ + CssClass dui_text_decoration_success_l_5 = () -> "dui-text-decoration-success-l-5"; - /** Constant dui_border_success_l_5 */ + CssClass dui_border_success_l_5 = () -> "dui-border-success-l-5"; - /** Constant dui_border_x_success_l_5 */ + CssClass dui_border_x_success_l_5 = () -> "dui-border-x-success-l-5"; - /** Constant dui_border_y_success_l_5 */ + CssClass dui_border_y_success_l_5 = () -> "dui-border-y-success-l-5"; - /** Constant dui_border_t_success_l_5 */ + CssClass dui_border_t_success_l_5 = () -> "dui-border-t-success-l-5"; - /** Constant dui_border_r_success_l_5 */ + CssClass dui_border_r_success_l_5 = () -> "dui-border-r-success-l-5"; - /** Constant dui_border_b_success_l_5 */ + CssClass dui_border_b_success_l_5 = () -> "dui-border-b-success-l-5"; - /** Constant dui_border_l_success_l_5 */ + CssClass dui_border_l_success_l_5 = () -> "dui-border-l-success-l-5"; - /** Constant dui_divide_success_l_5 */ + CssClass dui_divide_success_l_5 = () -> "dui-divide-success-l-5"; - /** Constant dui_outline_success_l_5 */ + CssClass dui_outline_success_l_5 = () -> "dui-outline-success-l-5"; - /** Constant dui_fg_success_l_4 */ + CssClass dui_fg_success_l_4 = () -> "dui-fg-success-l-4"; - /** Constant dui_bg_success_l_4 */ + CssClass dui_bg_success_l_4 = () -> "dui-bg-success-l-4"; - /** Constant dui_accent_success_l_4 */ + CssClass dui_accent_success_l_4 = () -> "dui-accent-success-l-4"; - /** Constant dui_shadow_success_l_4 */ + CssClass dui_shadow_success_l_4 = () -> "dui-shadow-success-l-4"; - /** Constant dui_text_decoration_success_l_4 */ + CssClass dui_text_decoration_success_l_4 = () -> "dui-text-decoration-success-l-4"; - /** Constant dui_border_success_l_4 */ + CssClass dui_border_success_l_4 = () -> "dui-border-success-l-4"; - /** Constant dui_border_x_success_l_4 */ + CssClass dui_border_x_success_l_4 = () -> "dui-border-x-success-l-4"; - /** Constant dui_border_y_success_l_4 */ + CssClass dui_border_y_success_l_4 = () -> "dui-border-y-success-l-4"; - /** Constant dui_border_t_success_l_4 */ + CssClass dui_border_t_success_l_4 = () -> "dui-border-t-success-l-4"; - /** Constant dui_border_r_success_l_4 */ + CssClass dui_border_r_success_l_4 = () -> "dui-border-r-success-l-4"; - /** Constant dui_border_b_success_l_4 */ + CssClass dui_border_b_success_l_4 = () -> "dui-border-b-success-l-4"; - /** Constant dui_border_l_success_l_4 */ + CssClass dui_border_l_success_l_4 = () -> "dui-border-l-success-l-4"; - /** Constant dui_divide_success_l_4 */ + CssClass dui_divide_success_l_4 = () -> "dui-divide-success-l-4"; - /** Constant dui_outline_success_l_4 */ + CssClass dui_outline_success_l_4 = () -> "dui-outline-success-l-4"; - /** Constant dui_fg_success_l_3 */ + CssClass dui_fg_success_l_3 = () -> "dui-fg-success-l-3"; - /** Constant dui_bg_success_l_3 */ + CssClass dui_bg_success_l_3 = () -> "dui-bg-success-l-3"; - /** Constant dui_accent_success_l_3 */ + CssClass dui_accent_success_l_3 = () -> "dui-accent-success-l-3"; - /** Constant dui_shadow_success_l_3 */ + CssClass dui_shadow_success_l_3 = () -> "dui-shadow-success-l-3"; - /** Constant dui_text_decoration_success_l_3 */ + CssClass dui_text_decoration_success_l_3 = () -> "dui-text-decoration-success-l-3"; - /** Constant dui_border_success_l_3 */ + CssClass dui_border_success_l_3 = () -> "dui-border-success-l-3"; - /** Constant dui_border_x_success_l_3 */ + CssClass dui_border_x_success_l_3 = () -> "dui-border-x-success-l-3"; - /** Constant dui_border_y_success_l_3 */ + CssClass dui_border_y_success_l_3 = () -> "dui-border-y-success-l-3"; - /** Constant dui_border_t_success_l_3 */ + CssClass dui_border_t_success_l_3 = () -> "dui-border-t-success-l-3"; - /** Constant dui_border_r_success_l_3 */ + CssClass dui_border_r_success_l_3 = () -> "dui-border-r-success-l-3"; - /** Constant dui_border_b_success_l_3 */ + CssClass dui_border_b_success_l_3 = () -> "dui-border-b-success-l-3"; - /** Constant dui_border_l_success_l_3 */ + CssClass dui_border_l_success_l_3 = () -> "dui-border-l-success-l-3"; - /** Constant dui_divide_success_l_3 */ + CssClass dui_divide_success_l_3 = () -> "dui-divide-success-l-3"; - /** Constant dui_outline_success_l_3 */ + CssClass dui_outline_success_l_3 = () -> "dui-outline-success-l-3"; - /** Constant dui_fg_success_l_2 */ + CssClass dui_fg_success_l_2 = () -> "dui-fg-success-l-2"; - /** Constant dui_bg_success_l_2 */ + CssClass dui_bg_success_l_2 = () -> "dui-bg-success-l-2"; - /** Constant dui_accent_success_l_2 */ + CssClass dui_accent_success_l_2 = () -> "dui-accent-success-l-2"; - /** Constant dui_shadow_success_l_2 */ + CssClass dui_shadow_success_l_2 = () -> "dui-shadow-success-l-2"; - /** Constant dui_text_decoration_success_l_2 */ + CssClass dui_text_decoration_success_l_2 = () -> "dui-text-decoration-success-l-2"; - /** Constant dui_border_success_l_2 */ + CssClass dui_border_success_l_2 = () -> "dui-border-success-l-2"; - /** Constant dui_border_x_success_l_2 */ + CssClass dui_border_x_success_l_2 = () -> "dui-border-x-success-l-2"; - /** Constant dui_border_y_success_l_2 */ + CssClass dui_border_y_success_l_2 = () -> "dui-border-y-success-l-2"; - /** Constant dui_border_t_success_l_2 */ + CssClass dui_border_t_success_l_2 = () -> "dui-border-t-success-l-2"; - /** Constant dui_border_r_success_l_2 */ + CssClass dui_border_r_success_l_2 = () -> "dui-border-r-success-l-2"; - /** Constant dui_border_b_success_l_2 */ + CssClass dui_border_b_success_l_2 = () -> "dui-border-b-success-l-2"; - /** Constant dui_border_l_success_l_2 */ + CssClass dui_border_l_success_l_2 = () -> "dui-border-l-success-l-2"; - /** Constant dui_divide_success_l_2 */ + CssClass dui_divide_success_l_2 = () -> "dui-divide-success-l-2"; - /** Constant dui_outline_success_l_2 */ + CssClass dui_outline_success_l_2 = () -> "dui-outline-success-l-2"; - /** Constant dui_fg_success_l_1 */ + CssClass dui_fg_success_l_1 = () -> "dui-fg-success-l-1"; - /** Constant dui_bg_success_l_1 */ + CssClass dui_bg_success_l_1 = () -> "dui-bg-success-l-1"; - /** Constant dui_accent_success_l_1 */ + CssClass dui_accent_success_l_1 = () -> "dui-accent-success-l-1"; - /** Constant dui_shadow_success_l_1 */ + CssClass dui_shadow_success_l_1 = () -> "dui-shadow-success-l-1"; - /** Constant dui_text_decoration_success_l_1 */ + CssClass dui_text_decoration_success_l_1 = () -> "dui-text-decoration-success-l-1"; - /** Constant dui_border_success_l_1 */ + CssClass dui_border_success_l_1 = () -> "dui-border-success-l-1"; - /** Constant dui_border_x_success_l_1 */ + CssClass dui_border_x_success_l_1 = () -> "dui-border-x-success-l-1"; - /** Constant dui_border_y_success_l_1 */ + CssClass dui_border_y_success_l_1 = () -> "dui-border-y-success-l-1"; - /** Constant dui_border_t_success_l_1 */ + CssClass dui_border_t_success_l_1 = () -> "dui-border-t-success-l-1"; - /** Constant dui_border_r_success_l_1 */ + CssClass dui_border_r_success_l_1 = () -> "dui-border-r-success-l-1"; - /** Constant dui_border_b_success_l_1 */ + CssClass dui_border_b_success_l_1 = () -> "dui-border-b-success-l-1"; - /** Constant dui_border_l_success_l_1 */ + CssClass dui_border_l_success_l_1 = () -> "dui-border-l-success-l-1"; - /** Constant dui_divide_success_l_1 */ + CssClass dui_divide_success_l_1 = () -> "dui-divide-success-l-1"; - /** Constant dui_outline_success_l_1 */ + CssClass dui_outline_success_l_1 = () -> "dui-outline-success-l-1"; - /** Constant dui_fg_success */ + CssClass dui_fg_success = () -> "dui-fg-success"; - /** Constant dui_bg_success */ + CssClass dui_bg_success = () -> "dui-bg-success"; - /** Constant dui_accent_success */ + CssClass dui_accent_success = () -> "dui-accent-success"; - /** Constant dui_shadow_success */ + CssClass dui_shadow_success = () -> "dui-shadow-success"; - /** Constant dui_text_decoration_success */ + CssClass dui_text_decoration_success = () -> "dui-text-decoration-success"; - /** Constant dui_border_success */ + CssClass dui_border_success = () -> "dui-border-success"; - /** Constant dui_border_x_success */ + CssClass dui_border_x_success = () -> "dui-border-x-success"; - /** Constant dui_border_y_success */ + CssClass dui_border_y_success = () -> "dui-border-y-success"; - /** Constant dui_border_t_success */ + CssClass dui_border_t_success = () -> "dui-border-t-success"; - /** Constant dui_border_r_success */ + CssClass dui_border_r_success = () -> "dui-border-r-success"; - /** Constant dui_border_b_success */ + CssClass dui_border_b_success = () -> "dui-border-b-success"; - /** Constant dui_border_l_success */ + CssClass dui_border_l_success = () -> "dui-border-l-success"; - /** Constant dui_divide_success */ + CssClass dui_divide_success = () -> "dui-divide-success"; - /** Constant dui_outline_success */ + CssClass dui_outline_success = () -> "dui-outline-success"; - /** Constant dui_fg_success_d_1 */ + CssClass dui_fg_success_d_1 = () -> "dui-fg-success-d-1"; - /** Constant dui_bg_success_d_1 */ + CssClass dui_bg_success_d_1 = () -> "dui-bg-success-d-1"; - /** Constant dui_accent_success_d_1 */ + CssClass dui_accent_success_d_1 = () -> "dui-accent-success-d-1"; - /** Constant dui_shadow_success_d_1 */ + CssClass dui_shadow_success_d_1 = () -> "dui-shadow-success-d-1"; - /** Constant dui_text_decoration_success_d_1 */ + CssClass dui_text_decoration_success_d_1 = () -> "dui-text-decoration-success-d-1"; - /** Constant dui_border_success_d_1 */ + CssClass dui_border_success_d_1 = () -> "dui-border-success-d-1"; - /** Constant dui_border_x_success_d_1 */ + CssClass dui_border_x_success_d_1 = () -> "dui-border-x-success-d-1"; - /** Constant dui_border_y_success_d_1 */ + CssClass dui_border_y_success_d_1 = () -> "dui-border-y-success-d-1"; - /** Constant dui_border_t_success_d_1 */ + CssClass dui_border_t_success_d_1 = () -> "dui-border-t-success-d-1"; - /** Constant dui_border_r_success_d_1 */ + CssClass dui_border_r_success_d_1 = () -> "dui-border-r-success-d-1"; - /** Constant dui_border_b_success_d_1 */ + CssClass dui_border_b_success_d_1 = () -> "dui-border-b-success-d-1"; - /** Constant dui_border_l_success_d_1 */ + CssClass dui_border_l_success_d_1 = () -> "dui-border-l-success-d-1"; - /** Constant dui_divide_success_d_1 */ + CssClass dui_divide_success_d_1 = () -> "dui-divide-success-d-1"; - /** Constant dui_outline_success_d_1 */ + CssClass dui_outline_success_d_1 = () -> "dui-outline-success-d-1"; - /** Constant dui_fg_success_d_2 */ + CssClass dui_fg_success_d_2 = () -> "dui-fg-success-d-2"; - /** Constant dui_bg_success_d_2 */ + CssClass dui_bg_success_d_2 = () -> "dui-bg-success-d-2"; - /** Constant dui_accent_success_d_2 */ + CssClass dui_accent_success_d_2 = () -> "dui-accent-success-d-2"; - /** Constant dui_shadow_success_d_2 */ + CssClass dui_shadow_success_d_2 = () -> "dui-shadow-success-d-2"; - /** Constant dui_text_decoration_success_d_2 */ + CssClass dui_text_decoration_success_d_2 = () -> "dui-text-decoration-success-d-2"; - /** Constant dui_border_success_d_2 */ + CssClass dui_border_success_d_2 = () -> "dui-border-success-d-2"; - /** Constant dui_border_x_success_d_2 */ + CssClass dui_border_x_success_d_2 = () -> "dui-border-x-success-d-2"; - /** Constant dui_border_y_success_d_2 */ + CssClass dui_border_y_success_d_2 = () -> "dui-border-y-success-d-2"; - /** Constant dui_border_t_success_d_2 */ + CssClass dui_border_t_success_d_2 = () -> "dui-border-t-success-d-2"; - /** Constant dui_border_r_success_d_2 */ + CssClass dui_border_r_success_d_2 = () -> "dui-border-r-success-d-2"; - /** Constant dui_border_b_success_d_2 */ + CssClass dui_border_b_success_d_2 = () -> "dui-border-b-success-d-2"; - /** Constant dui_border_l_success_d_2 */ + CssClass dui_border_l_success_d_2 = () -> "dui-border-l-success-d-2"; - /** Constant dui_divide_success_d_2 */ + CssClass dui_divide_success_d_2 = () -> "dui-divide-success-d-2"; - /** Constant dui_outline_success_d_2 */ + CssClass dui_outline_success_d_2 = () -> "dui-outline-success-d-2"; - /** Constant dui_fg_success_d_3 */ + CssClass dui_fg_success_d_3 = () -> "dui-fg-success-d-3"; - /** Constant dui_bg_success_d_3 */ + CssClass dui_bg_success_d_3 = () -> "dui-bg-success-d-3"; - /** Constant dui_accent_success_d_3 */ + CssClass dui_accent_success_d_3 = () -> "dui-accent-success-d-3"; - /** Constant dui_shadow_success_d_3 */ + CssClass dui_shadow_success_d_3 = () -> "dui-shadow-success-d-3"; - /** Constant dui_text_decoration_success_d_3 */ + CssClass dui_text_decoration_success_d_3 = () -> "dui-text-decoration-success-d-3"; - /** Constant dui_border_success_d_3 */ + CssClass dui_border_success_d_3 = () -> "dui-border-success-d-3"; - /** Constant dui_border_x_success_d_3 */ + CssClass dui_border_x_success_d_3 = () -> "dui-border-x-success-d-3"; - /** Constant dui_border_y_success_d_3 */ + CssClass dui_border_y_success_d_3 = () -> "dui-border-y-success-d-3"; - /** Constant dui_border_t_success_d_3 */ + CssClass dui_border_t_success_d_3 = () -> "dui-border-t-success-d-3"; - /** Constant dui_border_r_success_d_3 */ + CssClass dui_border_r_success_d_3 = () -> "dui-border-r-success-d-3"; - /** Constant dui_border_b_success_d_3 */ + CssClass dui_border_b_success_d_3 = () -> "dui-border-b-success-d-3"; - /** Constant dui_border_l_success_d_3 */ + CssClass dui_border_l_success_d_3 = () -> "dui-border-l-success-d-3"; - /** Constant dui_divide_success_d_3 */ + CssClass dui_divide_success_d_3 = () -> "dui-divide-success-d-3"; - /** Constant dui_outline_success_d_3 */ + CssClass dui_outline_success_d_3 = () -> "dui-outline-success-d-3"; - /** Constant dui_fg_success_d_4 */ + CssClass dui_fg_success_d_4 = () -> "dui-fg-success-d-4"; - /** Constant dui_bg_success_d_4 */ + CssClass dui_bg_success_d_4 = () -> "dui-bg-success-d-4"; - /** Constant dui_accent_success_d_4 */ + CssClass dui_accent_success_d_4 = () -> "dui-accent-success-d-4"; - /** Constant dui_shadow_success_d_4 */ + CssClass dui_shadow_success_d_4 = () -> "dui-shadow-success-d-4"; - /** Constant dui_text_decoration_success_d_4 */ + CssClass dui_text_decoration_success_d_4 = () -> "dui-text-decoration-success-d-4"; - /** Constant dui_border_success_d_4 */ + CssClass dui_border_success_d_4 = () -> "dui-border-success-d-4"; - /** Constant dui_border_x_success_d_4 */ + CssClass dui_border_x_success_d_4 = () -> "dui-border-x-success-d-4"; - /** Constant dui_border_y_success_d_4 */ + CssClass dui_border_y_success_d_4 = () -> "dui-border-y-success-d-4"; - /** Constant dui_border_t_success_d_4 */ + CssClass dui_border_t_success_d_4 = () -> "dui-border-t-success-d-4"; - /** Constant dui_border_r_success_d_4 */ + CssClass dui_border_r_success_d_4 = () -> "dui-border-r-success-d-4"; - /** Constant dui_border_b_success_d_4 */ + CssClass dui_border_b_success_d_4 = () -> "dui-border-b-success-d-4"; - /** Constant dui_border_l_success_d_4 */ + CssClass dui_border_l_success_d_4 = () -> "dui-border-l-success-d-4"; - /** Constant dui_divide_success_d_4 */ + CssClass dui_divide_success_d_4 = () -> "dui-divide-success-d-4"; - /** Constant dui_outline_success_d_4 */ + CssClass dui_outline_success_d_4 = () -> "dui-outline-success-d-4"; - /** Constant dui_fg_warning_l_5 */ + CssClass dui_fg_warning_l_5 = () -> "dui-fg-warning-l-5"; - /** Constant dui_bg_warning_l_5 */ + CssClass dui_bg_warning_l_5 = () -> "dui-bg-warning-l-5"; - /** Constant dui_accent_warning_l_5 */ + CssClass dui_accent_warning_l_5 = () -> "dui-accent-warning-l-5"; - /** Constant dui_shadow_warning_l_5 */ + CssClass dui_shadow_warning_l_5 = () -> "dui-shadow-warning-l-5"; - /** Constant dui_text_decoration_warning_l_5 */ + CssClass dui_text_decoration_warning_l_5 = () -> "dui-text-decoration-warning-l-5"; - /** Constant dui_border_warning_l_5 */ + CssClass dui_border_warning_l_5 = () -> "dui-border-warning-l-5"; - /** Constant dui_border_x_warning_l_5 */ + CssClass dui_border_x_warning_l_5 = () -> "dui-border-x-warning-l-5"; - /** Constant dui_border_y_warning_l_5 */ + CssClass dui_border_y_warning_l_5 = () -> "dui-border-y-warning-l-5"; - /** Constant dui_border_t_warning_l_5 */ + CssClass dui_border_t_warning_l_5 = () -> "dui-border-t-warning-l-5"; - /** Constant dui_border_r_warning_l_5 */ + CssClass dui_border_r_warning_l_5 = () -> "dui-border-r-warning-l-5"; - /** Constant dui_border_b_warning_l_5 */ + CssClass dui_border_b_warning_l_5 = () -> "dui-border-b-warning-l-5"; - /** Constant dui_border_l_warning_l_5 */ + CssClass dui_border_l_warning_l_5 = () -> "dui-border-l-warning-l-5"; - /** Constant dui_divide_warning_l_5 */ + CssClass dui_divide_warning_l_5 = () -> "dui-divide-warning-l-5"; - /** Constant dui_outline_warning_l_5 */ + CssClass dui_outline_warning_l_5 = () -> "dui-outline-warning-l-5"; - /** Constant dui_fg_warning_l_4 */ + CssClass dui_fg_warning_l_4 = () -> "dui-fg-warning-l-4"; - /** Constant dui_bg_warning_l_4 */ + CssClass dui_bg_warning_l_4 = () -> "dui-bg-warning-l-4"; - /** Constant dui_accent_warning_l_4 */ + CssClass dui_accent_warning_l_4 = () -> "dui-accent-warning-l-4"; - /** Constant dui_shadow_warning_l_4 */ + CssClass dui_shadow_warning_l_4 = () -> "dui-shadow-warning-l-4"; - /** Constant dui_text_decoration_warning_l_4 */ + CssClass dui_text_decoration_warning_l_4 = () -> "dui-text-decoration-warning-l-4"; - /** Constant dui_border_warning_l_4 */ + CssClass dui_border_warning_l_4 = () -> "dui-border-warning-l-4"; - /** Constant dui_border_x_warning_l_4 */ + CssClass dui_border_x_warning_l_4 = () -> "dui-border-x-warning-l-4"; - /** Constant dui_border_y_warning_l_4 */ + CssClass dui_border_y_warning_l_4 = () -> "dui-border-y-warning-l-4"; - /** Constant dui_border_t_warning_l_4 */ + CssClass dui_border_t_warning_l_4 = () -> "dui-border-t-warning-l-4"; - /** Constant dui_border_r_warning_l_4 */ + CssClass dui_border_r_warning_l_4 = () -> "dui-border-r-warning-l-4"; - /** Constant dui_border_b_warning_l_4 */ + CssClass dui_border_b_warning_l_4 = () -> "dui-border-b-warning-l-4"; - /** Constant dui_border_l_warning_l_4 */ + CssClass dui_border_l_warning_l_4 = () -> "dui-border-l-warning-l-4"; - /** Constant dui_divide_warning_l_4 */ + CssClass dui_divide_warning_l_4 = () -> "dui-divide-warning-l-4"; - /** Constant dui_outline_warning_l_4 */ + CssClass dui_outline_warning_l_4 = () -> "dui-outline-warning-l-4"; - /** Constant dui_fg_warning_l_3 */ + CssClass dui_fg_warning_l_3 = () -> "dui-fg-warning-l-3"; - /** Constant dui_bg_warning_l_3 */ + CssClass dui_bg_warning_l_3 = () -> "dui-bg-warning-l-3"; - /** Constant dui_accent_warning_l_3 */ + CssClass dui_accent_warning_l_3 = () -> "dui-accent-warning-l-3"; - /** Constant dui_shadow_warning_l_3 */ + CssClass dui_shadow_warning_l_3 = () -> "dui-shadow-warning-l-3"; - /** Constant dui_text_decoration_warning_l_3 */ + CssClass dui_text_decoration_warning_l_3 = () -> "dui-text-decoration-warning-l-3"; - /** Constant dui_border_warning_l_3 */ + CssClass dui_border_warning_l_3 = () -> "dui-border-warning-l-3"; - /** Constant dui_border_x_warning_l_3 */ + CssClass dui_border_x_warning_l_3 = () -> "dui-border-x-warning-l-3"; - /** Constant dui_border_y_warning_l_3 */ + CssClass dui_border_y_warning_l_3 = () -> "dui-border-y-warning-l-3"; - /** Constant dui_border_t_warning_l_3 */ + CssClass dui_border_t_warning_l_3 = () -> "dui-border-t-warning-l-3"; - /** Constant dui_border_r_warning_l_3 */ + CssClass dui_border_r_warning_l_3 = () -> "dui-border-r-warning-l-3"; - /** Constant dui_border_b_warning_l_3 */ + CssClass dui_border_b_warning_l_3 = () -> "dui-border-b-warning-l-3"; - /** Constant dui_border_l_warning_l_3 */ + CssClass dui_border_l_warning_l_3 = () -> "dui-border-l-warning-l-3"; - /** Constant dui_divide_warning_l_3 */ + CssClass dui_divide_warning_l_3 = () -> "dui-divide-warning-l-3"; - /** Constant dui_outline_warning_l_3 */ + CssClass dui_outline_warning_l_3 = () -> "dui-outline-warning-l-3"; - /** Constant dui_fg_warning_l_2 */ + CssClass dui_fg_warning_l_2 = () -> "dui-fg-warning-l-2"; - /** Constant dui_bg_warning_l_2 */ + CssClass dui_bg_warning_l_2 = () -> "dui-bg-warning-l-2"; - /** Constant dui_accent_warning_l_2 */ + CssClass dui_accent_warning_l_2 = () -> "dui-accent-warning-l-2"; - /** Constant dui_shadow_warning_l_2 */ + CssClass dui_shadow_warning_l_2 = () -> "dui-shadow-warning-l-2"; - /** Constant dui_text_decoration_warning_l_2 */ + CssClass dui_text_decoration_warning_l_2 = () -> "dui-text-decoration-warning-l-2"; - /** Constant dui_border_warning_l_2 */ + CssClass dui_border_warning_l_2 = () -> "dui-border-warning-l-2"; - /** Constant dui_border_x_warning_l_2 */ + CssClass dui_border_x_warning_l_2 = () -> "dui-border-x-warning-l-2"; - /** Constant dui_border_y_warning_l_2 */ + CssClass dui_border_y_warning_l_2 = () -> "dui-border-y-warning-l-2"; - /** Constant dui_border_t_warning_l_2 */ + CssClass dui_border_t_warning_l_2 = () -> "dui-border-t-warning-l-2"; - /** Constant dui_border_r_warning_l_2 */ + CssClass dui_border_r_warning_l_2 = () -> "dui-border-r-warning-l-2"; - /** Constant dui_border_b_warning_l_2 */ + CssClass dui_border_b_warning_l_2 = () -> "dui-border-b-warning-l-2"; - /** Constant dui_border_l_warning_l_2 */ + CssClass dui_border_l_warning_l_2 = () -> "dui-border-l-warning-l-2"; - /** Constant dui_divide_warning_l_2 */ + CssClass dui_divide_warning_l_2 = () -> "dui-divide-warning-l-2"; - /** Constant dui_outline_warning_l_2 */ + CssClass dui_outline_warning_l_2 = () -> "dui-outline-warning-l-2"; - /** Constant dui_fg_warning_l_1 */ + CssClass dui_fg_warning_l_1 = () -> "dui-fg-warning-l-1"; - /** Constant dui_bg_warning_l_1 */ + CssClass dui_bg_warning_l_1 = () -> "dui-bg-warning-l-1"; - /** Constant dui_accent_warning_l_1 */ + CssClass dui_accent_warning_l_1 = () -> "dui-accent-warning-l-1"; - /** Constant dui_shadow_warning_l_1 */ + CssClass dui_shadow_warning_l_1 = () -> "dui-shadow-warning-l-1"; - /** Constant dui_text_decoration_warning_l_1 */ + CssClass dui_text_decoration_warning_l_1 = () -> "dui-text-decoration-warning-l-1"; - /** Constant dui_border_warning_l_1 */ + CssClass dui_border_warning_l_1 = () -> "dui-border-warning-l-1"; - /** Constant dui_border_x_warning_l_1 */ + CssClass dui_border_x_warning_l_1 = () -> "dui-border-x-warning-l-1"; - /** Constant dui_border_y_warning_l_1 */ + CssClass dui_border_y_warning_l_1 = () -> "dui-border-y-warning-l-1"; - /** Constant dui_border_t_warning_l_1 */ + CssClass dui_border_t_warning_l_1 = () -> "dui-border-t-warning-l-1"; - /** Constant dui_border_r_warning_l_1 */ + CssClass dui_border_r_warning_l_1 = () -> "dui-border-r-warning-l-1"; - /** Constant dui_border_b_warning_l_1 */ + CssClass dui_border_b_warning_l_1 = () -> "dui-border-b-warning-l-1"; - /** Constant dui_border_l_warning_l_1 */ + CssClass dui_border_l_warning_l_1 = () -> "dui-border-l-warning-l-1"; - /** Constant dui_divide_warning_l_1 */ + CssClass dui_divide_warning_l_1 = () -> "dui-divide-warning-l-1"; - /** Constant dui_outline_warning_l_1 */ + CssClass dui_outline_warning_l_1 = () -> "dui-outline-warning-l-1"; - /** Constant dui_fg_warning */ + CssClass dui_fg_warning = () -> "dui-fg-warning"; - /** Constant dui_bg_warning */ + CssClass dui_bg_warning = () -> "dui-bg-warning"; - /** Constant dui_accent_warning */ + CssClass dui_accent_warning = () -> "dui-accent-warning"; - /** Constant dui_shadow_warning */ + CssClass dui_shadow_warning = () -> "dui-shadow-warning"; - /** Constant dui_text_decoration_warning */ + CssClass dui_text_decoration_warning = () -> "dui-text-decoration-warning"; - /** Constant dui_border_warning */ + CssClass dui_border_warning = () -> "dui-border-warning"; - /** Constant dui_border_x_warning */ + CssClass dui_border_x_warning = () -> "dui-border-x-warning"; - /** Constant dui_border_y_warning */ + CssClass dui_border_y_warning = () -> "dui-border-y-warning"; - /** Constant dui_border_t_warning */ + CssClass dui_border_t_warning = () -> "dui-border-t-warning"; - /** Constant dui_border_r_warning */ + CssClass dui_border_r_warning = () -> "dui-border-r-warning"; - /** Constant dui_border_b_warning */ + CssClass dui_border_b_warning = () -> "dui-border-b-warning"; - /** Constant dui_border_l_warning */ + CssClass dui_border_l_warning = () -> "dui-border-l-warning"; - /** Constant dui_divide_warning */ + CssClass dui_divide_warning = () -> "dui-divide-warning"; - /** Constant dui_outline_warning */ + CssClass dui_outline_warning = () -> "dui-outline-warning"; - /** Constant dui_fg_warning_d_1 */ + CssClass dui_fg_warning_d_1 = () -> "dui-fg-warning-d-1"; - /** Constant dui_bg_warning_d_1 */ + CssClass dui_bg_warning_d_1 = () -> "dui-bg-warning-d-1"; - /** Constant dui_accent_warning_d_1 */ + CssClass dui_accent_warning_d_1 = () -> "dui-accent-warning-d-1"; - /** Constant dui_shadow_warning_d_1 */ + CssClass dui_shadow_warning_d_1 = () -> "dui-shadow-warning-d-1"; - /** Constant dui_text_decoration_warning_d_1 */ + CssClass dui_text_decoration_warning_d_1 = () -> "dui-text-decoration-warning-d-1"; - /** Constant dui_border_warning_d_1 */ + CssClass dui_border_warning_d_1 = () -> "dui-border-warning-d-1"; - /** Constant dui_border_x_warning_d_1 */ + CssClass dui_border_x_warning_d_1 = () -> "dui-border-x-warning-d-1"; - /** Constant dui_border_y_warning_d_1 */ + CssClass dui_border_y_warning_d_1 = () -> "dui-border-y-warning-d-1"; - /** Constant dui_border_t_warning_d_1 */ + CssClass dui_border_t_warning_d_1 = () -> "dui-border-t-warning-d-1"; - /** Constant dui_border_r_warning_d_1 */ + CssClass dui_border_r_warning_d_1 = () -> "dui-border-r-warning-d-1"; - /** Constant dui_border_b_warning_d_1 */ + CssClass dui_border_b_warning_d_1 = () -> "dui-border-b-warning-d-1"; - /** Constant dui_border_l_warning_d_1 */ + CssClass dui_border_l_warning_d_1 = () -> "dui-border-l-warning-d-1"; - /** Constant dui_divide_warning_d_1 */ + CssClass dui_divide_warning_d_1 = () -> "dui-divide-warning-d-1"; - /** Constant dui_outline_warning_d_1 */ + CssClass dui_outline_warning_d_1 = () -> "dui-outline-warning-d-1"; - /** Constant dui_fg_warning_d_2 */ + CssClass dui_fg_warning_d_2 = () -> "dui-fg-warning-d-2"; - /** Constant dui_bg_warning_d_2 */ + CssClass dui_bg_warning_d_2 = () -> "dui-bg-warning-d-2"; - /** Constant dui_accent_warning_d_2 */ + CssClass dui_accent_warning_d_2 = () -> "dui-accent-warning-d-2"; - /** Constant dui_shadow_warning_d_2 */ + CssClass dui_shadow_warning_d_2 = () -> "dui-shadow-warning-d-2"; - /** Constant dui_text_decoration_warning_d_2 */ + CssClass dui_text_decoration_warning_d_2 = () -> "dui-text-decoration-warning-d-2"; - /** Constant dui_border_warning_d_2 */ + CssClass dui_border_warning_d_2 = () -> "dui-border-warning-d-2"; - /** Constant dui_border_x_warning_d_2 */ + CssClass dui_border_x_warning_d_2 = () -> "dui-border-x-warning-d-2"; - /** Constant dui_border_y_warning_d_2 */ + CssClass dui_border_y_warning_d_2 = () -> "dui-border-y-warning-d-2"; - /** Constant dui_border_t_warning_d_2 */ + CssClass dui_border_t_warning_d_2 = () -> "dui-border-t-warning-d-2"; - /** Constant dui_border_r_warning_d_2 */ + CssClass dui_border_r_warning_d_2 = () -> "dui-border-r-warning-d-2"; - /** Constant dui_border_b_warning_d_2 */ + CssClass dui_border_b_warning_d_2 = () -> "dui-border-b-warning-d-2"; - /** Constant dui_border_l_warning_d_2 */ + CssClass dui_border_l_warning_d_2 = () -> "dui-border-l-warning-d-2"; - /** Constant dui_divide_warning_d_2 */ + CssClass dui_divide_warning_d_2 = () -> "dui-divide-warning-d-2"; - /** Constant dui_outline_warning_d_2 */ + CssClass dui_outline_warning_d_2 = () -> "dui-outline-warning-d-2"; - /** Constant dui_fg_warning_d_3 */ + CssClass dui_fg_warning_d_3 = () -> "dui-fg-warning-d-3"; - /** Constant dui_bg_warning_d_3 */ + CssClass dui_bg_warning_d_3 = () -> "dui-bg-warning-d-3"; - /** Constant dui_accent_warning_d_3 */ + CssClass dui_accent_warning_d_3 = () -> "dui-accent-warning-d-3"; - /** Constant dui_shadow_warning_d_3 */ + CssClass dui_shadow_warning_d_3 = () -> "dui-shadow-warning-d-3"; - /** Constant dui_text_decoration_warning_d_3 */ + CssClass dui_text_decoration_warning_d_3 = () -> "dui-text-decoration-warning-d-3"; - /** Constant dui_border_warning_d_3 */ + CssClass dui_border_warning_d_3 = () -> "dui-border-warning-d-3"; - /** Constant dui_border_x_warning_d_3 */ + CssClass dui_border_x_warning_d_3 = () -> "dui-border-x-warning-d-3"; - /** Constant dui_border_y_warning_d_3 */ + CssClass dui_border_y_warning_d_3 = () -> "dui-border-y-warning-d-3"; - /** Constant dui_border_t_warning_d_3 */ + CssClass dui_border_t_warning_d_3 = () -> "dui-border-t-warning-d-3"; - /** Constant dui_border_r_warning_d_3 */ + CssClass dui_border_r_warning_d_3 = () -> "dui-border-r-warning-d-3"; - /** Constant dui_border_b_warning_d_3 */ + CssClass dui_border_b_warning_d_3 = () -> "dui-border-b-warning-d-3"; - /** Constant dui_border_l_warning_d_3 */ + CssClass dui_border_l_warning_d_3 = () -> "dui-border-l-warning-d-3"; - /** Constant dui_divide_warning_d_3 */ + CssClass dui_divide_warning_d_3 = () -> "dui-divide-warning-d-3"; - /** Constant dui_outline_warning_d_3 */ + CssClass dui_outline_warning_d_3 = () -> "dui-outline-warning-d-3"; - /** Constant dui_fg_warning_d_4 */ + CssClass dui_fg_warning_d_4 = () -> "dui-fg-warning-d-4"; - /** Constant dui_bg_warning_d_4 */ + CssClass dui_bg_warning_d_4 = () -> "dui-bg-warning-d-4"; - /** Constant dui_accent_warning_d_4 */ + CssClass dui_accent_warning_d_4 = () -> "dui-accent-warning-d-4"; - /** Constant dui_shadow_warning_d_4 */ + CssClass dui_shadow_warning_d_4 = () -> "dui-shadow-warning-d-4"; - /** Constant dui_text_decoration_warning_d_4 */ + CssClass dui_text_decoration_warning_d_4 = () -> "dui-text-decoration-warning-d-4"; - /** Constant dui_border_warning_d_4 */ + CssClass dui_border_warning_d_4 = () -> "dui-border-warning-d-4"; - /** Constant dui_border_x_warning_d_4 */ + CssClass dui_border_x_warning_d_4 = () -> "dui-border-x-warning-d-4"; - /** Constant dui_border_y_warning_d_4 */ + CssClass dui_border_y_warning_d_4 = () -> "dui-border-y-warning-d-4"; - /** Constant dui_border_t_warning_d_4 */ + CssClass dui_border_t_warning_d_4 = () -> "dui-border-t-warning-d-4"; - /** Constant dui_border_r_warning_d_4 */ + CssClass dui_border_r_warning_d_4 = () -> "dui-border-r-warning-d-4"; - /** Constant dui_border_b_warning_d_4 */ + CssClass dui_border_b_warning_d_4 = () -> "dui-border-b-warning-d-4"; - /** Constant dui_border_l_warning_d_4 */ + CssClass dui_border_l_warning_d_4 = () -> "dui-border-l-warning-d-4"; - /** Constant dui_divide_warning_d_4 */ + CssClass dui_divide_warning_d_4 = () -> "dui-divide-warning-d-4"; - /** Constant dui_outline_warning_d_4 */ + CssClass dui_outline_warning_d_4 = () -> "dui-outline-warning-d-4"; - /** Constant dui_fg_info_l_5 */ + CssClass dui_fg_info_l_5 = () -> "dui-fg-info-l-5"; - /** Constant dui_bg_info_l_5 */ + CssClass dui_bg_info_l_5 = () -> "dui-bg-info-l-5"; - /** Constant dui_accent_info_l_5 */ + CssClass dui_accent_info_l_5 = () -> "dui-accent-info-l-5"; - /** Constant dui_shadow_info_l_5 */ + CssClass dui_shadow_info_l_5 = () -> "dui-shadow-info-l-5"; - /** Constant dui_text_decoration_info_l_5 */ + CssClass dui_text_decoration_info_l_5 = () -> "dui-text-decoration-info-l-5"; - /** Constant dui_border_info_l_5 */ + CssClass dui_border_info_l_5 = () -> "dui-border-info-l-5"; - /** Constant dui_border_x_info_l_5 */ + CssClass dui_border_x_info_l_5 = () -> "dui-border-x-info-l-5"; - /** Constant dui_border_y_info_l_5 */ + CssClass dui_border_y_info_l_5 = () -> "dui-border-y-info-l-5"; - /** Constant dui_border_t_info_l_5 */ + CssClass dui_border_t_info_l_5 = () -> "dui-border-t-info-l-5"; - /** Constant dui_border_r_info_l_5 */ + CssClass dui_border_r_info_l_5 = () -> "dui-border-r-info-l-5"; - /** Constant dui_border_b_info_l_5 */ + CssClass dui_border_b_info_l_5 = () -> "dui-border-b-info-l-5"; - /** Constant dui_border_l_info_l_5 */ + CssClass dui_border_l_info_l_5 = () -> "dui-border-l-info-l-5"; - /** Constant dui_divide_info_l_5 */ + CssClass dui_divide_info_l_5 = () -> "dui-divide-info-l-5"; - /** Constant dui_outline_info_l_5 */ + CssClass dui_outline_info_l_5 = () -> "dui-outline-info-l-5"; - /** Constant dui_fg_info_l_4 */ + CssClass dui_fg_info_l_4 = () -> "dui-fg-info-l-4"; - /** Constant dui_bg_info_l_4 */ + CssClass dui_bg_info_l_4 = () -> "dui-bg-info-l-4"; - /** Constant dui_accent_info_l_4 */ + CssClass dui_accent_info_l_4 = () -> "dui-accent-info-l-4"; - /** Constant dui_shadow_info_l_4 */ + CssClass dui_shadow_info_l_4 = () -> "dui-shadow-info-l-4"; - /** Constant dui_text_decoration_info_l_4 */ + CssClass dui_text_decoration_info_l_4 = () -> "dui-text-decoration-info-l-4"; - /** Constant dui_border_info_l_4 */ + CssClass dui_border_info_l_4 = () -> "dui-border-info-l-4"; - /** Constant dui_border_x_info_l_4 */ + CssClass dui_border_x_info_l_4 = () -> "dui-border-x-info-l-4"; - /** Constant dui_border_y_info_l_4 */ + CssClass dui_border_y_info_l_4 = () -> "dui-border-y-info-l-4"; - /** Constant dui_border_t_info_l_4 */ + CssClass dui_border_t_info_l_4 = () -> "dui-border-t-info-l-4"; - /** Constant dui_border_r_info_l_4 */ + CssClass dui_border_r_info_l_4 = () -> "dui-border-r-info-l-4"; - /** Constant dui_border_b_info_l_4 */ + CssClass dui_border_b_info_l_4 = () -> "dui-border-b-info-l-4"; - /** Constant dui_border_l_info_l_4 */ + CssClass dui_border_l_info_l_4 = () -> "dui-border-l-info-l-4"; - /** Constant dui_divide_info_l_4 */ + CssClass dui_divide_info_l_4 = () -> "dui-divide-info-l-4"; - /** Constant dui_outline_info_l_4 */ + CssClass dui_outline_info_l_4 = () -> "dui-outline-info-l-4"; - /** Constant dui_fg_info_l_3 */ + CssClass dui_fg_info_l_3 = () -> "dui-fg-info-l-3"; - /** Constant dui_bg_info_l_3 */ + CssClass dui_bg_info_l_3 = () -> "dui-bg-info-l-3"; - /** Constant dui_accent_info_l_3 */ + CssClass dui_accent_info_l_3 = () -> "dui-accent-info-l-3"; - /** Constant dui_shadow_info_l_3 */ + CssClass dui_shadow_info_l_3 = () -> "dui-shadow-info-l-3"; - /** Constant dui_text_decoration_info_l_3 */ + CssClass dui_text_decoration_info_l_3 = () -> "dui-text-decoration-info-l-3"; - /** Constant dui_border_info_l_3 */ + CssClass dui_border_info_l_3 = () -> "dui-border-info-l-3"; - /** Constant dui_border_x_info_l_3 */ + CssClass dui_border_x_info_l_3 = () -> "dui-border-x-info-l-3"; - /** Constant dui_border_y_info_l_3 */ + CssClass dui_border_y_info_l_3 = () -> "dui-border-y-info-l-3"; - /** Constant dui_border_t_info_l_3 */ + CssClass dui_border_t_info_l_3 = () -> "dui-border-t-info-l-3"; - /** Constant dui_border_r_info_l_3 */ + CssClass dui_border_r_info_l_3 = () -> "dui-border-r-info-l-3"; - /** Constant dui_border_b_info_l_3 */ + CssClass dui_border_b_info_l_3 = () -> "dui-border-b-info-l-3"; - /** Constant dui_border_l_info_l_3 */ + CssClass dui_border_l_info_l_3 = () -> "dui-border-l-info-l-3"; - /** Constant dui_divide_info_l_3 */ + CssClass dui_divide_info_l_3 = () -> "dui-divide-info-l-3"; - /** Constant dui_outline_info_l_3 */ + CssClass dui_outline_info_l_3 = () -> "dui-outline-info-l-3"; - /** Constant dui_fg_info_l_2 */ + CssClass dui_fg_info_l_2 = () -> "dui-fg-info-l-2"; - /** Constant dui_bg_info_l_2 */ + CssClass dui_bg_info_l_2 = () -> "dui-bg-info-l-2"; - /** Constant dui_accent_info_l_2 */ + CssClass dui_accent_info_l_2 = () -> "dui-accent-info-l-2"; - /** Constant dui_shadow_info_l_2 */ + CssClass dui_shadow_info_l_2 = () -> "dui-shadow-info-l-2"; - /** Constant dui_text_decoration_info_l_2 */ + CssClass dui_text_decoration_info_l_2 = () -> "dui-text-decoration-info-l-2"; - /** Constant dui_border_info_l_2 */ + CssClass dui_border_info_l_2 = () -> "dui-border-info-l-2"; - /** Constant dui_border_x_info_l_2 */ + CssClass dui_border_x_info_l_2 = () -> "dui-border-x-info-l-2"; - /** Constant dui_border_y_info_l_2 */ + CssClass dui_border_y_info_l_2 = () -> "dui-border-y-info-l-2"; - /** Constant dui_border_t_info_l_2 */ + CssClass dui_border_t_info_l_2 = () -> "dui-border-t-info-l-2"; - /** Constant dui_border_r_info_l_2 */ + CssClass dui_border_r_info_l_2 = () -> "dui-border-r-info-l-2"; - /** Constant dui_border_b_info_l_2 */ + CssClass dui_border_b_info_l_2 = () -> "dui-border-b-info-l-2"; - /** Constant dui_border_l_info_l_2 */ + CssClass dui_border_l_info_l_2 = () -> "dui-border-l-info-l-2"; - /** Constant dui_divide_info_l_2 */ + CssClass dui_divide_info_l_2 = () -> "dui-divide-info-l-2"; - /** Constant dui_outline_info_l_2 */ + CssClass dui_outline_info_l_2 = () -> "dui-outline-info-l-2"; - /** Constant dui_fg_info_l_1 */ + CssClass dui_fg_info_l_1 = () -> "dui-fg-info-l-1"; - /** Constant dui_bg_info_l_1 */ + CssClass dui_bg_info_l_1 = () -> "dui-bg-info-l-1"; - /** Constant dui_accent_info_l_1 */ + CssClass dui_accent_info_l_1 = () -> "dui-accent-info-l-1"; - /** Constant dui_shadow_info_l_1 */ + CssClass dui_shadow_info_l_1 = () -> "dui-shadow-info-l-1"; - /** Constant dui_text_decoration_info_l_1 */ + CssClass dui_text_decoration_info_l_1 = () -> "dui-text-decoration-info-l-1"; - /** Constant dui_border_info_l_1 */ + CssClass dui_border_info_l_1 = () -> "dui-border-info-l-1"; - /** Constant dui_border_x_info_l_1 */ + CssClass dui_border_x_info_l_1 = () -> "dui-border-x-info-l-1"; - /** Constant dui_border_y_info_l_1 */ + CssClass dui_border_y_info_l_1 = () -> "dui-border-y-info-l-1"; - /** Constant dui_border_t_info_l_1 */ + CssClass dui_border_t_info_l_1 = () -> "dui-border-t-info-l-1"; - /** Constant dui_border_r_info_l_1 */ + CssClass dui_border_r_info_l_1 = () -> "dui-border-r-info-l-1"; - /** Constant dui_border_b_info_l_1 */ + CssClass dui_border_b_info_l_1 = () -> "dui-border-b-info-l-1"; - /** Constant dui_border_l_info_l_1 */ + CssClass dui_border_l_info_l_1 = () -> "dui-border-l-info-l-1"; - /** Constant dui_divide_info_l_1 */ + CssClass dui_divide_info_l_1 = () -> "dui-divide-info-l-1"; - /** Constant dui_outline_info_l_1 */ + CssClass dui_outline_info_l_1 = () -> "dui-outline-info-l-1"; - /** Constant dui_fg_info */ + CssClass dui_fg_info = () -> "dui-fg-info"; - /** Constant dui_bg_info */ + CssClass dui_bg_info = () -> "dui-bg-info"; - /** Constant dui_accent_info */ + CssClass dui_accent_info = () -> "dui-accent-info"; - /** Constant dui_shadow_info */ + CssClass dui_shadow_info = () -> "dui-shadow-info"; - /** Constant dui_text_decoration_info */ + CssClass dui_text_decoration_info = () -> "dui-text-decoration-info"; - /** Constant dui_border_info */ + CssClass dui_border_info = () -> "dui-border-info"; - /** Constant dui_border_x_info */ + CssClass dui_border_x_info = () -> "dui-border-x-info"; - /** Constant dui_border_y_info */ + CssClass dui_border_y_info = () -> "dui-border-y-info"; - /** Constant dui_border_t_info */ + CssClass dui_border_t_info = () -> "dui-border-t-info"; - /** Constant dui_border_r_info */ + CssClass dui_border_r_info = () -> "dui-border-r-info"; - /** Constant dui_border_b_info */ + CssClass dui_border_b_info = () -> "dui-border-b-info"; - /** Constant dui_border_l_info */ + CssClass dui_border_l_info = () -> "dui-border-l-info"; - /** Constant dui_divide_info */ + CssClass dui_divide_info = () -> "dui-divide-info"; - /** Constant dui_outline_info */ + CssClass dui_outline_info = () -> "dui-outline-info"; - /** Constant dui_fg_info_d_1 */ + CssClass dui_fg_info_d_1 = () -> "dui-fg-info-d-1"; - /** Constant dui_bg_info_d_1 */ + CssClass dui_bg_info_d_1 = () -> "dui-bg-info-d-1"; - /** Constant dui_accent_info_d_1 */ + CssClass dui_accent_info_d_1 = () -> "dui-accent-info-d-1"; - /** Constant dui_shadow_info_d_1 */ + CssClass dui_shadow_info_d_1 = () -> "dui-shadow-info-d-1"; - /** Constant dui_text_decoration_info_d_1 */ + CssClass dui_text_decoration_info_d_1 = () -> "dui-text-decoration-info-d-1"; - /** Constant dui_border_info_d_1 */ + CssClass dui_border_info_d_1 = () -> "dui-border-info-d-1"; - /** Constant dui_border_x_info_d_1 */ + CssClass dui_border_x_info_d_1 = () -> "dui-border-x-info-d-1"; - /** Constant dui_border_y_info_d_1 */ + CssClass dui_border_y_info_d_1 = () -> "dui-border-y-info-d-1"; - /** Constant dui_border_t_info_d_1 */ + CssClass dui_border_t_info_d_1 = () -> "dui-border-t-info-d-1"; - /** Constant dui_border_r_info_d_1 */ + CssClass dui_border_r_info_d_1 = () -> "dui-border-r-info-d-1"; - /** Constant dui_border_b_info_d_1 */ + CssClass dui_border_b_info_d_1 = () -> "dui-border-b-info-d-1"; - /** Constant dui_border_l_info_d_1 */ + CssClass dui_border_l_info_d_1 = () -> "dui-border-l-info-d-1"; - /** Constant dui_divide_info_d_1 */ + CssClass dui_divide_info_d_1 = () -> "dui-divide-info-d-1"; - /** Constant dui_outline_info_d_1 */ + CssClass dui_outline_info_d_1 = () -> "dui-outline-info-d-1"; - /** Constant dui_fg_info_d_2 */ + CssClass dui_fg_info_d_2 = () -> "dui-fg-info-d-2"; - /** Constant dui_bg_info_d_2 */ + CssClass dui_bg_info_d_2 = () -> "dui-bg-info-d-2"; - /** Constant dui_accent_info_d_2 */ + CssClass dui_accent_info_d_2 = () -> "dui-accent-info-d-2"; - /** Constant dui_shadow_info_d_2 */ + CssClass dui_shadow_info_d_2 = () -> "dui-shadow-info-d-2"; - /** Constant dui_text_decoration_info_d_2 */ + CssClass dui_text_decoration_info_d_2 = () -> "dui-text-decoration-info-d-2"; - /** Constant dui_border_info_d_2 */ + CssClass dui_border_info_d_2 = () -> "dui-border-info-d-2"; - /** Constant dui_border_x_info_d_2 */ + CssClass dui_border_x_info_d_2 = () -> "dui-border-x-info-d-2"; - /** Constant dui_border_y_info_d_2 */ + CssClass dui_border_y_info_d_2 = () -> "dui-border-y-info-d-2"; - /** Constant dui_border_t_info_d_2 */ + CssClass dui_border_t_info_d_2 = () -> "dui-border-t-info-d-2"; - /** Constant dui_border_r_info_d_2 */ + CssClass dui_border_r_info_d_2 = () -> "dui-border-r-info-d-2"; - /** Constant dui_border_b_info_d_2 */ + CssClass dui_border_b_info_d_2 = () -> "dui-border-b-info-d-2"; - /** Constant dui_border_l_info_d_2 */ + CssClass dui_border_l_info_d_2 = () -> "dui-border-l-info-d-2"; - /** Constant dui_divide_info_d_2 */ + CssClass dui_divide_info_d_2 = () -> "dui-divide-info-d-2"; - /** Constant dui_outline_info_d_2 */ + CssClass dui_outline_info_d_2 = () -> "dui-outline-info-d-2"; - /** Constant dui_fg_info_d_3 */ + CssClass dui_fg_info_d_3 = () -> "dui-fg-info-d-3"; - /** Constant dui_bg_info_d_3 */ + CssClass dui_bg_info_d_3 = () -> "dui-bg-info-d-3"; - /** Constant dui_accent_info_d_3 */ + CssClass dui_accent_info_d_3 = () -> "dui-accent-info-d-3"; - /** Constant dui_shadow_info_d_3 */ + CssClass dui_shadow_info_d_3 = () -> "dui-shadow-info-d-3"; - /** Constant dui_text_decoration_info_d_3 */ + CssClass dui_text_decoration_info_d_3 = () -> "dui-text-decoration-info-d-3"; - /** Constant dui_border_info_d_3 */ + CssClass dui_border_info_d_3 = () -> "dui-border-info-d-3"; - /** Constant dui_border_x_info_d_3 */ + CssClass dui_border_x_info_d_3 = () -> "dui-border-x-info-d-3"; - /** Constant dui_border_y_info_d_3 */ + CssClass dui_border_y_info_d_3 = () -> "dui-border-y-info-d-3"; - /** Constant dui_border_t_info_d_3 */ + CssClass dui_border_t_info_d_3 = () -> "dui-border-t-info-d-3"; - /** Constant dui_border_r_info_d_3 */ + CssClass dui_border_r_info_d_3 = () -> "dui-border-r-info-d-3"; - /** Constant dui_border_b_info_d_3 */ + CssClass dui_border_b_info_d_3 = () -> "dui-border-b-info-d-3"; - /** Constant dui_border_l_info_d_3 */ + CssClass dui_border_l_info_d_3 = () -> "dui-border-l-info-d-3"; - /** Constant dui_divide_info_d_3 */ + CssClass dui_divide_info_d_3 = () -> "dui-divide-info-d-3"; - /** Constant dui_outline_info_d_3 */ + CssClass dui_outline_info_d_3 = () -> "dui-outline-info-d-3"; - /** Constant dui_fg_info_d_4 */ + CssClass dui_fg_info_d_4 = () -> "dui-fg-info-d-4"; - /** Constant dui_bg_info_d_4 */ + CssClass dui_bg_info_d_4 = () -> "dui-bg-info-d-4"; - /** Constant dui_accent_info_d_4 */ + CssClass dui_accent_info_d_4 = () -> "dui-accent-info-d-4"; - /** Constant dui_shadow_info_d_4 */ + CssClass dui_shadow_info_d_4 = () -> "dui-shadow-info-d-4"; - /** Constant dui_text_decoration_info_d_4 */ + CssClass dui_text_decoration_info_d_4 = () -> "dui-text-decoration-info-d-4"; - /** Constant dui_border_info_d_4 */ + CssClass dui_border_info_d_4 = () -> "dui-border-info-d-4"; - /** Constant dui_border_x_info_d_4 */ + CssClass dui_border_x_info_d_4 = () -> "dui-border-x-info-d-4"; - /** Constant dui_border_y_info_d_4 */ + CssClass dui_border_y_info_d_4 = () -> "dui-border-y-info-d-4"; - /** Constant dui_border_t_info_d_4 */ + CssClass dui_border_t_info_d_4 = () -> "dui-border-t-info-d-4"; - /** Constant dui_border_r_info_d_4 */ + CssClass dui_border_r_info_d_4 = () -> "dui-border-r-info-d-4"; - /** Constant dui_border_b_info_d_4 */ + CssClass dui_border_b_info_d_4 = () -> "dui-border-b-info-d-4"; - /** Constant dui_border_l_info_d_4 */ + CssClass dui_border_l_info_d_4 = () -> "dui-border-l-info-d-4"; - /** Constant dui_divide_info_d_4 */ + CssClass dui_divide_info_d_4 = () -> "dui-divide-info-d-4"; - /** Constant dui_outline_info_d_4 */ + CssClass dui_outline_info_d_4 = () -> "dui-outline-info-d-4"; - /** Constant dui_fg_error_l_5 */ + CssClass dui_fg_error_l_5 = () -> "dui-fg-error-l-5"; - /** Constant dui_bg_error_l_5 */ + CssClass dui_bg_error_l_5 = () -> "dui-bg-error-l-5"; - /** Constant dui_accent_error_l_5 */ + CssClass dui_accent_error_l_5 = () -> "dui-accent-error-l-5"; - /** Constant dui_shadow_error_l_5 */ + CssClass dui_shadow_error_l_5 = () -> "dui-shadow-error-l-5"; - /** Constant dui_text_decoration_error_l_5 */ + CssClass dui_text_decoration_error_l_5 = () -> "dui-text-decoration-error-l-5"; - /** Constant dui_border_error_l_5 */ + CssClass dui_border_error_l_5 = () -> "dui-border-error-l-5"; - /** Constant dui_border_x_error_l_5 */ + CssClass dui_border_x_error_l_5 = () -> "dui-border-x-error-l-5"; - /** Constant dui_border_y_error_l_5 */ + CssClass dui_border_y_error_l_5 = () -> "dui-border-y-error-l-5"; - /** Constant dui_border_t_error_l_5 */ + CssClass dui_border_t_error_l_5 = () -> "dui-border-t-error-l-5"; - /** Constant dui_border_r_error_l_5 */ + CssClass dui_border_r_error_l_5 = () -> "dui-border-r-error-l-5"; - /** Constant dui_border_b_error_l_5 */ + CssClass dui_border_b_error_l_5 = () -> "dui-border-b-error-l-5"; - /** Constant dui_border_l_error_l_5 */ + CssClass dui_border_l_error_l_5 = () -> "dui-border-l-error-l-5"; - /** Constant dui_divide_error_l_5 */ + CssClass dui_divide_error_l_5 = () -> "dui-divide-error-l-5"; - /** Constant dui_outline_error_l_5 */ + CssClass dui_outline_error_l_5 = () -> "dui-outline-error-l-5"; - /** Constant dui_fg_error_l_4 */ + CssClass dui_fg_error_l_4 = () -> "dui-fg-error-l-4"; - /** Constant dui_bg_error_l_4 */ + CssClass dui_bg_error_l_4 = () -> "dui-bg-error-l-4"; - /** Constant dui_accent_error_l_4 */ + CssClass dui_accent_error_l_4 = () -> "dui-accent-error-l-4"; - /** Constant dui_shadow_error_l_4 */ + CssClass dui_shadow_error_l_4 = () -> "dui-shadow-error-l-4"; - /** Constant dui_text_decoration_error_l_4 */ + CssClass dui_text_decoration_error_l_4 = () -> "dui-text-decoration-error-l-4"; - /** Constant dui_border_error_l_4 */ + CssClass dui_border_error_l_4 = () -> "dui-border-error-l-4"; - /** Constant dui_border_x_error_l_4 */ + CssClass dui_border_x_error_l_4 = () -> "dui-border-x-error-l-4"; - /** Constant dui_border_y_error_l_4 */ + CssClass dui_border_y_error_l_4 = () -> "dui-border-y-error-l-4"; - /** Constant dui_border_t_error_l_4 */ + CssClass dui_border_t_error_l_4 = () -> "dui-border-t-error-l-4"; - /** Constant dui_border_r_error_l_4 */ + CssClass dui_border_r_error_l_4 = () -> "dui-border-r-error-l-4"; - /** Constant dui_border_b_error_l_4 */ + CssClass dui_border_b_error_l_4 = () -> "dui-border-b-error-l-4"; - /** Constant dui_border_l_error_l_4 */ + CssClass dui_border_l_error_l_4 = () -> "dui-border-l-error-l-4"; - /** Constant dui_divide_error_l_4 */ + CssClass dui_divide_error_l_4 = () -> "dui-divide-error-l-4"; - /** Constant dui_outline_error_l_4 */ + CssClass dui_outline_error_l_4 = () -> "dui-outline-error-l-4"; - /** Constant dui_fg_error_l_3 */ + CssClass dui_fg_error_l_3 = () -> "dui-fg-error-l-3"; - /** Constant dui_bg_error_l_3 */ + CssClass dui_bg_error_l_3 = () -> "dui-bg-error-l-3"; - /** Constant dui_accent_error_l_3 */ + CssClass dui_accent_error_l_3 = () -> "dui-accent-error-l-3"; - /** Constant dui_shadow_error_l_3 */ + CssClass dui_shadow_error_l_3 = () -> "dui-shadow-error-l-3"; - /** Constant dui_text_decoration_error_l_3 */ + CssClass dui_text_decoration_error_l_3 = () -> "dui-text-decoration-error-l-3"; - /** Constant dui_border_error_l_3 */ + CssClass dui_border_error_l_3 = () -> "dui-border-error-l-3"; - /** Constant dui_border_x_error_l_3 */ + CssClass dui_border_x_error_l_3 = () -> "dui-border-x-error-l-3"; - /** Constant dui_border_y_error_l_3 */ + CssClass dui_border_y_error_l_3 = () -> "dui-border-y-error-l-3"; - /** Constant dui_border_t_error_l_3 */ + CssClass dui_border_t_error_l_3 = () -> "dui-border-t-error-l-3"; - /** Constant dui_border_r_error_l_3 */ + CssClass dui_border_r_error_l_3 = () -> "dui-border-r-error-l-3"; - /** Constant dui_border_b_error_l_3 */ + CssClass dui_border_b_error_l_3 = () -> "dui-border-b-error-l-3"; - /** Constant dui_border_l_error_l_3 */ + CssClass dui_border_l_error_l_3 = () -> "dui-border-l-error-l-3"; - /** Constant dui_divide_error_l_3 */ + CssClass dui_divide_error_l_3 = () -> "dui-divide-error-l-3"; - /** Constant dui_outline_error_l_3 */ + CssClass dui_outline_error_l_3 = () -> "dui-outline-error-l-3"; - /** Constant dui_fg_error_l_2 */ + CssClass dui_fg_error_l_2 = () -> "dui-fg-error-l-2"; - /** Constant dui_bg_error_l_2 */ + CssClass dui_bg_error_l_2 = () -> "dui-bg-error-l-2"; - /** Constant dui_accent_error_l_2 */ + CssClass dui_accent_error_l_2 = () -> "dui-accent-error-l-2"; - /** Constant dui_shadow_error_l_2 */ + CssClass dui_shadow_error_l_2 = () -> "dui-shadow-error-l-2"; - /** Constant dui_text_decoration_error_l_2 */ + CssClass dui_text_decoration_error_l_2 = () -> "dui-text-decoration-error-l-2"; - /** Constant dui_border_error_l_2 */ + CssClass dui_border_error_l_2 = () -> "dui-border-error-l-2"; - /** Constant dui_border_x_error_l_2 */ + CssClass dui_border_x_error_l_2 = () -> "dui-border-x-error-l-2"; - /** Constant dui_border_y_error_l_2 */ + CssClass dui_border_y_error_l_2 = () -> "dui-border-y-error-l-2"; - /** Constant dui_border_t_error_l_2 */ + CssClass dui_border_t_error_l_2 = () -> "dui-border-t-error-l-2"; - /** Constant dui_border_r_error_l_2 */ + CssClass dui_border_r_error_l_2 = () -> "dui-border-r-error-l-2"; - /** Constant dui_border_b_error_l_2 */ + CssClass dui_border_b_error_l_2 = () -> "dui-border-b-error-l-2"; - /** Constant dui_border_l_error_l_2 */ + CssClass dui_border_l_error_l_2 = () -> "dui-border-l-error-l-2"; - /** Constant dui_divide_error_l_2 */ + CssClass dui_divide_error_l_2 = () -> "dui-divide-error-l-2"; - /** Constant dui_outline_error_l_2 */ + CssClass dui_outline_error_l_2 = () -> "dui-outline-error-l-2"; - /** Constant dui_fg_error_l_1 */ + CssClass dui_fg_error_l_1 = () -> "dui-fg-error-l-1"; - /** Constant dui_bg_error_l_1 */ + CssClass dui_bg_error_l_1 = () -> "dui-bg-error-l-1"; - /** Constant dui_accent_error_l_1 */ + CssClass dui_accent_error_l_1 = () -> "dui-accent-error-l-1"; - /** Constant dui_shadow_error_l_1 */ + CssClass dui_shadow_error_l_1 = () -> "dui-shadow-error-l-1"; - /** Constant dui_text_decoration_error_l_1 */ + CssClass dui_text_decoration_error_l_1 = () -> "dui-text-decoration-error-l-1"; - /** Constant dui_border_error_l_1 */ + CssClass dui_border_error_l_1 = () -> "dui-border-error-l-1"; - /** Constant dui_border_x_error_l_1 */ + CssClass dui_border_x_error_l_1 = () -> "dui-border-x-error-l-1"; - /** Constant dui_border_y_error_l_1 */ + CssClass dui_border_y_error_l_1 = () -> "dui-border-y-error-l-1"; - /** Constant dui_border_t_error_l_1 */ + CssClass dui_border_t_error_l_1 = () -> "dui-border-t-error-l-1"; - /** Constant dui_border_r_error_l_1 */ + CssClass dui_border_r_error_l_1 = () -> "dui-border-r-error-l-1"; - /** Constant dui_border_b_error_l_1 */ + CssClass dui_border_b_error_l_1 = () -> "dui-border-b-error-l-1"; - /** Constant dui_border_l_error_l_1 */ + CssClass dui_border_l_error_l_1 = () -> "dui-border-l-error-l-1"; - /** Constant dui_divide_error_l_1 */ + CssClass dui_divide_error_l_1 = () -> "dui-divide-error-l-1"; - /** Constant dui_outline_error_l_1 */ + CssClass dui_outline_error_l_1 = () -> "dui-outline-error-l-1"; - /** Constant dui_fg_error */ + CssClass dui_fg_error = () -> "dui-fg-error"; - /** Constant dui_bg_error */ + CssClass dui_bg_error = () -> "dui-bg-error"; - /** Constant dui_accent_error */ + CssClass dui_accent_error = () -> "dui-accent-error"; - /** Constant dui_shadow_error */ + CssClass dui_shadow_error = () -> "dui-shadow-error"; - /** Constant dui_text_decoration_error */ + CssClass dui_text_decoration_error = () -> "dui-text-decoration-error"; - /** Constant dui_border_error */ + CssClass dui_border_error = () -> "dui-border-error"; - /** Constant dui_border_x_error */ + CssClass dui_border_x_error = () -> "dui-border-x-error"; - /** Constant dui_border_y_error */ + CssClass dui_border_y_error = () -> "dui-border-y-error"; - /** Constant dui_border_t_error */ + CssClass dui_border_t_error = () -> "dui-border-t-error"; - /** Constant dui_border_r_error */ + CssClass dui_border_r_error = () -> "dui-border-r-error"; - /** Constant dui_border_b_error */ + CssClass dui_border_b_error = () -> "dui-border-b-error"; - /** Constant dui_border_l_error */ + CssClass dui_border_l_error = () -> "dui-border-l-error"; - /** Constant dui_divide_error */ + CssClass dui_divide_error = () -> "dui-divide-error"; - /** Constant dui_outline_error */ + CssClass dui_outline_error = () -> "dui-outline-error"; - /** Constant dui_fg_error_d_1 */ + CssClass dui_fg_error_d_1 = () -> "dui-fg-error-d-1"; - /** Constant dui_bg_error_d_1 */ + CssClass dui_bg_error_d_1 = () -> "dui-bg-error-d-1"; - /** Constant dui_accent_error_d_1 */ + CssClass dui_accent_error_d_1 = () -> "dui-accent-error-d-1"; - /** Constant dui_shadow_error_d_1 */ + CssClass dui_shadow_error_d_1 = () -> "dui-shadow-error-d-1"; - /** Constant dui_text_decoration_error_d_1 */ + CssClass dui_text_decoration_error_d_1 = () -> "dui-text-decoration-error-d-1"; - /** Constant dui_border_error_d_1 */ + CssClass dui_border_error_d_1 = () -> "dui-border-error-d-1"; - /** Constant dui_border_x_error_d_1 */ + CssClass dui_border_x_error_d_1 = () -> "dui-border-x-error-d-1"; - /** Constant dui_border_y_error_d_1 */ + CssClass dui_border_y_error_d_1 = () -> "dui-border-y-error-d-1"; - /** Constant dui_border_t_error_d_1 */ + CssClass dui_border_t_error_d_1 = () -> "dui-border-t-error-d-1"; - /** Constant dui_border_r_error_d_1 */ + CssClass dui_border_r_error_d_1 = () -> "dui-border-r-error-d-1"; - /** Constant dui_border_b_error_d_1 */ + CssClass dui_border_b_error_d_1 = () -> "dui-border-b-error-d-1"; - /** Constant dui_border_l_error_d_1 */ + CssClass dui_border_l_error_d_1 = () -> "dui-border-l-error-d-1"; - /** Constant dui_divide_error_d_1 */ + CssClass dui_divide_error_d_1 = () -> "dui-divide-error-d-1"; - /** Constant dui_outline_error_d_1 */ + CssClass dui_outline_error_d_1 = () -> "dui-outline-error-d-1"; - /** Constant dui_fg_error_d_2 */ + CssClass dui_fg_error_d_2 = () -> "dui-fg-error-d-2"; - /** Constant dui_bg_error_d_2 */ + CssClass dui_bg_error_d_2 = () -> "dui-bg-error-d-2"; - /** Constant dui_accent_error_d_2 */ + CssClass dui_accent_error_d_2 = () -> "dui-accent-error-d-2"; - /** Constant dui_shadow_error_d_2 */ + CssClass dui_shadow_error_d_2 = () -> "dui-shadow-error-d-2"; - /** Constant dui_text_decoration_error_d_2 */ + CssClass dui_text_decoration_error_d_2 = () -> "dui-text-decoration-error-d-2"; - /** Constant dui_border_error_d_2 */ + CssClass dui_border_error_d_2 = () -> "dui-border-error-d-2"; - /** Constant dui_border_x_error_d_2 */ + CssClass dui_border_x_error_d_2 = () -> "dui-border-x-error-d-2"; - /** Constant dui_border_y_error_d_2 */ + CssClass dui_border_y_error_d_2 = () -> "dui-border-y-error-d-2"; - /** Constant dui_border_t_error_d_2 */ + CssClass dui_border_t_error_d_2 = () -> "dui-border-t-error-d-2"; - /** Constant dui_border_r_error_d_2 */ + CssClass dui_border_r_error_d_2 = () -> "dui-border-r-error-d-2"; - /** Constant dui_border_b_error_d_2 */ + CssClass dui_border_b_error_d_2 = () -> "dui-border-b-error-d-2"; - /** Constant dui_border_l_error_d_2 */ + CssClass dui_border_l_error_d_2 = () -> "dui-border-l-error-d-2"; - /** Constant dui_divide_error_d_2 */ + CssClass dui_divide_error_d_2 = () -> "dui-divide-error-d-2"; - /** Constant dui_outline_error_d_2 */ + CssClass dui_outline_error_d_2 = () -> "dui-outline-error-d-2"; - /** Constant dui_fg_error_d_3 */ + CssClass dui_fg_error_d_3 = () -> "dui-fg-error-d-3"; - /** Constant dui_bg_error_d_3 */ + CssClass dui_bg_error_d_3 = () -> "dui-bg-error-d-3"; - /** Constant dui_accent_error_d_3 */ + CssClass dui_accent_error_d_3 = () -> "dui-accent-error-d-3"; - /** Constant dui_shadow_error_d_3 */ + CssClass dui_shadow_error_d_3 = () -> "dui-shadow-error-d-3"; - /** Constant dui_text_decoration_error_d_3 */ + CssClass dui_text_decoration_error_d_3 = () -> "dui-text-decoration-error-d-3"; - /** Constant dui_border_error_d_3 */ + CssClass dui_border_error_d_3 = () -> "dui-border-error-d-3"; - /** Constant dui_border_x_error_d_3 */ + CssClass dui_border_x_error_d_3 = () -> "dui-border-x-error-d-3"; - /** Constant dui_border_y_error_d_3 */ + CssClass dui_border_y_error_d_3 = () -> "dui-border-y-error-d-3"; - /** Constant dui_border_t_error_d_3 */ + CssClass dui_border_t_error_d_3 = () -> "dui-border-t-error-d-3"; - /** Constant dui_border_r_error_d_3 */ + CssClass dui_border_r_error_d_3 = () -> "dui-border-r-error-d-3"; - /** Constant dui_border_b_error_d_3 */ + CssClass dui_border_b_error_d_3 = () -> "dui-border-b-error-d-3"; - /** Constant dui_border_l_error_d_3 */ + CssClass dui_border_l_error_d_3 = () -> "dui-border-l-error-d-3"; - /** Constant dui_divide_error_d_3 */ + CssClass dui_divide_error_d_3 = () -> "dui-divide-error-d-3"; - /** Constant dui_outline_error_d_3 */ + CssClass dui_outline_error_d_3 = () -> "dui-outline-error-d-3"; - /** Constant dui_fg_error_d_4 */ + CssClass dui_fg_error_d_4 = () -> "dui-fg-error-d-4"; - /** Constant dui_bg_error_d_4 */ + CssClass dui_bg_error_d_4 = () -> "dui-bg-error-d-4"; - /** Constant dui_accent_error_d_4 */ + CssClass dui_accent_error_d_4 = () -> "dui-accent-error-d-4"; - /** Constant dui_shadow_error_d_4 */ + CssClass dui_shadow_error_d_4 = () -> "dui-shadow-error-d-4"; - /** Constant dui_text_decoration_error_d_4 */ + CssClass dui_text_decoration_error_d_4 = () -> "dui-text-decoration-error-d-4"; - /** Constant dui_border_error_d_4 */ + CssClass dui_border_error_d_4 = () -> "dui-border-error-d-4"; - /** Constant dui_border_x_error_d_4 */ + CssClass dui_border_x_error_d_4 = () -> "dui-border-x-error-d-4"; - /** Constant dui_border_y_error_d_4 */ + CssClass dui_border_y_error_d_4 = () -> "dui-border-y-error-d-4"; - /** Constant dui_border_t_error_d_4 */ + CssClass dui_border_t_error_d_4 = () -> "dui-border-t-error-d-4"; - /** Constant dui_border_r_error_d_4 */ + CssClass dui_border_r_error_d_4 = () -> "dui-border-r-error-d-4"; - /** Constant dui_border_b_error_d_4 */ + CssClass dui_border_b_error_d_4 = () -> "dui-border-b-error-d-4"; - /** Constant dui_border_l_error_d_4 */ + CssClass dui_border_l_error_d_4 = () -> "dui-border-l-error-d-4"; - /** Constant dui_divide_error_d_4 */ + CssClass dui_divide_error_d_4 = () -> "dui-divide-error-d-4"; - /** Constant dui_outline_error_d_4 */ + CssClass dui_outline_error_d_4 = () -> "dui-outline-error-d-4"; - /** Constant dui_fg_red_l_5 */ + CssClass dui_fg_red_l_5 = () -> "dui-fg-red-l-5"; - /** Constant dui_bg_red_l_5 */ + CssClass dui_bg_red_l_5 = () -> "dui-bg-red-l-5"; - /** Constant dui_accent_red_l_5 */ + CssClass dui_accent_red_l_5 = () -> "dui-accent-red-l-5"; - /** Constant dui_shadow_red_l_5 */ + CssClass dui_shadow_red_l_5 = () -> "dui-shadow-red-l-5"; - /** Constant dui_text_decoration_red_l_5 */ + CssClass dui_text_decoration_red_l_5 = () -> "dui-text-decoration-red-l-5"; - /** Constant dui_border_red_l_5 */ + CssClass dui_border_red_l_5 = () -> "dui-border-red-l-5"; - /** Constant dui_border_x_red_l_5 */ + CssClass dui_border_x_red_l_5 = () -> "dui-border-x-red-l-5"; - /** Constant dui_border_y_red_l_5 */ + CssClass dui_border_y_red_l_5 = () -> "dui-border-y-red-l-5"; - /** Constant dui_border_t_red_l_5 */ + CssClass dui_border_t_red_l_5 = () -> "dui-border-t-red-l-5"; - /** Constant dui_border_r_red_l_5 */ + CssClass dui_border_r_red_l_5 = () -> "dui-border-r-red-l-5"; - /** Constant dui_border_b_red_l_5 */ + CssClass dui_border_b_red_l_5 = () -> "dui-border-b-red-l-5"; - /** Constant dui_border_l_red_l_5 */ + CssClass dui_border_l_red_l_5 = () -> "dui-border-l-red-l-5"; - /** Constant dui_divide_red_l_5 */ + CssClass dui_divide_red_l_5 = () -> "dui-divide-red-l-5"; - /** Constant dui_outline_red_l_5 */ + CssClass dui_outline_red_l_5 = () -> "dui-outline-red-l-5"; - /** Constant dui_fg_red_l_4 */ + CssClass dui_fg_red_l_4 = () -> "dui-fg-red-l-4"; - /** Constant dui_bg_red_l_4 */ + CssClass dui_bg_red_l_4 = () -> "dui-bg-red-l-4"; - /** Constant dui_accent_red_l_4 */ + CssClass dui_accent_red_l_4 = () -> "dui-accent-red-l-4"; - /** Constant dui_shadow_red_l_4 */ + CssClass dui_shadow_red_l_4 = () -> "dui-shadow-red-l-4"; - /** Constant dui_text_decoration_red_l_4 */ + CssClass dui_text_decoration_red_l_4 = () -> "dui-text-decoration-red-l-4"; - /** Constant dui_border_red_l_4 */ + CssClass dui_border_red_l_4 = () -> "dui-border-red-l-4"; - /** Constant dui_border_x_red_l_4 */ + CssClass dui_border_x_red_l_4 = () -> "dui-border-x-red-l-4"; - /** Constant dui_border_y_red_l_4 */ + CssClass dui_border_y_red_l_4 = () -> "dui-border-y-red-l-4"; - /** Constant dui_border_t_red_l_4 */ + CssClass dui_border_t_red_l_4 = () -> "dui-border-t-red-l-4"; - /** Constant dui_border_r_red_l_4 */ + CssClass dui_border_r_red_l_4 = () -> "dui-border-r-red-l-4"; - /** Constant dui_border_b_red_l_4 */ + CssClass dui_border_b_red_l_4 = () -> "dui-border-b-red-l-4"; - /** Constant dui_border_l_red_l_4 */ + CssClass dui_border_l_red_l_4 = () -> "dui-border-l-red-l-4"; - /** Constant dui_divide_red_l_4 */ + CssClass dui_divide_red_l_4 = () -> "dui-divide-red-l-4"; - /** Constant dui_outline_red_l_4 */ + CssClass dui_outline_red_l_4 = () -> "dui-outline-red-l-4"; - /** Constant dui_fg_red_l_3 */ + CssClass dui_fg_red_l_3 = () -> "dui-fg-red-l-3"; - /** Constant dui_bg_red_l_3 */ + CssClass dui_bg_red_l_3 = () -> "dui-bg-red-l-3"; - /** Constant dui_accent_red_l_3 */ + CssClass dui_accent_red_l_3 = () -> "dui-accent-red-l-3"; - /** Constant dui_shadow_red_l_3 */ + CssClass dui_shadow_red_l_3 = () -> "dui-shadow-red-l-3"; - /** Constant dui_text_decoration_red_l_3 */ + CssClass dui_text_decoration_red_l_3 = () -> "dui-text-decoration-red-l-3"; - /** Constant dui_border_red_l_3 */ + CssClass dui_border_red_l_3 = () -> "dui-border-red-l-3"; - /** Constant dui_border_x_red_l_3 */ + CssClass dui_border_x_red_l_3 = () -> "dui-border-x-red-l-3"; - /** Constant dui_border_y_red_l_3 */ + CssClass dui_border_y_red_l_3 = () -> "dui-border-y-red-l-3"; - /** Constant dui_border_t_red_l_3 */ + CssClass dui_border_t_red_l_3 = () -> "dui-border-t-red-l-3"; - /** Constant dui_border_r_red_l_3 */ + CssClass dui_border_r_red_l_3 = () -> "dui-border-r-red-l-3"; - /** Constant dui_border_b_red_l_3 */ + CssClass dui_border_b_red_l_3 = () -> "dui-border-b-red-l-3"; - /** Constant dui_border_l_red_l_3 */ + CssClass dui_border_l_red_l_3 = () -> "dui-border-l-red-l-3"; - /** Constant dui_divide_red_l_3 */ + CssClass dui_divide_red_l_3 = () -> "dui-divide-red-l-3"; - /** Constant dui_outline_red_l_3 */ + CssClass dui_outline_red_l_3 = () -> "dui-outline-red-l-3"; - /** Constant dui_fg_red_l_2 */ + CssClass dui_fg_red_l_2 = () -> "dui-fg-red-l-2"; - /** Constant dui_bg_red_l_2 */ + CssClass dui_bg_red_l_2 = () -> "dui-bg-red-l-2"; - /** Constant dui_accent_red_l_2 */ + CssClass dui_accent_red_l_2 = () -> "dui-accent-red-l-2"; - /** Constant dui_shadow_red_l_2 */ + CssClass dui_shadow_red_l_2 = () -> "dui-shadow-red-l-2"; - /** Constant dui_text_decoration_red_l_2 */ + CssClass dui_text_decoration_red_l_2 = () -> "dui-text-decoration-red-l-2"; - /** Constant dui_border_red_l_2 */ + CssClass dui_border_red_l_2 = () -> "dui-border-red-l-2"; - /** Constant dui_border_x_red_l_2 */ + CssClass dui_border_x_red_l_2 = () -> "dui-border-x-red-l-2"; - /** Constant dui_border_y_red_l_2 */ + CssClass dui_border_y_red_l_2 = () -> "dui-border-y-red-l-2"; - /** Constant dui_border_t_red_l_2 */ + CssClass dui_border_t_red_l_2 = () -> "dui-border-t-red-l-2"; - /** Constant dui_border_r_red_l_2 */ + CssClass dui_border_r_red_l_2 = () -> "dui-border-r-red-l-2"; - /** Constant dui_border_b_red_l_2 */ + CssClass dui_border_b_red_l_2 = () -> "dui-border-b-red-l-2"; - /** Constant dui_border_l_red_l_2 */ + CssClass dui_border_l_red_l_2 = () -> "dui-border-l-red-l-2"; - /** Constant dui_divide_red_l_2 */ + CssClass dui_divide_red_l_2 = () -> "dui-divide-red-l-2"; - /** Constant dui_outline_red_l_2 */ + CssClass dui_outline_red_l_2 = () -> "dui-outline-red-l-2"; - /** Constant dui_fg_red_l_1 */ + CssClass dui_fg_red_l_1 = () -> "dui-fg-red-l-1"; - /** Constant dui_bg_red_l_1 */ + CssClass dui_bg_red_l_1 = () -> "dui-bg-red-l-1"; - /** Constant dui_accent_red_l_1 */ + CssClass dui_accent_red_l_1 = () -> "dui-accent-red-l-1"; - /** Constant dui_shadow_red_l_1 */ + CssClass dui_shadow_red_l_1 = () -> "dui-shadow-red-l-1"; - /** Constant dui_text_decoration_red_l_1 */ + CssClass dui_text_decoration_red_l_1 = () -> "dui-text-decoration-red-l-1"; - /** Constant dui_border_red_l_1 */ + CssClass dui_border_red_l_1 = () -> "dui-border-red-l-1"; - /** Constant dui_border_x_red_l_1 */ + CssClass dui_border_x_red_l_1 = () -> "dui-border-x-red-l-1"; - /** Constant dui_border_y_red_l_1 */ + CssClass dui_border_y_red_l_1 = () -> "dui-border-y-red-l-1"; - /** Constant dui_border_t_red_l_1 */ + CssClass dui_border_t_red_l_1 = () -> "dui-border-t-red-l-1"; - /** Constant dui_border_r_red_l_1 */ + CssClass dui_border_r_red_l_1 = () -> "dui-border-r-red-l-1"; - /** Constant dui_border_b_red_l_1 */ + CssClass dui_border_b_red_l_1 = () -> "dui-border-b-red-l-1"; - /** Constant dui_border_l_red_l_1 */ + CssClass dui_border_l_red_l_1 = () -> "dui-border-l-red-l-1"; - /** Constant dui_divide_red_l_1 */ + CssClass dui_divide_red_l_1 = () -> "dui-divide-red-l-1"; - /** Constant dui_outline_red_l_1 */ + CssClass dui_outline_red_l_1 = () -> "dui-outline-red-l-1"; - /** Constant dui_fg_red */ + CssClass dui_fg_red = () -> "dui-fg-red"; - /** Constant dui_bg_red */ + CssClass dui_bg_red = () -> "dui-bg-red"; - /** Constant dui_accent_red */ + CssClass dui_accent_red = () -> "dui-accent-red"; - /** Constant dui_shadow_red */ + CssClass dui_shadow_red = () -> "dui-shadow-red"; - /** Constant dui_text_decoration_red */ + CssClass dui_text_decoration_red = () -> "dui-text-decoration-red"; - /** Constant dui_border_red */ + CssClass dui_border_red = () -> "dui-border-red"; - /** Constant dui_border_x_red */ + CssClass dui_border_x_red = () -> "dui-border-x-red"; - /** Constant dui_border_y_red */ + CssClass dui_border_y_red = () -> "dui-border-y-red"; - /** Constant dui_border_t_red */ + CssClass dui_border_t_red = () -> "dui-border-t-red"; - /** Constant dui_border_r_red */ + CssClass dui_border_r_red = () -> "dui-border-r-red"; - /** Constant dui_border_b_red */ + CssClass dui_border_b_red = () -> "dui-border-b-red"; - /** Constant dui_border_l_red */ + CssClass dui_border_l_red = () -> "dui-border-l-red"; - /** Constant dui_divide_red */ + CssClass dui_divide_red = () -> "dui-divide-red"; - /** Constant dui_outline_red */ + CssClass dui_outline_red = () -> "dui-outline-red"; - /** Constant dui_fg_red_d_1 */ + CssClass dui_fg_red_d_1 = () -> "dui-fg-red-d-1"; - /** Constant dui_bg_red_d_1 */ + CssClass dui_bg_red_d_1 = () -> "dui-bg-red-d-1"; - /** Constant dui_accent_red_d_1 */ + CssClass dui_accent_red_d_1 = () -> "dui-accent-red-d-1"; - /** Constant dui_shadow_red_d_1 */ + CssClass dui_shadow_red_d_1 = () -> "dui-shadow-red-d-1"; - /** Constant dui_text_decoration_red_d_1 */ + CssClass dui_text_decoration_red_d_1 = () -> "dui-text-decoration-red-d-1"; - /** Constant dui_border_red_d_1 */ + CssClass dui_border_red_d_1 = () -> "dui-border-red-d-1"; - /** Constant dui_border_x_red_d_1 */ + CssClass dui_border_x_red_d_1 = () -> "dui-border-x-red-d-1"; - /** Constant dui_border_y_red_d_1 */ + CssClass dui_border_y_red_d_1 = () -> "dui-border-y-red-d-1"; - /** Constant dui_border_t_red_d_1 */ + CssClass dui_border_t_red_d_1 = () -> "dui-border-t-red-d-1"; - /** Constant dui_border_r_red_d_1 */ + CssClass dui_border_r_red_d_1 = () -> "dui-border-r-red-d-1"; - /** Constant dui_border_b_red_d_1 */ + CssClass dui_border_b_red_d_1 = () -> "dui-border-b-red-d-1"; - /** Constant dui_border_l_red_d_1 */ + CssClass dui_border_l_red_d_1 = () -> "dui-border-l-red-d-1"; - /** Constant dui_divide_red_d_1 */ + CssClass dui_divide_red_d_1 = () -> "dui-divide-red-d-1"; - /** Constant dui_outline_red_d_1 */ + CssClass dui_outline_red_d_1 = () -> "dui-outline-red-d-1"; - /** Constant dui_fg_red_d_2 */ + CssClass dui_fg_red_d_2 = () -> "dui-fg-red-d-2"; - /** Constant dui_bg_red_d_2 */ + CssClass dui_bg_red_d_2 = () -> "dui-bg-red-d-2"; - /** Constant dui_accent_red_d_2 */ + CssClass dui_accent_red_d_2 = () -> "dui-accent-red-d-2"; - /** Constant dui_shadow_red_d_2 */ + CssClass dui_shadow_red_d_2 = () -> "dui-shadow-red-d-2"; - /** Constant dui_text_decoration_red_d_2 */ + CssClass dui_text_decoration_red_d_2 = () -> "dui-text-decoration-red-d-2"; - /** Constant dui_border_red_d_2 */ + CssClass dui_border_red_d_2 = () -> "dui-border-red-d-2"; - /** Constant dui_border_x_red_d_2 */ + CssClass dui_border_x_red_d_2 = () -> "dui-border-x-red-d-2"; - /** Constant dui_border_y_red_d_2 */ + CssClass dui_border_y_red_d_2 = () -> "dui-border-y-red-d-2"; - /** Constant dui_border_t_red_d_2 */ + CssClass dui_border_t_red_d_2 = () -> "dui-border-t-red-d-2"; - /** Constant dui_border_r_red_d_2 */ + CssClass dui_border_r_red_d_2 = () -> "dui-border-r-red-d-2"; - /** Constant dui_border_b_red_d_2 */ + CssClass dui_border_b_red_d_2 = () -> "dui-border-b-red-d-2"; - /** Constant dui_border_l_red_d_2 */ + CssClass dui_border_l_red_d_2 = () -> "dui-border-l-red-d-2"; - /** Constant dui_divide_red_d_2 */ + CssClass dui_divide_red_d_2 = () -> "dui-divide-red-d-2"; - /** Constant dui_outline_red_d_2 */ + CssClass dui_outline_red_d_2 = () -> "dui-outline-red-d-2"; - /** Constant dui_fg_red_d_3 */ + CssClass dui_fg_red_d_3 = () -> "dui-fg-red-d-3"; - /** Constant dui_bg_red_d_3 */ + CssClass dui_bg_red_d_3 = () -> "dui-bg-red-d-3"; - /** Constant dui_accent_red_d_3 */ + CssClass dui_accent_red_d_3 = () -> "dui-accent-red-d-3"; - /** Constant dui_shadow_red_d_3 */ + CssClass dui_shadow_red_d_3 = () -> "dui-shadow-red-d-3"; - /** Constant dui_text_decoration_red_d_3 */ + CssClass dui_text_decoration_red_d_3 = () -> "dui-text-decoration-red-d-3"; - /** Constant dui_border_red_d_3 */ + CssClass dui_border_red_d_3 = () -> "dui-border-red-d-3"; - /** Constant dui_border_x_red_d_3 */ + CssClass dui_border_x_red_d_3 = () -> "dui-border-x-red-d-3"; - /** Constant dui_border_y_red_d_3 */ + CssClass dui_border_y_red_d_3 = () -> "dui-border-y-red-d-3"; - /** Constant dui_border_t_red_d_3 */ + CssClass dui_border_t_red_d_3 = () -> "dui-border-t-red-d-3"; - /** Constant dui_border_r_red_d_3 */ + CssClass dui_border_r_red_d_3 = () -> "dui-border-r-red-d-3"; - /** Constant dui_border_b_red_d_3 */ + CssClass dui_border_b_red_d_3 = () -> "dui-border-b-red-d-3"; - /** Constant dui_border_l_red_d_3 */ + CssClass dui_border_l_red_d_3 = () -> "dui-border-l-red-d-3"; - /** Constant dui_divide_red_d_3 */ + CssClass dui_divide_red_d_3 = () -> "dui-divide-red-d-3"; - /** Constant dui_outline_red_d_3 */ + CssClass dui_outline_red_d_3 = () -> "dui-outline-red-d-3"; - /** Constant dui_fg_red_d_4 */ + CssClass dui_fg_red_d_4 = () -> "dui-fg-red-d-4"; - /** Constant dui_bg_red_d_4 */ + CssClass dui_bg_red_d_4 = () -> "dui-bg-red-d-4"; - /** Constant dui_accent_red_d_4 */ + CssClass dui_accent_red_d_4 = () -> "dui-accent-red-d-4"; - /** Constant dui_shadow_red_d_4 */ + CssClass dui_shadow_red_d_4 = () -> "dui-shadow-red-d-4"; - /** Constant dui_text_decoration_red_d_4 */ + CssClass dui_text_decoration_red_d_4 = () -> "dui-text-decoration-red-d-4"; - /** Constant dui_border_red_d_4 */ + CssClass dui_border_red_d_4 = () -> "dui-border-red-d-4"; - /** Constant dui_border_x_red_d_4 */ + CssClass dui_border_x_red_d_4 = () -> "dui-border-x-red-d-4"; - /** Constant dui_border_y_red_d_4 */ + CssClass dui_border_y_red_d_4 = () -> "dui-border-y-red-d-4"; - /** Constant dui_border_t_red_d_4 */ + CssClass dui_border_t_red_d_4 = () -> "dui-border-t-red-d-4"; - /** Constant dui_border_r_red_d_4 */ + CssClass dui_border_r_red_d_4 = () -> "dui-border-r-red-d-4"; - /** Constant dui_border_b_red_d_4 */ + CssClass dui_border_b_red_d_4 = () -> "dui-border-b-red-d-4"; - /** Constant dui_border_l_red_d_4 */ + CssClass dui_border_l_red_d_4 = () -> "dui-border-l-red-d-4"; - /** Constant dui_divide_red_d_4 */ + CssClass dui_divide_red_d_4 = () -> "dui-divide-red-d-4"; - /** Constant dui_outline_red_d_4 */ + CssClass dui_outline_red_d_4 = () -> "dui-outline-red-d-4"; - /** Constant dui_fg_pink_l_5 */ + CssClass dui_fg_pink_l_5 = () -> "dui-fg-pink-l-5"; - /** Constant dui_bg_pink_l_5 */ + CssClass dui_bg_pink_l_5 = () -> "dui-bg-pink-l-5"; - /** Constant dui_accent_pink_l_5 */ + CssClass dui_accent_pink_l_5 = () -> "dui-accent-pink-l-5"; - /** Constant dui_shadow_pink_l_5 */ + CssClass dui_shadow_pink_l_5 = () -> "dui-shadow-pink-l-5"; - /** Constant dui_text_decoration_pink_l_5 */ + CssClass dui_text_decoration_pink_l_5 = () -> "dui-text-decoration-pink-l-5"; - /** Constant dui_border_pink_l_5 */ + CssClass dui_border_pink_l_5 = () -> "dui-border-pink-l-5"; - /** Constant dui_border_x_pink_l_5 */ + CssClass dui_border_x_pink_l_5 = () -> "dui-border-x-pink-l-5"; - /** Constant dui_border_y_pink_l_5 */ + CssClass dui_border_y_pink_l_5 = () -> "dui-border-y-pink-l-5"; - /** Constant dui_border_t_pink_l_5 */ + CssClass dui_border_t_pink_l_5 = () -> "dui-border-t-pink-l-5"; - /** Constant dui_border_r_pink_l_5 */ + CssClass dui_border_r_pink_l_5 = () -> "dui-border-r-pink-l-5"; - /** Constant dui_border_b_pink_l_5 */ + CssClass dui_border_b_pink_l_5 = () -> "dui-border-b-pink-l-5"; - /** Constant dui_border_l_pink_l_5 */ + CssClass dui_border_l_pink_l_5 = () -> "dui-border-l-pink-l-5"; - /** Constant dui_divide_pink_l_5 */ + CssClass dui_divide_pink_l_5 = () -> "dui-divide-pink-l-5"; - /** Constant dui_outline_pink_l_5 */ + CssClass dui_outline_pink_l_5 = () -> "dui-outline-pink-l-5"; - /** Constant dui_fg_pink_l_4 */ + CssClass dui_fg_pink_l_4 = () -> "dui-fg-pink-l-4"; - /** Constant dui_bg_pink_l_4 */ + CssClass dui_bg_pink_l_4 = () -> "dui-bg-pink-l-4"; - /** Constant dui_accent_pink_l_4 */ + CssClass dui_accent_pink_l_4 = () -> "dui-accent-pink-l-4"; - /** Constant dui_shadow_pink_l_4 */ + CssClass dui_shadow_pink_l_4 = () -> "dui-shadow-pink-l-4"; - /** Constant dui_text_decoration_pink_l_4 */ + CssClass dui_text_decoration_pink_l_4 = () -> "dui-text-decoration-pink-l-4"; - /** Constant dui_border_pink_l_4 */ + CssClass dui_border_pink_l_4 = () -> "dui-border-pink-l-4"; - /** Constant dui_border_x_pink_l_4 */ + CssClass dui_border_x_pink_l_4 = () -> "dui-border-x-pink-l-4"; - /** Constant dui_border_y_pink_l_4 */ + CssClass dui_border_y_pink_l_4 = () -> "dui-border-y-pink-l-4"; - /** Constant dui_border_t_pink_l_4 */ + CssClass dui_border_t_pink_l_4 = () -> "dui-border-t-pink-l-4"; - /** Constant dui_border_r_pink_l_4 */ + CssClass dui_border_r_pink_l_4 = () -> "dui-border-r-pink-l-4"; - /** Constant dui_border_b_pink_l_4 */ + CssClass dui_border_b_pink_l_4 = () -> "dui-border-b-pink-l-4"; - /** Constant dui_border_l_pink_l_4 */ + CssClass dui_border_l_pink_l_4 = () -> "dui-border-l-pink-l-4"; - /** Constant dui_divide_pink_l_4 */ + CssClass dui_divide_pink_l_4 = () -> "dui-divide-pink-l-4"; - /** Constant dui_outline_pink_l_4 */ + CssClass dui_outline_pink_l_4 = () -> "dui-outline-pink-l-4"; - /** Constant dui_fg_pink_l_3 */ + CssClass dui_fg_pink_l_3 = () -> "dui-fg-pink-l-3"; - /** Constant dui_bg_pink_l_3 */ + CssClass dui_bg_pink_l_3 = () -> "dui-bg-pink-l-3"; - /** Constant dui_accent_pink_l_3 */ + CssClass dui_accent_pink_l_3 = () -> "dui-accent-pink-l-3"; - /** Constant dui_shadow_pink_l_3 */ + CssClass dui_shadow_pink_l_3 = () -> "dui-shadow-pink-l-3"; - /** Constant dui_text_decoration_pink_l_3 */ + CssClass dui_text_decoration_pink_l_3 = () -> "dui-text-decoration-pink-l-3"; - /** Constant dui_border_pink_l_3 */ + CssClass dui_border_pink_l_3 = () -> "dui-border-pink-l-3"; - /** Constant dui_border_x_pink_l_3 */ + CssClass dui_border_x_pink_l_3 = () -> "dui-border-x-pink-l-3"; - /** Constant dui_border_y_pink_l_3 */ + CssClass dui_border_y_pink_l_3 = () -> "dui-border-y-pink-l-3"; - /** Constant dui_border_t_pink_l_3 */ + CssClass dui_border_t_pink_l_3 = () -> "dui-border-t-pink-l-3"; - /** Constant dui_border_r_pink_l_3 */ + CssClass dui_border_r_pink_l_3 = () -> "dui-border-r-pink-l-3"; - /** Constant dui_border_b_pink_l_3 */ + CssClass dui_border_b_pink_l_3 = () -> "dui-border-b-pink-l-3"; - /** Constant dui_border_l_pink_l_3 */ + CssClass dui_border_l_pink_l_3 = () -> "dui-border-l-pink-l-3"; - /** Constant dui_divide_pink_l_3 */ + CssClass dui_divide_pink_l_3 = () -> "dui-divide-pink-l-3"; - /** Constant dui_outline_pink_l_3 */ + CssClass dui_outline_pink_l_3 = () -> "dui-outline-pink-l-3"; - /** Constant dui_fg_pink_l_2 */ + CssClass dui_fg_pink_l_2 = () -> "dui-fg-pink-l-2"; - /** Constant dui_bg_pink_l_2 */ + CssClass dui_bg_pink_l_2 = () -> "dui-bg-pink-l-2"; - /** Constant dui_accent_pink_l_2 */ + CssClass dui_accent_pink_l_2 = () -> "dui-accent-pink-l-2"; - /** Constant dui_shadow_pink_l_2 */ + CssClass dui_shadow_pink_l_2 = () -> "dui-shadow-pink-l-2"; - /** Constant dui_text_decoration_pink_l_2 */ + CssClass dui_text_decoration_pink_l_2 = () -> "dui-text-decoration-pink-l-2"; - /** Constant dui_border_pink_l_2 */ + CssClass dui_border_pink_l_2 = () -> "dui-border-pink-l-2"; - /** Constant dui_border_x_pink_l_2 */ + CssClass dui_border_x_pink_l_2 = () -> "dui-border-x-pink-l-2"; - /** Constant dui_border_y_pink_l_2 */ + CssClass dui_border_y_pink_l_2 = () -> "dui-border-y-pink-l-2"; - /** Constant dui_border_t_pink_l_2 */ + CssClass dui_border_t_pink_l_2 = () -> "dui-border-t-pink-l-2"; - /** Constant dui_border_r_pink_l_2 */ + CssClass dui_border_r_pink_l_2 = () -> "dui-border-r-pink-l-2"; - /** Constant dui_border_b_pink_l_2 */ + CssClass dui_border_b_pink_l_2 = () -> "dui-border-b-pink-l-2"; - /** Constant dui_border_l_pink_l_2 */ + CssClass dui_border_l_pink_l_2 = () -> "dui-border-l-pink-l-2"; - /** Constant dui_divide_pink_l_2 */ + CssClass dui_divide_pink_l_2 = () -> "dui-divide-pink-l-2"; - /** Constant dui_outline_pink_l_2 */ + CssClass dui_outline_pink_l_2 = () -> "dui-outline-pink-l-2"; - /** Constant dui_fg_pink_l_1 */ + CssClass dui_fg_pink_l_1 = () -> "dui-fg-pink-l-1"; - /** Constant dui_bg_pink_l_1 */ + CssClass dui_bg_pink_l_1 = () -> "dui-bg-pink-l-1"; - /** Constant dui_accent_pink_l_1 */ + CssClass dui_accent_pink_l_1 = () -> "dui-accent-pink-l-1"; - /** Constant dui_shadow_pink_l_1 */ + CssClass dui_shadow_pink_l_1 = () -> "dui-shadow-pink-l-1"; - /** Constant dui_text_decoration_pink_l_1 */ + CssClass dui_text_decoration_pink_l_1 = () -> "dui-text-decoration-pink-l-1"; - /** Constant dui_border_pink_l_1 */ + CssClass dui_border_pink_l_1 = () -> "dui-border-pink-l-1"; - /** Constant dui_border_x_pink_l_1 */ + CssClass dui_border_x_pink_l_1 = () -> "dui-border-x-pink-l-1"; - /** Constant dui_border_y_pink_l_1 */ + CssClass dui_border_y_pink_l_1 = () -> "dui-border-y-pink-l-1"; - /** Constant dui_border_t_pink_l_1 */ + CssClass dui_border_t_pink_l_1 = () -> "dui-border-t-pink-l-1"; - /** Constant dui_border_r_pink_l_1 */ + CssClass dui_border_r_pink_l_1 = () -> "dui-border-r-pink-l-1"; - /** Constant dui_border_b_pink_l_1 */ + CssClass dui_border_b_pink_l_1 = () -> "dui-border-b-pink-l-1"; - /** Constant dui_border_l_pink_l_1 */ + CssClass dui_border_l_pink_l_1 = () -> "dui-border-l-pink-l-1"; - /** Constant dui_divide_pink_l_1 */ + CssClass dui_divide_pink_l_1 = () -> "dui-divide-pink-l-1"; - /** Constant dui_outline_pink_l_1 */ + CssClass dui_outline_pink_l_1 = () -> "dui-outline-pink-l-1"; - /** Constant dui_fg_pink */ + CssClass dui_fg_pink = () -> "dui-fg-pink"; - /** Constant dui_bg_pink */ + CssClass dui_bg_pink = () -> "dui-bg-pink"; - /** Constant dui_accent_pink */ + CssClass dui_accent_pink = () -> "dui-accent-pink"; - /** Constant dui_shadow_pink */ + CssClass dui_shadow_pink = () -> "dui-shadow-pink"; - /** Constant dui_text_decoration_pink */ + CssClass dui_text_decoration_pink = () -> "dui-text-decoration-pink"; - /** Constant dui_border_pink */ + CssClass dui_border_pink = () -> "dui-border-pink"; - /** Constant dui_border_x_pink */ + CssClass dui_border_x_pink = () -> "dui-border-x-pink"; - /** Constant dui_border_y_pink */ + CssClass dui_border_y_pink = () -> "dui-border-y-pink"; - /** Constant dui_border_t_pink */ + CssClass dui_border_t_pink = () -> "dui-border-t-pink"; - /** Constant dui_border_r_pink */ + CssClass dui_border_r_pink = () -> "dui-border-r-pink"; - /** Constant dui_border_b_pink */ + CssClass dui_border_b_pink = () -> "dui-border-b-pink"; - /** Constant dui_border_l_pink */ + CssClass dui_border_l_pink = () -> "dui-border-l-pink"; - /** Constant dui_divide_pink */ + CssClass dui_divide_pink = () -> "dui-divide-pink"; - /** Constant dui_outline_pink */ + CssClass dui_outline_pink = () -> "dui-outline-pink"; - /** Constant dui_fg_pink_d_1 */ + CssClass dui_fg_pink_d_1 = () -> "dui-fg-pink-d-1"; - /** Constant dui_bg_pink_d_1 */ + CssClass dui_bg_pink_d_1 = () -> "dui-bg-pink-d-1"; - /** Constant dui_accent_pink_d_1 */ + CssClass dui_accent_pink_d_1 = () -> "dui-accent-pink-d-1"; - /** Constant dui_shadow_pink_d_1 */ + CssClass dui_shadow_pink_d_1 = () -> "dui-shadow-pink-d-1"; - /** Constant dui_text_decoration_pink_d_1 */ + CssClass dui_text_decoration_pink_d_1 = () -> "dui-text-decoration-pink-d-1"; - /** Constant dui_border_pink_d_1 */ + CssClass dui_border_pink_d_1 = () -> "dui-border-pink-d-1"; - /** Constant dui_border_x_pink_d_1 */ + CssClass dui_border_x_pink_d_1 = () -> "dui-border-x-pink-d-1"; - /** Constant dui_border_y_pink_d_1 */ + CssClass dui_border_y_pink_d_1 = () -> "dui-border-y-pink-d-1"; - /** Constant dui_border_t_pink_d_1 */ + CssClass dui_border_t_pink_d_1 = () -> "dui-border-t-pink-d-1"; - /** Constant dui_border_r_pink_d_1 */ + CssClass dui_border_r_pink_d_1 = () -> "dui-border-r-pink-d-1"; - /** Constant dui_border_b_pink_d_1 */ + CssClass dui_border_b_pink_d_1 = () -> "dui-border-b-pink-d-1"; - /** Constant dui_border_l_pink_d_1 */ + CssClass dui_border_l_pink_d_1 = () -> "dui-border-l-pink-d-1"; - /** Constant dui_divide_pink_d_1 */ + CssClass dui_divide_pink_d_1 = () -> "dui-divide-pink-d-1"; - /** Constant dui_outline_pink_d_1 */ + CssClass dui_outline_pink_d_1 = () -> "dui-outline-pink-d-1"; - /** Constant dui_fg_pink_d_2 */ + CssClass dui_fg_pink_d_2 = () -> "dui-fg-pink-d-2"; - /** Constant dui_bg_pink_d_2 */ + CssClass dui_bg_pink_d_2 = () -> "dui-bg-pink-d-2"; - /** Constant dui_accent_pink_d_2 */ + CssClass dui_accent_pink_d_2 = () -> "dui-accent-pink-d-2"; - /** Constant dui_shadow_pink_d_2 */ + CssClass dui_shadow_pink_d_2 = () -> "dui-shadow-pink-d-2"; - /** Constant dui_text_decoration_pink_d_2 */ + CssClass dui_text_decoration_pink_d_2 = () -> "dui-text-decoration-pink-d-2"; - /** Constant dui_border_pink_d_2 */ + CssClass dui_border_pink_d_2 = () -> "dui-border-pink-d-2"; - /** Constant dui_border_x_pink_d_2 */ + CssClass dui_border_x_pink_d_2 = () -> "dui-border-x-pink-d-2"; - /** Constant dui_border_y_pink_d_2 */ + CssClass dui_border_y_pink_d_2 = () -> "dui-border-y-pink-d-2"; - /** Constant dui_border_t_pink_d_2 */ + CssClass dui_border_t_pink_d_2 = () -> "dui-border-t-pink-d-2"; - /** Constant dui_border_r_pink_d_2 */ + CssClass dui_border_r_pink_d_2 = () -> "dui-border-r-pink-d-2"; - /** Constant dui_border_b_pink_d_2 */ + CssClass dui_border_b_pink_d_2 = () -> "dui-border-b-pink-d-2"; - /** Constant dui_border_l_pink_d_2 */ + CssClass dui_border_l_pink_d_2 = () -> "dui-border-l-pink-d-2"; - /** Constant dui_divide_pink_d_2 */ + CssClass dui_divide_pink_d_2 = () -> "dui-divide-pink-d-2"; - /** Constant dui_outline_pink_d_2 */ + CssClass dui_outline_pink_d_2 = () -> "dui-outline-pink-d-2"; - /** Constant dui_fg_pink_d_3 */ + CssClass dui_fg_pink_d_3 = () -> "dui-fg-pink-d-3"; - /** Constant dui_bg_pink_d_3 */ + CssClass dui_bg_pink_d_3 = () -> "dui-bg-pink-d-3"; - /** Constant dui_accent_pink_d_3 */ + CssClass dui_accent_pink_d_3 = () -> "dui-accent-pink-d-3"; - /** Constant dui_shadow_pink_d_3 */ + CssClass dui_shadow_pink_d_3 = () -> "dui-shadow-pink-d-3"; - /** Constant dui_text_decoration_pink_d_3 */ + CssClass dui_text_decoration_pink_d_3 = () -> "dui-text-decoration-pink-d-3"; - /** Constant dui_border_pink_d_3 */ + CssClass dui_border_pink_d_3 = () -> "dui-border-pink-d-3"; - /** Constant dui_border_x_pink_d_3 */ + CssClass dui_border_x_pink_d_3 = () -> "dui-border-x-pink-d-3"; - /** Constant dui_border_y_pink_d_3 */ + CssClass dui_border_y_pink_d_3 = () -> "dui-border-y-pink-d-3"; - /** Constant dui_border_t_pink_d_3 */ + CssClass dui_border_t_pink_d_3 = () -> "dui-border-t-pink-d-3"; - /** Constant dui_border_r_pink_d_3 */ + CssClass dui_border_r_pink_d_3 = () -> "dui-border-r-pink-d-3"; - /** Constant dui_border_b_pink_d_3 */ + CssClass dui_border_b_pink_d_3 = () -> "dui-border-b-pink-d-3"; - /** Constant dui_border_l_pink_d_3 */ + CssClass dui_border_l_pink_d_3 = () -> "dui-border-l-pink-d-3"; - /** Constant dui_divide_pink_d_3 */ + CssClass dui_divide_pink_d_3 = () -> "dui-divide-pink-d-3"; - /** Constant dui_outline_pink_d_3 */ + CssClass dui_outline_pink_d_3 = () -> "dui-outline-pink-d-3"; - /** Constant dui_fg_pink_d_4 */ + CssClass dui_fg_pink_d_4 = () -> "dui-fg-pink-d-4"; - /** Constant dui_bg_pink_d_4 */ + CssClass dui_bg_pink_d_4 = () -> "dui-bg-pink-d-4"; - /** Constant dui_accent_pink_d_4 */ + CssClass dui_accent_pink_d_4 = () -> "dui-accent-pink-d-4"; - /** Constant dui_shadow_pink_d_4 */ + CssClass dui_shadow_pink_d_4 = () -> "dui-shadow-pink-d-4"; - /** Constant dui_text_decoration_pink_d_4 */ + CssClass dui_text_decoration_pink_d_4 = () -> "dui-text-decoration-pink-d-4"; - /** Constant dui_border_pink_d_4 */ + CssClass dui_border_pink_d_4 = () -> "dui-border-pink-d-4"; - /** Constant dui_border_x_pink_d_4 */ + CssClass dui_border_x_pink_d_4 = () -> "dui-border-x-pink-d-4"; - /** Constant dui_border_y_pink_d_4 */ + CssClass dui_border_y_pink_d_4 = () -> "dui-border-y-pink-d-4"; - /** Constant dui_border_t_pink_d_4 */ + CssClass dui_border_t_pink_d_4 = () -> "dui-border-t-pink-d-4"; - /** Constant dui_border_r_pink_d_4 */ + CssClass dui_border_r_pink_d_4 = () -> "dui-border-r-pink-d-4"; - /** Constant dui_border_b_pink_d_4 */ + CssClass dui_border_b_pink_d_4 = () -> "dui-border-b-pink-d-4"; - /** Constant dui_border_l_pink_d_4 */ + CssClass dui_border_l_pink_d_4 = () -> "dui-border-l-pink-d-4"; - /** Constant dui_divide_pink_d_4 */ + CssClass dui_divide_pink_d_4 = () -> "dui-divide-pink-d-4"; - /** Constant dui_outline_pink_d_4 */ + CssClass dui_outline_pink_d_4 = () -> "dui-outline-pink-d-4"; - /** Constant dui_fg_purple_l_5 */ + CssClass dui_fg_purple_l_5 = () -> "dui-fg-purple-l-5"; - /** Constant dui_bg_purple_l_5 */ + CssClass dui_bg_purple_l_5 = () -> "dui-bg-purple-l-5"; - /** Constant dui_accent_purple_l_5 */ + CssClass dui_accent_purple_l_5 = () -> "dui-accent-purple-l-5"; - /** Constant dui_shadow_purple_l_5 */ + CssClass dui_shadow_purple_l_5 = () -> "dui-shadow-purple-l-5"; - /** Constant dui_text_decoration_purple_l_5 */ + CssClass dui_text_decoration_purple_l_5 = () -> "dui-text-decoration-purple-l-5"; - /** Constant dui_border_purple_l_5 */ + CssClass dui_border_purple_l_5 = () -> "dui-border-purple-l-5"; - /** Constant dui_border_x_purple_l_5 */ + CssClass dui_border_x_purple_l_5 = () -> "dui-border-x-purple-l-5"; - /** Constant dui_border_y_purple_l_5 */ + CssClass dui_border_y_purple_l_5 = () -> "dui-border-y-purple-l-5"; - /** Constant dui_border_t_purple_l_5 */ + CssClass dui_border_t_purple_l_5 = () -> "dui-border-t-purple-l-5"; - /** Constant dui_border_r_purple_l_5 */ + CssClass dui_border_r_purple_l_5 = () -> "dui-border-r-purple-l-5"; - /** Constant dui_border_b_purple_l_5 */ + CssClass dui_border_b_purple_l_5 = () -> "dui-border-b-purple-l-5"; - /** Constant dui_border_l_purple_l_5 */ + CssClass dui_border_l_purple_l_5 = () -> "dui-border-l-purple-l-5"; - /** Constant dui_divide_purple_l_5 */ + CssClass dui_divide_purple_l_5 = () -> "dui-divide-purple-l-5"; - /** Constant dui_outline_purple_l_5 */ + CssClass dui_outline_purple_l_5 = () -> "dui-outline-purple-l-5"; - /** Constant dui_fg_purple_l_4 */ + CssClass dui_fg_purple_l_4 = () -> "dui-fg-purple-l-4"; - /** Constant dui_bg_purple_l_4 */ + CssClass dui_bg_purple_l_4 = () -> "dui-bg-purple-l-4"; - /** Constant dui_accent_purple_l_4 */ + CssClass dui_accent_purple_l_4 = () -> "dui-accent-purple-l-4"; - /** Constant dui_shadow_purple_l_4 */ + CssClass dui_shadow_purple_l_4 = () -> "dui-shadow-purple-l-4"; - /** Constant dui_text_decoration_purple_l_4 */ + CssClass dui_text_decoration_purple_l_4 = () -> "dui-text-decoration-purple-l-4"; - /** Constant dui_border_purple_l_4 */ + CssClass dui_border_purple_l_4 = () -> "dui-border-purple-l-4"; - /** Constant dui_border_x_purple_l_4 */ + CssClass dui_border_x_purple_l_4 = () -> "dui-border-x-purple-l-4"; - /** Constant dui_border_y_purple_l_4 */ + CssClass dui_border_y_purple_l_4 = () -> "dui-border-y-purple-l-4"; - /** Constant dui_border_t_purple_l_4 */ + CssClass dui_border_t_purple_l_4 = () -> "dui-border-t-purple-l-4"; - /** Constant dui_border_r_purple_l_4 */ + CssClass dui_border_r_purple_l_4 = () -> "dui-border-r-purple-l-4"; - /** Constant dui_border_b_purple_l_4 */ + CssClass dui_border_b_purple_l_4 = () -> "dui-border-b-purple-l-4"; - /** Constant dui_border_l_purple_l_4 */ + CssClass dui_border_l_purple_l_4 = () -> "dui-border-l-purple-l-4"; - /** Constant dui_divide_purple_l_4 */ + CssClass dui_divide_purple_l_4 = () -> "dui-divide-purple-l-4"; - /** Constant dui_outline_purple_l_4 */ + CssClass dui_outline_purple_l_4 = () -> "dui-outline-purple-l-4"; - /** Constant dui_fg_purple_l_3 */ + CssClass dui_fg_purple_l_3 = () -> "dui-fg-purple-l-3"; - /** Constant dui_bg_purple_l_3 */ + CssClass dui_bg_purple_l_3 = () -> "dui-bg-purple-l-3"; - /** Constant dui_accent_purple_l_3 */ + CssClass dui_accent_purple_l_3 = () -> "dui-accent-purple-l-3"; - /** Constant dui_shadow_purple_l_3 */ + CssClass dui_shadow_purple_l_3 = () -> "dui-shadow-purple-l-3"; - /** Constant dui_text_decoration_purple_l_3 */ + CssClass dui_text_decoration_purple_l_3 = () -> "dui-text-decoration-purple-l-3"; - /** Constant dui_border_purple_l_3 */ + CssClass dui_border_purple_l_3 = () -> "dui-border-purple-l-3"; - /** Constant dui_border_x_purple_l_3 */ + CssClass dui_border_x_purple_l_3 = () -> "dui-border-x-purple-l-3"; - /** Constant dui_border_y_purple_l_3 */ + CssClass dui_border_y_purple_l_3 = () -> "dui-border-y-purple-l-3"; - /** Constant dui_border_t_purple_l_3 */ + CssClass dui_border_t_purple_l_3 = () -> "dui-border-t-purple-l-3"; - /** Constant dui_border_r_purple_l_3 */ + CssClass dui_border_r_purple_l_3 = () -> "dui-border-r-purple-l-3"; - /** Constant dui_border_b_purple_l_3 */ + CssClass dui_border_b_purple_l_3 = () -> "dui-border-b-purple-l-3"; - /** Constant dui_border_l_purple_l_3 */ + CssClass dui_border_l_purple_l_3 = () -> "dui-border-l-purple-l-3"; - /** Constant dui_divide_purple_l_3 */ + CssClass dui_divide_purple_l_3 = () -> "dui-divide-purple-l-3"; - /** Constant dui_outline_purple_l_3 */ + CssClass dui_outline_purple_l_3 = () -> "dui-outline-purple-l-3"; - /** Constant dui_fg_purple_l_2 */ + CssClass dui_fg_purple_l_2 = () -> "dui-fg-purple-l-2"; - /** Constant dui_bg_purple_l_2 */ + CssClass dui_bg_purple_l_2 = () -> "dui-bg-purple-l-2"; - /** Constant dui_accent_purple_l_2 */ + CssClass dui_accent_purple_l_2 = () -> "dui-accent-purple-l-2"; - /** Constant dui_shadow_purple_l_2 */ + CssClass dui_shadow_purple_l_2 = () -> "dui-shadow-purple-l-2"; - /** Constant dui_text_decoration_purple_l_2 */ + CssClass dui_text_decoration_purple_l_2 = () -> "dui-text-decoration-purple-l-2"; - /** Constant dui_border_purple_l_2 */ + CssClass dui_border_purple_l_2 = () -> "dui-border-purple-l-2"; - /** Constant dui_border_x_purple_l_2 */ + CssClass dui_border_x_purple_l_2 = () -> "dui-border-x-purple-l-2"; - /** Constant dui_border_y_purple_l_2 */ + CssClass dui_border_y_purple_l_2 = () -> "dui-border-y-purple-l-2"; - /** Constant dui_border_t_purple_l_2 */ + CssClass dui_border_t_purple_l_2 = () -> "dui-border-t-purple-l-2"; - /** Constant dui_border_r_purple_l_2 */ + CssClass dui_border_r_purple_l_2 = () -> "dui-border-r-purple-l-2"; - /** Constant dui_border_b_purple_l_2 */ + CssClass dui_border_b_purple_l_2 = () -> "dui-border-b-purple-l-2"; - /** Constant dui_border_l_purple_l_2 */ + CssClass dui_border_l_purple_l_2 = () -> "dui-border-l-purple-l-2"; - /** Constant dui_divide_purple_l_2 */ + CssClass dui_divide_purple_l_2 = () -> "dui-divide-purple-l-2"; - /** Constant dui_outline_purple_l_2 */ + CssClass dui_outline_purple_l_2 = () -> "dui-outline-purple-l-2"; - /** Constant dui_fg_purple_l_1 */ + CssClass dui_fg_purple_l_1 = () -> "dui-fg-purple-l-1"; - /** Constant dui_bg_purple_l_1 */ + CssClass dui_bg_purple_l_1 = () -> "dui-bg-purple-l-1"; - /** Constant dui_accent_purple_l_1 */ + CssClass dui_accent_purple_l_1 = () -> "dui-accent-purple-l-1"; - /** Constant dui_shadow_purple_l_1 */ + CssClass dui_shadow_purple_l_1 = () -> "dui-shadow-purple-l-1"; - /** Constant dui_text_decoration_purple_l_1 */ + CssClass dui_text_decoration_purple_l_1 = () -> "dui-text-decoration-purple-l-1"; - /** Constant dui_border_purple_l_1 */ + CssClass dui_border_purple_l_1 = () -> "dui-border-purple-l-1"; - /** Constant dui_border_x_purple_l_1 */ + CssClass dui_border_x_purple_l_1 = () -> "dui-border-x-purple-l-1"; - /** Constant dui_border_y_purple_l_1 */ + CssClass dui_border_y_purple_l_1 = () -> "dui-border-y-purple-l-1"; - /** Constant dui_border_t_purple_l_1 */ + CssClass dui_border_t_purple_l_1 = () -> "dui-border-t-purple-l-1"; - /** Constant dui_border_r_purple_l_1 */ + CssClass dui_border_r_purple_l_1 = () -> "dui-border-r-purple-l-1"; - /** Constant dui_border_b_purple_l_1 */ + CssClass dui_border_b_purple_l_1 = () -> "dui-border-b-purple-l-1"; - /** Constant dui_border_l_purple_l_1 */ + CssClass dui_border_l_purple_l_1 = () -> "dui-border-l-purple-l-1"; - /** Constant dui_divide_purple_l_1 */ + CssClass dui_divide_purple_l_1 = () -> "dui-divide-purple-l-1"; - /** Constant dui_outline_purple_l_1 */ + CssClass dui_outline_purple_l_1 = () -> "dui-outline-purple-l-1"; - /** Constant dui_fg_purple */ + CssClass dui_fg_purple = () -> "dui-fg-purple"; - /** Constant dui_bg_purple */ + CssClass dui_bg_purple = () -> "dui-bg-purple"; - /** Constant dui_accent_purple */ + CssClass dui_accent_purple = () -> "dui-accent-purple"; - /** Constant dui_shadow_purple */ + CssClass dui_shadow_purple = () -> "dui-shadow-purple"; - /** Constant dui_text_decoration_purple */ + CssClass dui_text_decoration_purple = () -> "dui-text-decoration-purple"; - /** Constant dui_border_purple */ + CssClass dui_border_purple = () -> "dui-border-purple"; - /** Constant dui_border_x_purple */ + CssClass dui_border_x_purple = () -> "dui-border-x-purple"; - /** Constant dui_border_y_purple */ + CssClass dui_border_y_purple = () -> "dui-border-y-purple"; - /** Constant dui_border_t_purple */ + CssClass dui_border_t_purple = () -> "dui-border-t-purple"; - /** Constant dui_border_r_purple */ + CssClass dui_border_r_purple = () -> "dui-border-r-purple"; - /** Constant dui_border_b_purple */ + CssClass dui_border_b_purple = () -> "dui-border-b-purple"; - /** Constant dui_border_l_purple */ + CssClass dui_border_l_purple = () -> "dui-border-l-purple"; - /** Constant dui_divide_purple */ + CssClass dui_divide_purple = () -> "dui-divide-purple"; - /** Constant dui_outline_purple */ + CssClass dui_outline_purple = () -> "dui-outline-purple"; - /** Constant dui_fg_purple_d_1 */ + CssClass dui_fg_purple_d_1 = () -> "dui-fg-purple-d-1"; - /** Constant dui_bg_purple_d_1 */ + CssClass dui_bg_purple_d_1 = () -> "dui-bg-purple-d-1"; - /** Constant dui_accent_purple_d_1 */ + CssClass dui_accent_purple_d_1 = () -> "dui-accent-purple-d-1"; - /** Constant dui_shadow_purple_d_1 */ + CssClass dui_shadow_purple_d_1 = () -> "dui-shadow-purple-d-1"; - /** Constant dui_text_decoration_purple_d_1 */ + CssClass dui_text_decoration_purple_d_1 = () -> "dui-text-decoration-purple-d-1"; - /** Constant dui_border_purple_d_1 */ + CssClass dui_border_purple_d_1 = () -> "dui-border-purple-d-1"; - /** Constant dui_border_x_purple_d_1 */ + CssClass dui_border_x_purple_d_1 = () -> "dui-border-x-purple-d-1"; - /** Constant dui_border_y_purple_d_1 */ + CssClass dui_border_y_purple_d_1 = () -> "dui-border-y-purple-d-1"; - /** Constant dui_border_t_purple_d_1 */ + CssClass dui_border_t_purple_d_1 = () -> "dui-border-t-purple-d-1"; - /** Constant dui_border_r_purple_d_1 */ + CssClass dui_border_r_purple_d_1 = () -> "dui-border-r-purple-d-1"; - /** Constant dui_border_b_purple_d_1 */ + CssClass dui_border_b_purple_d_1 = () -> "dui-border-b-purple-d-1"; - /** Constant dui_border_l_purple_d_1 */ + CssClass dui_border_l_purple_d_1 = () -> "dui-border-l-purple-d-1"; - /** Constant dui_divide_purple_d_1 */ + CssClass dui_divide_purple_d_1 = () -> "dui-divide-purple-d-1"; - /** Constant dui_outline_purple_d_1 */ + CssClass dui_outline_purple_d_1 = () -> "dui-outline-purple-d-1"; - /** Constant dui_fg_purple_d_2 */ + CssClass dui_fg_purple_d_2 = () -> "dui-fg-purple-d-2"; - /** Constant dui_bg_purple_d_2 */ + CssClass dui_bg_purple_d_2 = () -> "dui-bg-purple-d-2"; - /** Constant dui_accent_purple_d_2 */ + CssClass dui_accent_purple_d_2 = () -> "dui-accent-purple-d-2"; - /** Constant dui_shadow_purple_d_2 */ + CssClass dui_shadow_purple_d_2 = () -> "dui-shadow-purple-d-2"; - /** Constant dui_text_decoration_purple_d_2 */ + CssClass dui_text_decoration_purple_d_2 = () -> "dui-text-decoration-purple-d-2"; - /** Constant dui_border_purple_d_2 */ + CssClass dui_border_purple_d_2 = () -> "dui-border-purple-d-2"; - /** Constant dui_border_x_purple_d_2 */ + CssClass dui_border_x_purple_d_2 = () -> "dui-border-x-purple-d-2"; - /** Constant dui_border_y_purple_d_2 */ + CssClass dui_border_y_purple_d_2 = () -> "dui-border-y-purple-d-2"; - /** Constant dui_border_t_purple_d_2 */ + CssClass dui_border_t_purple_d_2 = () -> "dui-border-t-purple-d-2"; - /** Constant dui_border_r_purple_d_2 */ + CssClass dui_border_r_purple_d_2 = () -> "dui-border-r-purple-d-2"; - /** Constant dui_border_b_purple_d_2 */ + CssClass dui_border_b_purple_d_2 = () -> "dui-border-b-purple-d-2"; - /** Constant dui_border_l_purple_d_2 */ + CssClass dui_border_l_purple_d_2 = () -> "dui-border-l-purple-d-2"; - /** Constant dui_divide_purple_d_2 */ + CssClass dui_divide_purple_d_2 = () -> "dui-divide-purple-d-2"; - /** Constant dui_outline_purple_d_2 */ + CssClass dui_outline_purple_d_2 = () -> "dui-outline-purple-d-2"; - /** Constant dui_fg_purple_d_3 */ + CssClass dui_fg_purple_d_3 = () -> "dui-fg-purple-d-3"; - /** Constant dui_bg_purple_d_3 */ + CssClass dui_bg_purple_d_3 = () -> "dui-bg-purple-d-3"; - /** Constant dui_accent_purple_d_3 */ + CssClass dui_accent_purple_d_3 = () -> "dui-accent-purple-d-3"; - /** Constant dui_shadow_purple_d_3 */ + CssClass dui_shadow_purple_d_3 = () -> "dui-shadow-purple-d-3"; - /** Constant dui_text_decoration_purple_d_3 */ + CssClass dui_text_decoration_purple_d_3 = () -> "dui-text-decoration-purple-d-3"; - /** Constant dui_border_purple_d_3 */ + CssClass dui_border_purple_d_3 = () -> "dui-border-purple-d-3"; - /** Constant dui_border_x_purple_d_3 */ + CssClass dui_border_x_purple_d_3 = () -> "dui-border-x-purple-d-3"; - /** Constant dui_border_y_purple_d_3 */ + CssClass dui_border_y_purple_d_3 = () -> "dui-border-y-purple-d-3"; - /** Constant dui_border_t_purple_d_3 */ + CssClass dui_border_t_purple_d_3 = () -> "dui-border-t-purple-d-3"; - /** Constant dui_border_r_purple_d_3 */ + CssClass dui_border_r_purple_d_3 = () -> "dui-border-r-purple-d-3"; - /** Constant dui_border_b_purple_d_3 */ + CssClass dui_border_b_purple_d_3 = () -> "dui-border-b-purple-d-3"; - /** Constant dui_border_l_purple_d_3 */ + CssClass dui_border_l_purple_d_3 = () -> "dui-border-l-purple-d-3"; - /** Constant dui_divide_purple_d_3 */ + CssClass dui_divide_purple_d_3 = () -> "dui-divide-purple-d-3"; - /** Constant dui_outline_purple_d_3 */ + CssClass dui_outline_purple_d_3 = () -> "dui-outline-purple-d-3"; - /** Constant dui_fg_purple_d_4 */ + CssClass dui_fg_purple_d_4 = () -> "dui-fg-purple-d-4"; - /** Constant dui_bg_purple_d_4 */ + CssClass dui_bg_purple_d_4 = () -> "dui-bg-purple-d-4"; - /** Constant dui_accent_purple_d_4 */ + CssClass dui_accent_purple_d_4 = () -> "dui-accent-purple-d-4"; - /** Constant dui_shadow_purple_d_4 */ + CssClass dui_shadow_purple_d_4 = () -> "dui-shadow-purple-d-4"; - /** Constant dui_text_decoration_purple_d_4 */ + CssClass dui_text_decoration_purple_d_4 = () -> "dui-text-decoration-purple-d-4"; - /** Constant dui_border_purple_d_4 */ + CssClass dui_border_purple_d_4 = () -> "dui-border-purple-d-4"; - /** Constant dui_border_x_purple_d_4 */ + CssClass dui_border_x_purple_d_4 = () -> "dui-border-x-purple-d-4"; - /** Constant dui_border_y_purple_d_4 */ + CssClass dui_border_y_purple_d_4 = () -> "dui-border-y-purple-d-4"; - /** Constant dui_border_t_purple_d_4 */ + CssClass dui_border_t_purple_d_4 = () -> "dui-border-t-purple-d-4"; - /** Constant dui_border_r_purple_d_4 */ + CssClass dui_border_r_purple_d_4 = () -> "dui-border-r-purple-d-4"; - /** Constant dui_border_b_purple_d_4 */ + CssClass dui_border_b_purple_d_4 = () -> "dui-border-b-purple-d-4"; - /** Constant dui_border_l_purple_d_4 */ + CssClass dui_border_l_purple_d_4 = () -> "dui-border-l-purple-d-4"; - /** Constant dui_divide_purple_d_4 */ + CssClass dui_divide_purple_d_4 = () -> "dui-divide-purple-d-4"; - /** Constant dui_outline_purple_d_4 */ + CssClass dui_outline_purple_d_4 = () -> "dui-outline-purple-d-4"; - /** Constant dui_fg_deep_purple_l_5 */ + CssClass dui_fg_deep_purple_l_5 = () -> "dui-fg-deep-purple-l-5"; - /** Constant dui_bg_deep_purple_l_5 */ + CssClass dui_bg_deep_purple_l_5 = () -> "dui-bg-deep-purple-l-5"; - /** Constant dui_accent_deep_purple_l_5 */ + CssClass dui_accent_deep_purple_l_5 = () -> "dui-accent-deep-purple-l-5"; - /** Constant dui_shadow_deep_purple_l_5 */ + CssClass dui_shadow_deep_purple_l_5 = () -> "dui-shadow-deep-purple-l-5"; - /** Constant dui_text_decoration_deep_purple_l_5 */ + CssClass dui_text_decoration_deep_purple_l_5 = () -> "dui-text-decoration-deep-purple-l-5"; - /** Constant dui_border_deep_purple_l_5 */ + CssClass dui_border_deep_purple_l_5 = () -> "dui-border-deep-purple-l-5"; - /** Constant dui_border_x_deep_purple_l_5 */ + CssClass dui_border_x_deep_purple_l_5 = () -> "dui-border-x-deep-purple-l-5"; - /** Constant dui_border_y_deep_purple_l_5 */ + CssClass dui_border_y_deep_purple_l_5 = () -> "dui-border-y-deep-purple-l-5"; - /** Constant dui_border_t_deep_purple_l_5 */ + CssClass dui_border_t_deep_purple_l_5 = () -> "dui-border-t-deep-purple-l-5"; - /** Constant dui_border_r_deep_purple_l_5 */ + CssClass dui_border_r_deep_purple_l_5 = () -> "dui-border-r-deep-purple-l-5"; - /** Constant dui_border_b_deep_purple_l_5 */ + CssClass dui_border_b_deep_purple_l_5 = () -> "dui-border-b-deep-purple-l-5"; - /** Constant dui_border_l_deep_purple_l_5 */ + CssClass dui_border_l_deep_purple_l_5 = () -> "dui-border-l-deep-purple-l-5"; - /** Constant dui_divide_deep_purple_l_5 */ + CssClass dui_divide_deep_purple_l_5 = () -> "dui-divide-deep-purple-l-5"; - /** Constant dui_outline_deep_purple_l_5 */ + CssClass dui_outline_deep_purple_l_5 = () -> "dui-outline-deep-purple-l-5"; - /** Constant dui_fg_deep_purple_l_4 */ + CssClass dui_fg_deep_purple_l_4 = () -> "dui-fg-deep-purple-l-4"; - /** Constant dui_bg_deep_purple_l_4 */ + CssClass dui_bg_deep_purple_l_4 = () -> "dui-bg-deep-purple-l-4"; - /** Constant dui_accent_deep_purple_l_4 */ + CssClass dui_accent_deep_purple_l_4 = () -> "dui-accent-deep-purple-l-4"; - /** Constant dui_shadow_deep_purple_l_4 */ + CssClass dui_shadow_deep_purple_l_4 = () -> "dui-shadow-deep-purple-l-4"; - /** Constant dui_text_decoration_deep_purple_l_4 */ + CssClass dui_text_decoration_deep_purple_l_4 = () -> "dui-text-decoration-deep-purple-l-4"; - /** Constant dui_border_deep_purple_l_4 */ + CssClass dui_border_deep_purple_l_4 = () -> "dui-border-deep-purple-l-4"; - /** Constant dui_border_x_deep_purple_l_4 */ + CssClass dui_border_x_deep_purple_l_4 = () -> "dui-border-x-deep-purple-l-4"; - /** Constant dui_border_y_deep_purple_l_4 */ + CssClass dui_border_y_deep_purple_l_4 = () -> "dui-border-y-deep-purple-l-4"; - /** Constant dui_border_t_deep_purple_l_4 */ + CssClass dui_border_t_deep_purple_l_4 = () -> "dui-border-t-deep-purple-l-4"; - /** Constant dui_border_r_deep_purple_l_4 */ + CssClass dui_border_r_deep_purple_l_4 = () -> "dui-border-r-deep-purple-l-4"; - /** Constant dui_border_b_deep_purple_l_4 */ + CssClass dui_border_b_deep_purple_l_4 = () -> "dui-border-b-deep-purple-l-4"; - /** Constant dui_border_l_deep_purple_l_4 */ + CssClass dui_border_l_deep_purple_l_4 = () -> "dui-border-l-deep-purple-l-4"; - /** Constant dui_divide_deep_purple_l_4 */ + CssClass dui_divide_deep_purple_l_4 = () -> "dui-divide-deep-purple-l-4"; - /** Constant dui_outline_deep_purple_l_4 */ + CssClass dui_outline_deep_purple_l_4 = () -> "dui-outline-deep-purple-l-4"; - /** Constant dui_fg_deep_purple_l_3 */ + CssClass dui_fg_deep_purple_l_3 = () -> "dui-fg-deep-purple-l-3"; - /** Constant dui_bg_deep_purple_l_3 */ + CssClass dui_bg_deep_purple_l_3 = () -> "dui-bg-deep-purple-l-3"; - /** Constant dui_accent_deep_purple_l_3 */ + CssClass dui_accent_deep_purple_l_3 = () -> "dui-accent-deep-purple-l-3"; - /** Constant dui_shadow_deep_purple_l_3 */ + CssClass dui_shadow_deep_purple_l_3 = () -> "dui-shadow-deep-purple-l-3"; - /** Constant dui_text_decoration_deep_purple_l_3 */ + CssClass dui_text_decoration_deep_purple_l_3 = () -> "dui-text-decoration-deep-purple-l-3"; - /** Constant dui_border_deep_purple_l_3 */ + CssClass dui_border_deep_purple_l_3 = () -> "dui-border-deep-purple-l-3"; - /** Constant dui_border_x_deep_purple_l_3 */ + CssClass dui_border_x_deep_purple_l_3 = () -> "dui-border-x-deep-purple-l-3"; - /** Constant dui_border_y_deep_purple_l_3 */ + CssClass dui_border_y_deep_purple_l_3 = () -> "dui-border-y-deep-purple-l-3"; - /** Constant dui_border_t_deep_purple_l_3 */ + CssClass dui_border_t_deep_purple_l_3 = () -> "dui-border-t-deep-purple-l-3"; - /** Constant dui_border_r_deep_purple_l_3 */ + CssClass dui_border_r_deep_purple_l_3 = () -> "dui-border-r-deep-purple-l-3"; - /** Constant dui_border_b_deep_purple_l_3 */ + CssClass dui_border_b_deep_purple_l_3 = () -> "dui-border-b-deep-purple-l-3"; - /** Constant dui_border_l_deep_purple_l_3 */ + CssClass dui_border_l_deep_purple_l_3 = () -> "dui-border-l-deep-purple-l-3"; - /** Constant dui_divide_deep_purple_l_3 */ + CssClass dui_divide_deep_purple_l_3 = () -> "dui-divide-deep-purple-l-3"; - /** Constant dui_outline_deep_purple_l_3 */ + CssClass dui_outline_deep_purple_l_3 = () -> "dui-outline-deep-purple-l-3"; - /** Constant dui_fg_deep_purple_l_2 */ + CssClass dui_fg_deep_purple_l_2 = () -> "dui-fg-deep-purple-l-2"; - /** Constant dui_bg_deep_purple_l_2 */ + CssClass dui_bg_deep_purple_l_2 = () -> "dui-bg-deep-purple-l-2"; - /** Constant dui_accent_deep_purple_l_2 */ + CssClass dui_accent_deep_purple_l_2 = () -> "dui-accent-deep-purple-l-2"; - /** Constant dui_shadow_deep_purple_l_2 */ + CssClass dui_shadow_deep_purple_l_2 = () -> "dui-shadow-deep-purple-l-2"; - /** Constant dui_text_decoration_deep_purple_l_2 */ + CssClass dui_text_decoration_deep_purple_l_2 = () -> "dui-text-decoration-deep-purple-l-2"; - /** Constant dui_border_deep_purple_l_2 */ + CssClass dui_border_deep_purple_l_2 = () -> "dui-border-deep-purple-l-2"; - /** Constant dui_border_x_deep_purple_l_2 */ + CssClass dui_border_x_deep_purple_l_2 = () -> "dui-border-x-deep-purple-l-2"; - /** Constant dui_border_y_deep_purple_l_2 */ + CssClass dui_border_y_deep_purple_l_2 = () -> "dui-border-y-deep-purple-l-2"; - /** Constant dui_border_t_deep_purple_l_2 */ + CssClass dui_border_t_deep_purple_l_2 = () -> "dui-border-t-deep-purple-l-2"; - /** Constant dui_border_r_deep_purple_l_2 */ + CssClass dui_border_r_deep_purple_l_2 = () -> "dui-border-r-deep-purple-l-2"; - /** Constant dui_border_b_deep_purple_l_2 */ + CssClass dui_border_b_deep_purple_l_2 = () -> "dui-border-b-deep-purple-l-2"; - /** Constant dui_border_l_deep_purple_l_2 */ + CssClass dui_border_l_deep_purple_l_2 = () -> "dui-border-l-deep-purple-l-2"; - /** Constant dui_divide_deep_purple_l_2 */ + CssClass dui_divide_deep_purple_l_2 = () -> "dui-divide-deep-purple-l-2"; - /** Constant dui_outline_deep_purple_l_2 */ + CssClass dui_outline_deep_purple_l_2 = () -> "dui-outline-deep-purple-l-2"; - /** Constant dui_fg_deep_purple_l_1 */ + CssClass dui_fg_deep_purple_l_1 = () -> "dui-fg-deep-purple-l-1"; - /** Constant dui_bg_deep_purple_l_1 */ + CssClass dui_bg_deep_purple_l_1 = () -> "dui-bg-deep-purple-l-1"; - /** Constant dui_accent_deep_purple_l_1 */ + CssClass dui_accent_deep_purple_l_1 = () -> "dui-accent-deep-purple-l-1"; - /** Constant dui_shadow_deep_purple_l_1 */ + CssClass dui_shadow_deep_purple_l_1 = () -> "dui-shadow-deep-purple-l-1"; - /** Constant dui_text_decoration_deep_purple_l_1 */ + CssClass dui_text_decoration_deep_purple_l_1 = () -> "dui-text-decoration-deep-purple-l-1"; - /** Constant dui_border_deep_purple_l_1 */ + CssClass dui_border_deep_purple_l_1 = () -> "dui-border-deep-purple-l-1"; - /** Constant dui_border_x_deep_purple_l_1 */ + CssClass dui_border_x_deep_purple_l_1 = () -> "dui-border-x-deep-purple-l-1"; - /** Constant dui_border_y_deep_purple_l_1 */ + CssClass dui_border_y_deep_purple_l_1 = () -> "dui-border-y-deep-purple-l-1"; - /** Constant dui_border_t_deep_purple_l_1 */ + CssClass dui_border_t_deep_purple_l_1 = () -> "dui-border-t-deep-purple-l-1"; - /** Constant dui_border_r_deep_purple_l_1 */ + CssClass dui_border_r_deep_purple_l_1 = () -> "dui-border-r-deep-purple-l-1"; - /** Constant dui_border_b_deep_purple_l_1 */ + CssClass dui_border_b_deep_purple_l_1 = () -> "dui-border-b-deep-purple-l-1"; - /** Constant dui_border_l_deep_purple_l_1 */ + CssClass dui_border_l_deep_purple_l_1 = () -> "dui-border-l-deep-purple-l-1"; - /** Constant dui_divide_deep_purple_l_1 */ + CssClass dui_divide_deep_purple_l_1 = () -> "dui-divide-deep-purple-l-1"; - /** Constant dui_outline_deep_purple_l_1 */ + CssClass dui_outline_deep_purple_l_1 = () -> "dui-outline-deep-purple-l-1"; - /** Constant dui_fg_deep_purple */ + CssClass dui_fg_deep_purple = () -> "dui-fg-deep-purple"; - /** Constant dui_bg_deep_purple */ + CssClass dui_bg_deep_purple = () -> "dui-bg-deep-purple"; - /** Constant dui_accent_deep_purple */ + CssClass dui_accent_deep_purple = () -> "dui-accent-deep-purple"; - /** Constant dui_shadow_deep_purple */ + CssClass dui_shadow_deep_purple = () -> "dui-shadow-deep-purple"; - /** Constant dui_text_decoration_deep_purple */ + CssClass dui_text_decoration_deep_purple = () -> "dui-text-decoration-deep-purple"; - /** Constant dui_border_deep_purple */ + CssClass dui_border_deep_purple = () -> "dui-border-deep-purple"; - /** Constant dui_border_x_deep_purple */ + CssClass dui_border_x_deep_purple = () -> "dui-border-x-deep-purple"; - /** Constant dui_border_y_deep_purple */ + CssClass dui_border_y_deep_purple = () -> "dui-border-y-deep-purple"; - /** Constant dui_border_t_deep_purple */ + CssClass dui_border_t_deep_purple = () -> "dui-border-t-deep-purple"; - /** Constant dui_border_r_deep_purple */ + CssClass dui_border_r_deep_purple = () -> "dui-border-r-deep-purple"; - /** Constant dui_border_b_deep_purple */ + CssClass dui_border_b_deep_purple = () -> "dui-border-b-deep-purple"; - /** Constant dui_border_l_deep_purple */ + CssClass dui_border_l_deep_purple = () -> "dui-border-l-deep-purple"; - /** Constant dui_divide_deep_purple */ + CssClass dui_divide_deep_purple = () -> "dui-divide-deep-purple"; - /** Constant dui_outline_deep_purple */ + CssClass dui_outline_deep_purple = () -> "dui-outline-deep-purple"; - /** Constant dui_fg_deep_purple_d_1 */ + CssClass dui_fg_deep_purple_d_1 = () -> "dui-fg-deep-purple-d-1"; - /** Constant dui_bg_deep_purple_d_1 */ + CssClass dui_bg_deep_purple_d_1 = () -> "dui-bg-deep-purple-d-1"; - /** Constant dui_accent_deep_purple_d_1 */ + CssClass dui_accent_deep_purple_d_1 = () -> "dui-accent-deep-purple-d-1"; - /** Constant dui_shadow_deep_purple_d_1 */ + CssClass dui_shadow_deep_purple_d_1 = () -> "dui-shadow-deep-purple-d-1"; - /** Constant dui_text_decoration_deep_purple_d_1 */ + CssClass dui_text_decoration_deep_purple_d_1 = () -> "dui-text-decoration-deep-purple-d-1"; - /** Constant dui_border_deep_purple_d_1 */ + CssClass dui_border_deep_purple_d_1 = () -> "dui-border-deep-purple-d-1"; - /** Constant dui_border_x_deep_purple_d_1 */ + CssClass dui_border_x_deep_purple_d_1 = () -> "dui-border-x-deep-purple-d-1"; - /** Constant dui_border_y_deep_purple_d_1 */ + CssClass dui_border_y_deep_purple_d_1 = () -> "dui-border-y-deep-purple-d-1"; - /** Constant dui_border_t_deep_purple_d_1 */ + CssClass dui_border_t_deep_purple_d_1 = () -> "dui-border-t-deep-purple-d-1"; - /** Constant dui_border_r_deep_purple_d_1 */ + CssClass dui_border_r_deep_purple_d_1 = () -> "dui-border-r-deep-purple-d-1"; - /** Constant dui_border_b_deep_purple_d_1 */ + CssClass dui_border_b_deep_purple_d_1 = () -> "dui-border-b-deep-purple-d-1"; - /** Constant dui_border_l_deep_purple_d_1 */ + CssClass dui_border_l_deep_purple_d_1 = () -> "dui-border-l-deep-purple-d-1"; - /** Constant dui_divide_deep_purple_d_1 */ + CssClass dui_divide_deep_purple_d_1 = () -> "dui-divide-deep-purple-d-1"; - /** Constant dui_outline_deep_purple_d_1 */ + CssClass dui_outline_deep_purple_d_1 = () -> "dui-outline-deep-purple-d-1"; - /** Constant dui_fg_deep_purple_d_2 */ + CssClass dui_fg_deep_purple_d_2 = () -> "dui-fg-deep-purple-d-2"; - /** Constant dui_bg_deep_purple_d_2 */ + CssClass dui_bg_deep_purple_d_2 = () -> "dui-bg-deep-purple-d-2"; - /** Constant dui_accent_deep_purple_d_2 */ + CssClass dui_accent_deep_purple_d_2 = () -> "dui-accent-deep-purple-d-2"; - /** Constant dui_shadow_deep_purple_d_2 */ + CssClass dui_shadow_deep_purple_d_2 = () -> "dui-shadow-deep-purple-d-2"; - /** Constant dui_text_decoration_deep_purple_d_2 */ + CssClass dui_text_decoration_deep_purple_d_2 = () -> "dui-text-decoration-deep-purple-d-2"; - /** Constant dui_border_deep_purple_d_2 */ + CssClass dui_border_deep_purple_d_2 = () -> "dui-border-deep-purple-d-2"; - /** Constant dui_border_x_deep_purple_d_2 */ + CssClass dui_border_x_deep_purple_d_2 = () -> "dui-border-x-deep-purple-d-2"; - /** Constant dui_border_y_deep_purple_d_2 */ + CssClass dui_border_y_deep_purple_d_2 = () -> "dui-border-y-deep-purple-d-2"; - /** Constant dui_border_t_deep_purple_d_2 */ + CssClass dui_border_t_deep_purple_d_2 = () -> "dui-border-t-deep-purple-d-2"; - /** Constant dui_border_r_deep_purple_d_2 */ + CssClass dui_border_r_deep_purple_d_2 = () -> "dui-border-r-deep-purple-d-2"; - /** Constant dui_border_b_deep_purple_d_2 */ + CssClass dui_border_b_deep_purple_d_2 = () -> "dui-border-b-deep-purple-d-2"; - /** Constant dui_border_l_deep_purple_d_2 */ + CssClass dui_border_l_deep_purple_d_2 = () -> "dui-border-l-deep-purple-d-2"; - /** Constant dui_divide_deep_purple_d_2 */ + CssClass dui_divide_deep_purple_d_2 = () -> "dui-divide-deep-purple-d-2"; - /** Constant dui_outline_deep_purple_d_2 */ + CssClass dui_outline_deep_purple_d_2 = () -> "dui-outline-deep-purple-d-2"; - /** Constant dui_fg_deep_purple_d_3 */ + CssClass dui_fg_deep_purple_d_3 = () -> "dui-fg-deep-purple-d-3"; - /** Constant dui_bg_deep_purple_d_3 */ + CssClass dui_bg_deep_purple_d_3 = () -> "dui-bg-deep-purple-d-3"; - /** Constant dui_accent_deep_purple_d_3 */ + CssClass dui_accent_deep_purple_d_3 = () -> "dui-accent-deep-purple-d-3"; - /** Constant dui_shadow_deep_purple_d_3 */ + CssClass dui_shadow_deep_purple_d_3 = () -> "dui-shadow-deep-purple-d-3"; - /** Constant dui_text_decoration_deep_purple_d_3 */ + CssClass dui_text_decoration_deep_purple_d_3 = () -> "dui-text-decoration-deep-purple-d-3"; - /** Constant dui_border_deep_purple_d_3 */ + CssClass dui_border_deep_purple_d_3 = () -> "dui-border-deep-purple-d-3"; - /** Constant dui_border_x_deep_purple_d_3 */ + CssClass dui_border_x_deep_purple_d_3 = () -> "dui-border-x-deep-purple-d-3"; - /** Constant dui_border_y_deep_purple_d_3 */ + CssClass dui_border_y_deep_purple_d_3 = () -> "dui-border-y-deep-purple-d-3"; - /** Constant dui_border_t_deep_purple_d_3 */ + CssClass dui_border_t_deep_purple_d_3 = () -> "dui-border-t-deep-purple-d-3"; - /** Constant dui_border_r_deep_purple_d_3 */ + CssClass dui_border_r_deep_purple_d_3 = () -> "dui-border-r-deep-purple-d-3"; - /** Constant dui_border_b_deep_purple_d_3 */ + CssClass dui_border_b_deep_purple_d_3 = () -> "dui-border-b-deep-purple-d-3"; - /** Constant dui_border_l_deep_purple_d_3 */ + CssClass dui_border_l_deep_purple_d_3 = () -> "dui-border-l-deep-purple-d-3"; - /** Constant dui_divide_deep_purple_d_3 */ + CssClass dui_divide_deep_purple_d_3 = () -> "dui-divide-deep-purple-d-3"; - /** Constant dui_outline_deep_purple_d_3 */ + CssClass dui_outline_deep_purple_d_3 = () -> "dui-outline-deep-purple-d-3"; - /** Constant dui_fg_deep_purple_d_4 */ + CssClass dui_fg_deep_purple_d_4 = () -> "dui-fg-deep-purple-d-4"; - /** Constant dui_bg_deep_purple_d_4 */ + CssClass dui_bg_deep_purple_d_4 = () -> "dui-bg-deep-purple-d-4"; - /** Constant dui_accent_deep_purple_d_4 */ + CssClass dui_accent_deep_purple_d_4 = () -> "dui-accent-deep-purple-d-4"; - /** Constant dui_shadow_deep_purple_d_4 */ + CssClass dui_shadow_deep_purple_d_4 = () -> "dui-shadow-deep-purple-d-4"; - /** Constant dui_text_decoration_deep_purple_d_4 */ + CssClass dui_text_decoration_deep_purple_d_4 = () -> "dui-text-decoration-deep-purple-d-4"; - /** Constant dui_border_deep_purple_d_4 */ + CssClass dui_border_deep_purple_d_4 = () -> "dui-border-deep-purple-d-4"; - /** Constant dui_border_x_deep_purple_d_4 */ + CssClass dui_border_x_deep_purple_d_4 = () -> "dui-border-x-deep-purple-d-4"; - /** Constant dui_border_y_deep_purple_d_4 */ + CssClass dui_border_y_deep_purple_d_4 = () -> "dui-border-y-deep-purple-d-4"; - /** Constant dui_border_t_deep_purple_d_4 */ + CssClass dui_border_t_deep_purple_d_4 = () -> "dui-border-t-deep-purple-d-4"; - /** Constant dui_border_r_deep_purple_d_4 */ + CssClass dui_border_r_deep_purple_d_4 = () -> "dui-border-r-deep-purple-d-4"; - /** Constant dui_border_b_deep_purple_d_4 */ + CssClass dui_border_b_deep_purple_d_4 = () -> "dui-border-b-deep-purple-d-4"; - /** Constant dui_border_l_deep_purple_d_4 */ + CssClass dui_border_l_deep_purple_d_4 = () -> "dui-border-l-deep-purple-d-4"; - /** Constant dui_divide_deep_purple_d_4 */ + CssClass dui_divide_deep_purple_d_4 = () -> "dui-divide-deep-purple-d-4"; - /** Constant dui_outline_deep_purple_d_4 */ + CssClass dui_outline_deep_purple_d_4 = () -> "dui-outline-deep-purple-d-4"; - /** Constant dui_fg_indigo_l_5 */ + CssClass dui_fg_indigo_l_5 = () -> "dui-fg-indigo-l-5"; - /** Constant dui_bg_indigo_l_5 */ + CssClass dui_bg_indigo_l_5 = () -> "dui-bg-indigo-l-5"; - /** Constant dui_accent_indigo_l_5 */ + CssClass dui_accent_indigo_l_5 = () -> "dui-accent-indigo-l-5"; - /** Constant dui_shadow_indigo_l_5 */ + CssClass dui_shadow_indigo_l_5 = () -> "dui-shadow-indigo-l-5"; - /** Constant dui_text_decoration_indigo_l_5 */ + CssClass dui_text_decoration_indigo_l_5 = () -> "dui-text-decoration-indigo-l-5"; - /** Constant dui_border_indigo_l_5 */ + CssClass dui_border_indigo_l_5 = () -> "dui-border-indigo-l-5"; - /** Constant dui_border_x_indigo_l_5 */ + CssClass dui_border_x_indigo_l_5 = () -> "dui-border-x-indigo-l-5"; - /** Constant dui_border_y_indigo_l_5 */ + CssClass dui_border_y_indigo_l_5 = () -> "dui-border-y-indigo-l-5"; - /** Constant dui_border_t_indigo_l_5 */ + CssClass dui_border_t_indigo_l_5 = () -> "dui-border-t-indigo-l-5"; - /** Constant dui_border_r_indigo_l_5 */ + CssClass dui_border_r_indigo_l_5 = () -> "dui-border-r-indigo-l-5"; - /** Constant dui_border_b_indigo_l_5 */ + CssClass dui_border_b_indigo_l_5 = () -> "dui-border-b-indigo-l-5"; - /** Constant dui_border_l_indigo_l_5 */ + CssClass dui_border_l_indigo_l_5 = () -> "dui-border-l-indigo-l-5"; - /** Constant dui_divide_indigo_l_5 */ + CssClass dui_divide_indigo_l_5 = () -> "dui-divide-indigo-l-5"; - /** Constant dui_outline_indigo_l_5 */ + CssClass dui_outline_indigo_l_5 = () -> "dui-outline-indigo-l-5"; - /** Constant dui_fg_indigo_l_4 */ + CssClass dui_fg_indigo_l_4 = () -> "dui-fg-indigo-l-4"; - /** Constant dui_bg_indigo_l_4 */ + CssClass dui_bg_indigo_l_4 = () -> "dui-bg-indigo-l-4"; - /** Constant dui_accent_indigo_l_4 */ + CssClass dui_accent_indigo_l_4 = () -> "dui-accent-indigo-l-4"; - /** Constant dui_shadow_indigo_l_4 */ + CssClass dui_shadow_indigo_l_4 = () -> "dui-shadow-indigo-l-4"; - /** Constant dui_text_decoration_indigo_l_4 */ + CssClass dui_text_decoration_indigo_l_4 = () -> "dui-text-decoration-indigo-l-4"; - /** Constant dui_border_indigo_l_4 */ + CssClass dui_border_indigo_l_4 = () -> "dui-border-indigo-l-4"; - /** Constant dui_border_x_indigo_l_4 */ + CssClass dui_border_x_indigo_l_4 = () -> "dui-border-x-indigo-l-4"; - /** Constant dui_border_y_indigo_l_4 */ + CssClass dui_border_y_indigo_l_4 = () -> "dui-border-y-indigo-l-4"; - /** Constant dui_border_t_indigo_l_4 */ + CssClass dui_border_t_indigo_l_4 = () -> "dui-border-t-indigo-l-4"; - /** Constant dui_border_r_indigo_l_4 */ + CssClass dui_border_r_indigo_l_4 = () -> "dui-border-r-indigo-l-4"; - /** Constant dui_border_b_indigo_l_4 */ + CssClass dui_border_b_indigo_l_4 = () -> "dui-border-b-indigo-l-4"; - /** Constant dui_border_l_indigo_l_4 */ + CssClass dui_border_l_indigo_l_4 = () -> "dui-border-l-indigo-l-4"; - /** Constant dui_divide_indigo_l_4 */ + CssClass dui_divide_indigo_l_4 = () -> "dui-divide-indigo-l-4"; - /** Constant dui_outline_indigo_l_4 */ + CssClass dui_outline_indigo_l_4 = () -> "dui-outline-indigo-l-4"; - /** Constant dui_fg_indigo_l_3 */ + CssClass dui_fg_indigo_l_3 = () -> "dui-fg-indigo-l-3"; - /** Constant dui_bg_indigo_l_3 */ + CssClass dui_bg_indigo_l_3 = () -> "dui-bg-indigo-l-3"; - /** Constant dui_accent_indigo_l_3 */ + CssClass dui_accent_indigo_l_3 = () -> "dui-accent-indigo-l-3"; - /** Constant dui_shadow_indigo_l_3 */ + CssClass dui_shadow_indigo_l_3 = () -> "dui-shadow-indigo-l-3"; - /** Constant dui_text_decoration_indigo_l_3 */ + CssClass dui_text_decoration_indigo_l_3 = () -> "dui-text-decoration-indigo-l-3"; - /** Constant dui_border_indigo_l_3 */ + CssClass dui_border_indigo_l_3 = () -> "dui-border-indigo-l-3"; - /** Constant dui_border_x_indigo_l_3 */ + CssClass dui_border_x_indigo_l_3 = () -> "dui-border-x-indigo-l-3"; - /** Constant dui_border_y_indigo_l_3 */ + CssClass dui_border_y_indigo_l_3 = () -> "dui-border-y-indigo-l-3"; - /** Constant dui_border_t_indigo_l_3 */ + CssClass dui_border_t_indigo_l_3 = () -> "dui-border-t-indigo-l-3"; - /** Constant dui_border_r_indigo_l_3 */ + CssClass dui_border_r_indigo_l_3 = () -> "dui-border-r-indigo-l-3"; - /** Constant dui_border_b_indigo_l_3 */ + CssClass dui_border_b_indigo_l_3 = () -> "dui-border-b-indigo-l-3"; - /** Constant dui_border_l_indigo_l_3 */ + CssClass dui_border_l_indigo_l_3 = () -> "dui-border-l-indigo-l-3"; - /** Constant dui_divide_indigo_l_3 */ + CssClass dui_divide_indigo_l_3 = () -> "dui-divide-indigo-l-3"; - /** Constant dui_outline_indigo_l_3 */ + CssClass dui_outline_indigo_l_3 = () -> "dui-outline-indigo-l-3"; - /** Constant dui_fg_indigo_l_2 */ + CssClass dui_fg_indigo_l_2 = () -> "dui-fg-indigo-l-2"; - /** Constant dui_bg_indigo_l_2 */ + CssClass dui_bg_indigo_l_2 = () -> "dui-bg-indigo-l-2"; - /** Constant dui_accent_indigo_l_2 */ + CssClass dui_accent_indigo_l_2 = () -> "dui-accent-indigo-l-2"; - /** Constant dui_shadow_indigo_l_2 */ + CssClass dui_shadow_indigo_l_2 = () -> "dui-shadow-indigo-l-2"; - /** Constant dui_text_decoration_indigo_l_2 */ + CssClass dui_text_decoration_indigo_l_2 = () -> "dui-text-decoration-indigo-l-2"; - /** Constant dui_border_indigo_l_2 */ + CssClass dui_border_indigo_l_2 = () -> "dui-border-indigo-l-2"; - /** Constant dui_border_x_indigo_l_2 */ + CssClass dui_border_x_indigo_l_2 = () -> "dui-border-x-indigo-l-2"; - /** Constant dui_border_y_indigo_l_2 */ + CssClass dui_border_y_indigo_l_2 = () -> "dui-border-y-indigo-l-2"; - /** Constant dui_border_t_indigo_l_2 */ + CssClass dui_border_t_indigo_l_2 = () -> "dui-border-t-indigo-l-2"; - /** Constant dui_border_r_indigo_l_2 */ + CssClass dui_border_r_indigo_l_2 = () -> "dui-border-r-indigo-l-2"; - /** Constant dui_border_b_indigo_l_2 */ + CssClass dui_border_b_indigo_l_2 = () -> "dui-border-b-indigo-l-2"; - /** Constant dui_border_l_indigo_l_2 */ + CssClass dui_border_l_indigo_l_2 = () -> "dui-border-l-indigo-l-2"; - /** Constant dui_divide_indigo_l_2 */ + CssClass dui_divide_indigo_l_2 = () -> "dui-divide-indigo-l-2"; - /** Constant dui_outline_indigo_l_2 */ + CssClass dui_outline_indigo_l_2 = () -> "dui-outline-indigo-l-2"; - /** Constant dui_fg_indigo_l_1 */ + CssClass dui_fg_indigo_l_1 = () -> "dui-fg-indigo-l-1"; - /** Constant dui_bg_indigo_l_1 */ + CssClass dui_bg_indigo_l_1 = () -> "dui-bg-indigo-l-1"; - /** Constant dui_accent_indigo_l_1 */ + CssClass dui_accent_indigo_l_1 = () -> "dui-accent-indigo-l-1"; - /** Constant dui_shadow_indigo_l_1 */ + CssClass dui_shadow_indigo_l_1 = () -> "dui-shadow-indigo-l-1"; - /** Constant dui_text_decoration_indigo_l_1 */ + CssClass dui_text_decoration_indigo_l_1 = () -> "dui-text-decoration-indigo-l-1"; - /** Constant dui_border_indigo_l_1 */ + CssClass dui_border_indigo_l_1 = () -> "dui-border-indigo-l-1"; - /** Constant dui_border_x_indigo_l_1 */ + CssClass dui_border_x_indigo_l_1 = () -> "dui-border-x-indigo-l-1"; - /** Constant dui_border_y_indigo_l_1 */ + CssClass dui_border_y_indigo_l_1 = () -> "dui-border-y-indigo-l-1"; - /** Constant dui_border_t_indigo_l_1 */ + CssClass dui_border_t_indigo_l_1 = () -> "dui-border-t-indigo-l-1"; - /** Constant dui_border_r_indigo_l_1 */ + CssClass dui_border_r_indigo_l_1 = () -> "dui-border-r-indigo-l-1"; - /** Constant dui_border_b_indigo_l_1 */ + CssClass dui_border_b_indigo_l_1 = () -> "dui-border-b-indigo-l-1"; - /** Constant dui_border_l_indigo_l_1 */ + CssClass dui_border_l_indigo_l_1 = () -> "dui-border-l-indigo-l-1"; - /** Constant dui_divide_indigo_l_1 */ + CssClass dui_divide_indigo_l_1 = () -> "dui-divide-indigo-l-1"; - /** Constant dui_outline_indigo_l_1 */ + CssClass dui_outline_indigo_l_1 = () -> "dui-outline-indigo-l-1"; - /** Constant dui_fg_indigo */ + CssClass dui_fg_indigo = () -> "dui-fg-indigo"; - /** Constant dui_bg_indigo */ + CssClass dui_bg_indigo = () -> "dui-bg-indigo"; - /** Constant dui_accent_indigo */ + CssClass dui_accent_indigo = () -> "dui-accent-indigo"; - /** Constant dui_shadow_indigo */ + CssClass dui_shadow_indigo = () -> "dui-shadow-indigo"; - /** Constant dui_text_decoration_indigo */ + CssClass dui_text_decoration_indigo = () -> "dui-text-decoration-indigo"; - /** Constant dui_border_indigo */ + CssClass dui_border_indigo = () -> "dui-border-indigo"; - /** Constant dui_border_x_indigo */ + CssClass dui_border_x_indigo = () -> "dui-border-x-indigo"; - /** Constant dui_border_y_indigo */ + CssClass dui_border_y_indigo = () -> "dui-border-y-indigo"; - /** Constant dui_border_t_indigo */ + CssClass dui_border_t_indigo = () -> "dui-border-t-indigo"; - /** Constant dui_border_r_indigo */ + CssClass dui_border_r_indigo = () -> "dui-border-r-indigo"; - /** Constant dui_border_b_indigo */ + CssClass dui_border_b_indigo = () -> "dui-border-b-indigo"; - /** Constant dui_border_l_indigo */ + CssClass dui_border_l_indigo = () -> "dui-border-l-indigo"; - /** Constant dui_divide_indigo */ + CssClass dui_divide_indigo = () -> "dui-divide-indigo"; - /** Constant dui_outline_indigo */ + CssClass dui_outline_indigo = () -> "dui-outline-indigo"; - /** Constant dui_fg_indigo_d_1 */ + CssClass dui_fg_indigo_d_1 = () -> "dui-fg-indigo-d-1"; - /** Constant dui_bg_indigo_d_1 */ + CssClass dui_bg_indigo_d_1 = () -> "dui-bg-indigo-d-1"; - /** Constant dui_accent_indigo_d_1 */ + CssClass dui_accent_indigo_d_1 = () -> "dui-accent-indigo-d-1"; - /** Constant dui_shadow_indigo_d_1 */ + CssClass dui_shadow_indigo_d_1 = () -> "dui-shadow-indigo-d-1"; - /** Constant dui_text_decoration_indigo_d_1 */ + CssClass dui_text_decoration_indigo_d_1 = () -> "dui-text-decoration-indigo-d-1"; - /** Constant dui_border_indigo_d_1 */ + CssClass dui_border_indigo_d_1 = () -> "dui-border-indigo-d-1"; - /** Constant dui_border_x_indigo_d_1 */ + CssClass dui_border_x_indigo_d_1 = () -> "dui-border-x-indigo-d-1"; - /** Constant dui_border_y_indigo_d_1 */ + CssClass dui_border_y_indigo_d_1 = () -> "dui-border-y-indigo-d-1"; - /** Constant dui_border_t_indigo_d_1 */ + CssClass dui_border_t_indigo_d_1 = () -> "dui-border-t-indigo-d-1"; - /** Constant dui_border_r_indigo_d_1 */ + CssClass dui_border_r_indigo_d_1 = () -> "dui-border-r-indigo-d-1"; - /** Constant dui_border_b_indigo_d_1 */ + CssClass dui_border_b_indigo_d_1 = () -> "dui-border-b-indigo-d-1"; - /** Constant dui_border_l_indigo_d_1 */ + CssClass dui_border_l_indigo_d_1 = () -> "dui-border-l-indigo-d-1"; - /** Constant dui_divide_indigo_d_1 */ + CssClass dui_divide_indigo_d_1 = () -> "dui-divide-indigo-d-1"; - /** Constant dui_outline_indigo_d_1 */ + CssClass dui_outline_indigo_d_1 = () -> "dui-outline-indigo-d-1"; - /** Constant dui_fg_indigo_d_2 */ + CssClass dui_fg_indigo_d_2 = () -> "dui-fg-indigo-d-2"; - /** Constant dui_bg_indigo_d_2 */ + CssClass dui_bg_indigo_d_2 = () -> "dui-bg-indigo-d-2"; - /** Constant dui_accent_indigo_d_2 */ + CssClass dui_accent_indigo_d_2 = () -> "dui-accent-indigo-d-2"; - /** Constant dui_shadow_indigo_d_2 */ + CssClass dui_shadow_indigo_d_2 = () -> "dui-shadow-indigo-d-2"; - /** Constant dui_text_decoration_indigo_d_2 */ + CssClass dui_text_decoration_indigo_d_2 = () -> "dui-text-decoration-indigo-d-2"; - /** Constant dui_border_indigo_d_2 */ + CssClass dui_border_indigo_d_2 = () -> "dui-border-indigo-d-2"; - /** Constant dui_border_x_indigo_d_2 */ + CssClass dui_border_x_indigo_d_2 = () -> "dui-border-x-indigo-d-2"; - /** Constant dui_border_y_indigo_d_2 */ + CssClass dui_border_y_indigo_d_2 = () -> "dui-border-y-indigo-d-2"; - /** Constant dui_border_t_indigo_d_2 */ + CssClass dui_border_t_indigo_d_2 = () -> "dui-border-t-indigo-d-2"; - /** Constant dui_border_r_indigo_d_2 */ + CssClass dui_border_r_indigo_d_2 = () -> "dui-border-r-indigo-d-2"; - /** Constant dui_border_b_indigo_d_2 */ + CssClass dui_border_b_indigo_d_2 = () -> "dui-border-b-indigo-d-2"; - /** Constant dui_border_l_indigo_d_2 */ + CssClass dui_border_l_indigo_d_2 = () -> "dui-border-l-indigo-d-2"; - /** Constant dui_divide_indigo_d_2 */ + CssClass dui_divide_indigo_d_2 = () -> "dui-divide-indigo-d-2"; - /** Constant dui_outline_indigo_d_2 */ + CssClass dui_outline_indigo_d_2 = () -> "dui-outline-indigo-d-2"; - /** Constant dui_fg_indigo_d_3 */ + CssClass dui_fg_indigo_d_3 = () -> "dui-fg-indigo-d-3"; - /** Constant dui_bg_indigo_d_3 */ + CssClass dui_bg_indigo_d_3 = () -> "dui-bg-indigo-d-3"; - /** Constant dui_accent_indigo_d_3 */ + CssClass dui_accent_indigo_d_3 = () -> "dui-accent-indigo-d-3"; - /** Constant dui_shadow_indigo_d_3 */ + CssClass dui_shadow_indigo_d_3 = () -> "dui-shadow-indigo-d-3"; - /** Constant dui_text_decoration_indigo_d_3 */ + CssClass dui_text_decoration_indigo_d_3 = () -> "dui-text-decoration-indigo-d-3"; - /** Constant dui_border_indigo_d_3 */ + CssClass dui_border_indigo_d_3 = () -> "dui-border-indigo-d-3"; - /** Constant dui_border_x_indigo_d_3 */ + CssClass dui_border_x_indigo_d_3 = () -> "dui-border-x-indigo-d-3"; - /** Constant dui_border_y_indigo_d_3 */ + CssClass dui_border_y_indigo_d_3 = () -> "dui-border-y-indigo-d-3"; - /** Constant dui_border_t_indigo_d_3 */ + CssClass dui_border_t_indigo_d_3 = () -> "dui-border-t-indigo-d-3"; - /** Constant dui_border_r_indigo_d_3 */ + CssClass dui_border_r_indigo_d_3 = () -> "dui-border-r-indigo-d-3"; - /** Constant dui_border_b_indigo_d_3 */ + CssClass dui_border_b_indigo_d_3 = () -> "dui-border-b-indigo-d-3"; - /** Constant dui_border_l_indigo_d_3 */ + CssClass dui_border_l_indigo_d_3 = () -> "dui-border-l-indigo-d-3"; - /** Constant dui_divide_indigo_d_3 */ + CssClass dui_divide_indigo_d_3 = () -> "dui-divide-indigo-d-3"; - /** Constant dui_outline_indigo_d_3 */ + CssClass dui_outline_indigo_d_3 = () -> "dui-outline-indigo-d-3"; - /** Constant dui_fg_indigo_d_4 */ + CssClass dui_fg_indigo_d_4 = () -> "dui-fg-indigo-d-4"; - /** Constant dui_bg_indigo_d_4 */ + CssClass dui_bg_indigo_d_4 = () -> "dui-bg-indigo-d-4"; - /** Constant dui_accent_indigo_d_4 */ + CssClass dui_accent_indigo_d_4 = () -> "dui-accent-indigo-d-4"; - /** Constant dui_shadow_indigo_d_4 */ + CssClass dui_shadow_indigo_d_4 = () -> "dui-shadow-indigo-d-4"; - /** Constant dui_text_decoration_indigo_d_4 */ + CssClass dui_text_decoration_indigo_d_4 = () -> "dui-text-decoration-indigo-d-4"; - /** Constant dui_border_indigo_d_4 */ + CssClass dui_border_indigo_d_4 = () -> "dui-border-indigo-d-4"; - /** Constant dui_border_x_indigo_d_4 */ + CssClass dui_border_x_indigo_d_4 = () -> "dui-border-x-indigo-d-4"; - /** Constant dui_border_y_indigo_d_4 */ + CssClass dui_border_y_indigo_d_4 = () -> "dui-border-y-indigo-d-4"; - /** Constant dui_border_t_indigo_d_4 */ + CssClass dui_border_t_indigo_d_4 = () -> "dui-border-t-indigo-d-4"; - /** Constant dui_border_r_indigo_d_4 */ + CssClass dui_border_r_indigo_d_4 = () -> "dui-border-r-indigo-d-4"; - /** Constant dui_border_b_indigo_d_4 */ + CssClass dui_border_b_indigo_d_4 = () -> "dui-border-b-indigo-d-4"; - /** Constant dui_border_l_indigo_d_4 */ + CssClass dui_border_l_indigo_d_4 = () -> "dui-border-l-indigo-d-4"; - /** Constant dui_divide_indigo_d_4 */ + CssClass dui_divide_indigo_d_4 = () -> "dui-divide-indigo-d-4"; - /** Constant dui_outline_indigo_d_4 */ + CssClass dui_outline_indigo_d_4 = () -> "dui-outline-indigo-d-4"; - /** Constant dui_fg_blue_l_5 */ + CssClass dui_fg_blue_l_5 = () -> "dui-fg-blue-l-5"; - /** Constant dui_bg_blue_l_5 */ + CssClass dui_bg_blue_l_5 = () -> "dui-bg-blue-l-5"; - /** Constant dui_accent_blue_l_5 */ + CssClass dui_accent_blue_l_5 = () -> "dui-accent-blue-l-5"; - /** Constant dui_shadow_blue_l_5 */ + CssClass dui_shadow_blue_l_5 = () -> "dui-shadow-blue-l-5"; - /** Constant dui_text_decoration_blue_l_5 */ + CssClass dui_text_decoration_blue_l_5 = () -> "dui-text-decoration-blue-l-5"; - /** Constant dui_border_blue_l_5 */ + CssClass dui_border_blue_l_5 = () -> "dui-border-blue-l-5"; - /** Constant dui_border_x_blue_l_5 */ + CssClass dui_border_x_blue_l_5 = () -> "dui-border-x-blue-l-5"; - /** Constant dui_border_y_blue_l_5 */ + CssClass dui_border_y_blue_l_5 = () -> "dui-border-y-blue-l-5"; - /** Constant dui_border_t_blue_l_5 */ + CssClass dui_border_t_blue_l_5 = () -> "dui-border-t-blue-l-5"; - /** Constant dui_border_r_blue_l_5 */ + CssClass dui_border_r_blue_l_5 = () -> "dui-border-r-blue-l-5"; - /** Constant dui_border_b_blue_l_5 */ + CssClass dui_border_b_blue_l_5 = () -> "dui-border-b-blue-l-5"; - /** Constant dui_border_l_blue_l_5 */ + CssClass dui_border_l_blue_l_5 = () -> "dui-border-l-blue-l-5"; - /** Constant dui_divide_blue_l_5 */ + CssClass dui_divide_blue_l_5 = () -> "dui-divide-blue-l-5"; - /** Constant dui_outline_blue_l_5 */ + CssClass dui_outline_blue_l_5 = () -> "dui-outline-blue-l-5"; - /** Constant dui_fg_blue_l_4 */ + CssClass dui_fg_blue_l_4 = () -> "dui-fg-blue-l-4"; - /** Constant dui_bg_blue_l_4 */ + CssClass dui_bg_blue_l_4 = () -> "dui-bg-blue-l-4"; - /** Constant dui_accent_blue_l_4 */ + CssClass dui_accent_blue_l_4 = () -> "dui-accent-blue-l-4"; - /** Constant dui_shadow_blue_l_4 */ + CssClass dui_shadow_blue_l_4 = () -> "dui-shadow-blue-l-4"; - /** Constant dui_text_decoration_blue_l_4 */ + CssClass dui_text_decoration_blue_l_4 = () -> "dui-text-decoration-blue-l-4"; - /** Constant dui_border_blue_l_4 */ + CssClass dui_border_blue_l_4 = () -> "dui-border-blue-l-4"; - /** Constant dui_border_x_blue_l_4 */ + CssClass dui_border_x_blue_l_4 = () -> "dui-border-x-blue-l-4"; - /** Constant dui_border_y_blue_l_4 */ + CssClass dui_border_y_blue_l_4 = () -> "dui-border-y-blue-l-4"; - /** Constant dui_border_t_blue_l_4 */ + CssClass dui_border_t_blue_l_4 = () -> "dui-border-t-blue-l-4"; - /** Constant dui_border_r_blue_l_4 */ + CssClass dui_border_r_blue_l_4 = () -> "dui-border-r-blue-l-4"; - /** Constant dui_border_b_blue_l_4 */ + CssClass dui_border_b_blue_l_4 = () -> "dui-border-b-blue-l-4"; - /** Constant dui_border_l_blue_l_4 */ + CssClass dui_border_l_blue_l_4 = () -> "dui-border-l-blue-l-4"; - /** Constant dui_divide_blue_l_4 */ + CssClass dui_divide_blue_l_4 = () -> "dui-divide-blue-l-4"; - /** Constant dui_outline_blue_l_4 */ + CssClass dui_outline_blue_l_4 = () -> "dui-outline-blue-l-4"; - /** Constant dui_fg_blue_l_3 */ + CssClass dui_fg_blue_l_3 = () -> "dui-fg-blue-l-3"; - /** Constant dui_bg_blue_l_3 */ + CssClass dui_bg_blue_l_3 = () -> "dui-bg-blue-l-3"; - /** Constant dui_accent_blue_l_3 */ + CssClass dui_accent_blue_l_3 = () -> "dui-accent-blue-l-3"; - /** Constant dui_shadow_blue_l_3 */ + CssClass dui_shadow_blue_l_3 = () -> "dui-shadow-blue-l-3"; - /** Constant dui_text_decoration_blue_l_3 */ + CssClass dui_text_decoration_blue_l_3 = () -> "dui-text-decoration-blue-l-3"; - /** Constant dui_border_blue_l_3 */ + CssClass dui_border_blue_l_3 = () -> "dui-border-blue-l-3"; - /** Constant dui_border_x_blue_l_3 */ + CssClass dui_border_x_blue_l_3 = () -> "dui-border-x-blue-l-3"; - /** Constant dui_border_y_blue_l_3 */ + CssClass dui_border_y_blue_l_3 = () -> "dui-border-y-blue-l-3"; - /** Constant dui_border_t_blue_l_3 */ + CssClass dui_border_t_blue_l_3 = () -> "dui-border-t-blue-l-3"; - /** Constant dui_border_r_blue_l_3 */ + CssClass dui_border_r_blue_l_3 = () -> "dui-border-r-blue-l-3"; - /** Constant dui_border_b_blue_l_3 */ + CssClass dui_border_b_blue_l_3 = () -> "dui-border-b-blue-l-3"; - /** Constant dui_border_l_blue_l_3 */ + CssClass dui_border_l_blue_l_3 = () -> "dui-border-l-blue-l-3"; - /** Constant dui_divide_blue_l_3 */ + CssClass dui_divide_blue_l_3 = () -> "dui-divide-blue-l-3"; - /** Constant dui_outline_blue_l_3 */ + CssClass dui_outline_blue_l_3 = () -> "dui-outline-blue-l-3"; - /** Constant dui_fg_blue_l_2 */ + CssClass dui_fg_blue_l_2 = () -> "dui-fg-blue-l-2"; - /** Constant dui_bg_blue_l_2 */ + CssClass dui_bg_blue_l_2 = () -> "dui-bg-blue-l-2"; - /** Constant dui_accent_blue_l_2 */ + CssClass dui_accent_blue_l_2 = () -> "dui-accent-blue-l-2"; - /** Constant dui_shadow_blue_l_2 */ + CssClass dui_shadow_blue_l_2 = () -> "dui-shadow-blue-l-2"; - /** Constant dui_text_decoration_blue_l_2 */ + CssClass dui_text_decoration_blue_l_2 = () -> "dui-text-decoration-blue-l-2"; - /** Constant dui_border_blue_l_2 */ + CssClass dui_border_blue_l_2 = () -> "dui-border-blue-l-2"; - /** Constant dui_border_x_blue_l_2 */ + CssClass dui_border_x_blue_l_2 = () -> "dui-border-x-blue-l-2"; - /** Constant dui_border_y_blue_l_2 */ + CssClass dui_border_y_blue_l_2 = () -> "dui-border-y-blue-l-2"; - /** Constant dui_border_t_blue_l_2 */ + CssClass dui_border_t_blue_l_2 = () -> "dui-border-t-blue-l-2"; - /** Constant dui_border_r_blue_l_2 */ + CssClass dui_border_r_blue_l_2 = () -> "dui-border-r-blue-l-2"; - /** Constant dui_border_b_blue_l_2 */ + CssClass dui_border_b_blue_l_2 = () -> "dui-border-b-blue-l-2"; - /** Constant dui_border_l_blue_l_2 */ + CssClass dui_border_l_blue_l_2 = () -> "dui-border-l-blue-l-2"; - /** Constant dui_divide_blue_l_2 */ + CssClass dui_divide_blue_l_2 = () -> "dui-divide-blue-l-2"; - /** Constant dui_outline_blue_l_2 */ + CssClass dui_outline_blue_l_2 = () -> "dui-outline-blue-l-2"; - /** Constant dui_fg_blue_l_1 */ + CssClass dui_fg_blue_l_1 = () -> "dui-fg-blue-l-1"; - /** Constant dui_bg_blue_l_1 */ + CssClass dui_bg_blue_l_1 = () -> "dui-bg-blue-l-1"; - /** Constant dui_accent_blue_l_1 */ + CssClass dui_accent_blue_l_1 = () -> "dui-accent-blue-l-1"; - /** Constant dui_shadow_blue_l_1 */ + CssClass dui_shadow_blue_l_1 = () -> "dui-shadow-blue-l-1"; - /** Constant dui_text_decoration_blue_l_1 */ + CssClass dui_text_decoration_blue_l_1 = () -> "dui-text-decoration-blue-l-1"; - /** Constant dui_border_blue_l_1 */ + CssClass dui_border_blue_l_1 = () -> "dui-border-blue-l-1"; - /** Constant dui_border_x_blue_l_1 */ + CssClass dui_border_x_blue_l_1 = () -> "dui-border-x-blue-l-1"; - /** Constant dui_border_y_blue_l_1 */ + CssClass dui_border_y_blue_l_1 = () -> "dui-border-y-blue-l-1"; - /** Constant dui_border_t_blue_l_1 */ + CssClass dui_border_t_blue_l_1 = () -> "dui-border-t-blue-l-1"; - /** Constant dui_border_r_blue_l_1 */ + CssClass dui_border_r_blue_l_1 = () -> "dui-border-r-blue-l-1"; - /** Constant dui_border_b_blue_l_1 */ + CssClass dui_border_b_blue_l_1 = () -> "dui-border-b-blue-l-1"; - /** Constant dui_border_l_blue_l_1 */ + CssClass dui_border_l_blue_l_1 = () -> "dui-border-l-blue-l-1"; - /** Constant dui_divide_blue_l_1 */ + CssClass dui_divide_blue_l_1 = () -> "dui-divide-blue-l-1"; - /** Constant dui_outline_blue_l_1 */ + CssClass dui_outline_blue_l_1 = () -> "dui-outline-blue-l-1"; - /** Constant dui_fg_blue */ + CssClass dui_fg_blue = () -> "dui-fg-blue"; - /** Constant dui_bg_blue */ + CssClass dui_bg_blue = () -> "dui-bg-blue"; - /** Constant dui_accent_blue */ + CssClass dui_accent_blue = () -> "dui-accent-blue"; - /** Constant dui_shadow_blue */ + CssClass dui_shadow_blue = () -> "dui-shadow-blue"; - /** Constant dui_text_decoration_blue */ + CssClass dui_text_decoration_blue = () -> "dui-text-decoration-blue"; - /** Constant dui_border_blue */ + CssClass dui_border_blue = () -> "dui-border-blue"; - /** Constant dui_border_x_blue */ + CssClass dui_border_x_blue = () -> "dui-border-x-blue"; - /** Constant dui_border_y_blue */ + CssClass dui_border_y_blue = () -> "dui-border-y-blue"; - /** Constant dui_border_t_blue */ + CssClass dui_border_t_blue = () -> "dui-border-t-blue"; - /** Constant dui_border_r_blue */ + CssClass dui_border_r_blue = () -> "dui-border-r-blue"; - /** Constant dui_border_b_blue */ + CssClass dui_border_b_blue = () -> "dui-border-b-blue"; - /** Constant dui_border_l_blue */ + CssClass dui_border_l_blue = () -> "dui-border-l-blue"; - /** Constant dui_divide_blue */ + CssClass dui_divide_blue = () -> "dui-divide-blue"; - /** Constant dui_outline_blue */ + CssClass dui_outline_blue = () -> "dui-outline-blue"; - /** Constant dui_fg_blue_d_1 */ + CssClass dui_fg_blue_d_1 = () -> "dui-fg-blue-d-1"; - /** Constant dui_bg_blue_d_1 */ + CssClass dui_bg_blue_d_1 = () -> "dui-bg-blue-d-1"; - /** Constant dui_accent_blue_d_1 */ + CssClass dui_accent_blue_d_1 = () -> "dui-accent-blue-d-1"; - /** Constant dui_shadow_blue_d_1 */ + CssClass dui_shadow_blue_d_1 = () -> "dui-shadow-blue-d-1"; - /** Constant dui_text_decoration_blue_d_1 */ + CssClass dui_text_decoration_blue_d_1 = () -> "dui-text-decoration-blue-d-1"; - /** Constant dui_border_blue_d_1 */ + CssClass dui_border_blue_d_1 = () -> "dui-border-blue-d-1"; - /** Constant dui_border_x_blue_d_1 */ + CssClass dui_border_x_blue_d_1 = () -> "dui-border-x-blue-d-1"; - /** Constant dui_border_y_blue_d_1 */ + CssClass dui_border_y_blue_d_1 = () -> "dui-border-y-blue-d-1"; - /** Constant dui_border_t_blue_d_1 */ + CssClass dui_border_t_blue_d_1 = () -> "dui-border-t-blue-d-1"; - /** Constant dui_border_r_blue_d_1 */ + CssClass dui_border_r_blue_d_1 = () -> "dui-border-r-blue-d-1"; - /** Constant dui_border_b_blue_d_1 */ + CssClass dui_border_b_blue_d_1 = () -> "dui-border-b-blue-d-1"; - /** Constant dui_border_l_blue_d_1 */ + CssClass dui_border_l_blue_d_1 = () -> "dui-border-l-blue-d-1"; - /** Constant dui_divide_blue_d_1 */ + CssClass dui_divide_blue_d_1 = () -> "dui-divide-blue-d-1"; - /** Constant dui_outline_blue_d_1 */ + CssClass dui_outline_blue_d_1 = () -> "dui-outline-blue-d-1"; - /** Constant dui_fg_blue_d_2 */ + CssClass dui_fg_blue_d_2 = () -> "dui-fg-blue-d-2"; - /** Constant dui_bg_blue_d_2 */ + CssClass dui_bg_blue_d_2 = () -> "dui-bg-blue-d-2"; - /** Constant dui_accent_blue_d_2 */ + CssClass dui_accent_blue_d_2 = () -> "dui-accent-blue-d-2"; - /** Constant dui_shadow_blue_d_2 */ + CssClass dui_shadow_blue_d_2 = () -> "dui-shadow-blue-d-2"; - /** Constant dui_text_decoration_blue_d_2 */ + CssClass dui_text_decoration_blue_d_2 = () -> "dui-text-decoration-blue-d-2"; - /** Constant dui_border_blue_d_2 */ + CssClass dui_border_blue_d_2 = () -> "dui-border-blue-d-2"; - /** Constant dui_border_x_blue_d_2 */ + CssClass dui_border_x_blue_d_2 = () -> "dui-border-x-blue-d-2"; - /** Constant dui_border_y_blue_d_2 */ + CssClass dui_border_y_blue_d_2 = () -> "dui-border-y-blue-d-2"; - /** Constant dui_border_t_blue_d_2 */ + CssClass dui_border_t_blue_d_2 = () -> "dui-border-t-blue-d-2"; - /** Constant dui_border_r_blue_d_2 */ + CssClass dui_border_r_blue_d_2 = () -> "dui-border-r-blue-d-2"; - /** Constant dui_border_b_blue_d_2 */ + CssClass dui_border_b_blue_d_2 = () -> "dui-border-b-blue-d-2"; - /** Constant dui_border_l_blue_d_2 */ + CssClass dui_border_l_blue_d_2 = () -> "dui-border-l-blue-d-2"; - /** Constant dui_divide_blue_d_2 */ + CssClass dui_divide_blue_d_2 = () -> "dui-divide-blue-d-2"; - /** Constant dui_outline_blue_d_2 */ + CssClass dui_outline_blue_d_2 = () -> "dui-outline-blue-d-2"; - /** Constant dui_fg_blue_d_3 */ + CssClass dui_fg_blue_d_3 = () -> "dui-fg-blue-d-3"; - /** Constant dui_bg_blue_d_3 */ + CssClass dui_bg_blue_d_3 = () -> "dui-bg-blue-d-3"; - /** Constant dui_accent_blue_d_3 */ + CssClass dui_accent_blue_d_3 = () -> "dui-accent-blue-d-3"; - /** Constant dui_shadow_blue_d_3 */ + CssClass dui_shadow_blue_d_3 = () -> "dui-shadow-blue-d-3"; - /** Constant dui_text_decoration_blue_d_3 */ + CssClass dui_text_decoration_blue_d_3 = () -> "dui-text-decoration-blue-d-3"; - /** Constant dui_border_blue_d_3 */ + CssClass dui_border_blue_d_3 = () -> "dui-border-blue-d-3"; - /** Constant dui_border_x_blue_d_3 */ + CssClass dui_border_x_blue_d_3 = () -> "dui-border-x-blue-d-3"; - /** Constant dui_border_y_blue_d_3 */ + CssClass dui_border_y_blue_d_3 = () -> "dui-border-y-blue-d-3"; - /** Constant dui_border_t_blue_d_3 */ + CssClass dui_border_t_blue_d_3 = () -> "dui-border-t-blue-d-3"; - /** Constant dui_border_r_blue_d_3 */ + CssClass dui_border_r_blue_d_3 = () -> "dui-border-r-blue-d-3"; - /** Constant dui_border_b_blue_d_3 */ + CssClass dui_border_b_blue_d_3 = () -> "dui-border-b-blue-d-3"; - /** Constant dui_border_l_blue_d_3 */ + CssClass dui_border_l_blue_d_3 = () -> "dui-border-l-blue-d-3"; - /** Constant dui_divide_blue_d_3 */ + CssClass dui_divide_blue_d_3 = () -> "dui-divide-blue-d-3"; - /** Constant dui_outline_blue_d_3 */ + CssClass dui_outline_blue_d_3 = () -> "dui-outline-blue-d-3"; - /** Constant dui_fg_blue_d_4 */ + CssClass dui_fg_blue_d_4 = () -> "dui-fg-blue-d-4"; - /** Constant dui_bg_blue_d_4 */ + CssClass dui_bg_blue_d_4 = () -> "dui-bg-blue-d-4"; - /** Constant dui_accent_blue_d_4 */ + CssClass dui_accent_blue_d_4 = () -> "dui-accent-blue-d-4"; - /** Constant dui_shadow_blue_d_4 */ + CssClass dui_shadow_blue_d_4 = () -> "dui-shadow-blue-d-4"; - /** Constant dui_text_decoration_blue_d_4 */ + CssClass dui_text_decoration_blue_d_4 = () -> "dui-text-decoration-blue-d-4"; - /** Constant dui_border_blue_d_4 */ + CssClass dui_border_blue_d_4 = () -> "dui-border-blue-d-4"; - /** Constant dui_border_x_blue_d_4 */ + CssClass dui_border_x_blue_d_4 = () -> "dui-border-x-blue-d-4"; - /** Constant dui_border_y_blue_d_4 */ + CssClass dui_border_y_blue_d_4 = () -> "dui-border-y-blue-d-4"; - /** Constant dui_border_t_blue_d_4 */ + CssClass dui_border_t_blue_d_4 = () -> "dui-border-t-blue-d-4"; - /** Constant dui_border_r_blue_d_4 */ + CssClass dui_border_r_blue_d_4 = () -> "dui-border-r-blue-d-4"; - /** Constant dui_border_b_blue_d_4 */ + CssClass dui_border_b_blue_d_4 = () -> "dui-border-b-blue-d-4"; - /** Constant dui_border_l_blue_d_4 */ + CssClass dui_border_l_blue_d_4 = () -> "dui-border-l-blue-d-4"; - /** Constant dui_divide_blue_d_4 */ + CssClass dui_divide_blue_d_4 = () -> "dui-divide-blue-d-4"; - /** Constant dui_outline_blue_d_4 */ + CssClass dui_outline_blue_d_4 = () -> "dui-outline-blue-d-4"; - /** Constant dui_fg_light_blue_l_5 */ + CssClass dui_fg_light_blue_l_5 = () -> "dui-fg-light-blue-l-5"; - /** Constant dui_bg_light_blue_l_5 */ + CssClass dui_bg_light_blue_l_5 = () -> "dui-bg-light-blue-l-5"; - /** Constant dui_accent_light_blue_l_5 */ + CssClass dui_accent_light_blue_l_5 = () -> "dui-accent-light-blue-l-5"; - /** Constant dui_shadow_light_blue_l_5 */ + CssClass dui_shadow_light_blue_l_5 = () -> "dui-shadow-light-blue-l-5"; - /** Constant dui_text_decoration_light_blue_l_5 */ + CssClass dui_text_decoration_light_blue_l_5 = () -> "dui-text-decoration-light-blue-l-5"; - /** Constant dui_border_light_blue_l_5 */ + CssClass dui_border_light_blue_l_5 = () -> "dui-border-light-blue-l-5"; - /** Constant dui_border_x_light_blue_l_5 */ + CssClass dui_border_x_light_blue_l_5 = () -> "dui-border-x-light-blue-l-5"; - /** Constant dui_border_y_light_blue_l_5 */ + CssClass dui_border_y_light_blue_l_5 = () -> "dui-border-y-light-blue-l-5"; - /** Constant dui_border_t_light_blue_l_5 */ + CssClass dui_border_t_light_blue_l_5 = () -> "dui-border-t-light-blue-l-5"; - /** Constant dui_border_r_light_blue_l_5 */ + CssClass dui_border_r_light_blue_l_5 = () -> "dui-border-r-light-blue-l-5"; - /** Constant dui_border_b_light_blue_l_5 */ + CssClass dui_border_b_light_blue_l_5 = () -> "dui-border-b-light-blue-l-5"; - /** Constant dui_border_l_light_blue_l_5 */ + CssClass dui_border_l_light_blue_l_5 = () -> "dui-border-l-light-blue-l-5"; - /** Constant dui_divide_light_blue_l_5 */ + CssClass dui_divide_light_blue_l_5 = () -> "dui-divide-light-blue-l-5"; - /** Constant dui_outline_light_blue_l_5 */ + CssClass dui_outline_light_blue_l_5 = () -> "dui-outline-light-blue-l-5"; - /** Constant dui_fg_light_blue_l_4 */ + CssClass dui_fg_light_blue_l_4 = () -> "dui-fg-light-blue-l-4"; - /** Constant dui_bg_light_blue_l_4 */ + CssClass dui_bg_light_blue_l_4 = () -> "dui-bg-light-blue-l-4"; - /** Constant dui_accent_light_blue_l_4 */ + CssClass dui_accent_light_blue_l_4 = () -> "dui-accent-light-blue-l-4"; - /** Constant dui_shadow_light_blue_l_4 */ + CssClass dui_shadow_light_blue_l_4 = () -> "dui-shadow-light-blue-l-4"; - /** Constant dui_text_decoration_light_blue_l_4 */ + CssClass dui_text_decoration_light_blue_l_4 = () -> "dui-text-decoration-light-blue-l-4"; - /** Constant dui_border_light_blue_l_4 */ + CssClass dui_border_light_blue_l_4 = () -> "dui-border-light-blue-l-4"; - /** Constant dui_border_x_light_blue_l_4 */ + CssClass dui_border_x_light_blue_l_4 = () -> "dui-border-x-light-blue-l-4"; - /** Constant dui_border_y_light_blue_l_4 */ + CssClass dui_border_y_light_blue_l_4 = () -> "dui-border-y-light-blue-l-4"; - /** Constant dui_border_t_light_blue_l_4 */ + CssClass dui_border_t_light_blue_l_4 = () -> "dui-border-t-light-blue-l-4"; - /** Constant dui_border_r_light_blue_l_4 */ + CssClass dui_border_r_light_blue_l_4 = () -> "dui-border-r-light-blue-l-4"; - /** Constant dui_border_b_light_blue_l_4 */ + CssClass dui_border_b_light_blue_l_4 = () -> "dui-border-b-light-blue-l-4"; - /** Constant dui_border_l_light_blue_l_4 */ + CssClass dui_border_l_light_blue_l_4 = () -> "dui-border-l-light-blue-l-4"; - /** Constant dui_divide_light_blue_l_4 */ + CssClass dui_divide_light_blue_l_4 = () -> "dui-divide-light-blue-l-4"; - /** Constant dui_outline_light_blue_l_4 */ + CssClass dui_outline_light_blue_l_4 = () -> "dui-outline-light-blue-l-4"; - /** Constant dui_fg_light_blue_l_3 */ + CssClass dui_fg_light_blue_l_3 = () -> "dui-fg-light-blue-l-3"; - /** Constant dui_bg_light_blue_l_3 */ + CssClass dui_bg_light_blue_l_3 = () -> "dui-bg-light-blue-l-3"; - /** Constant dui_accent_light_blue_l_3 */ + CssClass dui_accent_light_blue_l_3 = () -> "dui-accent-light-blue-l-3"; - /** Constant dui_shadow_light_blue_l_3 */ + CssClass dui_shadow_light_blue_l_3 = () -> "dui-shadow-light-blue-l-3"; - /** Constant dui_text_decoration_light_blue_l_3 */ + CssClass dui_text_decoration_light_blue_l_3 = () -> "dui-text-decoration-light-blue-l-3"; - /** Constant dui_border_light_blue_l_3 */ + CssClass dui_border_light_blue_l_3 = () -> "dui-border-light-blue-l-3"; - /** Constant dui_border_x_light_blue_l_3 */ + CssClass dui_border_x_light_blue_l_3 = () -> "dui-border-x-light-blue-l-3"; - /** Constant dui_border_y_light_blue_l_3 */ + CssClass dui_border_y_light_blue_l_3 = () -> "dui-border-y-light-blue-l-3"; - /** Constant dui_border_t_light_blue_l_3 */ + CssClass dui_border_t_light_blue_l_3 = () -> "dui-border-t-light-blue-l-3"; - /** Constant dui_border_r_light_blue_l_3 */ + CssClass dui_border_r_light_blue_l_3 = () -> "dui-border-r-light-blue-l-3"; - /** Constant dui_border_b_light_blue_l_3 */ + CssClass dui_border_b_light_blue_l_3 = () -> "dui-border-b-light-blue-l-3"; - /** Constant dui_border_l_light_blue_l_3 */ + CssClass dui_border_l_light_blue_l_3 = () -> "dui-border-l-light-blue-l-3"; - /** Constant dui_divide_light_blue_l_3 */ + CssClass dui_divide_light_blue_l_3 = () -> "dui-divide-light-blue-l-3"; - /** Constant dui_outline_light_blue_l_3 */ + CssClass dui_outline_light_blue_l_3 = () -> "dui-outline-light-blue-l-3"; - /** Constant dui_fg_light_blue_l_2 */ + CssClass dui_fg_light_blue_l_2 = () -> "dui-fg-light-blue-l-2"; - /** Constant dui_bg_light_blue_l_2 */ + CssClass dui_bg_light_blue_l_2 = () -> "dui-bg-light-blue-l-2"; - /** Constant dui_accent_light_blue_l_2 */ + CssClass dui_accent_light_blue_l_2 = () -> "dui-accent-light-blue-l-2"; - /** Constant dui_shadow_light_blue_l_2 */ + CssClass dui_shadow_light_blue_l_2 = () -> "dui-shadow-light-blue-l-2"; - /** Constant dui_text_decoration_light_blue_l_2 */ + CssClass dui_text_decoration_light_blue_l_2 = () -> "dui-text-decoration-light-blue-l-2"; - /** Constant dui_border_light_blue_l_2 */ + CssClass dui_border_light_blue_l_2 = () -> "dui-border-light-blue-l-2"; - /** Constant dui_border_x_light_blue_l_2 */ + CssClass dui_border_x_light_blue_l_2 = () -> "dui-border-x-light-blue-l-2"; - /** Constant dui_border_y_light_blue_l_2 */ + CssClass dui_border_y_light_blue_l_2 = () -> "dui-border-y-light-blue-l-2"; - /** Constant dui_border_t_light_blue_l_2 */ + CssClass dui_border_t_light_blue_l_2 = () -> "dui-border-t-light-blue-l-2"; - /** Constant dui_border_r_light_blue_l_2 */ + CssClass dui_border_r_light_blue_l_2 = () -> "dui-border-r-light-blue-l-2"; - /** Constant dui_border_b_light_blue_l_2 */ + CssClass dui_border_b_light_blue_l_2 = () -> "dui-border-b-light-blue-l-2"; - /** Constant dui_border_l_light_blue_l_2 */ + CssClass dui_border_l_light_blue_l_2 = () -> "dui-border-l-light-blue-l-2"; - /** Constant dui_divide_light_blue_l_2 */ + CssClass dui_divide_light_blue_l_2 = () -> "dui-divide-light-blue-l-2"; - /** Constant dui_outline_light_blue_l_2 */ + CssClass dui_outline_light_blue_l_2 = () -> "dui-outline-light-blue-l-2"; - /** Constant dui_fg_light_blue_l_1 */ + CssClass dui_fg_light_blue_l_1 = () -> "dui-fg-light-blue-l-1"; - /** Constant dui_bg_light_blue_l_1 */ + CssClass dui_bg_light_blue_l_1 = () -> "dui-bg-light-blue-l-1"; - /** Constant dui_accent_light_blue_l_1 */ + CssClass dui_accent_light_blue_l_1 = () -> "dui-accent-light-blue-l-1"; - /** Constant dui_shadow_light_blue_l_1 */ + CssClass dui_shadow_light_blue_l_1 = () -> "dui-shadow-light-blue-l-1"; - /** Constant dui_text_decoration_light_blue_l_1 */ + CssClass dui_text_decoration_light_blue_l_1 = () -> "dui-text-decoration-light-blue-l-1"; - /** Constant dui_border_light_blue_l_1 */ + CssClass dui_border_light_blue_l_1 = () -> "dui-border-light-blue-l-1"; - /** Constant dui_border_x_light_blue_l_1 */ + CssClass dui_border_x_light_blue_l_1 = () -> "dui-border-x-light-blue-l-1"; - /** Constant dui_border_y_light_blue_l_1 */ + CssClass dui_border_y_light_blue_l_1 = () -> "dui-border-y-light-blue-l-1"; - /** Constant dui_border_t_light_blue_l_1 */ + CssClass dui_border_t_light_blue_l_1 = () -> "dui-border-t-light-blue-l-1"; - /** Constant dui_border_r_light_blue_l_1 */ + CssClass dui_border_r_light_blue_l_1 = () -> "dui-border-r-light-blue-l-1"; - /** Constant dui_border_b_light_blue_l_1 */ + CssClass dui_border_b_light_blue_l_1 = () -> "dui-border-b-light-blue-l-1"; - /** Constant dui_border_l_light_blue_l_1 */ + CssClass dui_border_l_light_blue_l_1 = () -> "dui-border-l-light-blue-l-1"; - /** Constant dui_divide_light_blue_l_1 */ + CssClass dui_divide_light_blue_l_1 = () -> "dui-divide-light-blue-l-1"; - /** Constant dui_outline_light_blue_l_1 */ + CssClass dui_outline_light_blue_l_1 = () -> "dui-outline-light-blue-l-1"; - /** Constant dui_fg_light_blue */ + CssClass dui_fg_light_blue = () -> "dui-fg-light-blue"; - /** Constant dui_bg_light_blue */ + CssClass dui_bg_light_blue = () -> "dui-bg-light-blue"; - /** Constant dui_accent_light_blue */ + CssClass dui_accent_light_blue = () -> "dui-accent-light-blue"; - /** Constant dui_shadow_light_blue */ + CssClass dui_shadow_light_blue = () -> "dui-shadow-light-blue"; - /** Constant dui_text_decoration_light_blue */ + CssClass dui_text_decoration_light_blue = () -> "dui-text-decoration-light-blue"; - /** Constant dui_border_light_blue */ + CssClass dui_border_light_blue = () -> "dui-border-light-blue"; - /** Constant dui_border_x_light_blue */ + CssClass dui_border_x_light_blue = () -> "dui-border-x-light-blue"; - /** Constant dui_border_y_light_blue */ + CssClass dui_border_y_light_blue = () -> "dui-border-y-light-blue"; - /** Constant dui_border_t_light_blue */ + CssClass dui_border_t_light_blue = () -> "dui-border-t-light-blue"; - /** Constant dui_border_r_light_blue */ + CssClass dui_border_r_light_blue = () -> "dui-border-r-light-blue"; - /** Constant dui_border_b_light_blue */ + CssClass dui_border_b_light_blue = () -> "dui-border-b-light-blue"; - /** Constant dui_border_l_light_blue */ + CssClass dui_border_l_light_blue = () -> "dui-border-l-light-blue"; - /** Constant dui_divide_light_blue */ + CssClass dui_divide_light_blue = () -> "dui-divide-light-blue"; - /** Constant dui_outline_light_blue */ + CssClass dui_outline_light_blue = () -> "dui-outline-light-blue"; - /** Constant dui_fg_light_blue_d_1 */ + CssClass dui_fg_light_blue_d_1 = () -> "dui-fg-light-blue-d-1"; - /** Constant dui_bg_light_blue_d_1 */ + CssClass dui_bg_light_blue_d_1 = () -> "dui-bg-light-blue-d-1"; - /** Constant dui_accent_light_blue_d_1 */ + CssClass dui_accent_light_blue_d_1 = () -> "dui-accent-light-blue-d-1"; - /** Constant dui_shadow_light_blue_d_1 */ + CssClass dui_shadow_light_blue_d_1 = () -> "dui-shadow-light-blue-d-1"; - /** Constant dui_text_decoration_light_blue_d_1 */ + CssClass dui_text_decoration_light_blue_d_1 = () -> "dui-text-decoration-light-blue-d-1"; - /** Constant dui_border_light_blue_d_1 */ + CssClass dui_border_light_blue_d_1 = () -> "dui-border-light-blue-d-1"; - /** Constant dui_border_x_light_blue_d_1 */ + CssClass dui_border_x_light_blue_d_1 = () -> "dui-border-x-light-blue-d-1"; - /** Constant dui_border_y_light_blue_d_1 */ + CssClass dui_border_y_light_blue_d_1 = () -> "dui-border-y-light-blue-d-1"; - /** Constant dui_border_t_light_blue_d_1 */ + CssClass dui_border_t_light_blue_d_1 = () -> "dui-border-t-light-blue-d-1"; - /** Constant dui_border_r_light_blue_d_1 */ + CssClass dui_border_r_light_blue_d_1 = () -> "dui-border-r-light-blue-d-1"; - /** Constant dui_border_b_light_blue_d_1 */ + CssClass dui_border_b_light_blue_d_1 = () -> "dui-border-b-light-blue-d-1"; - /** Constant dui_border_l_light_blue_d_1 */ + CssClass dui_border_l_light_blue_d_1 = () -> "dui-border-l-light-blue-d-1"; - /** Constant dui_divide_light_blue_d_1 */ + CssClass dui_divide_light_blue_d_1 = () -> "dui-divide-light-blue-d-1"; - /** Constant dui_outline_light_blue_d_1 */ + CssClass dui_outline_light_blue_d_1 = () -> "dui-outline-light-blue-d-1"; - /** Constant dui_fg_light_blue_d_2 */ + CssClass dui_fg_light_blue_d_2 = () -> "dui-fg-light-blue-d-2"; - /** Constant dui_bg_light_blue_d_2 */ + CssClass dui_bg_light_blue_d_2 = () -> "dui-bg-light-blue-d-2"; - /** Constant dui_accent_light_blue_d_2 */ + CssClass dui_accent_light_blue_d_2 = () -> "dui-accent-light-blue-d-2"; - /** Constant dui_shadow_light_blue_d_2 */ + CssClass dui_shadow_light_blue_d_2 = () -> "dui-shadow-light-blue-d-2"; - /** Constant dui_text_decoration_light_blue_d_2 */ + CssClass dui_text_decoration_light_blue_d_2 = () -> "dui-text-decoration-light-blue-d-2"; - /** Constant dui_border_light_blue_d_2 */ + CssClass dui_border_light_blue_d_2 = () -> "dui-border-light-blue-d-2"; - /** Constant dui_border_x_light_blue_d_2 */ + CssClass dui_border_x_light_blue_d_2 = () -> "dui-border-x-light-blue-d-2"; - /** Constant dui_border_y_light_blue_d_2 */ + CssClass dui_border_y_light_blue_d_2 = () -> "dui-border-y-light-blue-d-2"; - /** Constant dui_border_t_light_blue_d_2 */ + CssClass dui_border_t_light_blue_d_2 = () -> "dui-border-t-light-blue-d-2"; - /** Constant dui_border_r_light_blue_d_2 */ + CssClass dui_border_r_light_blue_d_2 = () -> "dui-border-r-light-blue-d-2"; - /** Constant dui_border_b_light_blue_d_2 */ + CssClass dui_border_b_light_blue_d_2 = () -> "dui-border-b-light-blue-d-2"; - /** Constant dui_border_l_light_blue_d_2 */ + CssClass dui_border_l_light_blue_d_2 = () -> "dui-border-l-light-blue-d-2"; - /** Constant dui_divide_light_blue_d_2 */ + CssClass dui_divide_light_blue_d_2 = () -> "dui-divide-light-blue-d-2"; - /** Constant dui_outline_light_blue_d_2 */ + CssClass dui_outline_light_blue_d_2 = () -> "dui-outline-light-blue-d-2"; - /** Constant dui_fg_light_blue_d_3 */ + CssClass dui_fg_light_blue_d_3 = () -> "dui-fg-light-blue-d-3"; - /** Constant dui_bg_light_blue_d_3 */ + CssClass dui_bg_light_blue_d_3 = () -> "dui-bg-light-blue-d-3"; - /** Constant dui_accent_light_blue_d_3 */ + CssClass dui_accent_light_blue_d_3 = () -> "dui-accent-light-blue-d-3"; - /** Constant dui_shadow_light_blue_d_3 */ + CssClass dui_shadow_light_blue_d_3 = () -> "dui-shadow-light-blue-d-3"; - /** Constant dui_text_decoration_light_blue_d_3 */ + CssClass dui_text_decoration_light_blue_d_3 = () -> "dui-text-decoration-light-blue-d-3"; - /** Constant dui_border_light_blue_d_3 */ + CssClass dui_border_light_blue_d_3 = () -> "dui-border-light-blue-d-3"; - /** Constant dui_border_x_light_blue_d_3 */ + CssClass dui_border_x_light_blue_d_3 = () -> "dui-border-x-light-blue-d-3"; - /** Constant dui_border_y_light_blue_d_3 */ + CssClass dui_border_y_light_blue_d_3 = () -> "dui-border-y-light-blue-d-3"; - /** Constant dui_border_t_light_blue_d_3 */ + CssClass dui_border_t_light_blue_d_3 = () -> "dui-border-t-light-blue-d-3"; - /** Constant dui_border_r_light_blue_d_3 */ + CssClass dui_border_r_light_blue_d_3 = () -> "dui-border-r-light-blue-d-3"; - /** Constant dui_border_b_light_blue_d_3 */ + CssClass dui_border_b_light_blue_d_3 = () -> "dui-border-b-light-blue-d-3"; - /** Constant dui_border_l_light_blue_d_3 */ + CssClass dui_border_l_light_blue_d_3 = () -> "dui-border-l-light-blue-d-3"; - /** Constant dui_divide_light_blue_d_3 */ + CssClass dui_divide_light_blue_d_3 = () -> "dui-divide-light-blue-d-3"; - /** Constant dui_outline_light_blue_d_3 */ + CssClass dui_outline_light_blue_d_3 = () -> "dui-outline-light-blue-d-3"; - /** Constant dui_fg_light_blue_d_4 */ + CssClass dui_fg_light_blue_d_4 = () -> "dui-fg-light-blue-d-4"; - /** Constant dui_bg_light_blue_d_4 */ + CssClass dui_bg_light_blue_d_4 = () -> "dui-bg-light-blue-d-4"; - /** Constant dui_accent_light_blue_d_4 */ + CssClass dui_accent_light_blue_d_4 = () -> "dui-accent-light-blue-d-4"; - /** Constant dui_shadow_light_blue_d_4 */ + CssClass dui_shadow_light_blue_d_4 = () -> "dui-shadow-light-blue-d-4"; - /** Constant dui_text_decoration_light_blue_d_4 */ + CssClass dui_text_decoration_light_blue_d_4 = () -> "dui-text-decoration-light-blue-d-4"; - /** Constant dui_border_light_blue_d_4 */ + CssClass dui_border_light_blue_d_4 = () -> "dui-border-light-blue-d-4"; - /** Constant dui_border_x_light_blue_d_4 */ + CssClass dui_border_x_light_blue_d_4 = () -> "dui-border-x-light-blue-d-4"; - /** Constant dui_border_y_light_blue_d_4 */ + CssClass dui_border_y_light_blue_d_4 = () -> "dui-border-y-light-blue-d-4"; - /** Constant dui_border_t_light_blue_d_4 */ + CssClass dui_border_t_light_blue_d_4 = () -> "dui-border-t-light-blue-d-4"; - /** Constant dui_border_r_light_blue_d_4 */ + CssClass dui_border_r_light_blue_d_4 = () -> "dui-border-r-light-blue-d-4"; - /** Constant dui_border_b_light_blue_d_4 */ + CssClass dui_border_b_light_blue_d_4 = () -> "dui-border-b-light-blue-d-4"; - /** Constant dui_border_l_light_blue_d_4 */ + CssClass dui_border_l_light_blue_d_4 = () -> "dui-border-l-light-blue-d-4"; - /** Constant dui_divide_light_blue_d_4 */ + CssClass dui_divide_light_blue_d_4 = () -> "dui-divide-light-blue-d-4"; - /** Constant dui_outline_light_blue_d_4 */ + CssClass dui_outline_light_blue_d_4 = () -> "dui-outline-light-blue-d-4"; - /** Constant dui_fg_cyan_l_5 */ + CssClass dui_fg_cyan_l_5 = () -> "dui-fg-cyan-l-5"; - /** Constant dui_bg_cyan_l_5 */ + CssClass dui_bg_cyan_l_5 = () -> "dui-bg-cyan-l-5"; - /** Constant dui_accent_cyan_l_5 */ + CssClass dui_accent_cyan_l_5 = () -> "dui-accent-cyan-l-5"; - /** Constant dui_shadow_cyan_l_5 */ + CssClass dui_shadow_cyan_l_5 = () -> "dui-shadow-cyan-l-5"; - /** Constant dui_text_decoration_cyan_l_5 */ + CssClass dui_text_decoration_cyan_l_5 = () -> "dui-text-decoration-cyan-l-5"; - /** Constant dui_border_cyan_l_5 */ + CssClass dui_border_cyan_l_5 = () -> "dui-border-cyan-l-5"; - /** Constant dui_border_x_cyan_l_5 */ + CssClass dui_border_x_cyan_l_5 = () -> "dui-border-x-cyan-l-5"; - /** Constant dui_border_y_cyan_l_5 */ + CssClass dui_border_y_cyan_l_5 = () -> "dui-border-y-cyan-l-5"; - /** Constant dui_border_t_cyan_l_5 */ + CssClass dui_border_t_cyan_l_5 = () -> "dui-border-t-cyan-l-5"; - /** Constant dui_border_r_cyan_l_5 */ + CssClass dui_border_r_cyan_l_5 = () -> "dui-border-r-cyan-l-5"; - /** Constant dui_border_b_cyan_l_5 */ + CssClass dui_border_b_cyan_l_5 = () -> "dui-border-b-cyan-l-5"; - /** Constant dui_border_l_cyan_l_5 */ + CssClass dui_border_l_cyan_l_5 = () -> "dui-border-l-cyan-l-5"; - /** Constant dui_divide_cyan_l_5 */ + CssClass dui_divide_cyan_l_5 = () -> "dui-divide-cyan-l-5"; - /** Constant dui_outline_cyan_l_5 */ + CssClass dui_outline_cyan_l_5 = () -> "dui-outline-cyan-l-5"; - /** Constant dui_fg_cyan_l_4 */ + CssClass dui_fg_cyan_l_4 = () -> "dui-fg-cyan-l-4"; - /** Constant dui_bg_cyan_l_4 */ + CssClass dui_bg_cyan_l_4 = () -> "dui-bg-cyan-l-4"; - /** Constant dui_accent_cyan_l_4 */ + CssClass dui_accent_cyan_l_4 = () -> "dui-accent-cyan-l-4"; - /** Constant dui_shadow_cyan_l_4 */ + CssClass dui_shadow_cyan_l_4 = () -> "dui-shadow-cyan-l-4"; - /** Constant dui_text_decoration_cyan_l_4 */ + CssClass dui_text_decoration_cyan_l_4 = () -> "dui-text-decoration-cyan-l-4"; - /** Constant dui_border_cyan_l_4 */ + CssClass dui_border_cyan_l_4 = () -> "dui-border-cyan-l-4"; - /** Constant dui_border_x_cyan_l_4 */ + CssClass dui_border_x_cyan_l_4 = () -> "dui-border-x-cyan-l-4"; - /** Constant dui_border_y_cyan_l_4 */ + CssClass dui_border_y_cyan_l_4 = () -> "dui-border-y-cyan-l-4"; - /** Constant dui_border_t_cyan_l_4 */ + CssClass dui_border_t_cyan_l_4 = () -> "dui-border-t-cyan-l-4"; - /** Constant dui_border_r_cyan_l_4 */ + CssClass dui_border_r_cyan_l_4 = () -> "dui-border-r-cyan-l-4"; - /** Constant dui_border_b_cyan_l_4 */ + CssClass dui_border_b_cyan_l_4 = () -> "dui-border-b-cyan-l-4"; - /** Constant dui_border_l_cyan_l_4 */ + CssClass dui_border_l_cyan_l_4 = () -> "dui-border-l-cyan-l-4"; - /** Constant dui_divide_cyan_l_4 */ + CssClass dui_divide_cyan_l_4 = () -> "dui-divide-cyan-l-4"; - /** Constant dui_outline_cyan_l_4 */ + CssClass dui_outline_cyan_l_4 = () -> "dui-outline-cyan-l-4"; - /** Constant dui_fg_cyan_l_3 */ + CssClass dui_fg_cyan_l_3 = () -> "dui-fg-cyan-l-3"; - /** Constant dui_bg_cyan_l_3 */ + CssClass dui_bg_cyan_l_3 = () -> "dui-bg-cyan-l-3"; - /** Constant dui_accent_cyan_l_3 */ + CssClass dui_accent_cyan_l_3 = () -> "dui-accent-cyan-l-3"; - /** Constant dui_shadow_cyan_l_3 */ + CssClass dui_shadow_cyan_l_3 = () -> "dui-shadow-cyan-l-3"; - /** Constant dui_text_decoration_cyan_l_3 */ + CssClass dui_text_decoration_cyan_l_3 = () -> "dui-text-decoration-cyan-l-3"; - /** Constant dui_border_cyan_l_3 */ + CssClass dui_border_cyan_l_3 = () -> "dui-border-cyan-l-3"; - /** Constant dui_border_x_cyan_l_3 */ + CssClass dui_border_x_cyan_l_3 = () -> "dui-border-x-cyan-l-3"; - /** Constant dui_border_y_cyan_l_3 */ + CssClass dui_border_y_cyan_l_3 = () -> "dui-border-y-cyan-l-3"; - /** Constant dui_border_t_cyan_l_3 */ + CssClass dui_border_t_cyan_l_3 = () -> "dui-border-t-cyan-l-3"; - /** Constant dui_border_r_cyan_l_3 */ + CssClass dui_border_r_cyan_l_3 = () -> "dui-border-r-cyan-l-3"; - /** Constant dui_border_b_cyan_l_3 */ + CssClass dui_border_b_cyan_l_3 = () -> "dui-border-b-cyan-l-3"; - /** Constant dui_border_l_cyan_l_3 */ + CssClass dui_border_l_cyan_l_3 = () -> "dui-border-l-cyan-l-3"; - /** Constant dui_divide_cyan_l_3 */ + CssClass dui_divide_cyan_l_3 = () -> "dui-divide-cyan-l-3"; - /** Constant dui_outline_cyan_l_3 */ + CssClass dui_outline_cyan_l_3 = () -> "dui-outline-cyan-l-3"; - /** Constant dui_fg_cyan_l_2 */ + CssClass dui_fg_cyan_l_2 = () -> "dui-fg-cyan-l-2"; - /** Constant dui_bg_cyan_l_2 */ + CssClass dui_bg_cyan_l_2 = () -> "dui-bg-cyan-l-2"; - /** Constant dui_accent_cyan_l_2 */ + CssClass dui_accent_cyan_l_2 = () -> "dui-accent-cyan-l-2"; - /** Constant dui_shadow_cyan_l_2 */ + CssClass dui_shadow_cyan_l_2 = () -> "dui-shadow-cyan-l-2"; - /** Constant dui_text_decoration_cyan_l_2 */ + CssClass dui_text_decoration_cyan_l_2 = () -> "dui-text-decoration-cyan-l-2"; - /** Constant dui_border_cyan_l_2 */ + CssClass dui_border_cyan_l_2 = () -> "dui-border-cyan-l-2"; - /** Constant dui_border_x_cyan_l_2 */ + CssClass dui_border_x_cyan_l_2 = () -> "dui-border-x-cyan-l-2"; - /** Constant dui_border_y_cyan_l_2 */ + CssClass dui_border_y_cyan_l_2 = () -> "dui-border-y-cyan-l-2"; - /** Constant dui_border_t_cyan_l_2 */ + CssClass dui_border_t_cyan_l_2 = () -> "dui-border-t-cyan-l-2"; - /** Constant dui_border_r_cyan_l_2 */ + CssClass dui_border_r_cyan_l_2 = () -> "dui-border-r-cyan-l-2"; - /** Constant dui_border_b_cyan_l_2 */ + CssClass dui_border_b_cyan_l_2 = () -> "dui-border-b-cyan-l-2"; - /** Constant dui_border_l_cyan_l_2 */ + CssClass dui_border_l_cyan_l_2 = () -> "dui-border-l-cyan-l-2"; - /** Constant dui_divide_cyan_l_2 */ + CssClass dui_divide_cyan_l_2 = () -> "dui-divide-cyan-l-2"; - /** Constant dui_outline_cyan_l_2 */ + CssClass dui_outline_cyan_l_2 = () -> "dui-outline-cyan-l-2"; - /** Constant dui_fg_cyan_l_1 */ + CssClass dui_fg_cyan_l_1 = () -> "dui-fg-cyan-l-1"; - /** Constant dui_bg_cyan_l_1 */ + CssClass dui_bg_cyan_l_1 = () -> "dui-bg-cyan-l-1"; - /** Constant dui_accent_cyan_l_1 */ + CssClass dui_accent_cyan_l_1 = () -> "dui-accent-cyan-l-1"; - /** Constant dui_shadow_cyan_l_1 */ + CssClass dui_shadow_cyan_l_1 = () -> "dui-shadow-cyan-l-1"; - /** Constant dui_text_decoration_cyan_l_1 */ + CssClass dui_text_decoration_cyan_l_1 = () -> "dui-text-decoration-cyan-l-1"; - /** Constant dui_border_cyan_l_1 */ + CssClass dui_border_cyan_l_1 = () -> "dui-border-cyan-l-1"; - /** Constant dui_border_x_cyan_l_1 */ + CssClass dui_border_x_cyan_l_1 = () -> "dui-border-x-cyan-l-1"; - /** Constant dui_border_y_cyan_l_1 */ + CssClass dui_border_y_cyan_l_1 = () -> "dui-border-y-cyan-l-1"; - /** Constant dui_border_t_cyan_l_1 */ + CssClass dui_border_t_cyan_l_1 = () -> "dui-border-t-cyan-l-1"; - /** Constant dui_border_r_cyan_l_1 */ + CssClass dui_border_r_cyan_l_1 = () -> "dui-border-r-cyan-l-1"; - /** Constant dui_border_b_cyan_l_1 */ + CssClass dui_border_b_cyan_l_1 = () -> "dui-border-b-cyan-l-1"; - /** Constant dui_border_l_cyan_l_1 */ + CssClass dui_border_l_cyan_l_1 = () -> "dui-border-l-cyan-l-1"; - /** Constant dui_divide_cyan_l_1 */ + CssClass dui_divide_cyan_l_1 = () -> "dui-divide-cyan-l-1"; - /** Constant dui_outline_cyan_l_1 */ + CssClass dui_outline_cyan_l_1 = () -> "dui-outline-cyan-l-1"; - /** Constant dui_fg_cyan */ + CssClass dui_fg_cyan = () -> "dui-fg-cyan"; - /** Constant dui_bg_cyan */ + CssClass dui_bg_cyan = () -> "dui-bg-cyan"; - /** Constant dui_accent_cyan */ + CssClass dui_accent_cyan = () -> "dui-accent-cyan"; - /** Constant dui_shadow_cyan */ + CssClass dui_shadow_cyan = () -> "dui-shadow-cyan"; - /** Constant dui_text_decoration_cyan */ + CssClass dui_text_decoration_cyan = () -> "dui-text-decoration-cyan"; - /** Constant dui_border_cyan */ + CssClass dui_border_cyan = () -> "dui-border-cyan"; - /** Constant dui_border_x_cyan */ + CssClass dui_border_x_cyan = () -> "dui-border-x-cyan"; - /** Constant dui_border_y_cyan */ + CssClass dui_border_y_cyan = () -> "dui-border-y-cyan"; - /** Constant dui_border_t_cyan */ + CssClass dui_border_t_cyan = () -> "dui-border-t-cyan"; - /** Constant dui_border_r_cyan */ + CssClass dui_border_r_cyan = () -> "dui-border-r-cyan"; - /** Constant dui_border_b_cyan */ + CssClass dui_border_b_cyan = () -> "dui-border-b-cyan"; - /** Constant dui_border_l_cyan */ + CssClass dui_border_l_cyan = () -> "dui-border-l-cyan"; - /** Constant dui_divide_cyan */ + CssClass dui_divide_cyan = () -> "dui-divide-cyan"; - /** Constant dui_outline_cyan */ + CssClass dui_outline_cyan = () -> "dui-outline-cyan"; - /** Constant dui_fg_cyan_d_1 */ + CssClass dui_fg_cyan_d_1 = () -> "dui-fg-cyan-d-1"; - /** Constant dui_bg_cyan_d_1 */ + CssClass dui_bg_cyan_d_1 = () -> "dui-bg-cyan-d-1"; - /** Constant dui_accent_cyan_d_1 */ + CssClass dui_accent_cyan_d_1 = () -> "dui-accent-cyan-d-1"; - /** Constant dui_shadow_cyan_d_1 */ + CssClass dui_shadow_cyan_d_1 = () -> "dui-shadow-cyan-d-1"; - /** Constant dui_text_decoration_cyan_d_1 */ + CssClass dui_text_decoration_cyan_d_1 = () -> "dui-text-decoration-cyan-d-1"; - /** Constant dui_border_cyan_d_1 */ + CssClass dui_border_cyan_d_1 = () -> "dui-border-cyan-d-1"; - /** Constant dui_border_x_cyan_d_1 */ + CssClass dui_border_x_cyan_d_1 = () -> "dui-border-x-cyan-d-1"; - /** Constant dui_border_y_cyan_d_1 */ + CssClass dui_border_y_cyan_d_1 = () -> "dui-border-y-cyan-d-1"; - /** Constant dui_border_t_cyan_d_1 */ + CssClass dui_border_t_cyan_d_1 = () -> "dui-border-t-cyan-d-1"; - /** Constant dui_border_r_cyan_d_1 */ + CssClass dui_border_r_cyan_d_1 = () -> "dui-border-r-cyan-d-1"; - /** Constant dui_border_b_cyan_d_1 */ + CssClass dui_border_b_cyan_d_1 = () -> "dui-border-b-cyan-d-1"; - /** Constant dui_border_l_cyan_d_1 */ + CssClass dui_border_l_cyan_d_1 = () -> "dui-border-l-cyan-d-1"; - /** Constant dui_divide_cyan_d_1 */ + CssClass dui_divide_cyan_d_1 = () -> "dui-divide-cyan-d-1"; - /** Constant dui_outline_cyan_d_1 */ + CssClass dui_outline_cyan_d_1 = () -> "dui-outline-cyan-d-1"; - /** Constant dui_fg_cyan_d_2 */ + CssClass dui_fg_cyan_d_2 = () -> "dui-fg-cyan-d-2"; - /** Constant dui_bg_cyan_d_2 */ + CssClass dui_bg_cyan_d_2 = () -> "dui-bg-cyan-d-2"; - /** Constant dui_accent_cyan_d_2 */ + CssClass dui_accent_cyan_d_2 = () -> "dui-accent-cyan-d-2"; - /** Constant dui_shadow_cyan_d_2 */ + CssClass dui_shadow_cyan_d_2 = () -> "dui-shadow-cyan-d-2"; - /** Constant dui_text_decoration_cyan_d_2 */ + CssClass dui_text_decoration_cyan_d_2 = () -> "dui-text-decoration-cyan-d-2"; - /** Constant dui_border_cyan_d_2 */ + CssClass dui_border_cyan_d_2 = () -> "dui-border-cyan-d-2"; - /** Constant dui_border_x_cyan_d_2 */ + CssClass dui_border_x_cyan_d_2 = () -> "dui-border-x-cyan-d-2"; - /** Constant dui_border_y_cyan_d_2 */ + CssClass dui_border_y_cyan_d_2 = () -> "dui-border-y-cyan-d-2"; - /** Constant dui_border_t_cyan_d_2 */ + CssClass dui_border_t_cyan_d_2 = () -> "dui-border-t-cyan-d-2"; - /** Constant dui_border_r_cyan_d_2 */ + CssClass dui_border_r_cyan_d_2 = () -> "dui-border-r-cyan-d-2"; - /** Constant dui_border_b_cyan_d_2 */ + CssClass dui_border_b_cyan_d_2 = () -> "dui-border-b-cyan-d-2"; - /** Constant dui_border_l_cyan_d_2 */ + CssClass dui_border_l_cyan_d_2 = () -> "dui-border-l-cyan-d-2"; - /** Constant dui_divide_cyan_d_2 */ + CssClass dui_divide_cyan_d_2 = () -> "dui-divide-cyan-d-2"; - /** Constant dui_outline_cyan_d_2 */ + CssClass dui_outline_cyan_d_2 = () -> "dui-outline-cyan-d-2"; - /** Constant dui_fg_cyan_d_3 */ + CssClass dui_fg_cyan_d_3 = () -> "dui-fg-cyan-d-3"; - /** Constant dui_bg_cyan_d_3 */ + CssClass dui_bg_cyan_d_3 = () -> "dui-bg-cyan-d-3"; - /** Constant dui_accent_cyan_d_3 */ + CssClass dui_accent_cyan_d_3 = () -> "dui-accent-cyan-d-3"; - /** Constant dui_shadow_cyan_d_3 */ + CssClass dui_shadow_cyan_d_3 = () -> "dui-shadow-cyan-d-3"; - /** Constant dui_text_decoration_cyan_d_3 */ + CssClass dui_text_decoration_cyan_d_3 = () -> "dui-text-decoration-cyan-d-3"; - /** Constant dui_border_cyan_d_3 */ + CssClass dui_border_cyan_d_3 = () -> "dui-border-cyan-d-3"; - /** Constant dui_border_x_cyan_d_3 */ + CssClass dui_border_x_cyan_d_3 = () -> "dui-border-x-cyan-d-3"; - /** Constant dui_border_y_cyan_d_3 */ + CssClass dui_border_y_cyan_d_3 = () -> "dui-border-y-cyan-d-3"; - /** Constant dui_border_t_cyan_d_3 */ + CssClass dui_border_t_cyan_d_3 = () -> "dui-border-t-cyan-d-3"; - /** Constant dui_border_r_cyan_d_3 */ + CssClass dui_border_r_cyan_d_3 = () -> "dui-border-r-cyan-d-3"; - /** Constant dui_border_b_cyan_d_3 */ + CssClass dui_border_b_cyan_d_3 = () -> "dui-border-b-cyan-d-3"; - /** Constant dui_border_l_cyan_d_3 */ + CssClass dui_border_l_cyan_d_3 = () -> "dui-border-l-cyan-d-3"; - /** Constant dui_divide_cyan_d_3 */ + CssClass dui_divide_cyan_d_3 = () -> "dui-divide-cyan-d-3"; - /** Constant dui_outline_cyan_d_3 */ + CssClass dui_outline_cyan_d_3 = () -> "dui-outline-cyan-d-3"; - /** Constant dui_fg_cyan_d_4 */ + CssClass dui_fg_cyan_d_4 = () -> "dui-fg-cyan-d-4"; - /** Constant dui_bg_cyan_d_4 */ + CssClass dui_bg_cyan_d_4 = () -> "dui-bg-cyan-d-4"; - /** Constant dui_accent_cyan_d_4 */ + CssClass dui_accent_cyan_d_4 = () -> "dui-accent-cyan-d-4"; - /** Constant dui_shadow_cyan_d_4 */ + CssClass dui_shadow_cyan_d_4 = () -> "dui-shadow-cyan-d-4"; - /** Constant dui_text_decoration_cyan_d_4 */ + CssClass dui_text_decoration_cyan_d_4 = () -> "dui-text-decoration-cyan-d-4"; - /** Constant dui_border_cyan_d_4 */ + CssClass dui_border_cyan_d_4 = () -> "dui-border-cyan-d-4"; - /** Constant dui_border_x_cyan_d_4 */ + CssClass dui_border_x_cyan_d_4 = () -> "dui-border-x-cyan-d-4"; - /** Constant dui_border_y_cyan_d_4 */ + CssClass dui_border_y_cyan_d_4 = () -> "dui-border-y-cyan-d-4"; - /** Constant dui_border_t_cyan_d_4 */ + CssClass dui_border_t_cyan_d_4 = () -> "dui-border-t-cyan-d-4"; - /** Constant dui_border_r_cyan_d_4 */ + CssClass dui_border_r_cyan_d_4 = () -> "dui-border-r-cyan-d-4"; - /** Constant dui_border_b_cyan_d_4 */ + CssClass dui_border_b_cyan_d_4 = () -> "dui-border-b-cyan-d-4"; - /** Constant dui_border_l_cyan_d_4 */ + CssClass dui_border_l_cyan_d_4 = () -> "dui-border-l-cyan-d-4"; - /** Constant dui_divide_cyan_d_4 */ + CssClass dui_divide_cyan_d_4 = () -> "dui-divide-cyan-d-4"; - /** Constant dui_outline_cyan_d_4 */ + CssClass dui_outline_cyan_d_4 = () -> "dui-outline-cyan-d-4"; - /** Constant dui_fg_teal_l_5 */ + CssClass dui_fg_teal_l_5 = () -> "dui-fg-teal-l-5"; - /** Constant dui_bg_teal_l_5 */ + CssClass dui_bg_teal_l_5 = () -> "dui-bg-teal-l-5"; - /** Constant dui_accent_teal_l_5 */ + CssClass dui_accent_teal_l_5 = () -> "dui-accent-teal-l-5"; - /** Constant dui_shadow_teal_l_5 */ + CssClass dui_shadow_teal_l_5 = () -> "dui-shadow-teal-l-5"; - /** Constant dui_text_decoration_teal_l_5 */ + CssClass dui_text_decoration_teal_l_5 = () -> "dui-text-decoration-teal-l-5"; - /** Constant dui_border_teal_l_5 */ + CssClass dui_border_teal_l_5 = () -> "dui-border-teal-l-5"; - /** Constant dui_border_x_teal_l_5 */ + CssClass dui_border_x_teal_l_5 = () -> "dui-border-x-teal-l-5"; - /** Constant dui_border_y_teal_l_5 */ + CssClass dui_border_y_teal_l_5 = () -> "dui-border-y-teal-l-5"; - /** Constant dui_border_t_teal_l_5 */ + CssClass dui_border_t_teal_l_5 = () -> "dui-border-t-teal-l-5"; - /** Constant dui_border_r_teal_l_5 */ + CssClass dui_border_r_teal_l_5 = () -> "dui-border-r-teal-l-5"; - /** Constant dui_border_b_teal_l_5 */ + CssClass dui_border_b_teal_l_5 = () -> "dui-border-b-teal-l-5"; - /** Constant dui_border_l_teal_l_5 */ + CssClass dui_border_l_teal_l_5 = () -> "dui-border-l-teal-l-5"; - /** Constant dui_divide_teal_l_5 */ + CssClass dui_divide_teal_l_5 = () -> "dui-divide-teal-l-5"; - /** Constant dui_outline_teal_l_5 */ + CssClass dui_outline_teal_l_5 = () -> "dui-outline-teal-l-5"; - /** Constant dui_fg_teal_l_4 */ + CssClass dui_fg_teal_l_4 = () -> "dui-fg-teal-l-4"; - /** Constant dui_bg_teal_l_4 */ + CssClass dui_bg_teal_l_4 = () -> "dui-bg-teal-l-4"; - /** Constant dui_accent_teal_l_4 */ + CssClass dui_accent_teal_l_4 = () -> "dui-accent-teal-l-4"; - /** Constant dui_shadow_teal_l_4 */ + CssClass dui_shadow_teal_l_4 = () -> "dui-shadow-teal-l-4"; - /** Constant dui_text_decoration_teal_l_4 */ + CssClass dui_text_decoration_teal_l_4 = () -> "dui-text-decoration-teal-l-4"; - /** Constant dui_border_teal_l_4 */ + CssClass dui_border_teal_l_4 = () -> "dui-border-teal-l-4"; - /** Constant dui_border_x_teal_l_4 */ + CssClass dui_border_x_teal_l_4 = () -> "dui-border-x-teal-l-4"; - /** Constant dui_border_y_teal_l_4 */ + CssClass dui_border_y_teal_l_4 = () -> "dui-border-y-teal-l-4"; - /** Constant dui_border_t_teal_l_4 */ + CssClass dui_border_t_teal_l_4 = () -> "dui-border-t-teal-l-4"; - /** Constant dui_border_r_teal_l_4 */ + CssClass dui_border_r_teal_l_4 = () -> "dui-border-r-teal-l-4"; - /** Constant dui_border_b_teal_l_4 */ + CssClass dui_border_b_teal_l_4 = () -> "dui-border-b-teal-l-4"; - /** Constant dui_border_l_teal_l_4 */ + CssClass dui_border_l_teal_l_4 = () -> "dui-border-l-teal-l-4"; - /** Constant dui_divide_teal_l_4 */ + CssClass dui_divide_teal_l_4 = () -> "dui-divide-teal-l-4"; - /** Constant dui_outline_teal_l_4 */ + CssClass dui_outline_teal_l_4 = () -> "dui-outline-teal-l-4"; - /** Constant dui_fg_teal_l_3 */ + CssClass dui_fg_teal_l_3 = () -> "dui-fg-teal-l-3"; - /** Constant dui_bg_teal_l_3 */ + CssClass dui_bg_teal_l_3 = () -> "dui-bg-teal-l-3"; - /** Constant dui_accent_teal_l_3 */ + CssClass dui_accent_teal_l_3 = () -> "dui-accent-teal-l-3"; - /** Constant dui_shadow_teal_l_3 */ + CssClass dui_shadow_teal_l_3 = () -> "dui-shadow-teal-l-3"; - /** Constant dui_text_decoration_teal_l_3 */ + CssClass dui_text_decoration_teal_l_3 = () -> "dui-text-decoration-teal-l-3"; - /** Constant dui_border_teal_l_3 */ + CssClass dui_border_teal_l_3 = () -> "dui-border-teal-l-3"; - /** Constant dui_border_x_teal_l_3 */ + CssClass dui_border_x_teal_l_3 = () -> "dui-border-x-teal-l-3"; - /** Constant dui_border_y_teal_l_3 */ + CssClass dui_border_y_teal_l_3 = () -> "dui-border-y-teal-l-3"; - /** Constant dui_border_t_teal_l_3 */ + CssClass dui_border_t_teal_l_3 = () -> "dui-border-t-teal-l-3"; - /** Constant dui_border_r_teal_l_3 */ + CssClass dui_border_r_teal_l_3 = () -> "dui-border-r-teal-l-3"; - /** Constant dui_border_b_teal_l_3 */ + CssClass dui_border_b_teal_l_3 = () -> "dui-border-b-teal-l-3"; - /** Constant dui_border_l_teal_l_3 */ + CssClass dui_border_l_teal_l_3 = () -> "dui-border-l-teal-l-3"; - /** Constant dui_divide_teal_l_3 */ + CssClass dui_divide_teal_l_3 = () -> "dui-divide-teal-l-3"; - /** Constant dui_outline_teal_l_3 */ + CssClass dui_outline_teal_l_3 = () -> "dui-outline-teal-l-3"; - /** Constant dui_fg_teal_l_2 */ + CssClass dui_fg_teal_l_2 = () -> "dui-fg-teal-l-2"; - /** Constant dui_bg_teal_l_2 */ + CssClass dui_bg_teal_l_2 = () -> "dui-bg-teal-l-2"; - /** Constant dui_accent_teal_l_2 */ + CssClass dui_accent_teal_l_2 = () -> "dui-accent-teal-l-2"; - /** Constant dui_shadow_teal_l_2 */ + CssClass dui_shadow_teal_l_2 = () -> "dui-shadow-teal-l-2"; - /** Constant dui_text_decoration_teal_l_2 */ + CssClass dui_text_decoration_teal_l_2 = () -> "dui-text-decoration-teal-l-2"; - /** Constant dui_border_teal_l_2 */ + CssClass dui_border_teal_l_2 = () -> "dui-border-teal-l-2"; - /** Constant dui_border_x_teal_l_2 */ + CssClass dui_border_x_teal_l_2 = () -> "dui-border-x-teal-l-2"; - /** Constant dui_border_y_teal_l_2 */ + CssClass dui_border_y_teal_l_2 = () -> "dui-border-y-teal-l-2"; - /** Constant dui_border_t_teal_l_2 */ + CssClass dui_border_t_teal_l_2 = () -> "dui-border-t-teal-l-2"; - /** Constant dui_border_r_teal_l_2 */ + CssClass dui_border_r_teal_l_2 = () -> "dui-border-r-teal-l-2"; - /** Constant dui_border_b_teal_l_2 */ + CssClass dui_border_b_teal_l_2 = () -> "dui-border-b-teal-l-2"; - /** Constant dui_border_l_teal_l_2 */ + CssClass dui_border_l_teal_l_2 = () -> "dui-border-l-teal-l-2"; - /** Constant dui_divide_teal_l_2 */ + CssClass dui_divide_teal_l_2 = () -> "dui-divide-teal-l-2"; - /** Constant dui_outline_teal_l_2 */ + CssClass dui_outline_teal_l_2 = () -> "dui-outline-teal-l-2"; - /** Constant dui_fg_teal_l_1 */ + CssClass dui_fg_teal_l_1 = () -> "dui-fg-teal-l-1"; - /** Constant dui_bg_teal_l_1 */ + CssClass dui_bg_teal_l_1 = () -> "dui-bg-teal-l-1"; - /** Constant dui_accent_teal_l_1 */ + CssClass dui_accent_teal_l_1 = () -> "dui-accent-teal-l-1"; - /** Constant dui_shadow_teal_l_1 */ + CssClass dui_shadow_teal_l_1 = () -> "dui-shadow-teal-l-1"; - /** Constant dui_text_decoration_teal_l_1 */ + CssClass dui_text_decoration_teal_l_1 = () -> "dui-text-decoration-teal-l-1"; - /** Constant dui_border_teal_l_1 */ + CssClass dui_border_teal_l_1 = () -> "dui-border-teal-l-1"; - /** Constant dui_border_x_teal_l_1 */ + CssClass dui_border_x_teal_l_1 = () -> "dui-border-x-teal-l-1"; - /** Constant dui_border_y_teal_l_1 */ + CssClass dui_border_y_teal_l_1 = () -> "dui-border-y-teal-l-1"; - /** Constant dui_border_t_teal_l_1 */ + CssClass dui_border_t_teal_l_1 = () -> "dui-border-t-teal-l-1"; - /** Constant dui_border_r_teal_l_1 */ + CssClass dui_border_r_teal_l_1 = () -> "dui-border-r-teal-l-1"; - /** Constant dui_border_b_teal_l_1 */ + CssClass dui_border_b_teal_l_1 = () -> "dui-border-b-teal-l-1"; - /** Constant dui_border_l_teal_l_1 */ + CssClass dui_border_l_teal_l_1 = () -> "dui-border-l-teal-l-1"; - /** Constant dui_divide_teal_l_1 */ + CssClass dui_divide_teal_l_1 = () -> "dui-divide-teal-l-1"; - /** Constant dui_outline_teal_l_1 */ + CssClass dui_outline_teal_l_1 = () -> "dui-outline-teal-l-1"; - /** Constant dui_fg_teal */ + CssClass dui_fg_teal = () -> "dui-fg-teal"; - /** Constant dui_bg_teal */ + CssClass dui_bg_teal = () -> "dui-bg-teal"; - /** Constant dui_accent_teal */ + CssClass dui_accent_teal = () -> "dui-accent-teal"; - /** Constant dui_shadow_teal */ + CssClass dui_shadow_teal = () -> "dui-shadow-teal"; - /** Constant dui_text_decoration_teal */ + CssClass dui_text_decoration_teal = () -> "dui-text-decoration-teal"; - /** Constant dui_border_teal */ + CssClass dui_border_teal = () -> "dui-border-teal"; - /** Constant dui_border_x_teal */ + CssClass dui_border_x_teal = () -> "dui-border-x-teal"; - /** Constant dui_border_y_teal */ + CssClass dui_border_y_teal = () -> "dui-border-y-teal"; - /** Constant dui_border_t_teal */ + CssClass dui_border_t_teal = () -> "dui-border-t-teal"; - /** Constant dui_border_r_teal */ + CssClass dui_border_r_teal = () -> "dui-border-r-teal"; - /** Constant dui_border_b_teal */ + CssClass dui_border_b_teal = () -> "dui-border-b-teal"; - /** Constant dui_border_l_teal */ + CssClass dui_border_l_teal = () -> "dui-border-l-teal"; - /** Constant dui_divide_teal */ + CssClass dui_divide_teal = () -> "dui-divide-teal"; - /** Constant dui_outline_teal */ + CssClass dui_outline_teal = () -> "dui-outline-teal"; - /** Constant dui_fg_teal_d_1 */ + CssClass dui_fg_teal_d_1 = () -> "dui-fg-teal-d-1"; - /** Constant dui_bg_teal_d_1 */ + CssClass dui_bg_teal_d_1 = () -> "dui-bg-teal-d-1"; - /** Constant dui_accent_teal_d_1 */ + CssClass dui_accent_teal_d_1 = () -> "dui-accent-teal-d-1"; - /** Constant dui_shadow_teal_d_1 */ + CssClass dui_shadow_teal_d_1 = () -> "dui-shadow-teal-d-1"; - /** Constant dui_text_decoration_teal_d_1 */ + CssClass dui_text_decoration_teal_d_1 = () -> "dui-text-decoration-teal-d-1"; - /** Constant dui_border_teal_d_1 */ + CssClass dui_border_teal_d_1 = () -> "dui-border-teal-d-1"; - /** Constant dui_border_x_teal_d_1 */ + CssClass dui_border_x_teal_d_1 = () -> "dui-border-x-teal-d-1"; - /** Constant dui_border_y_teal_d_1 */ + CssClass dui_border_y_teal_d_1 = () -> "dui-border-y-teal-d-1"; - /** Constant dui_border_t_teal_d_1 */ + CssClass dui_border_t_teal_d_1 = () -> "dui-border-t-teal-d-1"; - /** Constant dui_border_r_teal_d_1 */ + CssClass dui_border_r_teal_d_1 = () -> "dui-border-r-teal-d-1"; - /** Constant dui_border_b_teal_d_1 */ + CssClass dui_border_b_teal_d_1 = () -> "dui-border-b-teal-d-1"; - /** Constant dui_border_l_teal_d_1 */ + CssClass dui_border_l_teal_d_1 = () -> "dui-border-l-teal-d-1"; - /** Constant dui_divide_teal_d_1 */ + CssClass dui_divide_teal_d_1 = () -> "dui-divide-teal-d-1"; - /** Constant dui_outline_teal_d_1 */ + CssClass dui_outline_teal_d_1 = () -> "dui-outline-teal-d-1"; - /** Constant dui_fg_teal_d_2 */ + CssClass dui_fg_teal_d_2 = () -> "dui-fg-teal-d-2"; - /** Constant dui_bg_teal_d_2 */ + CssClass dui_bg_teal_d_2 = () -> "dui-bg-teal-d-2"; - /** Constant dui_accent_teal_d_2 */ + CssClass dui_accent_teal_d_2 = () -> "dui-accent-teal-d-2"; - /** Constant dui_shadow_teal_d_2 */ + CssClass dui_shadow_teal_d_2 = () -> "dui-shadow-teal-d-2"; - /** Constant dui_text_decoration_teal_d_2 */ + CssClass dui_text_decoration_teal_d_2 = () -> "dui-text-decoration-teal-d-2"; - /** Constant dui_border_teal_d_2 */ + CssClass dui_border_teal_d_2 = () -> "dui-border-teal-d-2"; - /** Constant dui_border_x_teal_d_2 */ + CssClass dui_border_x_teal_d_2 = () -> "dui-border-x-teal-d-2"; - /** Constant dui_border_y_teal_d_2 */ + CssClass dui_border_y_teal_d_2 = () -> "dui-border-y-teal-d-2"; - /** Constant dui_border_t_teal_d_2 */ + CssClass dui_border_t_teal_d_2 = () -> "dui-border-t-teal-d-2"; - /** Constant dui_border_r_teal_d_2 */ + CssClass dui_border_r_teal_d_2 = () -> "dui-border-r-teal-d-2"; - /** Constant dui_border_b_teal_d_2 */ + CssClass dui_border_b_teal_d_2 = () -> "dui-border-b-teal-d-2"; - /** Constant dui_border_l_teal_d_2 */ + CssClass dui_border_l_teal_d_2 = () -> "dui-border-l-teal-d-2"; - /** Constant dui_divide_teal_d_2 */ + CssClass dui_divide_teal_d_2 = () -> "dui-divide-teal-d-2"; - /** Constant dui_outline_teal_d_2 */ + CssClass dui_outline_teal_d_2 = () -> "dui-outline-teal-d-2"; - /** Constant dui_fg_teal_d_3 */ + CssClass dui_fg_teal_d_3 = () -> "dui-fg-teal-d-3"; - /** Constant dui_bg_teal_d_3 */ + CssClass dui_bg_teal_d_3 = () -> "dui-bg-teal-d-3"; - /** Constant dui_accent_teal_d_3 */ + CssClass dui_accent_teal_d_3 = () -> "dui-accent-teal-d-3"; - /** Constant dui_shadow_teal_d_3 */ + CssClass dui_shadow_teal_d_3 = () -> "dui-shadow-teal-d-3"; - /** Constant dui_text_decoration_teal_d_3 */ + CssClass dui_text_decoration_teal_d_3 = () -> "dui-text-decoration-teal-d-3"; - /** Constant dui_border_teal_d_3 */ + CssClass dui_border_teal_d_3 = () -> "dui-border-teal-d-3"; - /** Constant dui_border_x_teal_d_3 */ + CssClass dui_border_x_teal_d_3 = () -> "dui-border-x-teal-d-3"; - /** Constant dui_border_y_teal_d_3 */ + CssClass dui_border_y_teal_d_3 = () -> "dui-border-y-teal-d-3"; - /** Constant dui_border_t_teal_d_3 */ + CssClass dui_border_t_teal_d_3 = () -> "dui-border-t-teal-d-3"; - /** Constant dui_border_r_teal_d_3 */ + CssClass dui_border_r_teal_d_3 = () -> "dui-border-r-teal-d-3"; - /** Constant dui_border_b_teal_d_3 */ + CssClass dui_border_b_teal_d_3 = () -> "dui-border-b-teal-d-3"; - /** Constant dui_border_l_teal_d_3 */ + CssClass dui_border_l_teal_d_3 = () -> "dui-border-l-teal-d-3"; - /** Constant dui_divide_teal_d_3 */ + CssClass dui_divide_teal_d_3 = () -> "dui-divide-teal-d-3"; - /** Constant dui_outline_teal_d_3 */ + CssClass dui_outline_teal_d_3 = () -> "dui-outline-teal-d-3"; - /** Constant dui_fg_teal_d_4 */ + CssClass dui_fg_teal_d_4 = () -> "dui-fg-teal-d-4"; - /** Constant dui_bg_teal_d_4 */ + CssClass dui_bg_teal_d_4 = () -> "dui-bg-teal-d-4"; - /** Constant dui_accent_teal_d_4 */ + CssClass dui_accent_teal_d_4 = () -> "dui-accent-teal-d-4"; - /** Constant dui_shadow_teal_d_4 */ + CssClass dui_shadow_teal_d_4 = () -> "dui-shadow-teal-d-4"; - /** Constant dui_text_decoration_teal_d_4 */ + CssClass dui_text_decoration_teal_d_4 = () -> "dui-text-decoration-teal-d-4"; - /** Constant dui_border_teal_d_4 */ + CssClass dui_border_teal_d_4 = () -> "dui-border-teal-d-4"; - /** Constant dui_border_x_teal_d_4 */ + CssClass dui_border_x_teal_d_4 = () -> "dui-border-x-teal-d-4"; - /** Constant dui_border_y_teal_d_4 */ + CssClass dui_border_y_teal_d_4 = () -> "dui-border-y-teal-d-4"; - /** Constant dui_border_t_teal_d_4 */ + CssClass dui_border_t_teal_d_4 = () -> "dui-border-t-teal-d-4"; - /** Constant dui_border_r_teal_d_4 */ + CssClass dui_border_r_teal_d_4 = () -> "dui-border-r-teal-d-4"; - /** Constant dui_border_b_teal_d_4 */ + CssClass dui_border_b_teal_d_4 = () -> "dui-border-b-teal-d-4"; - /** Constant dui_border_l_teal_d_4 */ + CssClass dui_border_l_teal_d_4 = () -> "dui-border-l-teal-d-4"; - /** Constant dui_divide_teal_d_4 */ + CssClass dui_divide_teal_d_4 = () -> "dui-divide-teal-d-4"; - /** Constant dui_outline_teal_d_4 */ + CssClass dui_outline_teal_d_4 = () -> "dui-outline-teal-d-4"; - /** Constant dui_fg_green_l_5 */ + CssClass dui_fg_green_l_5 = () -> "dui-fg-green-l-5"; - /** Constant dui_bg_green_l_5 */ + CssClass dui_bg_green_l_5 = () -> "dui-bg-green-l-5"; - /** Constant dui_accent_green_l_5 */ + CssClass dui_accent_green_l_5 = () -> "dui-accent-green-l-5"; - /** Constant dui_shadow_green_l_5 */ + CssClass dui_shadow_green_l_5 = () -> "dui-shadow-green-l-5"; - /** Constant dui_text_decoration_green_l_5 */ + CssClass dui_text_decoration_green_l_5 = () -> "dui-text-decoration-green-l-5"; - /** Constant dui_border_green_l_5 */ + CssClass dui_border_green_l_5 = () -> "dui-border-green-l-5"; - /** Constant dui_border_x_green_l_5 */ + CssClass dui_border_x_green_l_5 = () -> "dui-border-x-green-l-5"; - /** Constant dui_border_y_green_l_5 */ + CssClass dui_border_y_green_l_5 = () -> "dui-border-y-green-l-5"; - /** Constant dui_border_t_green_l_5 */ + CssClass dui_border_t_green_l_5 = () -> "dui-border-t-green-l-5"; - /** Constant dui_border_r_green_l_5 */ + CssClass dui_border_r_green_l_5 = () -> "dui-border-r-green-l-5"; - /** Constant dui_border_b_green_l_5 */ + CssClass dui_border_b_green_l_5 = () -> "dui-border-b-green-l-5"; - /** Constant dui_border_l_green_l_5 */ + CssClass dui_border_l_green_l_5 = () -> "dui-border-l-green-l-5"; - /** Constant dui_divide_green_l_5 */ + CssClass dui_divide_green_l_5 = () -> "dui-divide-green-l-5"; - /** Constant dui_outline_green_l_5 */ + CssClass dui_outline_green_l_5 = () -> "dui-outline-green-l-5"; - /** Constant dui_fg_green_l_4 */ + CssClass dui_fg_green_l_4 = () -> "dui-fg-green-l-4"; - /** Constant dui_bg_green_l_4 */ + CssClass dui_bg_green_l_4 = () -> "dui-bg-green-l-4"; - /** Constant dui_accent_green_l_4 */ + CssClass dui_accent_green_l_4 = () -> "dui-accent-green-l-4"; - /** Constant dui_shadow_green_l_4 */ + CssClass dui_shadow_green_l_4 = () -> "dui-shadow-green-l-4"; - /** Constant dui_text_decoration_green_l_4 */ + CssClass dui_text_decoration_green_l_4 = () -> "dui-text-decoration-green-l-4"; - /** Constant dui_border_green_l_4 */ + CssClass dui_border_green_l_4 = () -> "dui-border-green-l-4"; - /** Constant dui_border_x_green_l_4 */ + CssClass dui_border_x_green_l_4 = () -> "dui-border-x-green-l-4"; - /** Constant dui_border_y_green_l_4 */ + CssClass dui_border_y_green_l_4 = () -> "dui-border-y-green-l-4"; - /** Constant dui_border_t_green_l_4 */ + CssClass dui_border_t_green_l_4 = () -> "dui-border-t-green-l-4"; - /** Constant dui_border_r_green_l_4 */ + CssClass dui_border_r_green_l_4 = () -> "dui-border-r-green-l-4"; - /** Constant dui_border_b_green_l_4 */ + CssClass dui_border_b_green_l_4 = () -> "dui-border-b-green-l-4"; - /** Constant dui_border_l_green_l_4 */ + CssClass dui_border_l_green_l_4 = () -> "dui-border-l-green-l-4"; - /** Constant dui_divide_green_l_4 */ + CssClass dui_divide_green_l_4 = () -> "dui-divide-green-l-4"; - /** Constant dui_outline_green_l_4 */ + CssClass dui_outline_green_l_4 = () -> "dui-outline-green-l-4"; - /** Constant dui_fg_green_l_3 */ + CssClass dui_fg_green_l_3 = () -> "dui-fg-green-l-3"; - /** Constant dui_bg_green_l_3 */ + CssClass dui_bg_green_l_3 = () -> "dui-bg-green-l-3"; - /** Constant dui_accent_green_l_3 */ + CssClass dui_accent_green_l_3 = () -> "dui-accent-green-l-3"; - /** Constant dui_shadow_green_l_3 */ + CssClass dui_shadow_green_l_3 = () -> "dui-shadow-green-l-3"; - /** Constant dui_text_decoration_green_l_3 */ + CssClass dui_text_decoration_green_l_3 = () -> "dui-text-decoration-green-l-3"; - /** Constant dui_border_green_l_3 */ + CssClass dui_border_green_l_3 = () -> "dui-border-green-l-3"; - /** Constant dui_border_x_green_l_3 */ + CssClass dui_border_x_green_l_3 = () -> "dui-border-x-green-l-3"; - /** Constant dui_border_y_green_l_3 */ + CssClass dui_border_y_green_l_3 = () -> "dui-border-y-green-l-3"; - /** Constant dui_border_t_green_l_3 */ + CssClass dui_border_t_green_l_3 = () -> "dui-border-t-green-l-3"; - /** Constant dui_border_r_green_l_3 */ + CssClass dui_border_r_green_l_3 = () -> "dui-border-r-green-l-3"; - /** Constant dui_border_b_green_l_3 */ + CssClass dui_border_b_green_l_3 = () -> "dui-border-b-green-l-3"; - /** Constant dui_border_l_green_l_3 */ + CssClass dui_border_l_green_l_3 = () -> "dui-border-l-green-l-3"; - /** Constant dui_divide_green_l_3 */ + CssClass dui_divide_green_l_3 = () -> "dui-divide-green-l-3"; - /** Constant dui_outline_green_l_3 */ + CssClass dui_outline_green_l_3 = () -> "dui-outline-green-l-3"; - /** Constant dui_fg_green_l_2 */ + CssClass dui_fg_green_l_2 = () -> "dui-fg-green-l-2"; - /** Constant dui_bg_green_l_2 */ + CssClass dui_bg_green_l_2 = () -> "dui-bg-green-l-2"; - /** Constant dui_accent_green_l_2 */ + CssClass dui_accent_green_l_2 = () -> "dui-accent-green-l-2"; - /** Constant dui_shadow_green_l_2 */ + CssClass dui_shadow_green_l_2 = () -> "dui-shadow-green-l-2"; - /** Constant dui_text_decoration_green_l_2 */ + CssClass dui_text_decoration_green_l_2 = () -> "dui-text-decoration-green-l-2"; - /** Constant dui_border_green_l_2 */ + CssClass dui_border_green_l_2 = () -> "dui-border-green-l-2"; - /** Constant dui_border_x_green_l_2 */ + CssClass dui_border_x_green_l_2 = () -> "dui-border-x-green-l-2"; - /** Constant dui_border_y_green_l_2 */ + CssClass dui_border_y_green_l_2 = () -> "dui-border-y-green-l-2"; - /** Constant dui_border_t_green_l_2 */ + CssClass dui_border_t_green_l_2 = () -> "dui-border-t-green-l-2"; - /** Constant dui_border_r_green_l_2 */ + CssClass dui_border_r_green_l_2 = () -> "dui-border-r-green-l-2"; - /** Constant dui_border_b_green_l_2 */ + CssClass dui_border_b_green_l_2 = () -> "dui-border-b-green-l-2"; - /** Constant dui_border_l_green_l_2 */ + CssClass dui_border_l_green_l_2 = () -> "dui-border-l-green-l-2"; - /** Constant dui_divide_green_l_2 */ + CssClass dui_divide_green_l_2 = () -> "dui-divide-green-l-2"; - /** Constant dui_outline_green_l_2 */ + CssClass dui_outline_green_l_2 = () -> "dui-outline-green-l-2"; - /** Constant dui_fg_green_l_1 */ + CssClass dui_fg_green_l_1 = () -> "dui-fg-green-l-1"; - /** Constant dui_bg_green_l_1 */ + CssClass dui_bg_green_l_1 = () -> "dui-bg-green-l-1"; - /** Constant dui_accent_green_l_1 */ + CssClass dui_accent_green_l_1 = () -> "dui-accent-green-l-1"; - /** Constant dui_shadow_green_l_1 */ + CssClass dui_shadow_green_l_1 = () -> "dui-shadow-green-l-1"; - /** Constant dui_text_decoration_green_l_1 */ + CssClass dui_text_decoration_green_l_1 = () -> "dui-text-decoration-green-l-1"; - /** Constant dui_border_green_l_1 */ + CssClass dui_border_green_l_1 = () -> "dui-border-green-l-1"; - /** Constant dui_border_x_green_l_1 */ + CssClass dui_border_x_green_l_1 = () -> "dui-border-x-green-l-1"; - /** Constant dui_border_y_green_l_1 */ + CssClass dui_border_y_green_l_1 = () -> "dui-border-y-green-l-1"; - /** Constant dui_border_t_green_l_1 */ + CssClass dui_border_t_green_l_1 = () -> "dui-border-t-green-l-1"; - /** Constant dui_border_r_green_l_1 */ + CssClass dui_border_r_green_l_1 = () -> "dui-border-r-green-l-1"; - /** Constant dui_border_b_green_l_1 */ + CssClass dui_border_b_green_l_1 = () -> "dui-border-b-green-l-1"; - /** Constant dui_border_l_green_l_1 */ + CssClass dui_border_l_green_l_1 = () -> "dui-border-l-green-l-1"; - /** Constant dui_divide_green_l_1 */ + CssClass dui_divide_green_l_1 = () -> "dui-divide-green-l-1"; - /** Constant dui_outline_green_l_1 */ + CssClass dui_outline_green_l_1 = () -> "dui-outline-green-l-1"; - /** Constant dui_fg_green */ + CssClass dui_fg_green = () -> "dui-fg-green"; - /** Constant dui_bg_green */ + CssClass dui_bg_green = () -> "dui-bg-green"; - /** Constant dui_accent_green */ + CssClass dui_accent_green = () -> "dui-accent-green"; - /** Constant dui_shadow_green */ + CssClass dui_shadow_green = () -> "dui-shadow-green"; - /** Constant dui_text_decoration_green */ + CssClass dui_text_decoration_green = () -> "dui-text-decoration-green"; - /** Constant dui_border_green */ + CssClass dui_border_green = () -> "dui-border-green"; - /** Constant dui_border_x_green */ + CssClass dui_border_x_green = () -> "dui-border-x-green"; - /** Constant dui_border_y_green */ + CssClass dui_border_y_green = () -> "dui-border-y-green"; - /** Constant dui_border_t_green */ + CssClass dui_border_t_green = () -> "dui-border-t-green"; - /** Constant dui_border_r_green */ + CssClass dui_border_r_green = () -> "dui-border-r-green"; - /** Constant dui_border_b_green */ + CssClass dui_border_b_green = () -> "dui-border-b-green"; - /** Constant dui_border_l_green */ + CssClass dui_border_l_green = () -> "dui-border-l-green"; - /** Constant dui_divide_green */ + CssClass dui_divide_green = () -> "dui-divide-green"; - /** Constant dui_outline_green */ + CssClass dui_outline_green = () -> "dui-outline-green"; - /** Constant dui_fg_green_d_1 */ + CssClass dui_fg_green_d_1 = () -> "dui-fg-green-d-1"; - /** Constant dui_bg_green_d_1 */ + CssClass dui_bg_green_d_1 = () -> "dui-bg-green-d-1"; - /** Constant dui_accent_green_d_1 */ + CssClass dui_accent_green_d_1 = () -> "dui-accent-green-d-1"; - /** Constant dui_shadow_green_d_1 */ + CssClass dui_shadow_green_d_1 = () -> "dui-shadow-green-d-1"; - /** Constant dui_text_decoration_green_d_1 */ + CssClass dui_text_decoration_green_d_1 = () -> "dui-text-decoration-green-d-1"; - /** Constant dui_border_green_d_1 */ + CssClass dui_border_green_d_1 = () -> "dui-border-green-d-1"; - /** Constant dui_border_x_green_d_1 */ + CssClass dui_border_x_green_d_1 = () -> "dui-border-x-green-d-1"; - /** Constant dui_border_y_green_d_1 */ + CssClass dui_border_y_green_d_1 = () -> "dui-border-y-green-d-1"; - /** Constant dui_border_t_green_d_1 */ + CssClass dui_border_t_green_d_1 = () -> "dui-border-t-green-d-1"; - /** Constant dui_border_r_green_d_1 */ + CssClass dui_border_r_green_d_1 = () -> "dui-border-r-green-d-1"; - /** Constant dui_border_b_green_d_1 */ + CssClass dui_border_b_green_d_1 = () -> "dui-border-b-green-d-1"; - /** Constant dui_border_l_green_d_1 */ + CssClass dui_border_l_green_d_1 = () -> "dui-border-l-green-d-1"; - /** Constant dui_divide_green_d_1 */ + CssClass dui_divide_green_d_1 = () -> "dui-divide-green-d-1"; - /** Constant dui_outline_green_d_1 */ + CssClass dui_outline_green_d_1 = () -> "dui-outline-green-d-1"; - /** Constant dui_fg_green_d_2 */ + CssClass dui_fg_green_d_2 = () -> "dui-fg-green-d-2"; - /** Constant dui_bg_green_d_2 */ + CssClass dui_bg_green_d_2 = () -> "dui-bg-green-d-2"; - /** Constant dui_accent_green_d_2 */ + CssClass dui_accent_green_d_2 = () -> "dui-accent-green-d-2"; - /** Constant dui_shadow_green_d_2 */ + CssClass dui_shadow_green_d_2 = () -> "dui-shadow-green-d-2"; - /** Constant dui_text_decoration_green_d_2 */ + CssClass dui_text_decoration_green_d_2 = () -> "dui-text-decoration-green-d-2"; - /** Constant dui_border_green_d_2 */ + CssClass dui_border_green_d_2 = () -> "dui-border-green-d-2"; - /** Constant dui_border_x_green_d_2 */ + CssClass dui_border_x_green_d_2 = () -> "dui-border-x-green-d-2"; - /** Constant dui_border_y_green_d_2 */ + CssClass dui_border_y_green_d_2 = () -> "dui-border-y-green-d-2"; - /** Constant dui_border_t_green_d_2 */ + CssClass dui_border_t_green_d_2 = () -> "dui-border-t-green-d-2"; - /** Constant dui_border_r_green_d_2 */ + CssClass dui_border_r_green_d_2 = () -> "dui-border-r-green-d-2"; - /** Constant dui_border_b_green_d_2 */ + CssClass dui_border_b_green_d_2 = () -> "dui-border-b-green-d-2"; - /** Constant dui_border_l_green_d_2 */ + CssClass dui_border_l_green_d_2 = () -> "dui-border-l-green-d-2"; - /** Constant dui_divide_green_d_2 */ + CssClass dui_divide_green_d_2 = () -> "dui-divide-green-d-2"; - /** Constant dui_outline_green_d_2 */ + CssClass dui_outline_green_d_2 = () -> "dui-outline-green-d-2"; - /** Constant dui_fg_green_d_3 */ + CssClass dui_fg_green_d_3 = () -> "dui-fg-green-d-3"; - /** Constant dui_bg_green_d_3 */ + CssClass dui_bg_green_d_3 = () -> "dui-bg-green-d-3"; - /** Constant dui_accent_green_d_3 */ + CssClass dui_accent_green_d_3 = () -> "dui-accent-green-d-3"; - /** Constant dui_shadow_green_d_3 */ + CssClass dui_shadow_green_d_3 = () -> "dui-shadow-green-d-3"; - /** Constant dui_text_decoration_green_d_3 */ + CssClass dui_text_decoration_green_d_3 = () -> "dui-text-decoration-green-d-3"; - /** Constant dui_border_green_d_3 */ + CssClass dui_border_green_d_3 = () -> "dui-border-green-d-3"; - /** Constant dui_border_x_green_d_3 */ + CssClass dui_border_x_green_d_3 = () -> "dui-border-x-green-d-3"; - /** Constant dui_border_y_green_d_3 */ + CssClass dui_border_y_green_d_3 = () -> "dui-border-y-green-d-3"; - /** Constant dui_border_t_green_d_3 */ + CssClass dui_border_t_green_d_3 = () -> "dui-border-t-green-d-3"; - /** Constant dui_border_r_green_d_3 */ + CssClass dui_border_r_green_d_3 = () -> "dui-border-r-green-d-3"; - /** Constant dui_border_b_green_d_3 */ + CssClass dui_border_b_green_d_3 = () -> "dui-border-b-green-d-3"; - /** Constant dui_border_l_green_d_3 */ + CssClass dui_border_l_green_d_3 = () -> "dui-border-l-green-d-3"; - /** Constant dui_divide_green_d_3 */ + CssClass dui_divide_green_d_3 = () -> "dui-divide-green-d-3"; - /** Constant dui_outline_green_d_3 */ + CssClass dui_outline_green_d_3 = () -> "dui-outline-green-d-3"; - /** Constant dui_fg_green_d_4 */ + CssClass dui_fg_green_d_4 = () -> "dui-fg-green-d-4"; - /** Constant dui_bg_green_d_4 */ + CssClass dui_bg_green_d_4 = () -> "dui-bg-green-d-4"; - /** Constant dui_accent_green_d_4 */ + CssClass dui_accent_green_d_4 = () -> "dui-accent-green-d-4"; - /** Constant dui_shadow_green_d_4 */ + CssClass dui_shadow_green_d_4 = () -> "dui-shadow-green-d-4"; - /** Constant dui_text_decoration_green_d_4 */ + CssClass dui_text_decoration_green_d_4 = () -> "dui-text-decoration-green-d-4"; - /** Constant dui_border_green_d_4 */ + CssClass dui_border_green_d_4 = () -> "dui-border-green-d-4"; - /** Constant dui_border_x_green_d_4 */ + CssClass dui_border_x_green_d_4 = () -> "dui-border-x-green-d-4"; - /** Constant dui_border_y_green_d_4 */ + CssClass dui_border_y_green_d_4 = () -> "dui-border-y-green-d-4"; - /** Constant dui_border_t_green_d_4 */ + CssClass dui_border_t_green_d_4 = () -> "dui-border-t-green-d-4"; - /** Constant dui_border_r_green_d_4 */ + CssClass dui_border_r_green_d_4 = () -> "dui-border-r-green-d-4"; - /** Constant dui_border_b_green_d_4 */ + CssClass dui_border_b_green_d_4 = () -> "dui-border-b-green-d-4"; - /** Constant dui_border_l_green_d_4 */ + CssClass dui_border_l_green_d_4 = () -> "dui-border-l-green-d-4"; - /** Constant dui_divide_green_d_4 */ + CssClass dui_divide_green_d_4 = () -> "dui-divide-green-d-4"; - /** Constant dui_outline_green_d_4 */ + CssClass dui_outline_green_d_4 = () -> "dui-outline-green-d-4"; - /** Constant dui_fg_light_green_l_5 */ + CssClass dui_fg_light_green_l_5 = () -> "dui-fg-light-green-l-5"; - /** Constant dui_bg_light_green_l_5 */ + CssClass dui_bg_light_green_l_5 = () -> "dui-bg-light-green-l-5"; - /** Constant dui_accent_light_green_l_5 */ + CssClass dui_accent_light_green_l_5 = () -> "dui-accent-light-green-l-5"; - /** Constant dui_shadow_light_green_l_5 */ + CssClass dui_shadow_light_green_l_5 = () -> "dui-shadow-light-green-l-5"; - /** Constant dui_text_decoration_light_green_l_5 */ + CssClass dui_text_decoration_light_green_l_5 = () -> "dui-text-decoration-light-green-l-5"; - /** Constant dui_border_light_green_l_5 */ + CssClass dui_border_light_green_l_5 = () -> "dui-border-light-green-l-5"; - /** Constant dui_border_x_light_green_l_5 */ + CssClass dui_border_x_light_green_l_5 = () -> "dui-border-x-light-green-l-5"; - /** Constant dui_border_y_light_green_l_5 */ + CssClass dui_border_y_light_green_l_5 = () -> "dui-border-y-light-green-l-5"; - /** Constant dui_border_t_light_green_l_5 */ + CssClass dui_border_t_light_green_l_5 = () -> "dui-border-t-light-green-l-5"; - /** Constant dui_border_r_light_green_l_5 */ + CssClass dui_border_r_light_green_l_5 = () -> "dui-border-r-light-green-l-5"; - /** Constant dui_border_b_light_green_l_5 */ + CssClass dui_border_b_light_green_l_5 = () -> "dui-border-b-light-green-l-5"; - /** Constant dui_border_l_light_green_l_5 */ + CssClass dui_border_l_light_green_l_5 = () -> "dui-border-l-light-green-l-5"; - /** Constant dui_divide_light_green_l_5 */ + CssClass dui_divide_light_green_l_5 = () -> "dui-divide-light-green-l-5"; - /** Constant dui_outline_light_green_l_5 */ + CssClass dui_outline_light_green_l_5 = () -> "dui-outline-light-green-l-5"; - /** Constant dui_fg_light_green_l_4 */ + CssClass dui_fg_light_green_l_4 = () -> "dui-fg-light-green-l-4"; - /** Constant dui_bg_light_green_l_4 */ + CssClass dui_bg_light_green_l_4 = () -> "dui-bg-light-green-l-4"; - /** Constant dui_accent_light_green_l_4 */ + CssClass dui_accent_light_green_l_4 = () -> "dui-accent-light-green-l-4"; - /** Constant dui_shadow_light_green_l_4 */ + CssClass dui_shadow_light_green_l_4 = () -> "dui-shadow-light-green-l-4"; - /** Constant dui_text_decoration_light_green_l_4 */ + CssClass dui_text_decoration_light_green_l_4 = () -> "dui-text-decoration-light-green-l-4"; - /** Constant dui_border_light_green_l_4 */ + CssClass dui_border_light_green_l_4 = () -> "dui-border-light-green-l-4"; - /** Constant dui_border_x_light_green_l_4 */ + CssClass dui_border_x_light_green_l_4 = () -> "dui-border-x-light-green-l-4"; - /** Constant dui_border_y_light_green_l_4 */ + CssClass dui_border_y_light_green_l_4 = () -> "dui-border-y-light-green-l-4"; - /** Constant dui_border_t_light_green_l_4 */ + CssClass dui_border_t_light_green_l_4 = () -> "dui-border-t-light-green-l-4"; - /** Constant dui_border_r_light_green_l_4 */ + CssClass dui_border_r_light_green_l_4 = () -> "dui-border-r-light-green-l-4"; - /** Constant dui_border_b_light_green_l_4 */ + CssClass dui_border_b_light_green_l_4 = () -> "dui-border-b-light-green-l-4"; - /** Constant dui_border_l_light_green_l_4 */ + CssClass dui_border_l_light_green_l_4 = () -> "dui-border-l-light-green-l-4"; - /** Constant dui_divide_light_green_l_4 */ + CssClass dui_divide_light_green_l_4 = () -> "dui-divide-light-green-l-4"; - /** Constant dui_outline_light_green_l_4 */ + CssClass dui_outline_light_green_l_4 = () -> "dui-outline-light-green-l-4"; - /** Constant dui_fg_light_green_l_3 */ + CssClass dui_fg_light_green_l_3 = () -> "dui-fg-light-green-l-3"; - /** Constant dui_bg_light_green_l_3 */ + CssClass dui_bg_light_green_l_3 = () -> "dui-bg-light-green-l-3"; - /** Constant dui_accent_light_green_l_3 */ + CssClass dui_accent_light_green_l_3 = () -> "dui-accent-light-green-l-3"; - /** Constant dui_shadow_light_green_l_3 */ + CssClass dui_shadow_light_green_l_3 = () -> "dui-shadow-light-green-l-3"; - /** Constant dui_text_decoration_light_green_l_3 */ + CssClass dui_text_decoration_light_green_l_3 = () -> "dui-text-decoration-light-green-l-3"; - /** Constant dui_border_light_green_l_3 */ + CssClass dui_border_light_green_l_3 = () -> "dui-border-light-green-l-3"; - /** Constant dui_border_x_light_green_l_3 */ + CssClass dui_border_x_light_green_l_3 = () -> "dui-border-x-light-green-l-3"; - /** Constant dui_border_y_light_green_l_3 */ + CssClass dui_border_y_light_green_l_3 = () -> "dui-border-y-light-green-l-3"; - /** Constant dui_border_t_light_green_l_3 */ + CssClass dui_border_t_light_green_l_3 = () -> "dui-border-t-light-green-l-3"; - /** Constant dui_border_r_light_green_l_3 */ + CssClass dui_border_r_light_green_l_3 = () -> "dui-border-r-light-green-l-3"; - /** Constant dui_border_b_light_green_l_3 */ + CssClass dui_border_b_light_green_l_3 = () -> "dui-border-b-light-green-l-3"; - /** Constant dui_border_l_light_green_l_3 */ + CssClass dui_border_l_light_green_l_3 = () -> "dui-border-l-light-green-l-3"; - /** Constant dui_divide_light_green_l_3 */ + CssClass dui_divide_light_green_l_3 = () -> "dui-divide-light-green-l-3"; - /** Constant dui_outline_light_green_l_3 */ + CssClass dui_outline_light_green_l_3 = () -> "dui-outline-light-green-l-3"; - /** Constant dui_fg_light_green_l_2 */ + CssClass dui_fg_light_green_l_2 = () -> "dui-fg-light-green-l-2"; - /** Constant dui_bg_light_green_l_2 */ + CssClass dui_bg_light_green_l_2 = () -> "dui-bg-light-green-l-2"; - /** Constant dui_accent_light_green_l_2 */ + CssClass dui_accent_light_green_l_2 = () -> "dui-accent-light-green-l-2"; - /** Constant dui_shadow_light_green_l_2 */ + CssClass dui_shadow_light_green_l_2 = () -> "dui-shadow-light-green-l-2"; - /** Constant dui_text_decoration_light_green_l_2 */ + CssClass dui_text_decoration_light_green_l_2 = () -> "dui-text-decoration-light-green-l-2"; - /** Constant dui_border_light_green_l_2 */ + CssClass dui_border_light_green_l_2 = () -> "dui-border-light-green-l-2"; - /** Constant dui_border_x_light_green_l_2 */ + CssClass dui_border_x_light_green_l_2 = () -> "dui-border-x-light-green-l-2"; - /** Constant dui_border_y_light_green_l_2 */ + CssClass dui_border_y_light_green_l_2 = () -> "dui-border-y-light-green-l-2"; - /** Constant dui_border_t_light_green_l_2 */ + CssClass dui_border_t_light_green_l_2 = () -> "dui-border-t-light-green-l-2"; - /** Constant dui_border_r_light_green_l_2 */ + CssClass dui_border_r_light_green_l_2 = () -> "dui-border-r-light-green-l-2"; - /** Constant dui_border_b_light_green_l_2 */ + CssClass dui_border_b_light_green_l_2 = () -> "dui-border-b-light-green-l-2"; - /** Constant dui_border_l_light_green_l_2 */ + CssClass dui_border_l_light_green_l_2 = () -> "dui-border-l-light-green-l-2"; - /** Constant dui_divide_light_green_l_2 */ + CssClass dui_divide_light_green_l_2 = () -> "dui-divide-light-green-l-2"; - /** Constant dui_outline_light_green_l_2 */ + CssClass dui_outline_light_green_l_2 = () -> "dui-outline-light-green-l-2"; - /** Constant dui_fg_light_green_l_1 */ + CssClass dui_fg_light_green_l_1 = () -> "dui-fg-light-green-l-1"; - /** Constant dui_bg_light_green_l_1 */ + CssClass dui_bg_light_green_l_1 = () -> "dui-bg-light-green-l-1"; - /** Constant dui_accent_light_green_l_1 */ + CssClass dui_accent_light_green_l_1 = () -> "dui-accent-light-green-l-1"; - /** Constant dui_shadow_light_green_l_1 */ + CssClass dui_shadow_light_green_l_1 = () -> "dui-shadow-light-green-l-1"; - /** Constant dui_text_decoration_light_green_l_1 */ + CssClass dui_text_decoration_light_green_l_1 = () -> "dui-text-decoration-light-green-l-1"; - /** Constant dui_border_light_green_l_1 */ + CssClass dui_border_light_green_l_1 = () -> "dui-border-light-green-l-1"; - /** Constant dui_border_x_light_green_l_1 */ + CssClass dui_border_x_light_green_l_1 = () -> "dui-border-x-light-green-l-1"; - /** Constant dui_border_y_light_green_l_1 */ + CssClass dui_border_y_light_green_l_1 = () -> "dui-border-y-light-green-l-1"; - /** Constant dui_border_t_light_green_l_1 */ + CssClass dui_border_t_light_green_l_1 = () -> "dui-border-t-light-green-l-1"; - /** Constant dui_border_r_light_green_l_1 */ + CssClass dui_border_r_light_green_l_1 = () -> "dui-border-r-light-green-l-1"; - /** Constant dui_border_b_light_green_l_1 */ + CssClass dui_border_b_light_green_l_1 = () -> "dui-border-b-light-green-l-1"; - /** Constant dui_border_l_light_green_l_1 */ + CssClass dui_border_l_light_green_l_1 = () -> "dui-border-l-light-green-l-1"; - /** Constant dui_divide_light_green_l_1 */ + CssClass dui_divide_light_green_l_1 = () -> "dui-divide-light-green-l-1"; - /** Constant dui_outline_light_green_l_1 */ + CssClass dui_outline_light_green_l_1 = () -> "dui-outline-light-green-l-1"; - /** Constant dui_fg_light_green */ + CssClass dui_fg_light_green = () -> "dui-fg-light-green"; - /** Constant dui_bg_light_green */ + CssClass dui_bg_light_green = () -> "dui-bg-light-green"; - /** Constant dui_accent_light_green */ + CssClass dui_accent_light_green = () -> "dui-accent-light-green"; - /** Constant dui_shadow_light_green */ + CssClass dui_shadow_light_green = () -> "dui-shadow-light-green"; - /** Constant dui_text_decoration_light_green */ + CssClass dui_text_decoration_light_green = () -> "dui-text-decoration-light-green"; - /** Constant dui_border_light_green */ + CssClass dui_border_light_green = () -> "dui-border-light-green"; - /** Constant dui_border_x_light_green */ + CssClass dui_border_x_light_green = () -> "dui-border-x-light-green"; - /** Constant dui_border_y_light_green */ + CssClass dui_border_y_light_green = () -> "dui-border-y-light-green"; - /** Constant dui_border_t_light_green */ + CssClass dui_border_t_light_green = () -> "dui-border-t-light-green"; - /** Constant dui_border_r_light_green */ + CssClass dui_border_r_light_green = () -> "dui-border-r-light-green"; - /** Constant dui_border_b_light_green */ + CssClass dui_border_b_light_green = () -> "dui-border-b-light-green"; - /** Constant dui_border_l_light_green */ + CssClass dui_border_l_light_green = () -> "dui-border-l-light-green"; - /** Constant dui_divide_light_green */ + CssClass dui_divide_light_green = () -> "dui-divide-light-green"; - /** Constant dui_outline_light_green */ + CssClass dui_outline_light_green = () -> "dui-outline-light-green"; - /** Constant dui_fg_light_green_d_1 */ + CssClass dui_fg_light_green_d_1 = () -> "dui-fg-light-green-d-1"; - /** Constant dui_bg_light_green_d_1 */ + CssClass dui_bg_light_green_d_1 = () -> "dui-bg-light-green-d-1"; - /** Constant dui_accent_light_green_d_1 */ + CssClass dui_accent_light_green_d_1 = () -> "dui-accent-light-green-d-1"; - /** Constant dui_shadow_light_green_d_1 */ + CssClass dui_shadow_light_green_d_1 = () -> "dui-shadow-light-green-d-1"; - /** Constant dui_text_decoration_light_green_d_1 */ + CssClass dui_text_decoration_light_green_d_1 = () -> "dui-text-decoration-light-green-d-1"; - /** Constant dui_border_light_green_d_1 */ + CssClass dui_border_light_green_d_1 = () -> "dui-border-light-green-d-1"; - /** Constant dui_border_x_light_green_d_1 */ + CssClass dui_border_x_light_green_d_1 = () -> "dui-border-x-light-green-d-1"; - /** Constant dui_border_y_light_green_d_1 */ + CssClass dui_border_y_light_green_d_1 = () -> "dui-border-y-light-green-d-1"; - /** Constant dui_border_t_light_green_d_1 */ + CssClass dui_border_t_light_green_d_1 = () -> "dui-border-t-light-green-d-1"; - /** Constant dui_border_r_light_green_d_1 */ + CssClass dui_border_r_light_green_d_1 = () -> "dui-border-r-light-green-d-1"; - /** Constant dui_border_b_light_green_d_1 */ + CssClass dui_border_b_light_green_d_1 = () -> "dui-border-b-light-green-d-1"; - /** Constant dui_border_l_light_green_d_1 */ + CssClass dui_border_l_light_green_d_1 = () -> "dui-border-l-light-green-d-1"; - /** Constant dui_divide_light_green_d_1 */ + CssClass dui_divide_light_green_d_1 = () -> "dui-divide-light-green-d-1"; - /** Constant dui_outline_light_green_d_1 */ + CssClass dui_outline_light_green_d_1 = () -> "dui-outline-light-green-d-1"; - /** Constant dui_fg_light_green_d_2 */ + CssClass dui_fg_light_green_d_2 = () -> "dui-fg-light-green-d-2"; - /** Constant dui_bg_light_green_d_2 */ + CssClass dui_bg_light_green_d_2 = () -> "dui-bg-light-green-d-2"; - /** Constant dui_accent_light_green_d_2 */ + CssClass dui_accent_light_green_d_2 = () -> "dui-accent-light-green-d-2"; - /** Constant dui_shadow_light_green_d_2 */ + CssClass dui_shadow_light_green_d_2 = () -> "dui-shadow-light-green-d-2"; - /** Constant dui_text_decoration_light_green_d_2 */ + CssClass dui_text_decoration_light_green_d_2 = () -> "dui-text-decoration-light-green-d-2"; - /** Constant dui_border_light_green_d_2 */ + CssClass dui_border_light_green_d_2 = () -> "dui-border-light-green-d-2"; - /** Constant dui_border_x_light_green_d_2 */ + CssClass dui_border_x_light_green_d_2 = () -> "dui-border-x-light-green-d-2"; - /** Constant dui_border_y_light_green_d_2 */ + CssClass dui_border_y_light_green_d_2 = () -> "dui-border-y-light-green-d-2"; - /** Constant dui_border_t_light_green_d_2 */ + CssClass dui_border_t_light_green_d_2 = () -> "dui-border-t-light-green-d-2"; - /** Constant dui_border_r_light_green_d_2 */ + CssClass dui_border_r_light_green_d_2 = () -> "dui-border-r-light-green-d-2"; - /** Constant dui_border_b_light_green_d_2 */ + CssClass dui_border_b_light_green_d_2 = () -> "dui-border-b-light-green-d-2"; - /** Constant dui_border_l_light_green_d_2 */ + CssClass dui_border_l_light_green_d_2 = () -> "dui-border-l-light-green-d-2"; - /** Constant dui_divide_light_green_d_2 */ + CssClass dui_divide_light_green_d_2 = () -> "dui-divide-light-green-d-2"; - /** Constant dui_outline_light_green_d_2 */ + CssClass dui_outline_light_green_d_2 = () -> "dui-outline-light-green-d-2"; - /** Constant dui_fg_light_green_d_3 */ + CssClass dui_fg_light_green_d_3 = () -> "dui-fg-light-green-d-3"; - /** Constant dui_bg_light_green_d_3 */ + CssClass dui_bg_light_green_d_3 = () -> "dui-bg-light-green-d-3"; - /** Constant dui_accent_light_green_d_3 */ + CssClass dui_accent_light_green_d_3 = () -> "dui-accent-light-green-d-3"; - /** Constant dui_shadow_light_green_d_3 */ + CssClass dui_shadow_light_green_d_3 = () -> "dui-shadow-light-green-d-3"; - /** Constant dui_text_decoration_light_green_d_3 */ + CssClass dui_text_decoration_light_green_d_3 = () -> "dui-text-decoration-light-green-d-3"; - /** Constant dui_border_light_green_d_3 */ + CssClass dui_border_light_green_d_3 = () -> "dui-border-light-green-d-3"; - /** Constant dui_border_x_light_green_d_3 */ + CssClass dui_border_x_light_green_d_3 = () -> "dui-border-x-light-green-d-3"; - /** Constant dui_border_y_light_green_d_3 */ + CssClass dui_border_y_light_green_d_3 = () -> "dui-border-y-light-green-d-3"; - /** Constant dui_border_t_light_green_d_3 */ + CssClass dui_border_t_light_green_d_3 = () -> "dui-border-t-light-green-d-3"; - /** Constant dui_border_r_light_green_d_3 */ + CssClass dui_border_r_light_green_d_3 = () -> "dui-border-r-light-green-d-3"; - /** Constant dui_border_b_light_green_d_3 */ + CssClass dui_border_b_light_green_d_3 = () -> "dui-border-b-light-green-d-3"; - /** Constant dui_border_l_light_green_d_3 */ + CssClass dui_border_l_light_green_d_3 = () -> "dui-border-l-light-green-d-3"; - /** Constant dui_divide_light_green_d_3 */ + CssClass dui_divide_light_green_d_3 = () -> "dui-divide-light-green-d-3"; - /** Constant dui_outline_light_green_d_3 */ + CssClass dui_outline_light_green_d_3 = () -> "dui-outline-light-green-d-3"; - /** Constant dui_fg_light_green_d_4 */ + CssClass dui_fg_light_green_d_4 = () -> "dui-fg-light-green-d-4"; - /** Constant dui_bg_light_green_d_4 */ + CssClass dui_bg_light_green_d_4 = () -> "dui-bg-light-green-d-4"; - /** Constant dui_accent_light_green_d_4 */ + CssClass dui_accent_light_green_d_4 = () -> "dui-accent-light-green-d-4"; - /** Constant dui_shadow_light_green_d_4 */ + CssClass dui_shadow_light_green_d_4 = () -> "dui-shadow-light-green-d-4"; - /** Constant dui_text_decoration_light_green_d_4 */ + CssClass dui_text_decoration_light_green_d_4 = () -> "dui-text-decoration-light-green-d-4"; - /** Constant dui_border_light_green_d_4 */ + CssClass dui_border_light_green_d_4 = () -> "dui-border-light-green-d-4"; - /** Constant dui_border_x_light_green_d_4 */ + CssClass dui_border_x_light_green_d_4 = () -> "dui-border-x-light-green-d-4"; - /** Constant dui_border_y_light_green_d_4 */ + CssClass dui_border_y_light_green_d_4 = () -> "dui-border-y-light-green-d-4"; - /** Constant dui_border_t_light_green_d_4 */ + CssClass dui_border_t_light_green_d_4 = () -> "dui-border-t-light-green-d-4"; - /** Constant dui_border_r_light_green_d_4 */ + CssClass dui_border_r_light_green_d_4 = () -> "dui-border-r-light-green-d-4"; - /** Constant dui_border_b_light_green_d_4 */ + CssClass dui_border_b_light_green_d_4 = () -> "dui-border-b-light-green-d-4"; - /** Constant dui_border_l_light_green_d_4 */ + CssClass dui_border_l_light_green_d_4 = () -> "dui-border-l-light-green-d-4"; - /** Constant dui_divide_light_green_d_4 */ + CssClass dui_divide_light_green_d_4 = () -> "dui-divide-light-green-d-4"; - /** Constant dui_outline_light_green_d_4 */ + CssClass dui_outline_light_green_d_4 = () -> "dui-outline-light-green-d-4"; - /** Constant dui_fg_lime_l_5 */ + CssClass dui_fg_lime_l_5 = () -> "dui-fg-lime-l-5"; - /** Constant dui_bg_lime_l_5 */ + CssClass dui_bg_lime_l_5 = () -> "dui-bg-lime-l-5"; - /** Constant dui_accent_lime_l_5 */ + CssClass dui_accent_lime_l_5 = () -> "dui-accent-lime-l-5"; - /** Constant dui_shadow_lime_l_5 */ + CssClass dui_shadow_lime_l_5 = () -> "dui-shadow-lime-l-5"; - /** Constant dui_text_decoration_lime_l_5 */ + CssClass dui_text_decoration_lime_l_5 = () -> "dui-text-decoration-lime-l-5"; - /** Constant dui_border_lime_l_5 */ + CssClass dui_border_lime_l_5 = () -> "dui-border-lime-l-5"; - /** Constant dui_border_x_lime_l_5 */ + CssClass dui_border_x_lime_l_5 = () -> "dui-border-x-lime-l-5"; - /** Constant dui_border_y_lime_l_5 */ + CssClass dui_border_y_lime_l_5 = () -> "dui-border-y-lime-l-5"; - /** Constant dui_border_t_lime_l_5 */ + CssClass dui_border_t_lime_l_5 = () -> "dui-border-t-lime-l-5"; - /** Constant dui_border_r_lime_l_5 */ + CssClass dui_border_r_lime_l_5 = () -> "dui-border-r-lime-l-5"; - /** Constant dui_border_b_lime_l_5 */ + CssClass dui_border_b_lime_l_5 = () -> "dui-border-b-lime-l-5"; - /** Constant dui_border_l_lime_l_5 */ + CssClass dui_border_l_lime_l_5 = () -> "dui-border-l-lime-l-5"; - /** Constant dui_divide_lime_l_5 */ + CssClass dui_divide_lime_l_5 = () -> "dui-divide-lime-l-5"; - /** Constant dui_outline_lime_l_5 */ + CssClass dui_outline_lime_l_5 = () -> "dui-outline-lime-l-5"; - /** Constant dui_fg_lime_l_4 */ + CssClass dui_fg_lime_l_4 = () -> "dui-fg-lime-l-4"; - /** Constant dui_bg_lime_l_4 */ + CssClass dui_bg_lime_l_4 = () -> "dui-bg-lime-l-4"; - /** Constant dui_accent_lime_l_4 */ + CssClass dui_accent_lime_l_4 = () -> "dui-accent-lime-l-4"; - /** Constant dui_shadow_lime_l_4 */ + CssClass dui_shadow_lime_l_4 = () -> "dui-shadow-lime-l-4"; - /** Constant dui_text_decoration_lime_l_4 */ + CssClass dui_text_decoration_lime_l_4 = () -> "dui-text-decoration-lime-l-4"; - /** Constant dui_border_lime_l_4 */ + CssClass dui_border_lime_l_4 = () -> "dui-border-lime-l-4"; - /** Constant dui_border_x_lime_l_4 */ + CssClass dui_border_x_lime_l_4 = () -> "dui-border-x-lime-l-4"; - /** Constant dui_border_y_lime_l_4 */ + CssClass dui_border_y_lime_l_4 = () -> "dui-border-y-lime-l-4"; - /** Constant dui_border_t_lime_l_4 */ + CssClass dui_border_t_lime_l_4 = () -> "dui-border-t-lime-l-4"; - /** Constant dui_border_r_lime_l_4 */ + CssClass dui_border_r_lime_l_4 = () -> "dui-border-r-lime-l-4"; - /** Constant dui_border_b_lime_l_4 */ + CssClass dui_border_b_lime_l_4 = () -> "dui-border-b-lime-l-4"; - /** Constant dui_border_l_lime_l_4 */ + CssClass dui_border_l_lime_l_4 = () -> "dui-border-l-lime-l-4"; - /** Constant dui_divide_lime_l_4 */ + CssClass dui_divide_lime_l_4 = () -> "dui-divide-lime-l-4"; - /** Constant dui_outline_lime_l_4 */ + CssClass dui_outline_lime_l_4 = () -> "dui-outline-lime-l-4"; - /** Constant dui_fg_lime_l_3 */ + CssClass dui_fg_lime_l_3 = () -> "dui-fg-lime-l-3"; - /** Constant dui_bg_lime_l_3 */ + CssClass dui_bg_lime_l_3 = () -> "dui-bg-lime-l-3"; - /** Constant dui_accent_lime_l_3 */ + CssClass dui_accent_lime_l_3 = () -> "dui-accent-lime-l-3"; - /** Constant dui_shadow_lime_l_3 */ + CssClass dui_shadow_lime_l_3 = () -> "dui-shadow-lime-l-3"; - /** Constant dui_text_decoration_lime_l_3 */ + CssClass dui_text_decoration_lime_l_3 = () -> "dui-text-decoration-lime-l-3"; - /** Constant dui_border_lime_l_3 */ + CssClass dui_border_lime_l_3 = () -> "dui-border-lime-l-3"; - /** Constant dui_border_x_lime_l_3 */ + CssClass dui_border_x_lime_l_3 = () -> "dui-border-x-lime-l-3"; - /** Constant dui_border_y_lime_l_3 */ + CssClass dui_border_y_lime_l_3 = () -> "dui-border-y-lime-l-3"; - /** Constant dui_border_t_lime_l_3 */ + CssClass dui_border_t_lime_l_3 = () -> "dui-border-t-lime-l-3"; - /** Constant dui_border_r_lime_l_3 */ + CssClass dui_border_r_lime_l_3 = () -> "dui-border-r-lime-l-3"; - /** Constant dui_border_b_lime_l_3 */ + CssClass dui_border_b_lime_l_3 = () -> "dui-border-b-lime-l-3"; - /** Constant dui_border_l_lime_l_3 */ + CssClass dui_border_l_lime_l_3 = () -> "dui-border-l-lime-l-3"; - /** Constant dui_divide_lime_l_3 */ + CssClass dui_divide_lime_l_3 = () -> "dui-divide-lime-l-3"; - /** Constant dui_outline_lime_l_3 */ + CssClass dui_outline_lime_l_3 = () -> "dui-outline-lime-l-3"; - /** Constant dui_fg_lime_l_2 */ + CssClass dui_fg_lime_l_2 = () -> "dui-fg-lime-l-2"; - /** Constant dui_bg_lime_l_2 */ + CssClass dui_bg_lime_l_2 = () -> "dui-bg-lime-l-2"; - /** Constant dui_accent_lime_l_2 */ + CssClass dui_accent_lime_l_2 = () -> "dui-accent-lime-l-2"; - /** Constant dui_shadow_lime_l_2 */ + CssClass dui_shadow_lime_l_2 = () -> "dui-shadow-lime-l-2"; - /** Constant dui_text_decoration_lime_l_2 */ + CssClass dui_text_decoration_lime_l_2 = () -> "dui-text-decoration-lime-l-2"; - /** Constant dui_border_lime_l_2 */ + CssClass dui_border_lime_l_2 = () -> "dui-border-lime-l-2"; - /** Constant dui_border_x_lime_l_2 */ + CssClass dui_border_x_lime_l_2 = () -> "dui-border-x-lime-l-2"; - /** Constant dui_border_y_lime_l_2 */ + CssClass dui_border_y_lime_l_2 = () -> "dui-border-y-lime-l-2"; - /** Constant dui_border_t_lime_l_2 */ + CssClass dui_border_t_lime_l_2 = () -> "dui-border-t-lime-l-2"; - /** Constant dui_border_r_lime_l_2 */ + CssClass dui_border_r_lime_l_2 = () -> "dui-border-r-lime-l-2"; - /** Constant dui_border_b_lime_l_2 */ + CssClass dui_border_b_lime_l_2 = () -> "dui-border-b-lime-l-2"; - /** Constant dui_border_l_lime_l_2 */ + CssClass dui_border_l_lime_l_2 = () -> "dui-border-l-lime-l-2"; - /** Constant dui_divide_lime_l_2 */ + CssClass dui_divide_lime_l_2 = () -> "dui-divide-lime-l-2"; - /** Constant dui_outline_lime_l_2 */ + CssClass dui_outline_lime_l_2 = () -> "dui-outline-lime-l-2"; - /** Constant dui_fg_lime_l_1 */ + CssClass dui_fg_lime_l_1 = () -> "dui-fg-lime-l-1"; - /** Constant dui_bg_lime_l_1 */ + CssClass dui_bg_lime_l_1 = () -> "dui-bg-lime-l-1"; - /** Constant dui_accent_lime_l_1 */ + CssClass dui_accent_lime_l_1 = () -> "dui-accent-lime-l-1"; - /** Constant dui_shadow_lime_l_1 */ + CssClass dui_shadow_lime_l_1 = () -> "dui-shadow-lime-l-1"; - /** Constant dui_text_decoration_lime_l_1 */ + CssClass dui_text_decoration_lime_l_1 = () -> "dui-text-decoration-lime-l-1"; - /** Constant dui_border_lime_l_1 */ + CssClass dui_border_lime_l_1 = () -> "dui-border-lime-l-1"; - /** Constant dui_border_x_lime_l_1 */ + CssClass dui_border_x_lime_l_1 = () -> "dui-border-x-lime-l-1"; - /** Constant dui_border_y_lime_l_1 */ + CssClass dui_border_y_lime_l_1 = () -> "dui-border-y-lime-l-1"; - /** Constant dui_border_t_lime_l_1 */ + CssClass dui_border_t_lime_l_1 = () -> "dui-border-t-lime-l-1"; - /** Constant dui_border_r_lime_l_1 */ + CssClass dui_border_r_lime_l_1 = () -> "dui-border-r-lime-l-1"; - /** Constant dui_border_b_lime_l_1 */ + CssClass dui_border_b_lime_l_1 = () -> "dui-border-b-lime-l-1"; - /** Constant dui_border_l_lime_l_1 */ + CssClass dui_border_l_lime_l_1 = () -> "dui-border-l-lime-l-1"; - /** Constant dui_divide_lime_l_1 */ + CssClass dui_divide_lime_l_1 = () -> "dui-divide-lime-l-1"; - /** Constant dui_outline_lime_l_1 */ + CssClass dui_outline_lime_l_1 = () -> "dui-outline-lime-l-1"; - /** Constant dui_fg_lime */ + CssClass dui_fg_lime = () -> "dui-fg-lime"; - /** Constant dui_bg_lime */ + CssClass dui_bg_lime = () -> "dui-bg-lime"; - /** Constant dui_accent_lime */ + CssClass dui_accent_lime = () -> "dui-accent-lime"; - /** Constant dui_shadow_lime */ + CssClass dui_shadow_lime = () -> "dui-shadow-lime"; - /** Constant dui_text_decoration_lime */ + CssClass dui_text_decoration_lime = () -> "dui-text-decoration-lime"; - /** Constant dui_border_lime */ + CssClass dui_border_lime = () -> "dui-border-lime"; - /** Constant dui_border_x_lime */ + CssClass dui_border_x_lime = () -> "dui-border-x-lime"; - /** Constant dui_border_y_lime */ + CssClass dui_border_y_lime = () -> "dui-border-y-lime"; - /** Constant dui_border_t_lime */ + CssClass dui_border_t_lime = () -> "dui-border-t-lime"; - /** Constant dui_border_r_lime */ + CssClass dui_border_r_lime = () -> "dui-border-r-lime"; - /** Constant dui_border_b_lime */ + CssClass dui_border_b_lime = () -> "dui-border-b-lime"; - /** Constant dui_border_l_lime */ + CssClass dui_border_l_lime = () -> "dui-border-l-lime"; - /** Constant dui_divide_lime */ + CssClass dui_divide_lime = () -> "dui-divide-lime"; - /** Constant dui_outline_lime */ + CssClass dui_outline_lime = () -> "dui-outline-lime"; - /** Constant dui_fg_lime_d_1 */ + CssClass dui_fg_lime_d_1 = () -> "dui-fg-lime-d-1"; - /** Constant dui_bg_lime_d_1 */ + CssClass dui_bg_lime_d_1 = () -> "dui-bg-lime-d-1"; - /** Constant dui_accent_lime_d_1 */ + CssClass dui_accent_lime_d_1 = () -> "dui-accent-lime-d-1"; - /** Constant dui_shadow_lime_d_1 */ + CssClass dui_shadow_lime_d_1 = () -> "dui-shadow-lime-d-1"; - /** Constant dui_text_decoration_lime_d_1 */ + CssClass dui_text_decoration_lime_d_1 = () -> "dui-text-decoration-lime-d-1"; - /** Constant dui_border_lime_d_1 */ + CssClass dui_border_lime_d_1 = () -> "dui-border-lime-d-1"; - /** Constant dui_border_x_lime_d_1 */ + CssClass dui_border_x_lime_d_1 = () -> "dui-border-x-lime-d-1"; - /** Constant dui_border_y_lime_d_1 */ + CssClass dui_border_y_lime_d_1 = () -> "dui-border-y-lime-d-1"; - /** Constant dui_border_t_lime_d_1 */ + CssClass dui_border_t_lime_d_1 = () -> "dui-border-t-lime-d-1"; - /** Constant dui_border_r_lime_d_1 */ + CssClass dui_border_r_lime_d_1 = () -> "dui-border-r-lime-d-1"; - /** Constant dui_border_b_lime_d_1 */ + CssClass dui_border_b_lime_d_1 = () -> "dui-border-b-lime-d-1"; - /** Constant dui_border_l_lime_d_1 */ + CssClass dui_border_l_lime_d_1 = () -> "dui-border-l-lime-d-1"; - /** Constant dui_divide_lime_d_1 */ + CssClass dui_divide_lime_d_1 = () -> "dui-divide-lime-d-1"; - /** Constant dui_outline_lime_d_1 */ + CssClass dui_outline_lime_d_1 = () -> "dui-outline-lime-d-1"; - /** Constant dui_fg_lime_d_2 */ + CssClass dui_fg_lime_d_2 = () -> "dui-fg-lime-d-2"; - /** Constant dui_bg_lime_d_2 */ + CssClass dui_bg_lime_d_2 = () -> "dui-bg-lime-d-2"; - /** Constant dui_accent_lime_d_2 */ + CssClass dui_accent_lime_d_2 = () -> "dui-accent-lime-d-2"; - /** Constant dui_shadow_lime_d_2 */ + CssClass dui_shadow_lime_d_2 = () -> "dui-shadow-lime-d-2"; - /** Constant dui_text_decoration_lime_d_2 */ + CssClass dui_text_decoration_lime_d_2 = () -> "dui-text-decoration-lime-d-2"; - /** Constant dui_border_lime_d_2 */ + CssClass dui_border_lime_d_2 = () -> "dui-border-lime-d-2"; - /** Constant dui_border_x_lime_d_2 */ + CssClass dui_border_x_lime_d_2 = () -> "dui-border-x-lime-d-2"; - /** Constant dui_border_y_lime_d_2 */ + CssClass dui_border_y_lime_d_2 = () -> "dui-border-y-lime-d-2"; - /** Constant dui_border_t_lime_d_2 */ + CssClass dui_border_t_lime_d_2 = () -> "dui-border-t-lime-d-2"; - /** Constant dui_border_r_lime_d_2 */ + CssClass dui_border_r_lime_d_2 = () -> "dui-border-r-lime-d-2"; - /** Constant dui_border_b_lime_d_2 */ + CssClass dui_border_b_lime_d_2 = () -> "dui-border-b-lime-d-2"; - /** Constant dui_border_l_lime_d_2 */ + CssClass dui_border_l_lime_d_2 = () -> "dui-border-l-lime-d-2"; - /** Constant dui_divide_lime_d_2 */ + CssClass dui_divide_lime_d_2 = () -> "dui-divide-lime-d-2"; - /** Constant dui_outline_lime_d_2 */ + CssClass dui_outline_lime_d_2 = () -> "dui-outline-lime-d-2"; - /** Constant dui_fg_lime_d_3 */ + CssClass dui_fg_lime_d_3 = () -> "dui-fg-lime-d-3"; - /** Constant dui_bg_lime_d_3 */ + CssClass dui_bg_lime_d_3 = () -> "dui-bg-lime-d-3"; - /** Constant dui_accent_lime_d_3 */ + CssClass dui_accent_lime_d_3 = () -> "dui-accent-lime-d-3"; - /** Constant dui_shadow_lime_d_3 */ + CssClass dui_shadow_lime_d_3 = () -> "dui-shadow-lime-d-3"; - /** Constant dui_text_decoration_lime_d_3 */ + CssClass dui_text_decoration_lime_d_3 = () -> "dui-text-decoration-lime-d-3"; - /** Constant dui_border_lime_d_3 */ + CssClass dui_border_lime_d_3 = () -> "dui-border-lime-d-3"; - /** Constant dui_border_x_lime_d_3 */ + CssClass dui_border_x_lime_d_3 = () -> "dui-border-x-lime-d-3"; - /** Constant dui_border_y_lime_d_3 */ + CssClass dui_border_y_lime_d_3 = () -> "dui-border-y-lime-d-3"; - /** Constant dui_border_t_lime_d_3 */ + CssClass dui_border_t_lime_d_3 = () -> "dui-border-t-lime-d-3"; - /** Constant dui_border_r_lime_d_3 */ + CssClass dui_border_r_lime_d_3 = () -> "dui-border-r-lime-d-3"; - /** Constant dui_border_b_lime_d_3 */ + CssClass dui_border_b_lime_d_3 = () -> "dui-border-b-lime-d-3"; - /** Constant dui_border_l_lime_d_3 */ + CssClass dui_border_l_lime_d_3 = () -> "dui-border-l-lime-d-3"; - /** Constant dui_divide_lime_d_3 */ + CssClass dui_divide_lime_d_3 = () -> "dui-divide-lime-d-3"; - /** Constant dui_outline_lime_d_3 */ + CssClass dui_outline_lime_d_3 = () -> "dui-outline-lime-d-3"; - /** Constant dui_fg_lime_d_4 */ + CssClass dui_fg_lime_d_4 = () -> "dui-fg-lime-d-4"; - /** Constant dui_bg_lime_d_4 */ + CssClass dui_bg_lime_d_4 = () -> "dui-bg-lime-d-4"; - /** Constant dui_accent_lime_d_4 */ + CssClass dui_accent_lime_d_4 = () -> "dui-accent-lime-d-4"; - /** Constant dui_shadow_lime_d_4 */ + CssClass dui_shadow_lime_d_4 = () -> "dui-shadow-lime-d-4"; - /** Constant dui_text_decoration_lime_d_4 */ + CssClass dui_text_decoration_lime_d_4 = () -> "dui-text-decoration-lime-d-4"; - /** Constant dui_border_lime_d_4 */ + CssClass dui_border_lime_d_4 = () -> "dui-border-lime-d-4"; - /** Constant dui_border_x_lime_d_4 */ + CssClass dui_border_x_lime_d_4 = () -> "dui-border-x-lime-d-4"; - /** Constant dui_border_y_lime_d_4 */ + CssClass dui_border_y_lime_d_4 = () -> "dui-border-y-lime-d-4"; - /** Constant dui_border_t_lime_d_4 */ + CssClass dui_border_t_lime_d_4 = () -> "dui-border-t-lime-d-4"; - /** Constant dui_border_r_lime_d_4 */ + CssClass dui_border_r_lime_d_4 = () -> "dui-border-r-lime-d-4"; - /** Constant dui_border_b_lime_d_4 */ + CssClass dui_border_b_lime_d_4 = () -> "dui-border-b-lime-d-4"; - /** Constant dui_border_l_lime_d_4 */ + CssClass dui_border_l_lime_d_4 = () -> "dui-border-l-lime-d-4"; - /** Constant dui_divide_lime_d_4 */ + CssClass dui_divide_lime_d_4 = () -> "dui-divide-lime-d-4"; - /** Constant dui_outline_lime_d_4 */ + CssClass dui_outline_lime_d_4 = () -> "dui-outline-lime-d-4"; - /** Constant dui_fg_yellow_l_5 */ + CssClass dui_fg_yellow_l_5 = () -> "dui-fg-yellow-l-5"; - /** Constant dui_bg_yellow_l_5 */ + CssClass dui_bg_yellow_l_5 = () -> "dui-bg-yellow-l-5"; - /** Constant dui_accent_yellow_l_5 */ + CssClass dui_accent_yellow_l_5 = () -> "dui-accent-yellow-l-5"; - /** Constant dui_shadow_yellow_l_5 */ + CssClass dui_shadow_yellow_l_5 = () -> "dui-shadow-yellow-l-5"; - /** Constant dui_text_decoration_yellow_l_5 */ + CssClass dui_text_decoration_yellow_l_5 = () -> "dui-text-decoration-yellow-l-5"; - /** Constant dui_border_yellow_l_5 */ + CssClass dui_border_yellow_l_5 = () -> "dui-border-yellow-l-5"; - /** Constant dui_border_x_yellow_l_5 */ + CssClass dui_border_x_yellow_l_5 = () -> "dui-border-x-yellow-l-5"; - /** Constant dui_border_y_yellow_l_5 */ + CssClass dui_border_y_yellow_l_5 = () -> "dui-border-y-yellow-l-5"; - /** Constant dui_border_t_yellow_l_5 */ + CssClass dui_border_t_yellow_l_5 = () -> "dui-border-t-yellow-l-5"; - /** Constant dui_border_r_yellow_l_5 */ + CssClass dui_border_r_yellow_l_5 = () -> "dui-border-r-yellow-l-5"; - /** Constant dui_border_b_yellow_l_5 */ + CssClass dui_border_b_yellow_l_5 = () -> "dui-border-b-yellow-l-5"; - /** Constant dui_border_l_yellow_l_5 */ + CssClass dui_border_l_yellow_l_5 = () -> "dui-border-l-yellow-l-5"; - /** Constant dui_divide_yellow_l_5 */ + CssClass dui_divide_yellow_l_5 = () -> "dui-divide-yellow-l-5"; - /** Constant dui_outline_yellow_l_5 */ + CssClass dui_outline_yellow_l_5 = () -> "dui-outline-yellow-l-5"; - /** Constant dui_fg_yellow_l_4 */ + CssClass dui_fg_yellow_l_4 = () -> "dui-fg-yellow-l-4"; - /** Constant dui_bg_yellow_l_4 */ + CssClass dui_bg_yellow_l_4 = () -> "dui-bg-yellow-l-4"; - /** Constant dui_accent_yellow_l_4 */ + CssClass dui_accent_yellow_l_4 = () -> "dui-accent-yellow-l-4"; - /** Constant dui_shadow_yellow_l_4 */ + CssClass dui_shadow_yellow_l_4 = () -> "dui-shadow-yellow-l-4"; - /** Constant dui_text_decoration_yellow_l_4 */ + CssClass dui_text_decoration_yellow_l_4 = () -> "dui-text-decoration-yellow-l-4"; - /** Constant dui_border_yellow_l_4 */ + CssClass dui_border_yellow_l_4 = () -> "dui-border-yellow-l-4"; - /** Constant dui_border_x_yellow_l_4 */ + CssClass dui_border_x_yellow_l_4 = () -> "dui-border-x-yellow-l-4"; - /** Constant dui_border_y_yellow_l_4 */ + CssClass dui_border_y_yellow_l_4 = () -> "dui-border-y-yellow-l-4"; - /** Constant dui_border_t_yellow_l_4 */ + CssClass dui_border_t_yellow_l_4 = () -> "dui-border-t-yellow-l-4"; - /** Constant dui_border_r_yellow_l_4 */ + CssClass dui_border_r_yellow_l_4 = () -> "dui-border-r-yellow-l-4"; - /** Constant dui_border_b_yellow_l_4 */ + CssClass dui_border_b_yellow_l_4 = () -> "dui-border-b-yellow-l-4"; - /** Constant dui_border_l_yellow_l_4 */ + CssClass dui_border_l_yellow_l_4 = () -> "dui-border-l-yellow-l-4"; - /** Constant dui_divide_yellow_l_4 */ + CssClass dui_divide_yellow_l_4 = () -> "dui-divide-yellow-l-4"; - /** Constant dui_outline_yellow_l_4 */ + CssClass dui_outline_yellow_l_4 = () -> "dui-outline-yellow-l-4"; - /** Constant dui_fg_yellow_l_3 */ + CssClass dui_fg_yellow_l_3 = () -> "dui-fg-yellow-l-3"; - /** Constant dui_bg_yellow_l_3 */ + CssClass dui_bg_yellow_l_3 = () -> "dui-bg-yellow-l-3"; - /** Constant dui_accent_yellow_l_3 */ + CssClass dui_accent_yellow_l_3 = () -> "dui-accent-yellow-l-3"; - /** Constant dui_shadow_yellow_l_3 */ + CssClass dui_shadow_yellow_l_3 = () -> "dui-shadow-yellow-l-3"; - /** Constant dui_text_decoration_yellow_l_3 */ + CssClass dui_text_decoration_yellow_l_3 = () -> "dui-text-decoration-yellow-l-3"; - /** Constant dui_border_yellow_l_3 */ + CssClass dui_border_yellow_l_3 = () -> "dui-border-yellow-l-3"; - /** Constant dui_border_x_yellow_l_3 */ + CssClass dui_border_x_yellow_l_3 = () -> "dui-border-x-yellow-l-3"; - /** Constant dui_border_y_yellow_l_3 */ + CssClass dui_border_y_yellow_l_3 = () -> "dui-border-y-yellow-l-3"; - /** Constant dui_border_t_yellow_l_3 */ + CssClass dui_border_t_yellow_l_3 = () -> "dui-border-t-yellow-l-3"; - /** Constant dui_border_r_yellow_l_3 */ + CssClass dui_border_r_yellow_l_3 = () -> "dui-border-r-yellow-l-3"; - /** Constant dui_border_b_yellow_l_3 */ + CssClass dui_border_b_yellow_l_3 = () -> "dui-border-b-yellow-l-3"; - /** Constant dui_border_l_yellow_l_3 */ + CssClass dui_border_l_yellow_l_3 = () -> "dui-border-l-yellow-l-3"; - /** Constant dui_divide_yellow_l_3 */ + CssClass dui_divide_yellow_l_3 = () -> "dui-divide-yellow-l-3"; - /** Constant dui_outline_yellow_l_3 */ + CssClass dui_outline_yellow_l_3 = () -> "dui-outline-yellow-l-3"; - /** Constant dui_fg_yellow_l_2 */ + CssClass dui_fg_yellow_l_2 = () -> "dui-fg-yellow-l-2"; - /** Constant dui_bg_yellow_l_2 */ + CssClass dui_bg_yellow_l_2 = () -> "dui-bg-yellow-l-2"; - /** Constant dui_accent_yellow_l_2 */ + CssClass dui_accent_yellow_l_2 = () -> "dui-accent-yellow-l-2"; - /** Constant dui_shadow_yellow_l_2 */ + CssClass dui_shadow_yellow_l_2 = () -> "dui-shadow-yellow-l-2"; - /** Constant dui_text_decoration_yellow_l_2 */ + CssClass dui_text_decoration_yellow_l_2 = () -> "dui-text-decoration-yellow-l-2"; - /** Constant dui_border_yellow_l_2 */ + CssClass dui_border_yellow_l_2 = () -> "dui-border-yellow-l-2"; - /** Constant dui_border_x_yellow_l_2 */ + CssClass dui_border_x_yellow_l_2 = () -> "dui-border-x-yellow-l-2"; - /** Constant dui_border_y_yellow_l_2 */ + CssClass dui_border_y_yellow_l_2 = () -> "dui-border-y-yellow-l-2"; - /** Constant dui_border_t_yellow_l_2 */ + CssClass dui_border_t_yellow_l_2 = () -> "dui-border-t-yellow-l-2"; - /** Constant dui_border_r_yellow_l_2 */ + CssClass dui_border_r_yellow_l_2 = () -> "dui-border-r-yellow-l-2"; - /** Constant dui_border_b_yellow_l_2 */ + CssClass dui_border_b_yellow_l_2 = () -> "dui-border-b-yellow-l-2"; - /** Constant dui_border_l_yellow_l_2 */ + CssClass dui_border_l_yellow_l_2 = () -> "dui-border-l-yellow-l-2"; - /** Constant dui_divide_yellow_l_2 */ + CssClass dui_divide_yellow_l_2 = () -> "dui-divide-yellow-l-2"; - /** Constant dui_outline_yellow_l_2 */ + CssClass dui_outline_yellow_l_2 = () -> "dui-outline-yellow-l-2"; - /** Constant dui_fg_yellow_l_1 */ + CssClass dui_fg_yellow_l_1 = () -> "dui-fg-yellow-l-1"; - /** Constant dui_bg_yellow_l_1 */ + CssClass dui_bg_yellow_l_1 = () -> "dui-bg-yellow-l-1"; - /** Constant dui_accent_yellow_l_1 */ + CssClass dui_accent_yellow_l_1 = () -> "dui-accent-yellow-l-1"; - /** Constant dui_shadow_yellow_l_1 */ + CssClass dui_shadow_yellow_l_1 = () -> "dui-shadow-yellow-l-1"; - /** Constant dui_text_decoration_yellow_l_1 */ + CssClass dui_text_decoration_yellow_l_1 = () -> "dui-text-decoration-yellow-l-1"; - /** Constant dui_border_yellow_l_1 */ + CssClass dui_border_yellow_l_1 = () -> "dui-border-yellow-l-1"; - /** Constant dui_border_x_yellow_l_1 */ + CssClass dui_border_x_yellow_l_1 = () -> "dui-border-x-yellow-l-1"; - /** Constant dui_border_y_yellow_l_1 */ + CssClass dui_border_y_yellow_l_1 = () -> "dui-border-y-yellow-l-1"; - /** Constant dui_border_t_yellow_l_1 */ + CssClass dui_border_t_yellow_l_1 = () -> "dui-border-t-yellow-l-1"; - /** Constant dui_border_r_yellow_l_1 */ + CssClass dui_border_r_yellow_l_1 = () -> "dui-border-r-yellow-l-1"; - /** Constant dui_border_b_yellow_l_1 */ + CssClass dui_border_b_yellow_l_1 = () -> "dui-border-b-yellow-l-1"; - /** Constant dui_border_l_yellow_l_1 */ + CssClass dui_border_l_yellow_l_1 = () -> "dui-border-l-yellow-l-1"; - /** Constant dui_divide_yellow_l_1 */ + CssClass dui_divide_yellow_l_1 = () -> "dui-divide-yellow-l-1"; - /** Constant dui_outline_yellow_l_1 */ + CssClass dui_outline_yellow_l_1 = () -> "dui-outline-yellow-l-1"; - /** Constant dui_fg_yellow */ + CssClass dui_fg_yellow = () -> "dui-fg-yellow"; - /** Constant dui_bg_yellow */ + CssClass dui_bg_yellow = () -> "dui-bg-yellow"; - /** Constant dui_accent_yellow */ + CssClass dui_accent_yellow = () -> "dui-accent-yellow"; - /** Constant dui_shadow_yellow */ + CssClass dui_shadow_yellow = () -> "dui-shadow-yellow"; - /** Constant dui_text_decoration_yellow */ + CssClass dui_text_decoration_yellow = () -> "dui-text-decoration-yellow"; - /** Constant dui_border_yellow */ + CssClass dui_border_yellow = () -> "dui-border-yellow"; - /** Constant dui_border_x_yellow */ + CssClass dui_border_x_yellow = () -> "dui-border-x-yellow"; - /** Constant dui_border_y_yellow */ + CssClass dui_border_y_yellow = () -> "dui-border-y-yellow"; - /** Constant dui_border_t_yellow */ + CssClass dui_border_t_yellow = () -> "dui-border-t-yellow"; - /** Constant dui_border_r_yellow */ + CssClass dui_border_r_yellow = () -> "dui-border-r-yellow"; - /** Constant dui_border_b_yellow */ + CssClass dui_border_b_yellow = () -> "dui-border-b-yellow"; - /** Constant dui_border_l_yellow */ + CssClass dui_border_l_yellow = () -> "dui-border-l-yellow"; - /** Constant dui_divide_yellow */ + CssClass dui_divide_yellow = () -> "dui-divide-yellow"; - /** Constant dui_outline_yellow */ + CssClass dui_outline_yellow = () -> "dui-outline-yellow"; - /** Constant dui_fg_yellow_d_1 */ + CssClass dui_fg_yellow_d_1 = () -> "dui-fg-yellow-d-1"; - /** Constant dui_bg_yellow_d_1 */ + CssClass dui_bg_yellow_d_1 = () -> "dui-bg-yellow-d-1"; - /** Constant dui_accent_yellow_d_1 */ + CssClass dui_accent_yellow_d_1 = () -> "dui-accent-yellow-d-1"; - /** Constant dui_shadow_yellow_d_1 */ + CssClass dui_shadow_yellow_d_1 = () -> "dui-shadow-yellow-d-1"; - /** Constant dui_text_decoration_yellow_d_1 */ + CssClass dui_text_decoration_yellow_d_1 = () -> "dui-text-decoration-yellow-d-1"; - /** Constant dui_border_yellow_d_1 */ + CssClass dui_border_yellow_d_1 = () -> "dui-border-yellow-d-1"; - /** Constant dui_border_x_yellow_d_1 */ + CssClass dui_border_x_yellow_d_1 = () -> "dui-border-x-yellow-d-1"; - /** Constant dui_border_y_yellow_d_1 */ + CssClass dui_border_y_yellow_d_1 = () -> "dui-border-y-yellow-d-1"; - /** Constant dui_border_t_yellow_d_1 */ + CssClass dui_border_t_yellow_d_1 = () -> "dui-border-t-yellow-d-1"; - /** Constant dui_border_r_yellow_d_1 */ + CssClass dui_border_r_yellow_d_1 = () -> "dui-border-r-yellow-d-1"; - /** Constant dui_border_b_yellow_d_1 */ + CssClass dui_border_b_yellow_d_1 = () -> "dui-border-b-yellow-d-1"; - /** Constant dui_border_l_yellow_d_1 */ + CssClass dui_border_l_yellow_d_1 = () -> "dui-border-l-yellow-d-1"; - /** Constant dui_divide_yellow_d_1 */ + CssClass dui_divide_yellow_d_1 = () -> "dui-divide-yellow-d-1"; - /** Constant dui_outline_yellow_d_1 */ + CssClass dui_outline_yellow_d_1 = () -> "dui-outline-yellow-d-1"; - /** Constant dui_fg_yellow_d_2 */ + CssClass dui_fg_yellow_d_2 = () -> "dui-fg-yellow-d-2"; - /** Constant dui_bg_yellow_d_2 */ + CssClass dui_bg_yellow_d_2 = () -> "dui-bg-yellow-d-2"; - /** Constant dui_accent_yellow_d_2 */ + CssClass dui_accent_yellow_d_2 = () -> "dui-accent-yellow-d-2"; - /** Constant dui_shadow_yellow_d_2 */ + CssClass dui_shadow_yellow_d_2 = () -> "dui-shadow-yellow-d-2"; - /** Constant dui_text_decoration_yellow_d_2 */ + CssClass dui_text_decoration_yellow_d_2 = () -> "dui-text-decoration-yellow-d-2"; - /** Constant dui_border_yellow_d_2 */ + CssClass dui_border_yellow_d_2 = () -> "dui-border-yellow-d-2"; - /** Constant dui_border_x_yellow_d_2 */ + CssClass dui_border_x_yellow_d_2 = () -> "dui-border-x-yellow-d-2"; - /** Constant dui_border_y_yellow_d_2 */ + CssClass dui_border_y_yellow_d_2 = () -> "dui-border-y-yellow-d-2"; - /** Constant dui_border_t_yellow_d_2 */ + CssClass dui_border_t_yellow_d_2 = () -> "dui-border-t-yellow-d-2"; - /** Constant dui_border_r_yellow_d_2 */ + CssClass dui_border_r_yellow_d_2 = () -> "dui-border-r-yellow-d-2"; - /** Constant dui_border_b_yellow_d_2 */ + CssClass dui_border_b_yellow_d_2 = () -> "dui-border-b-yellow-d-2"; - /** Constant dui_border_l_yellow_d_2 */ + CssClass dui_border_l_yellow_d_2 = () -> "dui-border-l-yellow-d-2"; - /** Constant dui_divide_yellow_d_2 */ + CssClass dui_divide_yellow_d_2 = () -> "dui-divide-yellow-d-2"; - /** Constant dui_outline_yellow_d_2 */ + CssClass dui_outline_yellow_d_2 = () -> "dui-outline-yellow-d-2"; - /** Constant dui_fg_yellow_d_3 */ + CssClass dui_fg_yellow_d_3 = () -> "dui-fg-yellow-d-3"; - /** Constant dui_bg_yellow_d_3 */ + CssClass dui_bg_yellow_d_3 = () -> "dui-bg-yellow-d-3"; - /** Constant dui_accent_yellow_d_3 */ + CssClass dui_accent_yellow_d_3 = () -> "dui-accent-yellow-d-3"; - /** Constant dui_shadow_yellow_d_3 */ + CssClass dui_shadow_yellow_d_3 = () -> "dui-shadow-yellow-d-3"; - /** Constant dui_text_decoration_yellow_d_3 */ + CssClass dui_text_decoration_yellow_d_3 = () -> "dui-text-decoration-yellow-d-3"; - /** Constant dui_border_yellow_d_3 */ + CssClass dui_border_yellow_d_3 = () -> "dui-border-yellow-d-3"; - /** Constant dui_border_x_yellow_d_3 */ + CssClass dui_border_x_yellow_d_3 = () -> "dui-border-x-yellow-d-3"; - /** Constant dui_border_y_yellow_d_3 */ + CssClass dui_border_y_yellow_d_3 = () -> "dui-border-y-yellow-d-3"; - /** Constant dui_border_t_yellow_d_3 */ + CssClass dui_border_t_yellow_d_3 = () -> "dui-border-t-yellow-d-3"; - /** Constant dui_border_r_yellow_d_3 */ + CssClass dui_border_r_yellow_d_3 = () -> "dui-border-r-yellow-d-3"; - /** Constant dui_border_b_yellow_d_3 */ + CssClass dui_border_b_yellow_d_3 = () -> "dui-border-b-yellow-d-3"; - /** Constant dui_border_l_yellow_d_3 */ + CssClass dui_border_l_yellow_d_3 = () -> "dui-border-l-yellow-d-3"; - /** Constant dui_divide_yellow_d_3 */ + CssClass dui_divide_yellow_d_3 = () -> "dui-divide-yellow-d-3"; - /** Constant dui_outline_yellow_d_3 */ + CssClass dui_outline_yellow_d_3 = () -> "dui-outline-yellow-d-3"; - /** Constant dui_fg_yellow_d_4 */ + CssClass dui_fg_yellow_d_4 = () -> "dui-fg-yellow-d-4"; - /** Constant dui_bg_yellow_d_4 */ + CssClass dui_bg_yellow_d_4 = () -> "dui-bg-yellow-d-4"; - /** Constant dui_accent_yellow_d_4 */ + CssClass dui_accent_yellow_d_4 = () -> "dui-accent-yellow-d-4"; - /** Constant dui_shadow_yellow_d_4 */ + CssClass dui_shadow_yellow_d_4 = () -> "dui-shadow-yellow-d-4"; - /** Constant dui_text_decoration_yellow_d_4 */ + CssClass dui_text_decoration_yellow_d_4 = () -> "dui-text-decoration-yellow-d-4"; - /** Constant dui_border_yellow_d_4 */ + CssClass dui_border_yellow_d_4 = () -> "dui-border-yellow-d-4"; - /** Constant dui_border_x_yellow_d_4 */ + CssClass dui_border_x_yellow_d_4 = () -> "dui-border-x-yellow-d-4"; - /** Constant dui_border_y_yellow_d_4 */ + CssClass dui_border_y_yellow_d_4 = () -> "dui-border-y-yellow-d-4"; - /** Constant dui_border_t_yellow_d_4 */ + CssClass dui_border_t_yellow_d_4 = () -> "dui-border-t-yellow-d-4"; - /** Constant dui_border_r_yellow_d_4 */ + CssClass dui_border_r_yellow_d_4 = () -> "dui-border-r-yellow-d-4"; - /** Constant dui_border_b_yellow_d_4 */ + CssClass dui_border_b_yellow_d_4 = () -> "dui-border-b-yellow-d-4"; - /** Constant dui_border_l_yellow_d_4 */ + CssClass dui_border_l_yellow_d_4 = () -> "dui-border-l-yellow-d-4"; - /** Constant dui_divide_yellow_d_4 */ + CssClass dui_divide_yellow_d_4 = () -> "dui-divide-yellow-d-4"; - /** Constant dui_outline_yellow_d_4 */ + CssClass dui_outline_yellow_d_4 = () -> "dui-outline-yellow-d-4"; - /** Constant dui_fg_amber_l_5 */ + CssClass dui_fg_amber_l_5 = () -> "dui-fg-amber-l-5"; - /** Constant dui_bg_amber_l_5 */ + CssClass dui_bg_amber_l_5 = () -> "dui-bg-amber-l-5"; - /** Constant dui_accent_amber_l_5 */ + CssClass dui_accent_amber_l_5 = () -> "dui-accent-amber-l-5"; - /** Constant dui_shadow_amber_l_5 */ + CssClass dui_shadow_amber_l_5 = () -> "dui-shadow-amber-l-5"; - /** Constant dui_text_decoration_amber_l_5 */ + CssClass dui_text_decoration_amber_l_5 = () -> "dui-text-decoration-amber-l-5"; - /** Constant dui_border_amber_l_5 */ + CssClass dui_border_amber_l_5 = () -> "dui-border-amber-l-5"; - /** Constant dui_border_x_amber_l_5 */ + CssClass dui_border_x_amber_l_5 = () -> "dui-border-x-amber-l-5"; - /** Constant dui_border_y_amber_l_5 */ + CssClass dui_border_y_amber_l_5 = () -> "dui-border-y-amber-l-5"; - /** Constant dui_border_t_amber_l_5 */ + CssClass dui_border_t_amber_l_5 = () -> "dui-border-t-amber-l-5"; - /** Constant dui_border_r_amber_l_5 */ + CssClass dui_border_r_amber_l_5 = () -> "dui-border-r-amber-l-5"; - /** Constant dui_border_b_amber_l_5 */ + CssClass dui_border_b_amber_l_5 = () -> "dui-border-b-amber-l-5"; - /** Constant dui_border_l_amber_l_5 */ + CssClass dui_border_l_amber_l_5 = () -> "dui-border-l-amber-l-5"; - /** Constant dui_divide_amber_l_5 */ + CssClass dui_divide_amber_l_5 = () -> "dui-divide-amber-l-5"; - /** Constant dui_outline_amber_l_5 */ + CssClass dui_outline_amber_l_5 = () -> "dui-outline-amber-l-5"; - /** Constant dui_fg_amber_l_4 */ + CssClass dui_fg_amber_l_4 = () -> "dui-fg-amber-l-4"; - /** Constant dui_bg_amber_l_4 */ + CssClass dui_bg_amber_l_4 = () -> "dui-bg-amber-l-4"; - /** Constant dui_accent_amber_l_4 */ + CssClass dui_accent_amber_l_4 = () -> "dui-accent-amber-l-4"; - /** Constant dui_shadow_amber_l_4 */ + CssClass dui_shadow_amber_l_4 = () -> "dui-shadow-amber-l-4"; - /** Constant dui_text_decoration_amber_l_4 */ + CssClass dui_text_decoration_amber_l_4 = () -> "dui-text-decoration-amber-l-4"; - /** Constant dui_border_amber_l_4 */ + CssClass dui_border_amber_l_4 = () -> "dui-border-amber-l-4"; - /** Constant dui_border_x_amber_l_4 */ + CssClass dui_border_x_amber_l_4 = () -> "dui-border-x-amber-l-4"; - /** Constant dui_border_y_amber_l_4 */ + CssClass dui_border_y_amber_l_4 = () -> "dui-border-y-amber-l-4"; - /** Constant dui_border_t_amber_l_4 */ + CssClass dui_border_t_amber_l_4 = () -> "dui-border-t-amber-l-4"; - /** Constant dui_border_r_amber_l_4 */ + CssClass dui_border_r_amber_l_4 = () -> "dui-border-r-amber-l-4"; - /** Constant dui_border_b_amber_l_4 */ + CssClass dui_border_b_amber_l_4 = () -> "dui-border-b-amber-l-4"; - /** Constant dui_border_l_amber_l_4 */ + CssClass dui_border_l_amber_l_4 = () -> "dui-border-l-amber-l-4"; - /** Constant dui_divide_amber_l_4 */ + CssClass dui_divide_amber_l_4 = () -> "dui-divide-amber-l-4"; - /** Constant dui_outline_amber_l_4 */ + CssClass dui_outline_amber_l_4 = () -> "dui-outline-amber-l-4"; - /** Constant dui_fg_amber_l_3 */ + CssClass dui_fg_amber_l_3 = () -> "dui-fg-amber-l-3"; - /** Constant dui_bg_amber_l_3 */ + CssClass dui_bg_amber_l_3 = () -> "dui-bg-amber-l-3"; - /** Constant dui_accent_amber_l_3 */ + CssClass dui_accent_amber_l_3 = () -> "dui-accent-amber-l-3"; - /** Constant dui_shadow_amber_l_3 */ + CssClass dui_shadow_amber_l_3 = () -> "dui-shadow-amber-l-3"; - /** Constant dui_text_decoration_amber_l_3 */ + CssClass dui_text_decoration_amber_l_3 = () -> "dui-text-decoration-amber-l-3"; - /** Constant dui_border_amber_l_3 */ + CssClass dui_border_amber_l_3 = () -> "dui-border-amber-l-3"; - /** Constant dui_border_x_amber_l_3 */ + CssClass dui_border_x_amber_l_3 = () -> "dui-border-x-amber-l-3"; - /** Constant dui_border_y_amber_l_3 */ + CssClass dui_border_y_amber_l_3 = () -> "dui-border-y-amber-l-3"; - /** Constant dui_border_t_amber_l_3 */ + CssClass dui_border_t_amber_l_3 = () -> "dui-border-t-amber-l-3"; - /** Constant dui_border_r_amber_l_3 */ + CssClass dui_border_r_amber_l_3 = () -> "dui-border-r-amber-l-3"; - /** Constant dui_border_b_amber_l_3 */ + CssClass dui_border_b_amber_l_3 = () -> "dui-border-b-amber-l-3"; - /** Constant dui_border_l_amber_l_3 */ + CssClass dui_border_l_amber_l_3 = () -> "dui-border-l-amber-l-3"; - /** Constant dui_divide_amber_l_3 */ + CssClass dui_divide_amber_l_3 = () -> "dui-divide-amber-l-3"; - /** Constant dui_outline_amber_l_3 */ + CssClass dui_outline_amber_l_3 = () -> "dui-outline-amber-l-3"; - /** Constant dui_fg_amber_l_2 */ + CssClass dui_fg_amber_l_2 = () -> "dui-fg-amber-l-2"; - /** Constant dui_bg_amber_l_2 */ + CssClass dui_bg_amber_l_2 = () -> "dui-bg-amber-l-2"; - /** Constant dui_accent_amber_l_2 */ + CssClass dui_accent_amber_l_2 = () -> "dui-accent-amber-l-2"; - /** Constant dui_shadow_amber_l_2 */ + CssClass dui_shadow_amber_l_2 = () -> "dui-shadow-amber-l-2"; - /** Constant dui_text_decoration_amber_l_2 */ + CssClass dui_text_decoration_amber_l_2 = () -> "dui-text-decoration-amber-l-2"; - /** Constant dui_border_amber_l_2 */ + CssClass dui_border_amber_l_2 = () -> "dui-border-amber-l-2"; - /** Constant dui_border_x_amber_l_2 */ + CssClass dui_border_x_amber_l_2 = () -> "dui-border-x-amber-l-2"; - /** Constant dui_border_y_amber_l_2 */ + CssClass dui_border_y_amber_l_2 = () -> "dui-border-y-amber-l-2"; - /** Constant dui_border_t_amber_l_2 */ + CssClass dui_border_t_amber_l_2 = () -> "dui-border-t-amber-l-2"; - /** Constant dui_border_r_amber_l_2 */ + CssClass dui_border_r_amber_l_2 = () -> "dui-border-r-amber-l-2"; - /** Constant dui_border_b_amber_l_2 */ + CssClass dui_border_b_amber_l_2 = () -> "dui-border-b-amber-l-2"; - /** Constant dui_border_l_amber_l_2 */ + CssClass dui_border_l_amber_l_2 = () -> "dui-border-l-amber-l-2"; - /** Constant dui_divide_amber_l_2 */ + CssClass dui_divide_amber_l_2 = () -> "dui-divide-amber-l-2"; - /** Constant dui_outline_amber_l_2 */ + CssClass dui_outline_amber_l_2 = () -> "dui-outline-amber-l-2"; - /** Constant dui_fg_amber_l_1 */ + CssClass dui_fg_amber_l_1 = () -> "dui-fg-amber-l-1"; - /** Constant dui_bg_amber_l_1 */ + CssClass dui_bg_amber_l_1 = () -> "dui-bg-amber-l-1"; - /** Constant dui_accent_amber_l_1 */ + CssClass dui_accent_amber_l_1 = () -> "dui-accent-amber-l-1"; - /** Constant dui_shadow_amber_l_1 */ + CssClass dui_shadow_amber_l_1 = () -> "dui-shadow-amber-l-1"; - /** Constant dui_text_decoration_amber_l_1 */ + CssClass dui_text_decoration_amber_l_1 = () -> "dui-text-decoration-amber-l-1"; - /** Constant dui_border_amber_l_1 */ + CssClass dui_border_amber_l_1 = () -> "dui-border-amber-l-1"; - /** Constant dui_border_x_amber_l_1 */ + CssClass dui_border_x_amber_l_1 = () -> "dui-border-x-amber-l-1"; - /** Constant dui_border_y_amber_l_1 */ + CssClass dui_border_y_amber_l_1 = () -> "dui-border-y-amber-l-1"; - /** Constant dui_border_t_amber_l_1 */ + CssClass dui_border_t_amber_l_1 = () -> "dui-border-t-amber-l-1"; - /** Constant dui_border_r_amber_l_1 */ + CssClass dui_border_r_amber_l_1 = () -> "dui-border-r-amber-l-1"; - /** Constant dui_border_b_amber_l_1 */ + CssClass dui_border_b_amber_l_1 = () -> "dui-border-b-amber-l-1"; - /** Constant dui_border_l_amber_l_1 */ + CssClass dui_border_l_amber_l_1 = () -> "dui-border-l-amber-l-1"; - /** Constant dui_divide_amber_l_1 */ + CssClass dui_divide_amber_l_1 = () -> "dui-divide-amber-l-1"; - /** Constant dui_outline_amber_l_1 */ + CssClass dui_outline_amber_l_1 = () -> "dui-outline-amber-l-1"; - /** Constant dui_fg_amber */ + CssClass dui_fg_amber = () -> "dui-fg-amber"; - /** Constant dui_bg_amber */ + CssClass dui_bg_amber = () -> "dui-bg-amber"; - /** Constant dui_accent_amber */ + CssClass dui_accent_amber = () -> "dui-accent-amber"; - /** Constant dui_shadow_amber */ + CssClass dui_shadow_amber = () -> "dui-shadow-amber"; - /** Constant dui_text_decoration_amber */ + CssClass dui_text_decoration_amber = () -> "dui-text-decoration-amber"; - /** Constant dui_border_amber */ + CssClass dui_border_amber = () -> "dui-border-amber"; - /** Constant dui_border_x_amber */ + CssClass dui_border_x_amber = () -> "dui-border-x-amber"; - /** Constant dui_border_y_amber */ + CssClass dui_border_y_amber = () -> "dui-border-y-amber"; - /** Constant dui_border_t_amber */ + CssClass dui_border_t_amber = () -> "dui-border-t-amber"; - /** Constant dui_border_r_amber */ + CssClass dui_border_r_amber = () -> "dui-border-r-amber"; - /** Constant dui_border_b_amber */ + CssClass dui_border_b_amber = () -> "dui-border-b-amber"; - /** Constant dui_border_l_amber */ + CssClass dui_border_l_amber = () -> "dui-border-l-amber"; - /** Constant dui_divide_amber */ + CssClass dui_divide_amber = () -> "dui-divide-amber"; - /** Constant dui_outline_amber */ + CssClass dui_outline_amber = () -> "dui-outline-amber"; - /** Constant dui_fg_amber_d_1 */ + CssClass dui_fg_amber_d_1 = () -> "dui-fg-amber-d-1"; - /** Constant dui_bg_amber_d_1 */ + CssClass dui_bg_amber_d_1 = () -> "dui-bg-amber-d-1"; - /** Constant dui_accent_amber_d_1 */ + CssClass dui_accent_amber_d_1 = () -> "dui-accent-amber-d-1"; - /** Constant dui_shadow_amber_d_1 */ + CssClass dui_shadow_amber_d_1 = () -> "dui-shadow-amber-d-1"; - /** Constant dui_text_decoration_amber_d_1 */ + CssClass dui_text_decoration_amber_d_1 = () -> "dui-text-decoration-amber-d-1"; - /** Constant dui_border_amber_d_1 */ + CssClass dui_border_amber_d_1 = () -> "dui-border-amber-d-1"; - /** Constant dui_border_x_amber_d_1 */ + CssClass dui_border_x_amber_d_1 = () -> "dui-border-x-amber-d-1"; - /** Constant dui_border_y_amber_d_1 */ + CssClass dui_border_y_amber_d_1 = () -> "dui-border-y-amber-d-1"; - /** Constant dui_border_t_amber_d_1 */ + CssClass dui_border_t_amber_d_1 = () -> "dui-border-t-amber-d-1"; - /** Constant dui_border_r_amber_d_1 */ + CssClass dui_border_r_amber_d_1 = () -> "dui-border-r-amber-d-1"; - /** Constant dui_border_b_amber_d_1 */ + CssClass dui_border_b_amber_d_1 = () -> "dui-border-b-amber-d-1"; - /** Constant dui_border_l_amber_d_1 */ + CssClass dui_border_l_amber_d_1 = () -> "dui-border-l-amber-d-1"; - /** Constant dui_divide_amber_d_1 */ + CssClass dui_divide_amber_d_1 = () -> "dui-divide-amber-d-1"; - /** Constant dui_outline_amber_d_1 */ + CssClass dui_outline_amber_d_1 = () -> "dui-outline-amber-d-1"; - /** Constant dui_fg_amber_d_2 */ + CssClass dui_fg_amber_d_2 = () -> "dui-fg-amber-d-2"; - /** Constant dui_bg_amber_d_2 */ + CssClass dui_bg_amber_d_2 = () -> "dui-bg-amber-d-2"; - /** Constant dui_accent_amber_d_2 */ + CssClass dui_accent_amber_d_2 = () -> "dui-accent-amber-d-2"; - /** Constant dui_shadow_amber_d_2 */ + CssClass dui_shadow_amber_d_2 = () -> "dui-shadow-amber-d-2"; - /** Constant dui_text_decoration_amber_d_2 */ + CssClass dui_text_decoration_amber_d_2 = () -> "dui-text-decoration-amber-d-2"; - /** Constant dui_border_amber_d_2 */ + CssClass dui_border_amber_d_2 = () -> "dui-border-amber-d-2"; - /** Constant dui_border_x_amber_d_2 */ + CssClass dui_border_x_amber_d_2 = () -> "dui-border-x-amber-d-2"; - /** Constant dui_border_y_amber_d_2 */ + CssClass dui_border_y_amber_d_2 = () -> "dui-border-y-amber-d-2"; - /** Constant dui_border_t_amber_d_2 */ + CssClass dui_border_t_amber_d_2 = () -> "dui-border-t-amber-d-2"; - /** Constant dui_border_r_amber_d_2 */ + CssClass dui_border_r_amber_d_2 = () -> "dui-border-r-amber-d-2"; - /** Constant dui_border_b_amber_d_2 */ + CssClass dui_border_b_amber_d_2 = () -> "dui-border-b-amber-d-2"; - /** Constant dui_border_l_amber_d_2 */ + CssClass dui_border_l_amber_d_2 = () -> "dui-border-l-amber-d-2"; - /** Constant dui_divide_amber_d_2 */ + CssClass dui_divide_amber_d_2 = () -> "dui-divide-amber-d-2"; - /** Constant dui_outline_amber_d_2 */ + CssClass dui_outline_amber_d_2 = () -> "dui-outline-amber-d-2"; - /** Constant dui_fg_amber_d_3 */ + CssClass dui_fg_amber_d_3 = () -> "dui-fg-amber-d-3"; - /** Constant dui_bg_amber_d_3 */ + CssClass dui_bg_amber_d_3 = () -> "dui-bg-amber-d-3"; - /** Constant dui_accent_amber_d_3 */ + CssClass dui_accent_amber_d_3 = () -> "dui-accent-amber-d-3"; - /** Constant dui_shadow_amber_d_3 */ + CssClass dui_shadow_amber_d_3 = () -> "dui-shadow-amber-d-3"; - /** Constant dui_text_decoration_amber_d_3 */ + CssClass dui_text_decoration_amber_d_3 = () -> "dui-text-decoration-amber-d-3"; - /** Constant dui_border_amber_d_3 */ + CssClass dui_border_amber_d_3 = () -> "dui-border-amber-d-3"; - /** Constant dui_border_x_amber_d_3 */ + CssClass dui_border_x_amber_d_3 = () -> "dui-border-x-amber-d-3"; - /** Constant dui_border_y_amber_d_3 */ + CssClass dui_border_y_amber_d_3 = () -> "dui-border-y-amber-d-3"; - /** Constant dui_border_t_amber_d_3 */ + CssClass dui_border_t_amber_d_3 = () -> "dui-border-t-amber-d-3"; - /** Constant dui_border_r_amber_d_3 */ + CssClass dui_border_r_amber_d_3 = () -> "dui-border-r-amber-d-3"; - /** Constant dui_border_b_amber_d_3 */ + CssClass dui_border_b_amber_d_3 = () -> "dui-border-b-amber-d-3"; - /** Constant dui_border_l_amber_d_3 */ + CssClass dui_border_l_amber_d_3 = () -> "dui-border-l-amber-d-3"; - /** Constant dui_divide_amber_d_3 */ + CssClass dui_divide_amber_d_3 = () -> "dui-divide-amber-d-3"; - /** Constant dui_outline_amber_d_3 */ + CssClass dui_outline_amber_d_3 = () -> "dui-outline-amber-d-3"; - /** Constant dui_fg_amber_d_4 */ + CssClass dui_fg_amber_d_4 = () -> "dui-fg-amber-d-4"; - /** Constant dui_bg_amber_d_4 */ + CssClass dui_bg_amber_d_4 = () -> "dui-bg-amber-d-4"; - /** Constant dui_accent_amber_d_4 */ + CssClass dui_accent_amber_d_4 = () -> "dui-accent-amber-d-4"; - /** Constant dui_shadow_amber_d_4 */ + CssClass dui_shadow_amber_d_4 = () -> "dui-shadow-amber-d-4"; - /** Constant dui_text_decoration_amber_d_4 */ + CssClass dui_text_decoration_amber_d_4 = () -> "dui-text-decoration-amber-d-4"; - /** Constant dui_border_amber_d_4 */ + CssClass dui_border_amber_d_4 = () -> "dui-border-amber-d-4"; - /** Constant dui_border_x_amber_d_4 */ + CssClass dui_border_x_amber_d_4 = () -> "dui-border-x-amber-d-4"; - /** Constant dui_border_y_amber_d_4 */ + CssClass dui_border_y_amber_d_4 = () -> "dui-border-y-amber-d-4"; - /** Constant dui_border_t_amber_d_4 */ + CssClass dui_border_t_amber_d_4 = () -> "dui-border-t-amber-d-4"; - /** Constant dui_border_r_amber_d_4 */ + CssClass dui_border_r_amber_d_4 = () -> "dui-border-r-amber-d-4"; - /** Constant dui_border_b_amber_d_4 */ + CssClass dui_border_b_amber_d_4 = () -> "dui-border-b-amber-d-4"; - /** Constant dui_border_l_amber_d_4 */ + CssClass dui_border_l_amber_d_4 = () -> "dui-border-l-amber-d-4"; - /** Constant dui_divide_amber_d_4 */ + CssClass dui_divide_amber_d_4 = () -> "dui-divide-amber-d-4"; - /** Constant dui_outline_amber_d_4 */ + CssClass dui_outline_amber_d_4 = () -> "dui-outline-amber-d-4"; - /** Constant dui_fg_orange_l_5 */ + CssClass dui_fg_orange_l_5 = () -> "dui-fg-orange-l-5"; - /** Constant dui_bg_orange_l_5 */ + CssClass dui_bg_orange_l_5 = () -> "dui-bg-orange-l-5"; - /** Constant dui_accent_orange_l_5 */ + CssClass dui_accent_orange_l_5 = () -> "dui-accent-orange-l-5"; - /** Constant dui_shadow_orange_l_5 */ + CssClass dui_shadow_orange_l_5 = () -> "dui-shadow-orange-l-5"; - /** Constant dui_text_decoration_orange_l_5 */ + CssClass dui_text_decoration_orange_l_5 = () -> "dui-text-decoration-orange-l-5"; - /** Constant dui_border_orange_l_5 */ + CssClass dui_border_orange_l_5 = () -> "dui-border-orange-l-5"; - /** Constant dui_border_x_orange_l_5 */ + CssClass dui_border_x_orange_l_5 = () -> "dui-border-x-orange-l-5"; - /** Constant dui_border_y_orange_l_5 */ + CssClass dui_border_y_orange_l_5 = () -> "dui-border-y-orange-l-5"; - /** Constant dui_border_t_orange_l_5 */ + CssClass dui_border_t_orange_l_5 = () -> "dui-border-t-orange-l-5"; - /** Constant dui_border_r_orange_l_5 */ + CssClass dui_border_r_orange_l_5 = () -> "dui-border-r-orange-l-5"; - /** Constant dui_border_b_orange_l_5 */ + CssClass dui_border_b_orange_l_5 = () -> "dui-border-b-orange-l-5"; - /** Constant dui_border_l_orange_l_5 */ + CssClass dui_border_l_orange_l_5 = () -> "dui-border-l-orange-l-5"; - /** Constant dui_divide_orange_l_5 */ + CssClass dui_divide_orange_l_5 = () -> "dui-divide-orange-l-5"; - /** Constant dui_outline_orange_l_5 */ + CssClass dui_outline_orange_l_5 = () -> "dui-outline-orange-l-5"; - /** Constant dui_fg_orange_l_4 */ + CssClass dui_fg_orange_l_4 = () -> "dui-fg-orange-l-4"; - /** Constant dui_bg_orange_l_4 */ + CssClass dui_bg_orange_l_4 = () -> "dui-bg-orange-l-4"; - /** Constant dui_accent_orange_l_4 */ + CssClass dui_accent_orange_l_4 = () -> "dui-accent-orange-l-4"; - /** Constant dui_shadow_orange_l_4 */ + CssClass dui_shadow_orange_l_4 = () -> "dui-shadow-orange-l-4"; - /** Constant dui_text_decoration_orange_l_4 */ + CssClass dui_text_decoration_orange_l_4 = () -> "dui-text-decoration-orange-l-4"; - /** Constant dui_border_orange_l_4 */ + CssClass dui_border_orange_l_4 = () -> "dui-border-orange-l-4"; - /** Constant dui_border_x_orange_l_4 */ + CssClass dui_border_x_orange_l_4 = () -> "dui-border-x-orange-l-4"; - /** Constant dui_border_y_orange_l_4 */ + CssClass dui_border_y_orange_l_4 = () -> "dui-border-y-orange-l-4"; - /** Constant dui_border_t_orange_l_4 */ + CssClass dui_border_t_orange_l_4 = () -> "dui-border-t-orange-l-4"; - /** Constant dui_border_r_orange_l_4 */ + CssClass dui_border_r_orange_l_4 = () -> "dui-border-r-orange-l-4"; - /** Constant dui_border_b_orange_l_4 */ + CssClass dui_border_b_orange_l_4 = () -> "dui-border-b-orange-l-4"; - /** Constant dui_border_l_orange_l_4 */ + CssClass dui_border_l_orange_l_4 = () -> "dui-border-l-orange-l-4"; - /** Constant dui_divide_orange_l_4 */ + CssClass dui_divide_orange_l_4 = () -> "dui-divide-orange-l-4"; - /** Constant dui_outline_orange_l_4 */ + CssClass dui_outline_orange_l_4 = () -> "dui-outline-orange-l-4"; - /** Constant dui_fg_orange_l_3 */ + CssClass dui_fg_orange_l_3 = () -> "dui-fg-orange-l-3"; - /** Constant dui_bg_orange_l_3 */ + CssClass dui_bg_orange_l_3 = () -> "dui-bg-orange-l-3"; - /** Constant dui_accent_orange_l_3 */ + CssClass dui_accent_orange_l_3 = () -> "dui-accent-orange-l-3"; - /** Constant dui_shadow_orange_l_3 */ + CssClass dui_shadow_orange_l_3 = () -> "dui-shadow-orange-l-3"; - /** Constant dui_text_decoration_orange_l_3 */ + CssClass dui_text_decoration_orange_l_3 = () -> "dui-text-decoration-orange-l-3"; - /** Constant dui_border_orange_l_3 */ + CssClass dui_border_orange_l_3 = () -> "dui-border-orange-l-3"; - /** Constant dui_border_x_orange_l_3 */ + CssClass dui_border_x_orange_l_3 = () -> "dui-border-x-orange-l-3"; - /** Constant dui_border_y_orange_l_3 */ + CssClass dui_border_y_orange_l_3 = () -> "dui-border-y-orange-l-3"; - /** Constant dui_border_t_orange_l_3 */ + CssClass dui_border_t_orange_l_3 = () -> "dui-border-t-orange-l-3"; - /** Constant dui_border_r_orange_l_3 */ + CssClass dui_border_r_orange_l_3 = () -> "dui-border-r-orange-l-3"; - /** Constant dui_border_b_orange_l_3 */ + CssClass dui_border_b_orange_l_3 = () -> "dui-border-b-orange-l-3"; - /** Constant dui_border_l_orange_l_3 */ + CssClass dui_border_l_orange_l_3 = () -> "dui-border-l-orange-l-3"; - /** Constant dui_divide_orange_l_3 */ + CssClass dui_divide_orange_l_3 = () -> "dui-divide-orange-l-3"; - /** Constant dui_outline_orange_l_3 */ + CssClass dui_outline_orange_l_3 = () -> "dui-outline-orange-l-3"; - /** Constant dui_fg_orange_l_2 */ + CssClass dui_fg_orange_l_2 = () -> "dui-fg-orange-l-2"; - /** Constant dui_bg_orange_l_2 */ + CssClass dui_bg_orange_l_2 = () -> "dui-bg-orange-l-2"; - /** Constant dui_accent_orange_l_2 */ + CssClass dui_accent_orange_l_2 = () -> "dui-accent-orange-l-2"; - /** Constant dui_shadow_orange_l_2 */ + CssClass dui_shadow_orange_l_2 = () -> "dui-shadow-orange-l-2"; - /** Constant dui_text_decoration_orange_l_2 */ + CssClass dui_text_decoration_orange_l_2 = () -> "dui-text-decoration-orange-l-2"; - /** Constant dui_border_orange_l_2 */ + CssClass dui_border_orange_l_2 = () -> "dui-border-orange-l-2"; - /** Constant dui_border_x_orange_l_2 */ + CssClass dui_border_x_orange_l_2 = () -> "dui-border-x-orange-l-2"; - /** Constant dui_border_y_orange_l_2 */ + CssClass dui_border_y_orange_l_2 = () -> "dui-border-y-orange-l-2"; - /** Constant dui_border_t_orange_l_2 */ + CssClass dui_border_t_orange_l_2 = () -> "dui-border-t-orange-l-2"; - /** Constant dui_border_r_orange_l_2 */ + CssClass dui_border_r_orange_l_2 = () -> "dui-border-r-orange-l-2"; - /** Constant dui_border_b_orange_l_2 */ + CssClass dui_border_b_orange_l_2 = () -> "dui-border-b-orange-l-2"; - /** Constant dui_border_l_orange_l_2 */ + CssClass dui_border_l_orange_l_2 = () -> "dui-border-l-orange-l-2"; - /** Constant dui_divide_orange_l_2 */ + CssClass dui_divide_orange_l_2 = () -> "dui-divide-orange-l-2"; - /** Constant dui_outline_orange_l_2 */ + CssClass dui_outline_orange_l_2 = () -> "dui-outline-orange-l-2"; - /** Constant dui_fg_orange_l_1 */ + CssClass dui_fg_orange_l_1 = () -> "dui-fg-orange-l-1"; - /** Constant dui_bg_orange_l_1 */ + CssClass dui_bg_orange_l_1 = () -> "dui-bg-orange-l-1"; - /** Constant dui_accent_orange_l_1 */ + CssClass dui_accent_orange_l_1 = () -> "dui-accent-orange-l-1"; - /** Constant dui_shadow_orange_l_1 */ + CssClass dui_shadow_orange_l_1 = () -> "dui-shadow-orange-l-1"; - /** Constant dui_text_decoration_orange_l_1 */ + CssClass dui_text_decoration_orange_l_1 = () -> "dui-text-decoration-orange-l-1"; - /** Constant dui_border_orange_l_1 */ + CssClass dui_border_orange_l_1 = () -> "dui-border-orange-l-1"; - /** Constant dui_border_x_orange_l_1 */ + CssClass dui_border_x_orange_l_1 = () -> "dui-border-x-orange-l-1"; - /** Constant dui_border_y_orange_l_1 */ + CssClass dui_border_y_orange_l_1 = () -> "dui-border-y-orange-l-1"; - /** Constant dui_border_t_orange_l_1 */ + CssClass dui_border_t_orange_l_1 = () -> "dui-border-t-orange-l-1"; - /** Constant dui_border_r_orange_l_1 */ + CssClass dui_border_r_orange_l_1 = () -> "dui-border-r-orange-l-1"; - /** Constant dui_border_b_orange_l_1 */ + CssClass dui_border_b_orange_l_1 = () -> "dui-border-b-orange-l-1"; - /** Constant dui_border_l_orange_l_1 */ + CssClass dui_border_l_orange_l_1 = () -> "dui-border-l-orange-l-1"; - /** Constant dui_divide_orange_l_1 */ + CssClass dui_divide_orange_l_1 = () -> "dui-divide-orange-l-1"; - /** Constant dui_outline_orange_l_1 */ + CssClass dui_outline_orange_l_1 = () -> "dui-outline-orange-l-1"; - /** Constant dui_fg_orange */ + CssClass dui_fg_orange = () -> "dui-fg-orange"; - /** Constant dui_bg_orange */ + CssClass dui_bg_orange = () -> "dui-bg-orange"; - /** Constant dui_accent_orange */ + CssClass dui_accent_orange = () -> "dui-accent-orange"; - /** Constant dui_shadow_orange */ + CssClass dui_shadow_orange = () -> "dui-shadow-orange"; - /** Constant dui_text_decoration_orange */ + CssClass dui_text_decoration_orange = () -> "dui-text-decoration-orange"; - /** Constant dui_border_orange */ + CssClass dui_border_orange = () -> "dui-border-orange"; - /** Constant dui_border_x_orange */ + CssClass dui_border_x_orange = () -> "dui-border-x-orange"; - /** Constant dui_border_y_orange */ + CssClass dui_border_y_orange = () -> "dui-border-y-orange"; - /** Constant dui_border_t_orange */ + CssClass dui_border_t_orange = () -> "dui-border-t-orange"; - /** Constant dui_border_r_orange */ + CssClass dui_border_r_orange = () -> "dui-border-r-orange"; - /** Constant dui_border_b_orange */ + CssClass dui_border_b_orange = () -> "dui-border-b-orange"; - /** Constant dui_border_l_orange */ + CssClass dui_border_l_orange = () -> "dui-border-l-orange"; - /** Constant dui_divide_orange */ + CssClass dui_divide_orange = () -> "dui-divide-orange"; - /** Constant dui_outline_orange */ + CssClass dui_outline_orange = () -> "dui-outline-orange"; - /** Constant dui_fg_orange_d_1 */ + CssClass dui_fg_orange_d_1 = () -> "dui-fg-orange-d-1"; - /** Constant dui_bg_orange_d_1 */ + CssClass dui_bg_orange_d_1 = () -> "dui-bg-orange-d-1"; - /** Constant dui_accent_orange_d_1 */ + CssClass dui_accent_orange_d_1 = () -> "dui-accent-orange-d-1"; - /** Constant dui_shadow_orange_d_1 */ + CssClass dui_shadow_orange_d_1 = () -> "dui-shadow-orange-d-1"; - /** Constant dui_text_decoration_orange_d_1 */ + CssClass dui_text_decoration_orange_d_1 = () -> "dui-text-decoration-orange-d-1"; - /** Constant dui_border_orange_d_1 */ + CssClass dui_border_orange_d_1 = () -> "dui-border-orange-d-1"; - /** Constant dui_border_x_orange_d_1 */ + CssClass dui_border_x_orange_d_1 = () -> "dui-border-x-orange-d-1"; - /** Constant dui_border_y_orange_d_1 */ + CssClass dui_border_y_orange_d_1 = () -> "dui-border-y-orange-d-1"; - /** Constant dui_border_t_orange_d_1 */ + CssClass dui_border_t_orange_d_1 = () -> "dui-border-t-orange-d-1"; - /** Constant dui_border_r_orange_d_1 */ + CssClass dui_border_r_orange_d_1 = () -> "dui-border-r-orange-d-1"; - /** Constant dui_border_b_orange_d_1 */ + CssClass dui_border_b_orange_d_1 = () -> "dui-border-b-orange-d-1"; - /** Constant dui_border_l_orange_d_1 */ + CssClass dui_border_l_orange_d_1 = () -> "dui-border-l-orange-d-1"; - /** Constant dui_divide_orange_d_1 */ + CssClass dui_divide_orange_d_1 = () -> "dui-divide-orange-d-1"; - /** Constant dui_outline_orange_d_1 */ + CssClass dui_outline_orange_d_1 = () -> "dui-outline-orange-d-1"; - /** Constant dui_fg_orange_d_2 */ + CssClass dui_fg_orange_d_2 = () -> "dui-fg-orange-d-2"; - /** Constant dui_bg_orange_d_2 */ + CssClass dui_bg_orange_d_2 = () -> "dui-bg-orange-d-2"; - /** Constant dui_accent_orange_d_2 */ + CssClass dui_accent_orange_d_2 = () -> "dui-accent-orange-d-2"; - /** Constant dui_shadow_orange_d_2 */ + CssClass dui_shadow_orange_d_2 = () -> "dui-shadow-orange-d-2"; - /** Constant dui_text_decoration_orange_d_2 */ + CssClass dui_text_decoration_orange_d_2 = () -> "dui-text-decoration-orange-d-2"; - /** Constant dui_border_orange_d_2 */ + CssClass dui_border_orange_d_2 = () -> "dui-border-orange-d-2"; - /** Constant dui_border_x_orange_d_2 */ + CssClass dui_border_x_orange_d_2 = () -> "dui-border-x-orange-d-2"; - /** Constant dui_border_y_orange_d_2 */ + CssClass dui_border_y_orange_d_2 = () -> "dui-border-y-orange-d-2"; - /** Constant dui_border_t_orange_d_2 */ + CssClass dui_border_t_orange_d_2 = () -> "dui-border-t-orange-d-2"; - /** Constant dui_border_r_orange_d_2 */ + CssClass dui_border_r_orange_d_2 = () -> "dui-border-r-orange-d-2"; - /** Constant dui_border_b_orange_d_2 */ + CssClass dui_border_b_orange_d_2 = () -> "dui-border-b-orange-d-2"; - /** Constant dui_border_l_orange_d_2 */ + CssClass dui_border_l_orange_d_2 = () -> "dui-border-l-orange-d-2"; - /** Constant dui_divide_orange_d_2 */ + CssClass dui_divide_orange_d_2 = () -> "dui-divide-orange-d-2"; - /** Constant dui_outline_orange_d_2 */ + CssClass dui_outline_orange_d_2 = () -> "dui-outline-orange-d-2"; - /** Constant dui_fg_orange_d_3 */ + CssClass dui_fg_orange_d_3 = () -> "dui-fg-orange-d-3"; - /** Constant dui_bg_orange_d_3 */ + CssClass dui_bg_orange_d_3 = () -> "dui-bg-orange-d-3"; - /** Constant dui_accent_orange_d_3 */ + CssClass dui_accent_orange_d_3 = () -> "dui-accent-orange-d-3"; - /** Constant dui_shadow_orange_d_3 */ + CssClass dui_shadow_orange_d_3 = () -> "dui-shadow-orange-d-3"; - /** Constant dui_text_decoration_orange_d_3 */ + CssClass dui_text_decoration_orange_d_3 = () -> "dui-text-decoration-orange-d-3"; - /** Constant dui_border_orange_d_3 */ + CssClass dui_border_orange_d_3 = () -> "dui-border-orange-d-3"; - /** Constant dui_border_x_orange_d_3 */ + CssClass dui_border_x_orange_d_3 = () -> "dui-border-x-orange-d-3"; - /** Constant dui_border_y_orange_d_3 */ + CssClass dui_border_y_orange_d_3 = () -> "dui-border-y-orange-d-3"; - /** Constant dui_border_t_orange_d_3 */ + CssClass dui_border_t_orange_d_3 = () -> "dui-border-t-orange-d-3"; - /** Constant dui_border_r_orange_d_3 */ + CssClass dui_border_r_orange_d_3 = () -> "dui-border-r-orange-d-3"; - /** Constant dui_border_b_orange_d_3 */ + CssClass dui_border_b_orange_d_3 = () -> "dui-border-b-orange-d-3"; - /** Constant dui_border_l_orange_d_3 */ + CssClass dui_border_l_orange_d_3 = () -> "dui-border-l-orange-d-3"; - /** Constant dui_divide_orange_d_3 */ + CssClass dui_divide_orange_d_3 = () -> "dui-divide-orange-d-3"; - /** Constant dui_outline_orange_d_3 */ + CssClass dui_outline_orange_d_3 = () -> "dui-outline-orange-d-3"; - /** Constant dui_fg_orange_d_4 */ + CssClass dui_fg_orange_d_4 = () -> "dui-fg-orange-d-4"; - /** Constant dui_bg_orange_d_4 */ + CssClass dui_bg_orange_d_4 = () -> "dui-bg-orange-d-4"; - /** Constant dui_accent_orange_d_4 */ + CssClass dui_accent_orange_d_4 = () -> "dui-accent-orange-d-4"; - /** Constant dui_shadow_orange_d_4 */ + CssClass dui_shadow_orange_d_4 = () -> "dui-shadow-orange-d-4"; - /** Constant dui_text_decoration_orange_d_4 */ + CssClass dui_text_decoration_orange_d_4 = () -> "dui-text-decoration-orange-d-4"; - /** Constant dui_border_orange_d_4 */ + CssClass dui_border_orange_d_4 = () -> "dui-border-orange-d-4"; - /** Constant dui_border_x_orange_d_4 */ + CssClass dui_border_x_orange_d_4 = () -> "dui-border-x-orange-d-4"; - /** Constant dui_border_y_orange_d_4 */ + CssClass dui_border_y_orange_d_4 = () -> "dui-border-y-orange-d-4"; - /** Constant dui_border_t_orange_d_4 */ + CssClass dui_border_t_orange_d_4 = () -> "dui-border-t-orange-d-4"; - /** Constant dui_border_r_orange_d_4 */ + CssClass dui_border_r_orange_d_4 = () -> "dui-border-r-orange-d-4"; - /** Constant dui_border_b_orange_d_4 */ + CssClass dui_border_b_orange_d_4 = () -> "dui-border-b-orange-d-4"; - /** Constant dui_border_l_orange_d_4 */ + CssClass dui_border_l_orange_d_4 = () -> "dui-border-l-orange-d-4"; - /** Constant dui_divide_orange_d_4 */ + CssClass dui_divide_orange_d_4 = () -> "dui-divide-orange-d-4"; - /** Constant dui_outline_orange_d_4 */ + CssClass dui_outline_orange_d_4 = () -> "dui-outline-orange-d-4"; - /** Constant dui_fg_deep_orange_l_5 */ + CssClass dui_fg_deep_orange_l_5 = () -> "dui-fg-deep-orange-l-5"; - /** Constant dui_bg_deep_orange_l_5 */ + CssClass dui_bg_deep_orange_l_5 = () -> "dui-bg-deep-orange-l-5"; - /** Constant dui_accent_deep_orange_l_5 */ + CssClass dui_accent_deep_orange_l_5 = () -> "dui-accent-deep-orange-l-5"; - /** Constant dui_shadow_deep_orange_l_5 */ + CssClass dui_shadow_deep_orange_l_5 = () -> "dui-shadow-deep-orange-l-5"; - /** Constant dui_text_decoration_deep_orange_l_5 */ + CssClass dui_text_decoration_deep_orange_l_5 = () -> "dui-text-decoration-deep-orange-l-5"; - /** Constant dui_border_deep_orange_l_5 */ + CssClass dui_border_deep_orange_l_5 = () -> "dui-border-deep-orange-l-5"; - /** Constant dui_border_x_deep_orange_l_5 */ + CssClass dui_border_x_deep_orange_l_5 = () -> "dui-border-x-deep-orange-l-5"; - /** Constant dui_border_y_deep_orange_l_5 */ + CssClass dui_border_y_deep_orange_l_5 = () -> "dui-border-y-deep-orange-l-5"; - /** Constant dui_border_t_deep_orange_l_5 */ + CssClass dui_border_t_deep_orange_l_5 = () -> "dui-border-t-deep-orange-l-5"; - /** Constant dui_border_r_deep_orange_l_5 */ + CssClass dui_border_r_deep_orange_l_5 = () -> "dui-border-r-deep-orange-l-5"; - /** Constant dui_border_b_deep_orange_l_5 */ + CssClass dui_border_b_deep_orange_l_5 = () -> "dui-border-b-deep-orange-l-5"; - /** Constant dui_border_l_deep_orange_l_5 */ + CssClass dui_border_l_deep_orange_l_5 = () -> "dui-border-l-deep-orange-l-5"; - /** Constant dui_divide_deep_orange_l_5 */ + CssClass dui_divide_deep_orange_l_5 = () -> "dui-divide-deep-orange-l-5"; - /** Constant dui_outline_deep_orange_l_5 */ + CssClass dui_outline_deep_orange_l_5 = () -> "dui-outline-deep-orange-l-5"; - /** Constant dui_fg_deep_orange_l_4 */ + CssClass dui_fg_deep_orange_l_4 = () -> "dui-fg-deep-orange-l-4"; - /** Constant dui_bg_deep_orange_l_4 */ + CssClass dui_bg_deep_orange_l_4 = () -> "dui-bg-deep-orange-l-4"; - /** Constant dui_accent_deep_orange_l_4 */ + CssClass dui_accent_deep_orange_l_4 = () -> "dui-accent-deep-orange-l-4"; - /** Constant dui_shadow_deep_orange_l_4 */ + CssClass dui_shadow_deep_orange_l_4 = () -> "dui-shadow-deep-orange-l-4"; - /** Constant dui_text_decoration_deep_orange_l_4 */ + CssClass dui_text_decoration_deep_orange_l_4 = () -> "dui-text-decoration-deep-orange-l-4"; - /** Constant dui_border_deep_orange_l_4 */ + CssClass dui_border_deep_orange_l_4 = () -> "dui-border-deep-orange-l-4"; - /** Constant dui_border_x_deep_orange_l_4 */ + CssClass dui_border_x_deep_orange_l_4 = () -> "dui-border-x-deep-orange-l-4"; - /** Constant dui_border_y_deep_orange_l_4 */ + CssClass dui_border_y_deep_orange_l_4 = () -> "dui-border-y-deep-orange-l-4"; - /** Constant dui_border_t_deep_orange_l_4 */ + CssClass dui_border_t_deep_orange_l_4 = () -> "dui-border-t-deep-orange-l-4"; - /** Constant dui_border_r_deep_orange_l_4 */ + CssClass dui_border_r_deep_orange_l_4 = () -> "dui-border-r-deep-orange-l-4"; - /** Constant dui_border_b_deep_orange_l_4 */ + CssClass dui_border_b_deep_orange_l_4 = () -> "dui-border-b-deep-orange-l-4"; - /** Constant dui_border_l_deep_orange_l_4 */ + CssClass dui_border_l_deep_orange_l_4 = () -> "dui-border-l-deep-orange-l-4"; - /** Constant dui_divide_deep_orange_l_4 */ + CssClass dui_divide_deep_orange_l_4 = () -> "dui-divide-deep-orange-l-4"; - /** Constant dui_outline_deep_orange_l_4 */ + CssClass dui_outline_deep_orange_l_4 = () -> "dui-outline-deep-orange-l-4"; - /** Constant dui_fg_deep_orange_l_3 */ + CssClass dui_fg_deep_orange_l_3 = () -> "dui-fg-deep-orange-l-3"; - /** Constant dui_bg_deep_orange_l_3 */ + CssClass dui_bg_deep_orange_l_3 = () -> "dui-bg-deep-orange-l-3"; - /** Constant dui_accent_deep_orange_l_3 */ + CssClass dui_accent_deep_orange_l_3 = () -> "dui-accent-deep-orange-l-3"; - /** Constant dui_shadow_deep_orange_l_3 */ + CssClass dui_shadow_deep_orange_l_3 = () -> "dui-shadow-deep-orange-l-3"; - /** Constant dui_text_decoration_deep_orange_l_3 */ + CssClass dui_text_decoration_deep_orange_l_3 = () -> "dui-text-decoration-deep-orange-l-3"; - /** Constant dui_border_deep_orange_l_3 */ + CssClass dui_border_deep_orange_l_3 = () -> "dui-border-deep-orange-l-3"; - /** Constant dui_border_x_deep_orange_l_3 */ + CssClass dui_border_x_deep_orange_l_3 = () -> "dui-border-x-deep-orange-l-3"; - /** Constant dui_border_y_deep_orange_l_3 */ + CssClass dui_border_y_deep_orange_l_3 = () -> "dui-border-y-deep-orange-l-3"; - /** Constant dui_border_t_deep_orange_l_3 */ + CssClass dui_border_t_deep_orange_l_3 = () -> "dui-border-t-deep-orange-l-3"; - /** Constant dui_border_r_deep_orange_l_3 */ + CssClass dui_border_r_deep_orange_l_3 = () -> "dui-border-r-deep-orange-l-3"; - /** Constant dui_border_b_deep_orange_l_3 */ + CssClass dui_border_b_deep_orange_l_3 = () -> "dui-border-b-deep-orange-l-3"; - /** Constant dui_border_l_deep_orange_l_3 */ + CssClass dui_border_l_deep_orange_l_3 = () -> "dui-border-l-deep-orange-l-3"; - /** Constant dui_divide_deep_orange_l_3 */ + CssClass dui_divide_deep_orange_l_3 = () -> "dui-divide-deep-orange-l-3"; - /** Constant dui_outline_deep_orange_l_3 */ + CssClass dui_outline_deep_orange_l_3 = () -> "dui-outline-deep-orange-l-3"; - /** Constant dui_fg_deep_orange_l_2 */ + CssClass dui_fg_deep_orange_l_2 = () -> "dui-fg-deep-orange-l-2"; - /** Constant dui_bg_deep_orange_l_2 */ + CssClass dui_bg_deep_orange_l_2 = () -> "dui-bg-deep-orange-l-2"; - /** Constant dui_accent_deep_orange_l_2 */ + CssClass dui_accent_deep_orange_l_2 = () -> "dui-accent-deep-orange-l-2"; - /** Constant dui_shadow_deep_orange_l_2 */ + CssClass dui_shadow_deep_orange_l_2 = () -> "dui-shadow-deep-orange-l-2"; - /** Constant dui_text_decoration_deep_orange_l_2 */ + CssClass dui_text_decoration_deep_orange_l_2 = () -> "dui-text-decoration-deep-orange-l-2"; - /** Constant dui_border_deep_orange_l_2 */ + CssClass dui_border_deep_orange_l_2 = () -> "dui-border-deep-orange-l-2"; - /** Constant dui_border_x_deep_orange_l_2 */ + CssClass dui_border_x_deep_orange_l_2 = () -> "dui-border-x-deep-orange-l-2"; - /** Constant dui_border_y_deep_orange_l_2 */ + CssClass dui_border_y_deep_orange_l_2 = () -> "dui-border-y-deep-orange-l-2"; - /** Constant dui_border_t_deep_orange_l_2 */ + CssClass dui_border_t_deep_orange_l_2 = () -> "dui-border-t-deep-orange-l-2"; - /** Constant dui_border_r_deep_orange_l_2 */ + CssClass dui_border_r_deep_orange_l_2 = () -> "dui-border-r-deep-orange-l-2"; - /** Constant dui_border_b_deep_orange_l_2 */ + CssClass dui_border_b_deep_orange_l_2 = () -> "dui-border-b-deep-orange-l-2"; - /** Constant dui_border_l_deep_orange_l_2 */ + CssClass dui_border_l_deep_orange_l_2 = () -> "dui-border-l-deep-orange-l-2"; - /** Constant dui_divide_deep_orange_l_2 */ + CssClass dui_divide_deep_orange_l_2 = () -> "dui-divide-deep-orange-l-2"; - /** Constant dui_outline_deep_orange_l_2 */ + CssClass dui_outline_deep_orange_l_2 = () -> "dui-outline-deep-orange-l-2"; - /** Constant dui_fg_deep_orange_l_1 */ + CssClass dui_fg_deep_orange_l_1 = () -> "dui-fg-deep-orange-l-1"; - /** Constant dui_bg_deep_orange_l_1 */ + CssClass dui_bg_deep_orange_l_1 = () -> "dui-bg-deep-orange-l-1"; - /** Constant dui_accent_deep_orange_l_1 */ + CssClass dui_accent_deep_orange_l_1 = () -> "dui-accent-deep-orange-l-1"; - /** Constant dui_shadow_deep_orange_l_1 */ + CssClass dui_shadow_deep_orange_l_1 = () -> "dui-shadow-deep-orange-l-1"; - /** Constant dui_text_decoration_deep_orange_l_1 */ + CssClass dui_text_decoration_deep_orange_l_1 = () -> "dui-text-decoration-deep-orange-l-1"; - /** Constant dui_border_deep_orange_l_1 */ + CssClass dui_border_deep_orange_l_1 = () -> "dui-border-deep-orange-l-1"; - /** Constant dui_border_x_deep_orange_l_1 */ + CssClass dui_border_x_deep_orange_l_1 = () -> "dui-border-x-deep-orange-l-1"; - /** Constant dui_border_y_deep_orange_l_1 */ + CssClass dui_border_y_deep_orange_l_1 = () -> "dui-border-y-deep-orange-l-1"; - /** Constant dui_border_t_deep_orange_l_1 */ + CssClass dui_border_t_deep_orange_l_1 = () -> "dui-border-t-deep-orange-l-1"; - /** Constant dui_border_r_deep_orange_l_1 */ + CssClass dui_border_r_deep_orange_l_1 = () -> "dui-border-r-deep-orange-l-1"; - /** Constant dui_border_b_deep_orange_l_1 */ + CssClass dui_border_b_deep_orange_l_1 = () -> "dui-border-b-deep-orange-l-1"; - /** Constant dui_border_l_deep_orange_l_1 */ + CssClass dui_border_l_deep_orange_l_1 = () -> "dui-border-l-deep-orange-l-1"; - /** Constant dui_divide_deep_orange_l_1 */ + CssClass dui_divide_deep_orange_l_1 = () -> "dui-divide-deep-orange-l-1"; - /** Constant dui_outline_deep_orange_l_1 */ + CssClass dui_outline_deep_orange_l_1 = () -> "dui-outline-deep-orange-l-1"; - /** Constant dui_fg_deep_orange */ + CssClass dui_fg_deep_orange = () -> "dui-fg-deep-orange"; - /** Constant dui_bg_deep_orange */ + CssClass dui_bg_deep_orange = () -> "dui-bg-deep-orange"; - /** Constant dui_accent_deep_orange */ + CssClass dui_accent_deep_orange = () -> "dui-accent-deep-orange"; - /** Constant dui_shadow_deep_orange */ + CssClass dui_shadow_deep_orange = () -> "dui-shadow-deep-orange"; - /** Constant dui_text_decoration_deep_orange */ + CssClass dui_text_decoration_deep_orange = () -> "dui-text-decoration-deep-orange"; - /** Constant dui_border_deep_orange */ + CssClass dui_border_deep_orange = () -> "dui-border-deep-orange"; - /** Constant dui_border_x_deep_orange */ + CssClass dui_border_x_deep_orange = () -> "dui-border-x-deep-orange"; - /** Constant dui_border_y_deep_orange */ + CssClass dui_border_y_deep_orange = () -> "dui-border-y-deep-orange"; - /** Constant dui_border_t_deep_orange */ + CssClass dui_border_t_deep_orange = () -> "dui-border-t-deep-orange"; - /** Constant dui_border_r_deep_orange */ + CssClass dui_border_r_deep_orange = () -> "dui-border-r-deep-orange"; - /** Constant dui_border_b_deep_orange */ + CssClass dui_border_b_deep_orange = () -> "dui-border-b-deep-orange"; - /** Constant dui_border_l_deep_orange */ + CssClass dui_border_l_deep_orange = () -> "dui-border-l-deep-orange"; - /** Constant dui_divide_deep_orange */ + CssClass dui_divide_deep_orange = () -> "dui-divide-deep-orange"; - /** Constant dui_outline_deep_orange */ + CssClass dui_outline_deep_orange = () -> "dui-outline-deep-orange"; - /** Constant dui_fg_deep_orange_d_1 */ + CssClass dui_fg_deep_orange_d_1 = () -> "dui-fg-deep-orange-d-1"; - /** Constant dui_bg_deep_orange_d_1 */ + CssClass dui_bg_deep_orange_d_1 = () -> "dui-bg-deep-orange-d-1"; - /** Constant dui_accent_deep_orange_d_1 */ + CssClass dui_accent_deep_orange_d_1 = () -> "dui-accent-deep-orange-d-1"; - /** Constant dui_shadow_deep_orange_d_1 */ + CssClass dui_shadow_deep_orange_d_1 = () -> "dui-shadow-deep-orange-d-1"; - /** Constant dui_text_decoration_deep_orange_d_1 */ + CssClass dui_text_decoration_deep_orange_d_1 = () -> "dui-text-decoration-deep-orange-d-1"; - /** Constant dui_border_deep_orange_d_1 */ + CssClass dui_border_deep_orange_d_1 = () -> "dui-border-deep-orange-d-1"; - /** Constant dui_border_x_deep_orange_d_1 */ + CssClass dui_border_x_deep_orange_d_1 = () -> "dui-border-x-deep-orange-d-1"; - /** Constant dui_border_y_deep_orange_d_1 */ + CssClass dui_border_y_deep_orange_d_1 = () -> "dui-border-y-deep-orange-d-1"; - /** Constant dui_border_t_deep_orange_d_1 */ + CssClass dui_border_t_deep_orange_d_1 = () -> "dui-border-t-deep-orange-d-1"; - /** Constant dui_border_r_deep_orange_d_1 */ + CssClass dui_border_r_deep_orange_d_1 = () -> "dui-border-r-deep-orange-d-1"; - /** Constant dui_border_b_deep_orange_d_1 */ + CssClass dui_border_b_deep_orange_d_1 = () -> "dui-border-b-deep-orange-d-1"; - /** Constant dui_border_l_deep_orange_d_1 */ + CssClass dui_border_l_deep_orange_d_1 = () -> "dui-border-l-deep-orange-d-1"; - /** Constant dui_divide_deep_orange_d_1 */ + CssClass dui_divide_deep_orange_d_1 = () -> "dui-divide-deep-orange-d-1"; - /** Constant dui_outline_deep_orange_d_1 */ + CssClass dui_outline_deep_orange_d_1 = () -> "dui-outline-deep-orange-d-1"; - /** Constant dui_fg_deep_orange_d_2 */ + CssClass dui_fg_deep_orange_d_2 = () -> "dui-fg-deep-orange-d-2"; - /** Constant dui_bg_deep_orange_d_2 */ + CssClass dui_bg_deep_orange_d_2 = () -> "dui-bg-deep-orange-d-2"; - /** Constant dui_accent_deep_orange_d_2 */ + CssClass dui_accent_deep_orange_d_2 = () -> "dui-accent-deep-orange-d-2"; - /** Constant dui_shadow_deep_orange_d_2 */ + CssClass dui_shadow_deep_orange_d_2 = () -> "dui-shadow-deep-orange-d-2"; - /** Constant dui_text_decoration_deep_orange_d_2 */ + CssClass dui_text_decoration_deep_orange_d_2 = () -> "dui-text-decoration-deep-orange-d-2"; - /** Constant dui_border_deep_orange_d_2 */ + CssClass dui_border_deep_orange_d_2 = () -> "dui-border-deep-orange-d-2"; - /** Constant dui_border_x_deep_orange_d_2 */ + CssClass dui_border_x_deep_orange_d_2 = () -> "dui-border-x-deep-orange-d-2"; - /** Constant dui_border_y_deep_orange_d_2 */ + CssClass dui_border_y_deep_orange_d_2 = () -> "dui-border-y-deep-orange-d-2"; - /** Constant dui_border_t_deep_orange_d_2 */ + CssClass dui_border_t_deep_orange_d_2 = () -> "dui-border-t-deep-orange-d-2"; - /** Constant dui_border_r_deep_orange_d_2 */ + CssClass dui_border_r_deep_orange_d_2 = () -> "dui-border-r-deep-orange-d-2"; - /** Constant dui_border_b_deep_orange_d_2 */ + CssClass dui_border_b_deep_orange_d_2 = () -> "dui-border-b-deep-orange-d-2"; - /** Constant dui_border_l_deep_orange_d_2 */ + CssClass dui_border_l_deep_orange_d_2 = () -> "dui-border-l-deep-orange-d-2"; - /** Constant dui_divide_deep_orange_d_2 */ + CssClass dui_divide_deep_orange_d_2 = () -> "dui-divide-deep-orange-d-2"; - /** Constant dui_outline_deep_orange_d_2 */ + CssClass dui_outline_deep_orange_d_2 = () -> "dui-outline-deep-orange-d-2"; - /** Constant dui_fg_deep_orange_d_3 */ + CssClass dui_fg_deep_orange_d_3 = () -> "dui-fg-deep-orange-d-3"; - /** Constant dui_bg_deep_orange_d_3 */ + CssClass dui_bg_deep_orange_d_3 = () -> "dui-bg-deep-orange-d-3"; - /** Constant dui_accent_deep_orange_d_3 */ + CssClass dui_accent_deep_orange_d_3 = () -> "dui-accent-deep-orange-d-3"; - /** Constant dui_shadow_deep_orange_d_3 */ + CssClass dui_shadow_deep_orange_d_3 = () -> "dui-shadow-deep-orange-d-3"; - /** Constant dui_text_decoration_deep_orange_d_3 */ + CssClass dui_text_decoration_deep_orange_d_3 = () -> "dui-text-decoration-deep-orange-d-3"; - /** Constant dui_border_deep_orange_d_3 */ + CssClass dui_border_deep_orange_d_3 = () -> "dui-border-deep-orange-d-3"; - /** Constant dui_border_x_deep_orange_d_3 */ + CssClass dui_border_x_deep_orange_d_3 = () -> "dui-border-x-deep-orange-d-3"; - /** Constant dui_border_y_deep_orange_d_3 */ + CssClass dui_border_y_deep_orange_d_3 = () -> "dui-border-y-deep-orange-d-3"; - /** Constant dui_border_t_deep_orange_d_3 */ + CssClass dui_border_t_deep_orange_d_3 = () -> "dui-border-t-deep-orange-d-3"; - /** Constant dui_border_r_deep_orange_d_3 */ + CssClass dui_border_r_deep_orange_d_3 = () -> "dui-border-r-deep-orange-d-3"; - /** Constant dui_border_b_deep_orange_d_3 */ + CssClass dui_border_b_deep_orange_d_3 = () -> "dui-border-b-deep-orange-d-3"; - /** Constant dui_border_l_deep_orange_d_3 */ + CssClass dui_border_l_deep_orange_d_3 = () -> "dui-border-l-deep-orange-d-3"; - /** Constant dui_divide_deep_orange_d_3 */ + CssClass dui_divide_deep_orange_d_3 = () -> "dui-divide-deep-orange-d-3"; - /** Constant dui_outline_deep_orange_d_3 */ + CssClass dui_outline_deep_orange_d_3 = () -> "dui-outline-deep-orange-d-3"; - /** Constant dui_fg_deep_orange_d_4 */ + CssClass dui_fg_deep_orange_d_4 = () -> "dui-fg-deep-orange-d-4"; - /** Constant dui_bg_deep_orange_d_4 */ + CssClass dui_bg_deep_orange_d_4 = () -> "dui-bg-deep-orange-d-4"; - /** Constant dui_accent_deep_orange_d_4 */ + CssClass dui_accent_deep_orange_d_4 = () -> "dui-accent-deep-orange-d-4"; - /** Constant dui_shadow_deep_orange_d_4 */ + CssClass dui_shadow_deep_orange_d_4 = () -> "dui-shadow-deep-orange-d-4"; - /** Constant dui_text_decoration_deep_orange_d_4 */ + CssClass dui_text_decoration_deep_orange_d_4 = () -> "dui-text-decoration-deep-orange-d-4"; - /** Constant dui_border_deep_orange_d_4 */ + CssClass dui_border_deep_orange_d_4 = () -> "dui-border-deep-orange-d-4"; - /** Constant dui_border_x_deep_orange_d_4 */ + CssClass dui_border_x_deep_orange_d_4 = () -> "dui-border-x-deep-orange-d-4"; - /** Constant dui_border_y_deep_orange_d_4 */ + CssClass dui_border_y_deep_orange_d_4 = () -> "dui-border-y-deep-orange-d-4"; - /** Constant dui_border_t_deep_orange_d_4 */ + CssClass dui_border_t_deep_orange_d_4 = () -> "dui-border-t-deep-orange-d-4"; - /** Constant dui_border_r_deep_orange_d_4 */ + CssClass dui_border_r_deep_orange_d_4 = () -> "dui-border-r-deep-orange-d-4"; - /** Constant dui_border_b_deep_orange_d_4 */ + CssClass dui_border_b_deep_orange_d_4 = () -> "dui-border-b-deep-orange-d-4"; - /** Constant dui_border_l_deep_orange_d_4 */ + CssClass dui_border_l_deep_orange_d_4 = () -> "dui-border-l-deep-orange-d-4"; - /** Constant dui_divide_deep_orange_d_4 */ + CssClass dui_divide_deep_orange_d_4 = () -> "dui-divide-deep-orange-d-4"; - /** Constant dui_outline_deep_orange_d_4 */ + CssClass dui_outline_deep_orange_d_4 = () -> "dui-outline-deep-orange-d-4"; - /** Constant dui_fg_brown_l_5 */ + CssClass dui_fg_brown_l_5 = () -> "dui-fg-brown-l-5"; - /** Constant dui_bg_brown_l_5 */ + CssClass dui_bg_brown_l_5 = () -> "dui-bg-brown-l-5"; - /** Constant dui_accent_brown_l_5 */ + CssClass dui_accent_brown_l_5 = () -> "dui-accent-brown-l-5"; - /** Constant dui_shadow_brown_l_5 */ + CssClass dui_shadow_brown_l_5 = () -> "dui-shadow-brown-l-5"; - /** Constant dui_text_decoration_brown_l_5 */ + CssClass dui_text_decoration_brown_l_5 = () -> "dui-text-decoration-brown-l-5"; - /** Constant dui_border_brown_l_5 */ + CssClass dui_border_brown_l_5 = () -> "dui-border-brown-l-5"; - /** Constant dui_border_x_brown_l_5 */ + CssClass dui_border_x_brown_l_5 = () -> "dui-border-x-brown-l-5"; - /** Constant dui_border_y_brown_l_5 */ + CssClass dui_border_y_brown_l_5 = () -> "dui-border-y-brown-l-5"; - /** Constant dui_border_t_brown_l_5 */ + CssClass dui_border_t_brown_l_5 = () -> "dui-border-t-brown-l-5"; - /** Constant dui_border_r_brown_l_5 */ + CssClass dui_border_r_brown_l_5 = () -> "dui-border-r-brown-l-5"; - /** Constant dui_border_b_brown_l_5 */ + CssClass dui_border_b_brown_l_5 = () -> "dui-border-b-brown-l-5"; - /** Constant dui_border_l_brown_l_5 */ + CssClass dui_border_l_brown_l_5 = () -> "dui-border-l-brown-l-5"; - /** Constant dui_divide_brown_l_5 */ + CssClass dui_divide_brown_l_5 = () -> "dui-divide-brown-l-5"; - /** Constant dui_outline_brown_l_5 */ + CssClass dui_outline_brown_l_5 = () -> "dui-outline-brown-l-5"; - /** Constant dui_fg_brown_l_4 */ + CssClass dui_fg_brown_l_4 = () -> "dui-fg-brown-l-4"; - /** Constant dui_bg_brown_l_4 */ + CssClass dui_bg_brown_l_4 = () -> "dui-bg-brown-l-4"; - /** Constant dui_accent_brown_l_4 */ + CssClass dui_accent_brown_l_4 = () -> "dui-accent-brown-l-4"; - /** Constant dui_shadow_brown_l_4 */ + CssClass dui_shadow_brown_l_4 = () -> "dui-shadow-brown-l-4"; - /** Constant dui_text_decoration_brown_l_4 */ + CssClass dui_text_decoration_brown_l_4 = () -> "dui-text-decoration-brown-l-4"; - /** Constant dui_border_brown_l_4 */ + CssClass dui_border_brown_l_4 = () -> "dui-border-brown-l-4"; - /** Constant dui_border_x_brown_l_4 */ + CssClass dui_border_x_brown_l_4 = () -> "dui-border-x-brown-l-4"; - /** Constant dui_border_y_brown_l_4 */ + CssClass dui_border_y_brown_l_4 = () -> "dui-border-y-brown-l-4"; - /** Constant dui_border_t_brown_l_4 */ + CssClass dui_border_t_brown_l_4 = () -> "dui-border-t-brown-l-4"; - /** Constant dui_border_r_brown_l_4 */ + CssClass dui_border_r_brown_l_4 = () -> "dui-border-r-brown-l-4"; - /** Constant dui_border_b_brown_l_4 */ + CssClass dui_border_b_brown_l_4 = () -> "dui-border-b-brown-l-4"; - /** Constant dui_border_l_brown_l_4 */ + CssClass dui_border_l_brown_l_4 = () -> "dui-border-l-brown-l-4"; - /** Constant dui_divide_brown_l_4 */ + CssClass dui_divide_brown_l_4 = () -> "dui-divide-brown-l-4"; - /** Constant dui_outline_brown_l_4 */ + CssClass dui_outline_brown_l_4 = () -> "dui-outline-brown-l-4"; - /** Constant dui_fg_brown_l_3 */ + CssClass dui_fg_brown_l_3 = () -> "dui-fg-brown-l-3"; - /** Constant dui_bg_brown_l_3 */ + CssClass dui_bg_brown_l_3 = () -> "dui-bg-brown-l-3"; - /** Constant dui_accent_brown_l_3 */ + CssClass dui_accent_brown_l_3 = () -> "dui-accent-brown-l-3"; - /** Constant dui_shadow_brown_l_3 */ + CssClass dui_shadow_brown_l_3 = () -> "dui-shadow-brown-l-3"; - /** Constant dui_text_decoration_brown_l_3 */ + CssClass dui_text_decoration_brown_l_3 = () -> "dui-text-decoration-brown-l-3"; - /** Constant dui_border_brown_l_3 */ + CssClass dui_border_brown_l_3 = () -> "dui-border-brown-l-3"; - /** Constant dui_border_x_brown_l_3 */ + CssClass dui_border_x_brown_l_3 = () -> "dui-border-x-brown-l-3"; - /** Constant dui_border_y_brown_l_3 */ + CssClass dui_border_y_brown_l_3 = () -> "dui-border-y-brown-l-3"; - /** Constant dui_border_t_brown_l_3 */ + CssClass dui_border_t_brown_l_3 = () -> "dui-border-t-brown-l-3"; - /** Constant dui_border_r_brown_l_3 */ + CssClass dui_border_r_brown_l_3 = () -> "dui-border-r-brown-l-3"; - /** Constant dui_border_b_brown_l_3 */ + CssClass dui_border_b_brown_l_3 = () -> "dui-border-b-brown-l-3"; - /** Constant dui_border_l_brown_l_3 */ + CssClass dui_border_l_brown_l_3 = () -> "dui-border-l-brown-l-3"; - /** Constant dui_divide_brown_l_3 */ + CssClass dui_divide_brown_l_3 = () -> "dui-divide-brown-l-3"; - /** Constant dui_outline_brown_l_3 */ + CssClass dui_outline_brown_l_3 = () -> "dui-outline-brown-l-3"; - /** Constant dui_fg_brown_l_2 */ + CssClass dui_fg_brown_l_2 = () -> "dui-fg-brown-l-2"; - /** Constant dui_bg_brown_l_2 */ + CssClass dui_bg_brown_l_2 = () -> "dui-bg-brown-l-2"; - /** Constant dui_accent_brown_l_2 */ + CssClass dui_accent_brown_l_2 = () -> "dui-accent-brown-l-2"; - /** Constant dui_shadow_brown_l_2 */ + CssClass dui_shadow_brown_l_2 = () -> "dui-shadow-brown-l-2"; - /** Constant dui_text_decoration_brown_l_2 */ + CssClass dui_text_decoration_brown_l_2 = () -> "dui-text-decoration-brown-l-2"; - /** Constant dui_border_brown_l_2 */ + CssClass dui_border_brown_l_2 = () -> "dui-border-brown-l-2"; - /** Constant dui_border_x_brown_l_2 */ + CssClass dui_border_x_brown_l_2 = () -> "dui-border-x-brown-l-2"; - /** Constant dui_border_y_brown_l_2 */ + CssClass dui_border_y_brown_l_2 = () -> "dui-border-y-brown-l-2"; - /** Constant dui_border_t_brown_l_2 */ + CssClass dui_border_t_brown_l_2 = () -> "dui-border-t-brown-l-2"; - /** Constant dui_border_r_brown_l_2 */ + CssClass dui_border_r_brown_l_2 = () -> "dui-border-r-brown-l-2"; - /** Constant dui_border_b_brown_l_2 */ + CssClass dui_border_b_brown_l_2 = () -> "dui-border-b-brown-l-2"; - /** Constant dui_border_l_brown_l_2 */ + CssClass dui_border_l_brown_l_2 = () -> "dui-border-l-brown-l-2"; - /** Constant dui_divide_brown_l_2 */ + CssClass dui_divide_brown_l_2 = () -> "dui-divide-brown-l-2"; - /** Constant dui_outline_brown_l_2 */ + CssClass dui_outline_brown_l_2 = () -> "dui-outline-brown-l-2"; - /** Constant dui_fg_brown_l_1 */ + CssClass dui_fg_brown_l_1 = () -> "dui-fg-brown-l-1"; - /** Constant dui_bg_brown_l_1 */ + CssClass dui_bg_brown_l_1 = () -> "dui-bg-brown-l-1"; - /** Constant dui_accent_brown_l_1 */ + CssClass dui_accent_brown_l_1 = () -> "dui-accent-brown-l-1"; - /** Constant dui_shadow_brown_l_1 */ + CssClass dui_shadow_brown_l_1 = () -> "dui-shadow-brown-l-1"; - /** Constant dui_text_decoration_brown_l_1 */ + CssClass dui_text_decoration_brown_l_1 = () -> "dui-text-decoration-brown-l-1"; - /** Constant dui_border_brown_l_1 */ + CssClass dui_border_brown_l_1 = () -> "dui-border-brown-l-1"; - /** Constant dui_border_x_brown_l_1 */ + CssClass dui_border_x_brown_l_1 = () -> "dui-border-x-brown-l-1"; - /** Constant dui_border_y_brown_l_1 */ + CssClass dui_border_y_brown_l_1 = () -> "dui-border-y-brown-l-1"; - /** Constant dui_border_t_brown_l_1 */ + CssClass dui_border_t_brown_l_1 = () -> "dui-border-t-brown-l-1"; - /** Constant dui_border_r_brown_l_1 */ + CssClass dui_border_r_brown_l_1 = () -> "dui-border-r-brown-l-1"; - /** Constant dui_border_b_brown_l_1 */ + CssClass dui_border_b_brown_l_1 = () -> "dui-border-b-brown-l-1"; - /** Constant dui_border_l_brown_l_1 */ + CssClass dui_border_l_brown_l_1 = () -> "dui-border-l-brown-l-1"; - /** Constant dui_divide_brown_l_1 */ + CssClass dui_divide_brown_l_1 = () -> "dui-divide-brown-l-1"; - /** Constant dui_outline_brown_l_1 */ + CssClass dui_outline_brown_l_1 = () -> "dui-outline-brown-l-1"; - /** Constant dui_fg_brown */ + CssClass dui_fg_brown = () -> "dui-fg-brown"; - /** Constant dui_bg_brown */ + CssClass dui_bg_brown = () -> "dui-bg-brown"; - /** Constant dui_accent_brown */ + CssClass dui_accent_brown = () -> "dui-accent-brown"; - /** Constant dui_shadow_brown */ + CssClass dui_shadow_brown = () -> "dui-shadow-brown"; - /** Constant dui_text_decoration_brown */ + CssClass dui_text_decoration_brown = () -> "dui-text-decoration-brown"; - /** Constant dui_border_brown */ + CssClass dui_border_brown = () -> "dui-border-brown"; - /** Constant dui_border_x_brown */ + CssClass dui_border_x_brown = () -> "dui-border-x-brown"; - /** Constant dui_border_y_brown */ + CssClass dui_border_y_brown = () -> "dui-border-y-brown"; - /** Constant dui_border_t_brown */ + CssClass dui_border_t_brown = () -> "dui-border-t-brown"; - /** Constant dui_border_r_brown */ + CssClass dui_border_r_brown = () -> "dui-border-r-brown"; - /** Constant dui_border_b_brown */ + CssClass dui_border_b_brown = () -> "dui-border-b-brown"; - /** Constant dui_border_l_brown */ + CssClass dui_border_l_brown = () -> "dui-border-l-brown"; - /** Constant dui_divide_brown */ + CssClass dui_divide_brown = () -> "dui-divide-brown"; - /** Constant dui_outline_brown */ + CssClass dui_outline_brown = () -> "dui-outline-brown"; - /** Constant dui_fg_brown_d_1 */ + CssClass dui_fg_brown_d_1 = () -> "dui-fg-brown-d-1"; - /** Constant dui_bg_brown_d_1 */ + CssClass dui_bg_brown_d_1 = () -> "dui-bg-brown-d-1"; - /** Constant dui_accent_brown_d_1 */ + CssClass dui_accent_brown_d_1 = () -> "dui-accent-brown-d-1"; - /** Constant dui_shadow_brown_d_1 */ + CssClass dui_shadow_brown_d_1 = () -> "dui-shadow-brown-d-1"; - /** Constant dui_text_decoration_brown_d_1 */ + CssClass dui_text_decoration_brown_d_1 = () -> "dui-text-decoration-brown-d-1"; - /** Constant dui_border_brown_d_1 */ + CssClass dui_border_brown_d_1 = () -> "dui-border-brown-d-1"; - /** Constant dui_border_x_brown_d_1 */ + CssClass dui_border_x_brown_d_1 = () -> "dui-border-x-brown-d-1"; - /** Constant dui_border_y_brown_d_1 */ + CssClass dui_border_y_brown_d_1 = () -> "dui-border-y-brown-d-1"; - /** Constant dui_border_t_brown_d_1 */ + CssClass dui_border_t_brown_d_1 = () -> "dui-border-t-brown-d-1"; - /** Constant dui_border_r_brown_d_1 */ + CssClass dui_border_r_brown_d_1 = () -> "dui-border-r-brown-d-1"; - /** Constant dui_border_b_brown_d_1 */ + CssClass dui_border_b_brown_d_1 = () -> "dui-border-b-brown-d-1"; - /** Constant dui_border_l_brown_d_1 */ + CssClass dui_border_l_brown_d_1 = () -> "dui-border-l-brown-d-1"; - /** Constant dui_divide_brown_d_1 */ + CssClass dui_divide_brown_d_1 = () -> "dui-divide-brown-d-1"; - /** Constant dui_outline_brown_d_1 */ + CssClass dui_outline_brown_d_1 = () -> "dui-outline-brown-d-1"; - /** Constant dui_fg_brown_d_2 */ + CssClass dui_fg_brown_d_2 = () -> "dui-fg-brown-d-2"; - /** Constant dui_bg_brown_d_2 */ + CssClass dui_bg_brown_d_2 = () -> "dui-bg-brown-d-2"; - /** Constant dui_accent_brown_d_2 */ + CssClass dui_accent_brown_d_2 = () -> "dui-accent-brown-d-2"; - /** Constant dui_shadow_brown_d_2 */ + CssClass dui_shadow_brown_d_2 = () -> "dui-shadow-brown-d-2"; - /** Constant dui_text_decoration_brown_d_2 */ + CssClass dui_text_decoration_brown_d_2 = () -> "dui-text-decoration-brown-d-2"; - /** Constant dui_border_brown_d_2 */ + CssClass dui_border_brown_d_2 = () -> "dui-border-brown-d-2"; - /** Constant dui_border_x_brown_d_2 */ + CssClass dui_border_x_brown_d_2 = () -> "dui-border-x-brown-d-2"; - /** Constant dui_border_y_brown_d_2 */ + CssClass dui_border_y_brown_d_2 = () -> "dui-border-y-brown-d-2"; - /** Constant dui_border_t_brown_d_2 */ + CssClass dui_border_t_brown_d_2 = () -> "dui-border-t-brown-d-2"; - /** Constant dui_border_r_brown_d_2 */ + CssClass dui_border_r_brown_d_2 = () -> "dui-border-r-brown-d-2"; - /** Constant dui_border_b_brown_d_2 */ + CssClass dui_border_b_brown_d_2 = () -> "dui-border-b-brown-d-2"; - /** Constant dui_border_l_brown_d_2 */ + CssClass dui_border_l_brown_d_2 = () -> "dui-border-l-brown-d-2"; - /** Constant dui_divide_brown_d_2 */ + CssClass dui_divide_brown_d_2 = () -> "dui-divide-brown-d-2"; - /** Constant dui_outline_brown_d_2 */ + CssClass dui_outline_brown_d_2 = () -> "dui-outline-brown-d-2"; - /** Constant dui_fg_brown_d_3 */ + CssClass dui_fg_brown_d_3 = () -> "dui-fg-brown-d-3"; - /** Constant dui_bg_brown_d_3 */ + CssClass dui_bg_brown_d_3 = () -> "dui-bg-brown-d-3"; - /** Constant dui_accent_brown_d_3 */ + CssClass dui_accent_brown_d_3 = () -> "dui-accent-brown-d-3"; - /** Constant dui_shadow_brown_d_3 */ + CssClass dui_shadow_brown_d_3 = () -> "dui-shadow-brown-d-3"; - /** Constant dui_text_decoration_brown_d_3 */ + CssClass dui_text_decoration_brown_d_3 = () -> "dui-text-decoration-brown-d-3"; - /** Constant dui_border_brown_d_3 */ + CssClass dui_border_brown_d_3 = () -> "dui-border-brown-d-3"; - /** Constant dui_border_x_brown_d_3 */ + CssClass dui_border_x_brown_d_3 = () -> "dui-border-x-brown-d-3"; - /** Constant dui_border_y_brown_d_3 */ + CssClass dui_border_y_brown_d_3 = () -> "dui-border-y-brown-d-3"; - /** Constant dui_border_t_brown_d_3 */ + CssClass dui_border_t_brown_d_3 = () -> "dui-border-t-brown-d-3"; - /** Constant dui_border_r_brown_d_3 */ + CssClass dui_border_r_brown_d_3 = () -> "dui-border-r-brown-d-3"; - /** Constant dui_border_b_brown_d_3 */ + CssClass dui_border_b_brown_d_3 = () -> "dui-border-b-brown-d-3"; - /** Constant dui_border_l_brown_d_3 */ + CssClass dui_border_l_brown_d_3 = () -> "dui-border-l-brown-d-3"; - /** Constant dui_divide_brown_d_3 */ + CssClass dui_divide_brown_d_3 = () -> "dui-divide-brown-d-3"; - /** Constant dui_outline_brown_d_3 */ + CssClass dui_outline_brown_d_3 = () -> "dui-outline-brown-d-3"; - /** Constant dui_fg_brown_d_4 */ + CssClass dui_fg_brown_d_4 = () -> "dui-fg-brown-d-4"; - /** Constant dui_bg_brown_d_4 */ + CssClass dui_bg_brown_d_4 = () -> "dui-bg-brown-d-4"; - /** Constant dui_accent_brown_d_4 */ + CssClass dui_accent_brown_d_4 = () -> "dui-accent-brown-d-4"; - /** Constant dui_shadow_brown_d_4 */ + CssClass dui_shadow_brown_d_4 = () -> "dui-shadow-brown-d-4"; - /** Constant dui_text_decoration_brown_d_4 */ + CssClass dui_text_decoration_brown_d_4 = () -> "dui-text-decoration-brown-d-4"; - /** Constant dui_border_brown_d_4 */ + CssClass dui_border_brown_d_4 = () -> "dui-border-brown-d-4"; - /** Constant dui_border_x_brown_d_4 */ + CssClass dui_border_x_brown_d_4 = () -> "dui-border-x-brown-d-4"; - /** Constant dui_border_y_brown_d_4 */ + CssClass dui_border_y_brown_d_4 = () -> "dui-border-y-brown-d-4"; - /** Constant dui_border_t_brown_d_4 */ + CssClass dui_border_t_brown_d_4 = () -> "dui-border-t-brown-d-4"; - /** Constant dui_border_r_brown_d_4 */ + CssClass dui_border_r_brown_d_4 = () -> "dui-border-r-brown-d-4"; - /** Constant dui_border_b_brown_d_4 */ + CssClass dui_border_b_brown_d_4 = () -> "dui-border-b-brown-d-4"; - /** Constant dui_border_l_brown_d_4 */ + CssClass dui_border_l_brown_d_4 = () -> "dui-border-l-brown-d-4"; - /** Constant dui_divide_brown_d_4 */ + CssClass dui_divide_brown_d_4 = () -> "dui-divide-brown-d-4"; - /** Constant dui_outline_brown_d_4 */ + CssClass dui_outline_brown_d_4 = () -> "dui-outline-brown-d-4"; - /** Constant dui_fg_grey_l_5 */ + CssClass dui_fg_grey_l_5 = () -> "dui-fg-grey-l-5"; - /** Constant dui_bg_grey_l_5 */ + CssClass dui_bg_grey_l_5 = () -> "dui-bg-grey-l-5"; - /** Constant dui_accent_grey_l_5 */ + CssClass dui_accent_grey_l_5 = () -> "dui-accent-grey-l-5"; - /** Constant dui_shadow_grey_l_5 */ + CssClass dui_shadow_grey_l_5 = () -> "dui-shadow-grey-l-5"; - /** Constant dui_text_decoration_grey_l_5 */ + CssClass dui_text_decoration_grey_l_5 = () -> "dui-text-decoration-grey-l-5"; - /** Constant dui_border_grey_l_5 */ + CssClass dui_border_grey_l_5 = () -> "dui-border-grey-l-5"; - /** Constant dui_border_x_grey_l_5 */ + CssClass dui_border_x_grey_l_5 = () -> "dui-border-x-grey-l-5"; - /** Constant dui_border_y_grey_l_5 */ + CssClass dui_border_y_grey_l_5 = () -> "dui-border-y-grey-l-5"; - /** Constant dui_border_t_grey_l_5 */ + CssClass dui_border_t_grey_l_5 = () -> "dui-border-t-grey-l-5"; - /** Constant dui_border_r_grey_l_5 */ + CssClass dui_border_r_grey_l_5 = () -> "dui-border-r-grey-l-5"; - /** Constant dui_border_b_grey_l_5 */ + CssClass dui_border_b_grey_l_5 = () -> "dui-border-b-grey-l-5"; - /** Constant dui_border_l_grey_l_5 */ + CssClass dui_border_l_grey_l_5 = () -> "dui-border-l-grey-l-5"; - /** Constant dui_divide_grey_l_5 */ + CssClass dui_divide_grey_l_5 = () -> "dui-divide-grey-l-5"; - /** Constant dui_outline_grey_l_5 */ + CssClass dui_outline_grey_l_5 = () -> "dui-outline-grey-l-5"; - /** Constant dui_fg_grey_l_4 */ + CssClass dui_fg_grey_l_4 = () -> "dui-fg-grey-l-4"; - /** Constant dui_bg_grey_l_4 */ + CssClass dui_bg_grey_l_4 = () -> "dui-bg-grey-l-4"; - /** Constant dui_accent_grey_l_4 */ + CssClass dui_accent_grey_l_4 = () -> "dui-accent-grey-l-4"; - /** Constant dui_shadow_grey_l_4 */ + CssClass dui_shadow_grey_l_4 = () -> "dui-shadow-grey-l-4"; - /** Constant dui_text_decoration_grey_l_4 */ + CssClass dui_text_decoration_grey_l_4 = () -> "dui-text-decoration-grey-l-4"; - /** Constant dui_border_grey_l_4 */ + CssClass dui_border_grey_l_4 = () -> "dui-border-grey-l-4"; - /** Constant dui_border_x_grey_l_4 */ + CssClass dui_border_x_grey_l_4 = () -> "dui-border-x-grey-l-4"; - /** Constant dui_border_y_grey_l_4 */ + CssClass dui_border_y_grey_l_4 = () -> "dui-border-y-grey-l-4"; - /** Constant dui_border_t_grey_l_4 */ + CssClass dui_border_t_grey_l_4 = () -> "dui-border-t-grey-l-4"; - /** Constant dui_border_r_grey_l_4 */ + CssClass dui_border_r_grey_l_4 = () -> "dui-border-r-grey-l-4"; - /** Constant dui_border_b_grey_l_4 */ + CssClass dui_border_b_grey_l_4 = () -> "dui-border-b-grey-l-4"; - /** Constant dui_border_l_grey_l_4 */ + CssClass dui_border_l_grey_l_4 = () -> "dui-border-l-grey-l-4"; - /** Constant dui_divide_grey_l_4 */ + CssClass dui_divide_grey_l_4 = () -> "dui-divide-grey-l-4"; - /** Constant dui_outline_grey_l_4 */ + CssClass dui_outline_grey_l_4 = () -> "dui-outline-grey-l-4"; - /** Constant dui_fg_grey_l_3 */ + CssClass dui_fg_grey_l_3 = () -> "dui-fg-grey-l-3"; - /** Constant dui_bg_grey_l_3 */ + CssClass dui_bg_grey_l_3 = () -> "dui-bg-grey-l-3"; - /** Constant dui_accent_grey_l_3 */ + CssClass dui_accent_grey_l_3 = () -> "dui-accent-grey-l-3"; - /** Constant dui_shadow_grey_l_3 */ + CssClass dui_shadow_grey_l_3 = () -> "dui-shadow-grey-l-3"; - /** Constant dui_text_decoration_grey_l_3 */ + CssClass dui_text_decoration_grey_l_3 = () -> "dui-text-decoration-grey-l-3"; - /** Constant dui_border_grey_l_3 */ + CssClass dui_border_grey_l_3 = () -> "dui-border-grey-l-3"; - /** Constant dui_border_x_grey_l_3 */ + CssClass dui_border_x_grey_l_3 = () -> "dui-border-x-grey-l-3"; - /** Constant dui_border_y_grey_l_3 */ + CssClass dui_border_y_grey_l_3 = () -> "dui-border-y-grey-l-3"; - /** Constant dui_border_t_grey_l_3 */ + CssClass dui_border_t_grey_l_3 = () -> "dui-border-t-grey-l-3"; - /** Constant dui_border_r_grey_l_3 */ + CssClass dui_border_r_grey_l_3 = () -> "dui-border-r-grey-l-3"; - /** Constant dui_border_b_grey_l_3 */ + CssClass dui_border_b_grey_l_3 = () -> "dui-border-b-grey-l-3"; - /** Constant dui_border_l_grey_l_3 */ + CssClass dui_border_l_grey_l_3 = () -> "dui-border-l-grey-l-3"; - /** Constant dui_divide_grey_l_3 */ + CssClass dui_divide_grey_l_3 = () -> "dui-divide-grey-l-3"; - /** Constant dui_outline_grey_l_3 */ + CssClass dui_outline_grey_l_3 = () -> "dui-outline-grey-l-3"; - /** Constant dui_fg_grey_l_2 */ + CssClass dui_fg_grey_l_2 = () -> "dui-fg-grey-l-2"; - /** Constant dui_bg_grey_l_2 */ + CssClass dui_bg_grey_l_2 = () -> "dui-bg-grey-l-2"; - /** Constant dui_accent_grey_l_2 */ + CssClass dui_accent_grey_l_2 = () -> "dui-accent-grey-l-2"; - /** Constant dui_shadow_grey_l_2 */ + CssClass dui_shadow_grey_l_2 = () -> "dui-shadow-grey-l-2"; - /** Constant dui_text_decoration_grey_l_2 */ + CssClass dui_text_decoration_grey_l_2 = () -> "dui-text-decoration-grey-l-2"; - /** Constant dui_border_grey_l_2 */ + CssClass dui_border_grey_l_2 = () -> "dui-border-grey-l-2"; - /** Constant dui_border_x_grey_l_2 */ + CssClass dui_border_x_grey_l_2 = () -> "dui-border-x-grey-l-2"; - /** Constant dui_border_y_grey_l_2 */ + CssClass dui_border_y_grey_l_2 = () -> "dui-border-y-grey-l-2"; - /** Constant dui_border_t_grey_l_2 */ + CssClass dui_border_t_grey_l_2 = () -> "dui-border-t-grey-l-2"; - /** Constant dui_border_r_grey_l_2 */ + CssClass dui_border_r_grey_l_2 = () -> "dui-border-r-grey-l-2"; - /** Constant dui_border_b_grey_l_2 */ + CssClass dui_border_b_grey_l_2 = () -> "dui-border-b-grey-l-2"; - /** Constant dui_border_l_grey_l_2 */ + CssClass dui_border_l_grey_l_2 = () -> "dui-border-l-grey-l-2"; - /** Constant dui_divide_grey_l_2 */ + CssClass dui_divide_grey_l_2 = () -> "dui-divide-grey-l-2"; - /** Constant dui_outline_grey_l_2 */ + CssClass dui_outline_grey_l_2 = () -> "dui-outline-grey-l-2"; - /** Constant dui_fg_grey_l_1 */ + CssClass dui_fg_grey_l_1 = () -> "dui-fg-grey-l-1"; - /** Constant dui_bg_grey_l_1 */ + CssClass dui_bg_grey_l_1 = () -> "dui-bg-grey-l-1"; - /** Constant dui_accent_grey_l_1 */ + CssClass dui_accent_grey_l_1 = () -> "dui-accent-grey-l-1"; - /** Constant dui_shadow_grey_l_1 */ + CssClass dui_shadow_grey_l_1 = () -> "dui-shadow-grey-l-1"; - /** Constant dui_text_decoration_grey_l_1 */ + CssClass dui_text_decoration_grey_l_1 = () -> "dui-text-decoration-grey-l-1"; - /** Constant dui_border_grey_l_1 */ + CssClass dui_border_grey_l_1 = () -> "dui-border-grey-l-1"; - /** Constant dui_border_x_grey_l_1 */ + CssClass dui_border_x_grey_l_1 = () -> "dui-border-x-grey-l-1"; - /** Constant dui_border_y_grey_l_1 */ + CssClass dui_border_y_grey_l_1 = () -> "dui-border-y-grey-l-1"; - /** Constant dui_border_t_grey_l_1 */ + CssClass dui_border_t_grey_l_1 = () -> "dui-border-t-grey-l-1"; - /** Constant dui_border_r_grey_l_1 */ + CssClass dui_border_r_grey_l_1 = () -> "dui-border-r-grey-l-1"; - /** Constant dui_border_b_grey_l_1 */ + CssClass dui_border_b_grey_l_1 = () -> "dui-border-b-grey-l-1"; - /** Constant dui_border_l_grey_l_1 */ + CssClass dui_border_l_grey_l_1 = () -> "dui-border-l-grey-l-1"; - /** Constant dui_divide_grey_l_1 */ + CssClass dui_divide_grey_l_1 = () -> "dui-divide-grey-l-1"; - /** Constant dui_outline_grey_l_1 */ + CssClass dui_outline_grey_l_1 = () -> "dui-outline-grey-l-1"; - /** Constant dui_fg_grey */ + CssClass dui_fg_grey = () -> "dui-fg-grey"; - /** Constant dui_bg_grey */ + CssClass dui_bg_grey = () -> "dui-bg-grey"; - /** Constant dui_accent_grey */ + CssClass dui_accent_grey = () -> "dui-accent-grey"; - /** Constant dui_shadow_grey */ + CssClass dui_shadow_grey = () -> "dui-shadow-grey"; - /** Constant dui_text_decoration_grey */ + CssClass dui_text_decoration_grey = () -> "dui-text-decoration-grey"; - /** Constant dui_border_grey */ + CssClass dui_border_grey = () -> "dui-border-grey"; - /** Constant dui_border_x_grey */ + CssClass dui_border_x_grey = () -> "dui-border-x-grey"; - /** Constant dui_border_y_grey */ + CssClass dui_border_y_grey = () -> "dui-border-y-grey"; - /** Constant dui_border_t_grey */ + CssClass dui_border_t_grey = () -> "dui-border-t-grey"; - /** Constant dui_border_r_grey */ + CssClass dui_border_r_grey = () -> "dui-border-r-grey"; - /** Constant dui_border_b_grey */ + CssClass dui_border_b_grey = () -> "dui-border-b-grey"; - /** Constant dui_border_l_grey */ + CssClass dui_border_l_grey = () -> "dui-border-l-grey"; - /** Constant dui_divide_grey */ + CssClass dui_divide_grey = () -> "dui-divide-grey"; - /** Constant dui_outline_grey */ + CssClass dui_outline_grey = () -> "dui-outline-grey"; - /** Constant dui_fg_grey_d_1 */ + CssClass dui_fg_grey_d_1 = () -> "dui-fg-grey-d-1"; - /** Constant dui_bg_grey_d_1 */ + CssClass dui_bg_grey_d_1 = () -> "dui-bg-grey-d-1"; - /** Constant dui_accent_grey_d_1 */ + CssClass dui_accent_grey_d_1 = () -> "dui-accent-grey-d-1"; - /** Constant dui_shadow_grey_d_1 */ + CssClass dui_shadow_grey_d_1 = () -> "dui-shadow-grey-d-1"; - /** Constant dui_text_decoration_grey_d_1 */ + CssClass dui_text_decoration_grey_d_1 = () -> "dui-text-decoration-grey-d-1"; - /** Constant dui_border_grey_d_1 */ + CssClass dui_border_grey_d_1 = () -> "dui-border-grey-d-1"; - /** Constant dui_border_x_grey_d_1 */ + CssClass dui_border_x_grey_d_1 = () -> "dui-border-x-grey-d-1"; - /** Constant dui_border_y_grey_d_1 */ + CssClass dui_border_y_grey_d_1 = () -> "dui-border-y-grey-d-1"; - /** Constant dui_border_t_grey_d_1 */ + CssClass dui_border_t_grey_d_1 = () -> "dui-border-t-grey-d-1"; - /** Constant dui_border_r_grey_d_1 */ + CssClass dui_border_r_grey_d_1 = () -> "dui-border-r-grey-d-1"; - /** Constant dui_border_b_grey_d_1 */ + CssClass dui_border_b_grey_d_1 = () -> "dui-border-b-grey-d-1"; - /** Constant dui_border_l_grey_d_1 */ + CssClass dui_border_l_grey_d_1 = () -> "dui-border-l-grey-d-1"; - /** Constant dui_divide_grey_d_1 */ + CssClass dui_divide_grey_d_1 = () -> "dui-divide-grey-d-1"; - /** Constant dui_outline_grey_d_1 */ + CssClass dui_outline_grey_d_1 = () -> "dui-outline-grey-d-1"; - /** Constant dui_fg_grey_d_2 */ + CssClass dui_fg_grey_d_2 = () -> "dui-fg-grey-d-2"; - /** Constant dui_bg_grey_d_2 */ + CssClass dui_bg_grey_d_2 = () -> "dui-bg-grey-d-2"; - /** Constant dui_accent_grey_d_2 */ + CssClass dui_accent_grey_d_2 = () -> "dui-accent-grey-d-2"; - /** Constant dui_shadow_grey_d_2 */ + CssClass dui_shadow_grey_d_2 = () -> "dui-shadow-grey-d-2"; - /** Constant dui_text_decoration_grey_d_2 */ + CssClass dui_text_decoration_grey_d_2 = () -> "dui-text-decoration-grey-d-2"; - /** Constant dui_border_grey_d_2 */ + CssClass dui_border_grey_d_2 = () -> "dui-border-grey-d-2"; - /** Constant dui_border_x_grey_d_2 */ + CssClass dui_border_x_grey_d_2 = () -> "dui-border-x-grey-d-2"; - /** Constant dui_border_y_grey_d_2 */ + CssClass dui_border_y_grey_d_2 = () -> "dui-border-y-grey-d-2"; - /** Constant dui_border_t_grey_d_2 */ + CssClass dui_border_t_grey_d_2 = () -> "dui-border-t-grey-d-2"; - /** Constant dui_border_r_grey_d_2 */ + CssClass dui_border_r_grey_d_2 = () -> "dui-border-r-grey-d-2"; - /** Constant dui_border_b_grey_d_2 */ + CssClass dui_border_b_grey_d_2 = () -> "dui-border-b-grey-d-2"; - /** Constant dui_border_l_grey_d_2 */ + CssClass dui_border_l_grey_d_2 = () -> "dui-border-l-grey-d-2"; - /** Constant dui_divide_grey_d_2 */ + CssClass dui_divide_grey_d_2 = () -> "dui-divide-grey-d-2"; - /** Constant dui_outline_grey_d_2 */ + CssClass dui_outline_grey_d_2 = () -> "dui-outline-grey-d-2"; - /** Constant dui_fg_grey_d_3 */ + CssClass dui_fg_grey_d_3 = () -> "dui-fg-grey-d-3"; - /** Constant dui_bg_grey_d_3 */ + CssClass dui_bg_grey_d_3 = () -> "dui-bg-grey-d-3"; - /** Constant dui_accent_grey_d_3 */ + CssClass dui_accent_grey_d_3 = () -> "dui-accent-grey-d-3"; - /** Constant dui_shadow_grey_d_3 */ + CssClass dui_shadow_grey_d_3 = () -> "dui-shadow-grey-d-3"; - /** Constant dui_text_decoration_grey_d_3 */ + CssClass dui_text_decoration_grey_d_3 = () -> "dui-text-decoration-grey-d-3"; - /** Constant dui_border_grey_d_3 */ + CssClass dui_border_grey_d_3 = () -> "dui-border-grey-d-3"; - /** Constant dui_border_x_grey_d_3 */ + CssClass dui_border_x_grey_d_3 = () -> "dui-border-x-grey-d-3"; - /** Constant dui_border_y_grey_d_3 */ + CssClass dui_border_y_grey_d_3 = () -> "dui-border-y-grey-d-3"; - /** Constant dui_border_t_grey_d_3 */ + CssClass dui_border_t_grey_d_3 = () -> "dui-border-t-grey-d-3"; - /** Constant dui_border_r_grey_d_3 */ + CssClass dui_border_r_grey_d_3 = () -> "dui-border-r-grey-d-3"; - /** Constant dui_border_b_grey_d_3 */ + CssClass dui_border_b_grey_d_3 = () -> "dui-border-b-grey-d-3"; - /** Constant dui_border_l_grey_d_3 */ + CssClass dui_border_l_grey_d_3 = () -> "dui-border-l-grey-d-3"; - /** Constant dui_divide_grey_d_3 */ + CssClass dui_divide_grey_d_3 = () -> "dui-divide-grey-d-3"; - /** Constant dui_outline_grey_d_3 */ + CssClass dui_outline_grey_d_3 = () -> "dui-outline-grey-d-3"; - /** Constant dui_fg_grey_d_4 */ + CssClass dui_fg_grey_d_4 = () -> "dui-fg-grey-d-4"; - /** Constant dui_bg_grey_d_4 */ + CssClass dui_bg_grey_d_4 = () -> "dui-bg-grey-d-4"; - /** Constant dui_accent_grey_d_4 */ + CssClass dui_accent_grey_d_4 = () -> "dui-accent-grey-d-4"; - /** Constant dui_shadow_grey_d_4 */ + CssClass dui_shadow_grey_d_4 = () -> "dui-shadow-grey-d-4"; - /** Constant dui_text_decoration_grey_d_4 */ + CssClass dui_text_decoration_grey_d_4 = () -> "dui-text-decoration-grey-d-4"; - /** Constant dui_border_grey_d_4 */ + CssClass dui_border_grey_d_4 = () -> "dui-border-grey-d-4"; - /** Constant dui_border_x_grey_d_4 */ + CssClass dui_border_x_grey_d_4 = () -> "dui-border-x-grey-d-4"; - /** Constant dui_border_y_grey_d_4 */ + CssClass dui_border_y_grey_d_4 = () -> "dui-border-y-grey-d-4"; - /** Constant dui_border_t_grey_d_4 */ + CssClass dui_border_t_grey_d_4 = () -> "dui-border-t-grey-d-4"; - /** Constant dui_border_r_grey_d_4 */ + CssClass dui_border_r_grey_d_4 = () -> "dui-border-r-grey-d-4"; - /** Constant dui_border_b_grey_d_4 */ + CssClass dui_border_b_grey_d_4 = () -> "dui-border-b-grey-d-4"; - /** Constant dui_border_l_grey_d_4 */ + CssClass dui_border_l_grey_d_4 = () -> "dui-border-l-grey-d-4"; - /** Constant dui_divide_grey_d_4 */ + CssClass dui_divide_grey_d_4 = () -> "dui-divide-grey-d-4"; - /** Constant dui_outline_grey_d_4 */ + CssClass dui_outline_grey_d_4 = () -> "dui-outline-grey-d-4"; - /** Constant dui_fg_blue_grey_l_5 */ + CssClass dui_fg_blue_grey_l_5 = () -> "dui-fg-blue-grey-l-5"; - /** Constant dui_bg_blue_grey_l_5 */ + CssClass dui_bg_blue_grey_l_5 = () -> "dui-bg-blue-grey-l-5"; - /** Constant dui_accent_blue_grey_l_5 */ + CssClass dui_accent_blue_grey_l_5 = () -> "dui-accent-blue-grey-l-5"; - /** Constant dui_shadow_blue_grey_l_5 */ + CssClass dui_shadow_blue_grey_l_5 = () -> "dui-shadow-blue-grey-l-5"; - /** Constant dui_text_decoration_blue_grey_l_5 */ + CssClass dui_text_decoration_blue_grey_l_5 = () -> "dui-text-decoration-blue-grey-l-5"; - /** Constant dui_border_blue_grey_l_5 */ + CssClass dui_border_blue_grey_l_5 = () -> "dui-border-blue-grey-l-5"; - /** Constant dui_border_x_blue_grey_l_5 */ + CssClass dui_border_x_blue_grey_l_5 = () -> "dui-border-x-blue-grey-l-5"; - /** Constant dui_border_y_blue_grey_l_5 */ + CssClass dui_border_y_blue_grey_l_5 = () -> "dui-border-y-blue-grey-l-5"; - /** Constant dui_border_t_blue_grey_l_5 */ + CssClass dui_border_t_blue_grey_l_5 = () -> "dui-border-t-blue-grey-l-5"; - /** Constant dui_border_r_blue_grey_l_5 */ + CssClass dui_border_r_blue_grey_l_5 = () -> "dui-border-r-blue-grey-l-5"; - /** Constant dui_border_b_blue_grey_l_5 */ + CssClass dui_border_b_blue_grey_l_5 = () -> "dui-border-b-blue-grey-l-5"; - /** Constant dui_border_l_blue_grey_l_5 */ + CssClass dui_border_l_blue_grey_l_5 = () -> "dui-border-l-blue-grey-l-5"; - /** Constant dui_divide_blue_grey_l_5 */ + CssClass dui_divide_blue_grey_l_5 = () -> "dui-divide-blue-grey-l-5"; - /** Constant dui_outline_blue_grey_l_5 */ + CssClass dui_outline_blue_grey_l_5 = () -> "dui-outline-blue-grey-l-5"; - /** Constant dui_fg_blue_grey_l_4 */ + CssClass dui_fg_blue_grey_l_4 = () -> "dui-fg-blue-grey-l-4"; - /** Constant dui_bg_blue_grey_l_4 */ + CssClass dui_bg_blue_grey_l_4 = () -> "dui-bg-blue-grey-l-4"; - /** Constant dui_accent_blue_grey_l_4 */ + CssClass dui_accent_blue_grey_l_4 = () -> "dui-accent-blue-grey-l-4"; - /** Constant dui_shadow_blue_grey_l_4 */ + CssClass dui_shadow_blue_grey_l_4 = () -> "dui-shadow-blue-grey-l-4"; - /** Constant dui_text_decoration_blue_grey_l_4 */ + CssClass dui_text_decoration_blue_grey_l_4 = () -> "dui-text-decoration-blue-grey-l-4"; - /** Constant dui_border_blue_grey_l_4 */ + CssClass dui_border_blue_grey_l_4 = () -> "dui-border-blue-grey-l-4"; - /** Constant dui_border_x_blue_grey_l_4 */ + CssClass dui_border_x_blue_grey_l_4 = () -> "dui-border-x-blue-grey-l-4"; - /** Constant dui_border_y_blue_grey_l_4 */ + CssClass dui_border_y_blue_grey_l_4 = () -> "dui-border-y-blue-grey-l-4"; - /** Constant dui_border_t_blue_grey_l_4 */ + CssClass dui_border_t_blue_grey_l_4 = () -> "dui-border-t-blue-grey-l-4"; - /** Constant dui_border_r_blue_grey_l_4 */ + CssClass dui_border_r_blue_grey_l_4 = () -> "dui-border-r-blue-grey-l-4"; - /** Constant dui_border_b_blue_grey_l_4 */ + CssClass dui_border_b_blue_grey_l_4 = () -> "dui-border-b-blue-grey-l-4"; - /** Constant dui_border_l_blue_grey_l_4 */ + CssClass dui_border_l_blue_grey_l_4 = () -> "dui-border-l-blue-grey-l-4"; - /** Constant dui_divide_blue_grey_l_4 */ + CssClass dui_divide_blue_grey_l_4 = () -> "dui-divide-blue-grey-l-4"; - /** Constant dui_outline_blue_grey_l_4 */ + CssClass dui_outline_blue_grey_l_4 = () -> "dui-outline-blue-grey-l-4"; - /** Constant dui_fg_blue_grey_l_3 */ + CssClass dui_fg_blue_grey_l_3 = () -> "dui-fg-blue-grey-l-3"; - /** Constant dui_bg_blue_grey_l_3 */ + CssClass dui_bg_blue_grey_l_3 = () -> "dui-bg-blue-grey-l-3"; - /** Constant dui_accent_blue_grey_l_3 */ + CssClass dui_accent_blue_grey_l_3 = () -> "dui-accent-blue-grey-l-3"; - /** Constant dui_shadow_blue_grey_l_3 */ + CssClass dui_shadow_blue_grey_l_3 = () -> "dui-shadow-blue-grey-l-3"; - /** Constant dui_text_decoration_blue_grey_l_3 */ + CssClass dui_text_decoration_blue_grey_l_3 = () -> "dui-text-decoration-blue-grey-l-3"; - /** Constant dui_border_blue_grey_l_3 */ + CssClass dui_border_blue_grey_l_3 = () -> "dui-border-blue-grey-l-3"; - /** Constant dui_border_x_blue_grey_l_3 */ + CssClass dui_border_x_blue_grey_l_3 = () -> "dui-border-x-blue-grey-l-3"; - /** Constant dui_border_y_blue_grey_l_3 */ + CssClass dui_border_y_blue_grey_l_3 = () -> "dui-border-y-blue-grey-l-3"; - /** Constant dui_border_t_blue_grey_l_3 */ + CssClass dui_border_t_blue_grey_l_3 = () -> "dui-border-t-blue-grey-l-3"; - /** Constant dui_border_r_blue_grey_l_3 */ + CssClass dui_border_r_blue_grey_l_3 = () -> "dui-border-r-blue-grey-l-3"; - /** Constant dui_border_b_blue_grey_l_3 */ + CssClass dui_border_b_blue_grey_l_3 = () -> "dui-border-b-blue-grey-l-3"; - /** Constant dui_border_l_blue_grey_l_3 */ + CssClass dui_border_l_blue_grey_l_3 = () -> "dui-border-l-blue-grey-l-3"; - /** Constant dui_divide_blue_grey_l_3 */ + CssClass dui_divide_blue_grey_l_3 = () -> "dui-divide-blue-grey-l-3"; - /** Constant dui_outline_blue_grey_l_3 */ + CssClass dui_outline_blue_grey_l_3 = () -> "dui-outline-blue-grey-l-3"; - /** Constant dui_fg_blue_grey_l_2 */ + CssClass dui_fg_blue_grey_l_2 = () -> "dui-fg-blue-grey-l-2"; - /** Constant dui_bg_blue_grey_l_2 */ + CssClass dui_bg_blue_grey_l_2 = () -> "dui-bg-blue-grey-l-2"; - /** Constant dui_accent_blue_grey_l_2 */ + CssClass dui_accent_blue_grey_l_2 = () -> "dui-accent-blue-grey-l-2"; - /** Constant dui_shadow_blue_grey_l_2 */ + CssClass dui_shadow_blue_grey_l_2 = () -> "dui-shadow-blue-grey-l-2"; - /** Constant dui_text_decoration_blue_grey_l_2 */ + CssClass dui_text_decoration_blue_grey_l_2 = () -> "dui-text-decoration-blue-grey-l-2"; - /** Constant dui_border_blue_grey_l_2 */ + CssClass dui_border_blue_grey_l_2 = () -> "dui-border-blue-grey-l-2"; - /** Constant dui_border_x_blue_grey_l_2 */ + CssClass dui_border_x_blue_grey_l_2 = () -> "dui-border-x-blue-grey-l-2"; - /** Constant dui_border_y_blue_grey_l_2 */ + CssClass dui_border_y_blue_grey_l_2 = () -> "dui-border-y-blue-grey-l-2"; - /** Constant dui_border_t_blue_grey_l_2 */ + CssClass dui_border_t_blue_grey_l_2 = () -> "dui-border-t-blue-grey-l-2"; - /** Constant dui_border_r_blue_grey_l_2 */ + CssClass dui_border_r_blue_grey_l_2 = () -> "dui-border-r-blue-grey-l-2"; - /** Constant dui_border_b_blue_grey_l_2 */ + CssClass dui_border_b_blue_grey_l_2 = () -> "dui-border-b-blue-grey-l-2"; - /** Constant dui_border_l_blue_grey_l_2 */ + CssClass dui_border_l_blue_grey_l_2 = () -> "dui-border-l-blue-grey-l-2"; - /** Constant dui_divide_blue_grey_l_2 */ + CssClass dui_divide_blue_grey_l_2 = () -> "dui-divide-blue-grey-l-2"; - /** Constant dui_outline_blue_grey_l_2 */ + CssClass dui_outline_blue_grey_l_2 = () -> "dui-outline-blue-grey-l-2"; - /** Constant dui_fg_blue_grey_l_1 */ + CssClass dui_fg_blue_grey_l_1 = () -> "dui-fg-blue-grey-l-1"; - /** Constant dui_bg_blue_grey_l_1 */ + CssClass dui_bg_blue_grey_l_1 = () -> "dui-bg-blue-grey-l-1"; - /** Constant dui_accent_blue_grey_l_1 */ + CssClass dui_accent_blue_grey_l_1 = () -> "dui-accent-blue-grey-l-1"; - /** Constant dui_shadow_blue_grey_l_1 */ + CssClass dui_shadow_blue_grey_l_1 = () -> "dui-shadow-blue-grey-l-1"; - /** Constant dui_text_decoration_blue_grey_l_1 */ + CssClass dui_text_decoration_blue_grey_l_1 = () -> "dui-text-decoration-blue-grey-l-1"; - /** Constant dui_border_blue_grey_l_1 */ + CssClass dui_border_blue_grey_l_1 = () -> "dui-border-blue-grey-l-1"; - /** Constant dui_border_x_blue_grey_l_1 */ + CssClass dui_border_x_blue_grey_l_1 = () -> "dui-border-x-blue-grey-l-1"; - /** Constant dui_border_y_blue_grey_l_1 */ + CssClass dui_border_y_blue_grey_l_1 = () -> "dui-border-y-blue-grey-l-1"; - /** Constant dui_border_t_blue_grey_l_1 */ + CssClass dui_border_t_blue_grey_l_1 = () -> "dui-border-t-blue-grey-l-1"; - /** Constant dui_border_r_blue_grey_l_1 */ + CssClass dui_border_r_blue_grey_l_1 = () -> "dui-border-r-blue-grey-l-1"; - /** Constant dui_border_b_blue_grey_l_1 */ + CssClass dui_border_b_blue_grey_l_1 = () -> "dui-border-b-blue-grey-l-1"; - /** Constant dui_border_l_blue_grey_l_1 */ + CssClass dui_border_l_blue_grey_l_1 = () -> "dui-border-l-blue-grey-l-1"; - /** Constant dui_divide_blue_grey_l_1 */ + CssClass dui_divide_blue_grey_l_1 = () -> "dui-divide-blue-grey-l-1"; - /** Constant dui_outline_blue_grey_l_1 */ + CssClass dui_outline_blue_grey_l_1 = () -> "dui-outline-blue-grey-l-1"; - /** Constant dui_fg_blue_grey */ + CssClass dui_fg_blue_grey = () -> "dui-fg-blue-grey"; - /** Constant dui_bg_blue_grey */ + CssClass dui_bg_blue_grey = () -> "dui-bg-blue-grey"; - /** Constant dui_accent_blue_grey */ + CssClass dui_accent_blue_grey = () -> "dui-accent-blue-grey"; - /** Constant dui_shadow_blue_grey */ + CssClass dui_shadow_blue_grey = () -> "dui-shadow-blue-grey"; - /** Constant dui_text_decoration_blue_grey */ + CssClass dui_text_decoration_blue_grey = () -> "dui-text-decoration-blue-grey"; - /** Constant dui_border_blue_grey */ + CssClass dui_border_blue_grey = () -> "dui-border-blue-grey"; - /** Constant dui_border_x_blue_grey */ + CssClass dui_border_x_blue_grey = () -> "dui-border-x-blue-grey"; - /** Constant dui_border_y_blue_grey */ + CssClass dui_border_y_blue_grey = () -> "dui-border-y-blue-grey"; - /** Constant dui_border_t_blue_grey */ + CssClass dui_border_t_blue_grey = () -> "dui-border-t-blue-grey"; - /** Constant dui_border_r_blue_grey */ + CssClass dui_border_r_blue_grey = () -> "dui-border-r-blue-grey"; - /** Constant dui_border_b_blue_grey */ + CssClass dui_border_b_blue_grey = () -> "dui-border-b-blue-grey"; - /** Constant dui_border_l_blue_grey */ + CssClass dui_border_l_blue_grey = () -> "dui-border-l-blue-grey"; - /** Constant dui_divide_blue_grey */ + CssClass dui_divide_blue_grey = () -> "dui-divide-blue-grey"; - /** Constant dui_outline_blue_grey */ + CssClass dui_outline_blue_grey = () -> "dui-outline-blue-grey"; - /** Constant dui_fg_blue_grey_d_1 */ + CssClass dui_fg_blue_grey_d_1 = () -> "dui-fg-blue-grey-d-1"; - /** Constant dui_bg_blue_grey_d_1 */ + CssClass dui_bg_blue_grey_d_1 = () -> "dui-bg-blue-grey-d-1"; - /** Constant dui_accent_blue_grey_d_1 */ + CssClass dui_accent_blue_grey_d_1 = () -> "dui-accent-blue-grey-d-1"; - /** Constant dui_shadow_blue_grey_d_1 */ + CssClass dui_shadow_blue_grey_d_1 = () -> "dui-shadow-blue-grey-d-1"; - /** Constant dui_text_decoration_blue_grey_d_1 */ + CssClass dui_text_decoration_blue_grey_d_1 = () -> "dui-text-decoration-blue-grey-d-1"; - /** Constant dui_border_blue_grey_d_1 */ + CssClass dui_border_blue_grey_d_1 = () -> "dui-border-blue-grey-d-1"; - /** Constant dui_border_x_blue_grey_d_1 */ + CssClass dui_border_x_blue_grey_d_1 = () -> "dui-border-x-blue-grey-d-1"; - /** Constant dui_border_y_blue_grey_d_1 */ + CssClass dui_border_y_blue_grey_d_1 = () -> "dui-border-y-blue-grey-d-1"; - /** Constant dui_border_t_blue_grey_d_1 */ + CssClass dui_border_t_blue_grey_d_1 = () -> "dui-border-t-blue-grey-d-1"; - /** Constant dui_border_r_blue_grey_d_1 */ + CssClass dui_border_r_blue_grey_d_1 = () -> "dui-border-r-blue-grey-d-1"; - /** Constant dui_border_b_blue_grey_d_1 */ + CssClass dui_border_b_blue_grey_d_1 = () -> "dui-border-b-blue-grey-d-1"; - /** Constant dui_border_l_blue_grey_d_1 */ + CssClass dui_border_l_blue_grey_d_1 = () -> "dui-border-l-blue-grey-d-1"; - /** Constant dui_divide_blue_grey_d_1 */ + CssClass dui_divide_blue_grey_d_1 = () -> "dui-divide-blue-grey-d-1"; - /** Constant dui_outline_blue_grey_d_1 */ + CssClass dui_outline_blue_grey_d_1 = () -> "dui-outline-blue-grey-d-1"; - /** Constant dui_fg_blue_grey_d_2 */ + CssClass dui_fg_blue_grey_d_2 = () -> "dui-fg-blue-grey-d-2"; - /** Constant dui_bg_blue_grey_d_2 */ + CssClass dui_bg_blue_grey_d_2 = () -> "dui-bg-blue-grey-d-2"; - /** Constant dui_accent_blue_grey_d_2 */ + CssClass dui_accent_blue_grey_d_2 = () -> "dui-accent-blue-grey-d-2"; - /** Constant dui_shadow_blue_grey_d_2 */ + CssClass dui_shadow_blue_grey_d_2 = () -> "dui-shadow-blue-grey-d-2"; - /** Constant dui_text_decoration_blue_grey_d_2 */ + CssClass dui_text_decoration_blue_grey_d_2 = () -> "dui-text-decoration-blue-grey-d-2"; - /** Constant dui_border_blue_grey_d_2 */ + CssClass dui_border_blue_grey_d_2 = () -> "dui-border-blue-grey-d-2"; - /** Constant dui_border_x_blue_grey_d_2 */ + CssClass dui_border_x_blue_grey_d_2 = () -> "dui-border-x-blue-grey-d-2"; - /** Constant dui_border_y_blue_grey_d_2 */ + CssClass dui_border_y_blue_grey_d_2 = () -> "dui-border-y-blue-grey-d-2"; - /** Constant dui_border_t_blue_grey_d_2 */ + CssClass dui_border_t_blue_grey_d_2 = () -> "dui-border-t-blue-grey-d-2"; - /** Constant dui_border_r_blue_grey_d_2 */ + CssClass dui_border_r_blue_grey_d_2 = () -> "dui-border-r-blue-grey-d-2"; - /** Constant dui_border_b_blue_grey_d_2 */ + CssClass dui_border_b_blue_grey_d_2 = () -> "dui-border-b-blue-grey-d-2"; - /** Constant dui_border_l_blue_grey_d_2 */ + CssClass dui_border_l_blue_grey_d_2 = () -> "dui-border-l-blue-grey-d-2"; - /** Constant dui_divide_blue_grey_d_2 */ + CssClass dui_divide_blue_grey_d_2 = () -> "dui-divide-blue-grey-d-2"; - /** Constant dui_outline_blue_grey_d_2 */ + CssClass dui_outline_blue_grey_d_2 = () -> "dui-outline-blue-grey-d-2"; - /** Constant dui_fg_blue_grey_d_3 */ + CssClass dui_fg_blue_grey_d_3 = () -> "dui-fg-blue-grey-d-3"; - /** Constant dui_bg_blue_grey_d_3 */ + CssClass dui_bg_blue_grey_d_3 = () -> "dui-bg-blue-grey-d-3"; - /** Constant dui_accent_blue_grey_d_3 */ + CssClass dui_accent_blue_grey_d_3 = () -> "dui-accent-blue-grey-d-3"; - /** Constant dui_shadow_blue_grey_d_3 */ + CssClass dui_shadow_blue_grey_d_3 = () -> "dui-shadow-blue-grey-d-3"; - /** Constant dui_text_decoration_blue_grey_d_3 */ + CssClass dui_text_decoration_blue_grey_d_3 = () -> "dui-text-decoration-blue-grey-d-3"; - /** Constant dui_border_blue_grey_d_3 */ + CssClass dui_border_blue_grey_d_3 = () -> "dui-border-blue-grey-d-3"; - /** Constant dui_border_x_blue_grey_d_3 */ + CssClass dui_border_x_blue_grey_d_3 = () -> "dui-border-x-blue-grey-d-3"; - /** Constant dui_border_y_blue_grey_d_3 */ + CssClass dui_border_y_blue_grey_d_3 = () -> "dui-border-y-blue-grey-d-3"; - /** Constant dui_border_t_blue_grey_d_3 */ + CssClass dui_border_t_blue_grey_d_3 = () -> "dui-border-t-blue-grey-d-3"; - /** Constant dui_border_r_blue_grey_d_3 */ + CssClass dui_border_r_blue_grey_d_3 = () -> "dui-border-r-blue-grey-d-3"; - /** Constant dui_border_b_blue_grey_d_3 */ + CssClass dui_border_b_blue_grey_d_3 = () -> "dui-border-b-blue-grey-d-3"; - /** Constant dui_border_l_blue_grey_d_3 */ + CssClass dui_border_l_blue_grey_d_3 = () -> "dui-border-l-blue-grey-d-3"; - /** Constant dui_divide_blue_grey_d_3 */ + CssClass dui_divide_blue_grey_d_3 = () -> "dui-divide-blue-grey-d-3"; - /** Constant dui_outline_blue_grey_d_3 */ + CssClass dui_outline_blue_grey_d_3 = () -> "dui-outline-blue-grey-d-3"; - /** Constant dui_fg_blue_grey_d_4 */ + CssClass dui_fg_blue_grey_d_4 = () -> "dui-fg-blue-grey-d-4"; - /** Constant dui_bg_blue_grey_d_4 */ + CssClass dui_bg_blue_grey_d_4 = () -> "dui-bg-blue-grey-d-4"; - /** Constant dui_accent_blue_grey_d_4 */ + CssClass dui_accent_blue_grey_d_4 = () -> "dui-accent-blue-grey-d-4"; - /** Constant dui_shadow_blue_grey_d_4 */ + CssClass dui_shadow_blue_grey_d_4 = () -> "dui-shadow-blue-grey-d-4"; - /** Constant dui_text_decoration_blue_grey_d_4 */ + CssClass dui_text_decoration_blue_grey_d_4 = () -> "dui-text-decoration-blue-grey-d-4"; - /** Constant dui_border_blue_grey_d_4 */ + CssClass dui_border_blue_grey_d_4 = () -> "dui-border-blue-grey-d-4"; - /** Constant dui_border_x_blue_grey_d_4 */ + CssClass dui_border_x_blue_grey_d_4 = () -> "dui-border-x-blue-grey-d-4"; - /** Constant dui_border_y_blue_grey_d_4 */ + CssClass dui_border_y_blue_grey_d_4 = () -> "dui-border-y-blue-grey-d-4"; - /** Constant dui_border_t_blue_grey_d_4 */ + CssClass dui_border_t_blue_grey_d_4 = () -> "dui-border-t-blue-grey-d-4"; - /** Constant dui_border_r_blue_grey_d_4 */ + CssClass dui_border_r_blue_grey_d_4 = () -> "dui-border-r-blue-grey-d-4"; - /** Constant dui_border_b_blue_grey_d_4 */ + CssClass dui_border_b_blue_grey_d_4 = () -> "dui-border-b-blue-grey-d-4"; - /** Constant dui_border_l_blue_grey_d_4 */ + CssClass dui_border_l_blue_grey_d_4 = () -> "dui-border-l-blue-grey-d-4"; - /** Constant dui_divide_blue_grey_d_4 */ + CssClass dui_divide_blue_grey_d_4 = () -> "dui-divide-blue-grey-d-4"; - /** Constant dui_outline_blue_grey_d_4 */ + CssClass dui_outline_blue_grey_d_4 = () -> "dui-outline-blue-grey-d-4"; - /** Constant dui_fg_white_l_5 */ + CssClass dui_fg_white_l_5 = () -> "dui-fg-white-l-5"; - /** Constant dui_bg_white_l_5 */ + CssClass dui_bg_white_l_5 = () -> "dui-bg-white-l-5"; - /** Constant dui_accent_white_l_5 */ + CssClass dui_accent_white_l_5 = () -> "dui-accent-white-l-5"; - /** Constant dui_shadow_white_l_5 */ + CssClass dui_shadow_white_l_5 = () -> "dui-shadow-white-l-5"; - /** Constant dui_text_decoration_white_l_5 */ + CssClass dui_text_decoration_white_l_5 = () -> "dui-text-decoration-white-l-5"; - /** Constant dui_border_white_l_5 */ + CssClass dui_border_white_l_5 = () -> "dui-border-white-l-5"; - /** Constant dui_border_x_white_l_5 */ + CssClass dui_border_x_white_l_5 = () -> "dui-border-x-white-l-5"; - /** Constant dui_border_y_white_l_5 */ + CssClass dui_border_y_white_l_5 = () -> "dui-border-y-white-l-5"; - /** Constant dui_border_t_white_l_5 */ + CssClass dui_border_t_white_l_5 = () -> "dui-border-t-white-l-5"; - /** Constant dui_border_r_white_l_5 */ + CssClass dui_border_r_white_l_5 = () -> "dui-border-r-white-l-5"; - /** Constant dui_border_b_white_l_5 */ + CssClass dui_border_b_white_l_5 = () -> "dui-border-b-white-l-5"; - /** Constant dui_border_l_white_l_5 */ + CssClass dui_border_l_white_l_5 = () -> "dui-border-l-white-l-5"; - /** Constant dui_divide_white_l_5 */ + CssClass dui_divide_white_l_5 = () -> "dui-divide-white-l-5"; - /** Constant dui_outline_white_l_5 */ + CssClass dui_outline_white_l_5 = () -> "dui-outline-white-l-5"; - /** Constant dui_fg_white_l_4 */ + CssClass dui_fg_white_l_4 = () -> "dui-fg-white-l-4"; - /** Constant dui_bg_white_l_4 */ + CssClass dui_bg_white_l_4 = () -> "dui-bg-white-l-4"; - /** Constant dui_accent_white_l_4 */ + CssClass dui_accent_white_l_4 = () -> "dui-accent-white-l-4"; - /** Constant dui_shadow_white_l_4 */ + CssClass dui_shadow_white_l_4 = () -> "dui-shadow-white-l-4"; - /** Constant dui_text_decoration_white_l_4 */ + CssClass dui_text_decoration_white_l_4 = () -> "dui-text-decoration-white-l-4"; - /** Constant dui_border_white_l_4 */ + CssClass dui_border_white_l_4 = () -> "dui-border-white-l-4"; - /** Constant dui_border_x_white_l_4 */ + CssClass dui_border_x_white_l_4 = () -> "dui-border-x-white-l-4"; - /** Constant dui_border_y_white_l_4 */ + CssClass dui_border_y_white_l_4 = () -> "dui-border-y-white-l-4"; - /** Constant dui_border_t_white_l_4 */ + CssClass dui_border_t_white_l_4 = () -> "dui-border-t-white-l-4"; - /** Constant dui_border_r_white_l_4 */ + CssClass dui_border_r_white_l_4 = () -> "dui-border-r-white-l-4"; - /** Constant dui_border_b_white_l_4 */ + CssClass dui_border_b_white_l_4 = () -> "dui-border-b-white-l-4"; - /** Constant dui_border_l_white_l_4 */ + CssClass dui_border_l_white_l_4 = () -> "dui-border-l-white-l-4"; - /** Constant dui_divide_white_l_4 */ + CssClass dui_divide_white_l_4 = () -> "dui-divide-white-l-4"; - /** Constant dui_outline_white_l_4 */ + CssClass dui_outline_white_l_4 = () -> "dui-outline-white-l-4"; - /** Constant dui_fg_white_l_3 */ + CssClass dui_fg_white_l_3 = () -> "dui-fg-white-l-3"; - /** Constant dui_bg_white_l_3 */ + CssClass dui_bg_white_l_3 = () -> "dui-bg-white-l-3"; - /** Constant dui_accent_white_l_3 */ + CssClass dui_accent_white_l_3 = () -> "dui-accent-white-l-3"; - /** Constant dui_shadow_white_l_3 */ + CssClass dui_shadow_white_l_3 = () -> "dui-shadow-white-l-3"; - /** Constant dui_text_decoration_white_l_3 */ + CssClass dui_text_decoration_white_l_3 = () -> "dui-text-decoration-white-l-3"; - /** Constant dui_border_white_l_3 */ + CssClass dui_border_white_l_3 = () -> "dui-border-white-l-3"; - /** Constant dui_border_x_white_l_3 */ + CssClass dui_border_x_white_l_3 = () -> "dui-border-x-white-l-3"; - /** Constant dui_border_y_white_l_3 */ + CssClass dui_border_y_white_l_3 = () -> "dui-border-y-white-l-3"; - /** Constant dui_border_t_white_l_3 */ + CssClass dui_border_t_white_l_3 = () -> "dui-border-t-white-l-3"; - /** Constant dui_border_r_white_l_3 */ + CssClass dui_border_r_white_l_3 = () -> "dui-border-r-white-l-3"; - /** Constant dui_border_b_white_l_3 */ + CssClass dui_border_b_white_l_3 = () -> "dui-border-b-white-l-3"; - /** Constant dui_border_l_white_l_3 */ + CssClass dui_border_l_white_l_3 = () -> "dui-border-l-white-l-3"; - /** Constant dui_divide_white_l_3 */ + CssClass dui_divide_white_l_3 = () -> "dui-divide-white-l-3"; - /** Constant dui_outline_white_l_3 */ + CssClass dui_outline_white_l_3 = () -> "dui-outline-white-l-3"; - /** Constant dui_fg_white_l_2 */ + CssClass dui_fg_white_l_2 = () -> "dui-fg-white-l-2"; - /** Constant dui_bg_white_l_2 */ + CssClass dui_bg_white_l_2 = () -> "dui-bg-white-l-2"; - /** Constant dui_accent_white_l_2 */ + CssClass dui_accent_white_l_2 = () -> "dui-accent-white-l-2"; - /** Constant dui_shadow_white_l_2 */ + CssClass dui_shadow_white_l_2 = () -> "dui-shadow-white-l-2"; - /** Constant dui_text_decoration_white_l_2 */ + CssClass dui_text_decoration_white_l_2 = () -> "dui-text-decoration-white-l-2"; - /** Constant dui_border_white_l_2 */ + CssClass dui_border_white_l_2 = () -> "dui-border-white-l-2"; - /** Constant dui_border_x_white_l_2 */ + CssClass dui_border_x_white_l_2 = () -> "dui-border-x-white-l-2"; - /** Constant dui_border_y_white_l_2 */ + CssClass dui_border_y_white_l_2 = () -> "dui-border-y-white-l-2"; - /** Constant dui_border_t_white_l_2 */ + CssClass dui_border_t_white_l_2 = () -> "dui-border-t-white-l-2"; - /** Constant dui_border_r_white_l_2 */ + CssClass dui_border_r_white_l_2 = () -> "dui-border-r-white-l-2"; - /** Constant dui_border_b_white_l_2 */ + CssClass dui_border_b_white_l_2 = () -> "dui-border-b-white-l-2"; - /** Constant dui_border_l_white_l_2 */ + CssClass dui_border_l_white_l_2 = () -> "dui-border-l-white-l-2"; - /** Constant dui_divide_white_l_2 */ + CssClass dui_divide_white_l_2 = () -> "dui-divide-white-l-2"; - /** Constant dui_outline_white_l_2 */ + CssClass dui_outline_white_l_2 = () -> "dui-outline-white-l-2"; - /** Constant dui_fg_white_l_1 */ + CssClass dui_fg_white_l_1 = () -> "dui-fg-white-l-1"; - /** Constant dui_bg_white_l_1 */ + CssClass dui_bg_white_l_1 = () -> "dui-bg-white-l-1"; - /** Constant dui_accent_white_l_1 */ + CssClass dui_accent_white_l_1 = () -> "dui-accent-white-l-1"; - /** Constant dui_shadow_white_l_1 */ + CssClass dui_shadow_white_l_1 = () -> "dui-shadow-white-l-1"; - /** Constant dui_text_decoration_white_l_1 */ + CssClass dui_text_decoration_white_l_1 = () -> "dui-text-decoration-white-l-1"; - /** Constant dui_border_white_l_1 */ + CssClass dui_border_white_l_1 = () -> "dui-border-white-l-1"; - /** Constant dui_border_x_white_l_1 */ + CssClass dui_border_x_white_l_1 = () -> "dui-border-x-white-l-1"; - /** Constant dui_border_y_white_l_1 */ + CssClass dui_border_y_white_l_1 = () -> "dui-border-y-white-l-1"; - /** Constant dui_border_t_white_l_1 */ + CssClass dui_border_t_white_l_1 = () -> "dui-border-t-white-l-1"; - /** Constant dui_border_r_white_l_1 */ + CssClass dui_border_r_white_l_1 = () -> "dui-border-r-white-l-1"; - /** Constant dui_border_b_white_l_1 */ + CssClass dui_border_b_white_l_1 = () -> "dui-border-b-white-l-1"; - /** Constant dui_border_l_white_l_1 */ + CssClass dui_border_l_white_l_1 = () -> "dui-border-l-white-l-1"; - /** Constant dui_divide_white_l_1 */ + CssClass dui_divide_white_l_1 = () -> "dui-divide-white-l-1"; - /** Constant dui_outline_white_l_1 */ + CssClass dui_outline_white_l_1 = () -> "dui-outline-white-l-1"; - /** Constant dui_fg_white */ + CssClass dui_fg_white = () -> "dui-fg-white"; - /** Constant dui_bg_white */ + CssClass dui_bg_white = () -> "dui-bg-white"; - /** Constant dui_accent_white */ + CssClass dui_accent_white = () -> "dui-accent-white"; - /** Constant dui_shadow_white */ + CssClass dui_shadow_white = () -> "dui-shadow-white"; - /** Constant dui_text_decoration_white */ + CssClass dui_text_decoration_white = () -> "dui-text-decoration-white"; - /** Constant dui_border_white */ + CssClass dui_border_white = () -> "dui-border-white"; - /** Constant dui_border_x_white */ + CssClass dui_border_x_white = () -> "dui-border-x-white"; - /** Constant dui_border_y_white */ + CssClass dui_border_y_white = () -> "dui-border-y-white"; - /** Constant dui_border_t_white */ + CssClass dui_border_t_white = () -> "dui-border-t-white"; - /** Constant dui_border_r_white */ + CssClass dui_border_r_white = () -> "dui-border-r-white"; - /** Constant dui_border_b_white */ + CssClass dui_border_b_white = () -> "dui-border-b-white"; - /** Constant dui_border_l_white */ + CssClass dui_border_l_white = () -> "dui-border-l-white"; - /** Constant dui_divide_white */ + CssClass dui_divide_white = () -> "dui-divide-white"; - /** Constant dui_outline_white */ + CssClass dui_outline_white = () -> "dui-outline-white"; - /** Constant dui_fg_white_d_1 */ + CssClass dui_fg_white_d_1 = () -> "dui-fg-white-d-1"; - /** Constant dui_bg_white_d_1 */ + CssClass dui_bg_white_d_1 = () -> "dui-bg-white-d-1"; - /** Constant dui_accent_white_d_1 */ + CssClass dui_accent_white_d_1 = () -> "dui-accent-white-d-1"; - /** Constant dui_shadow_white_d_1 */ + CssClass dui_shadow_white_d_1 = () -> "dui-shadow-white-d-1"; - /** Constant dui_text_decoration_white_d_1 */ + CssClass dui_text_decoration_white_d_1 = () -> "dui-text-decoration-white-d-1"; - /** Constant dui_border_white_d_1 */ + CssClass dui_border_white_d_1 = () -> "dui-border-white-d-1"; - /** Constant dui_border_x_white_d_1 */ + CssClass dui_border_x_white_d_1 = () -> "dui-border-x-white-d-1"; - /** Constant dui_border_y_white_d_1 */ + CssClass dui_border_y_white_d_1 = () -> "dui-border-y-white-d-1"; - /** Constant dui_border_t_white_d_1 */ + CssClass dui_border_t_white_d_1 = () -> "dui-border-t-white-d-1"; - /** Constant dui_border_r_white_d_1 */ + CssClass dui_border_r_white_d_1 = () -> "dui-border-r-white-d-1"; - /** Constant dui_border_b_white_d_1 */ + CssClass dui_border_b_white_d_1 = () -> "dui-border-b-white-d-1"; - /** Constant dui_border_l_white_d_1 */ + CssClass dui_border_l_white_d_1 = () -> "dui-border-l-white-d-1"; - /** Constant dui_divide_white_d_1 */ + CssClass dui_divide_white_d_1 = () -> "dui-divide-white-d-1"; - /** Constant dui_outline_white_d_1 */ + CssClass dui_outline_white_d_1 = () -> "dui-outline-white-d-1"; - /** Constant dui_fg_white_d_2 */ + CssClass dui_fg_white_d_2 = () -> "dui-fg-white-d-2"; - /** Constant dui_bg_white_d_2 */ + CssClass dui_bg_white_d_2 = () -> "dui-bg-white-d-2"; - /** Constant dui_accent_white_d_2 */ + CssClass dui_accent_white_d_2 = () -> "dui-accent-white-d-2"; - /** Constant dui_shadow_white_d_2 */ + CssClass dui_shadow_white_d_2 = () -> "dui-shadow-white-d-2"; - /** Constant dui_text_decoration_white_d_2 */ + CssClass dui_text_decoration_white_d_2 = () -> "dui-text-decoration-white-d-2"; - /** Constant dui_border_white_d_2 */ + CssClass dui_border_white_d_2 = () -> "dui-border-white-d-2"; - /** Constant dui_border_x_white_d_2 */ + CssClass dui_border_x_white_d_2 = () -> "dui-border-x-white-d-2"; - /** Constant dui_border_y_white_d_2 */ + CssClass dui_border_y_white_d_2 = () -> "dui-border-y-white-d-2"; - /** Constant dui_border_t_white_d_2 */ + CssClass dui_border_t_white_d_2 = () -> "dui-border-t-white-d-2"; - /** Constant dui_border_r_white_d_2 */ + CssClass dui_border_r_white_d_2 = () -> "dui-border-r-white-d-2"; - /** Constant dui_border_b_white_d_2 */ + CssClass dui_border_b_white_d_2 = () -> "dui-border-b-white-d-2"; - /** Constant dui_border_l_white_d_2 */ + CssClass dui_border_l_white_d_2 = () -> "dui-border-l-white-d-2"; - /** Constant dui_divide_white_d_2 */ + CssClass dui_divide_white_d_2 = () -> "dui-divide-white-d-2"; - /** Constant dui_outline_white_d_2 */ + CssClass dui_outline_white_d_2 = () -> "dui-outline-white-d-2"; - /** Constant dui_fg_white_d_3 */ + CssClass dui_fg_white_d_3 = () -> "dui-fg-white-d-3"; - /** Constant dui_bg_white_d_3 */ + CssClass dui_bg_white_d_3 = () -> "dui-bg-white-d-3"; - /** Constant dui_accent_white_d_3 */ + CssClass dui_accent_white_d_3 = () -> "dui-accent-white-d-3"; - /** Constant dui_shadow_white_d_3 */ + CssClass dui_shadow_white_d_3 = () -> "dui-shadow-white-d-3"; - /** Constant dui_text_decoration_white_d_3 */ + CssClass dui_text_decoration_white_d_3 = () -> "dui-text-decoration-white-d-3"; - /** Constant dui_border_white_d_3 */ + CssClass dui_border_white_d_3 = () -> "dui-border-white-d-3"; - /** Constant dui_border_x_white_d_3 */ + CssClass dui_border_x_white_d_3 = () -> "dui-border-x-white-d-3"; - /** Constant dui_border_y_white_d_3 */ + CssClass dui_border_y_white_d_3 = () -> "dui-border-y-white-d-3"; - /** Constant dui_border_t_white_d_3 */ + CssClass dui_border_t_white_d_3 = () -> "dui-border-t-white-d-3"; - /** Constant dui_border_r_white_d_3 */ + CssClass dui_border_r_white_d_3 = () -> "dui-border-r-white-d-3"; - /** Constant dui_border_b_white_d_3 */ + CssClass dui_border_b_white_d_3 = () -> "dui-border-b-white-d-3"; - /** Constant dui_border_l_white_d_3 */ + CssClass dui_border_l_white_d_3 = () -> "dui-border-l-white-d-3"; - /** Constant dui_divide_white_d_3 */ + CssClass dui_divide_white_d_3 = () -> "dui-divide-white-d-3"; - /** Constant dui_outline_white_d_3 */ + CssClass dui_outline_white_d_3 = () -> "dui-outline-white-d-3"; - /** Constant dui_fg_white_d_4 */ + CssClass dui_fg_white_d_4 = () -> "dui-fg-white-d-4"; - /** Constant dui_bg_white_d_4 */ + CssClass dui_bg_white_d_4 = () -> "dui-bg-white-d-4"; - /** Constant dui_accent_white_d_4 */ + CssClass dui_accent_white_d_4 = () -> "dui-accent-white-d-4"; - /** Constant dui_shadow_white_d_4 */ + CssClass dui_shadow_white_d_4 = () -> "dui-shadow-white-d-4"; - /** Constant dui_text_decoration_white_d_4 */ + CssClass dui_text_decoration_white_d_4 = () -> "dui-text-decoration-white-d-4"; - /** Constant dui_border_white_d_4 */ + CssClass dui_border_white_d_4 = () -> "dui-border-white-d-4"; - /** Constant dui_border_x_white_d_4 */ + CssClass dui_border_x_white_d_4 = () -> "dui-border-x-white-d-4"; - /** Constant dui_border_y_white_d_4 */ + CssClass dui_border_y_white_d_4 = () -> "dui-border-y-white-d-4"; - /** Constant dui_border_t_white_d_4 */ + CssClass dui_border_t_white_d_4 = () -> "dui-border-t-white-d-4"; - /** Constant dui_border_r_white_d_4 */ + CssClass dui_border_r_white_d_4 = () -> "dui-border-r-white-d-4"; - /** Constant dui_border_b_white_d_4 */ + CssClass dui_border_b_white_d_4 = () -> "dui-border-b-white-d-4"; - /** Constant dui_border_l_white_d_4 */ + CssClass dui_border_l_white_d_4 = () -> "dui-border-l-white-d-4"; - /** Constant dui_divide_white_d_4 */ + CssClass dui_divide_white_d_4 = () -> "dui-divide-white-d-4"; - /** Constant dui_outline_white_d_4 */ + CssClass dui_outline_white_d_4 = () -> "dui-outline-white-d-4"; - /** Constant dui_fg_black_l_5 */ + CssClass dui_fg_black_l_5 = () -> "dui-fg-black-l-5"; - /** Constant dui_bg_black_l_5 */ + CssClass dui_bg_black_l_5 = () -> "dui-bg-black-l-5"; - /** Constant dui_accent_black_l_5 */ + CssClass dui_accent_black_l_5 = () -> "dui-accent-black-l-5"; - /** Constant dui_shadow_black_l_5 */ + CssClass dui_shadow_black_l_5 = () -> "dui-shadow-black-l-5"; - /** Constant dui_text_decoration_black_l_5 */ + CssClass dui_text_decoration_black_l_5 = () -> "dui-text-decoration-black-l-5"; - /** Constant dui_border_black_l_5 */ + CssClass dui_border_black_l_5 = () -> "dui-border-black-l-5"; - /** Constant dui_border_x_black_l_5 */ + CssClass dui_border_x_black_l_5 = () -> "dui-border-x-black-l-5"; - /** Constant dui_border_y_black_l_5 */ + CssClass dui_border_y_black_l_5 = () -> "dui-border-y-black-l-5"; - /** Constant dui_border_t_black_l_5 */ + CssClass dui_border_t_black_l_5 = () -> "dui-border-t-black-l-5"; - /** Constant dui_border_r_black_l_5 */ + CssClass dui_border_r_black_l_5 = () -> "dui-border-r-black-l-5"; - /** Constant dui_border_b_black_l_5 */ + CssClass dui_border_b_black_l_5 = () -> "dui-border-b-black-l-5"; - /** Constant dui_border_l_black_l_5 */ + CssClass dui_border_l_black_l_5 = () -> "dui-border-l-black-l-5"; - /** Constant dui_divide_black_l_5 */ + CssClass dui_divide_black_l_5 = () -> "dui-divide-black-l-5"; - /** Constant dui_outline_black_l_5 */ + CssClass dui_outline_black_l_5 = () -> "dui-outline-black-l-5"; - /** Constant dui_fg_black_l_4 */ + CssClass dui_fg_black_l_4 = () -> "dui-fg-black-l-4"; - /** Constant dui_bg_black_l_4 */ + CssClass dui_bg_black_l_4 = () -> "dui-bg-black-l-4"; - /** Constant dui_accent_black_l_4 */ + CssClass dui_accent_black_l_4 = () -> "dui-accent-black-l-4"; - /** Constant dui_shadow_black_l_4 */ + CssClass dui_shadow_black_l_4 = () -> "dui-shadow-black-l-4"; - /** Constant dui_text_decoration_black_l_4 */ + CssClass dui_text_decoration_black_l_4 = () -> "dui-text-decoration-black-l-4"; - /** Constant dui_border_black_l_4 */ + CssClass dui_border_black_l_4 = () -> "dui-border-black-l-4"; - /** Constant dui_border_x_black_l_4 */ + CssClass dui_border_x_black_l_4 = () -> "dui-border-x-black-l-4"; - /** Constant dui_border_y_black_l_4 */ + CssClass dui_border_y_black_l_4 = () -> "dui-border-y-black-l-4"; - /** Constant dui_border_t_black_l_4 */ + CssClass dui_border_t_black_l_4 = () -> "dui-border-t-black-l-4"; - /** Constant dui_border_r_black_l_4 */ + CssClass dui_border_r_black_l_4 = () -> "dui-border-r-black-l-4"; - /** Constant dui_border_b_black_l_4 */ + CssClass dui_border_b_black_l_4 = () -> "dui-border-b-black-l-4"; - /** Constant dui_border_l_black_l_4 */ + CssClass dui_border_l_black_l_4 = () -> "dui-border-l-black-l-4"; - /** Constant dui_divide_black_l_4 */ + CssClass dui_divide_black_l_4 = () -> "dui-divide-black-l-4"; - /** Constant dui_outline_black_l_4 */ + CssClass dui_outline_black_l_4 = () -> "dui-outline-black-l-4"; - /** Constant dui_fg_black_l_3 */ + CssClass dui_fg_black_l_3 = () -> "dui-fg-black-l-3"; - /** Constant dui_bg_black_l_3 */ + CssClass dui_bg_black_l_3 = () -> "dui-bg-black-l-3"; - /** Constant dui_accent_black_l_3 */ + CssClass dui_accent_black_l_3 = () -> "dui-accent-black-l-3"; - /** Constant dui_shadow_black_l_3 */ + CssClass dui_shadow_black_l_3 = () -> "dui-shadow-black-l-3"; - /** Constant dui_text_decoration_black_l_3 */ + CssClass dui_text_decoration_black_l_3 = () -> "dui-text-decoration-black-l-3"; - /** Constant dui_border_black_l_3 */ + CssClass dui_border_black_l_3 = () -> "dui-border-black-l-3"; - /** Constant dui_border_x_black_l_3 */ + CssClass dui_border_x_black_l_3 = () -> "dui-border-x-black-l-3"; - /** Constant dui_border_y_black_l_3 */ + CssClass dui_border_y_black_l_3 = () -> "dui-border-y-black-l-3"; - /** Constant dui_border_t_black_l_3 */ + CssClass dui_border_t_black_l_3 = () -> "dui-border-t-black-l-3"; - /** Constant dui_border_r_black_l_3 */ + CssClass dui_border_r_black_l_3 = () -> "dui-border-r-black-l-3"; - /** Constant dui_border_b_black_l_3 */ + CssClass dui_border_b_black_l_3 = () -> "dui-border-b-black-l-3"; - /** Constant dui_border_l_black_l_3 */ + CssClass dui_border_l_black_l_3 = () -> "dui-border-l-black-l-3"; - /** Constant dui_divide_black_l_3 */ + CssClass dui_divide_black_l_3 = () -> "dui-divide-black-l-3"; - /** Constant dui_outline_black_l_3 */ + CssClass dui_outline_black_l_3 = () -> "dui-outline-black-l-3"; - /** Constant dui_fg_black_l_2 */ + CssClass dui_fg_black_l_2 = () -> "dui-fg-black-l-2"; - /** Constant dui_bg_black_l_2 */ + CssClass dui_bg_black_l_2 = () -> "dui-bg-black-l-2"; - /** Constant dui_accent_black_l_2 */ + CssClass dui_accent_black_l_2 = () -> "dui-accent-black-l-2"; - /** Constant dui_shadow_black_l_2 */ + CssClass dui_shadow_black_l_2 = () -> "dui-shadow-black-l-2"; - /** Constant dui_text_decoration_black_l_2 */ + CssClass dui_text_decoration_black_l_2 = () -> "dui-text-decoration-black-l-2"; - /** Constant dui_border_black_l_2 */ + CssClass dui_border_black_l_2 = () -> "dui-border-black-l-2"; - /** Constant dui_border_x_black_l_2 */ + CssClass dui_border_x_black_l_2 = () -> "dui-border-x-black-l-2"; - /** Constant dui_border_y_black_l_2 */ + CssClass dui_border_y_black_l_2 = () -> "dui-border-y-black-l-2"; - /** Constant dui_border_t_black_l_2 */ + CssClass dui_border_t_black_l_2 = () -> "dui-border-t-black-l-2"; - /** Constant dui_border_r_black_l_2 */ + CssClass dui_border_r_black_l_2 = () -> "dui-border-r-black-l-2"; - /** Constant dui_border_b_black_l_2 */ + CssClass dui_border_b_black_l_2 = () -> "dui-border-b-black-l-2"; - /** Constant dui_border_l_black_l_2 */ + CssClass dui_border_l_black_l_2 = () -> "dui-border-l-black-l-2"; - /** Constant dui_divide_black_l_2 */ + CssClass dui_divide_black_l_2 = () -> "dui-divide-black-l-2"; - /** Constant dui_outline_black_l_2 */ + CssClass dui_outline_black_l_2 = () -> "dui-outline-black-l-2"; - /** Constant dui_fg_black_l_1 */ + CssClass dui_fg_black_l_1 = () -> "dui-fg-black-l-1"; - /** Constant dui_bg_black_l_1 */ + CssClass dui_bg_black_l_1 = () -> "dui-bg-black-l-1"; - /** Constant dui_accent_black_l_1 */ + CssClass dui_accent_black_l_1 = () -> "dui-accent-black-l-1"; - /** Constant dui_shadow_black_l_1 */ + CssClass dui_shadow_black_l_1 = () -> "dui-shadow-black-l-1"; - /** Constant dui_text_decoration_black_l_1 */ + CssClass dui_text_decoration_black_l_1 = () -> "dui-text-decoration-black-l-1"; - /** Constant dui_border_black_l_1 */ + CssClass dui_border_black_l_1 = () -> "dui-border-black-l-1"; - /** Constant dui_border_x_black_l_1 */ + CssClass dui_border_x_black_l_1 = () -> "dui-border-x-black-l-1"; - /** Constant dui_border_y_black_l_1 */ + CssClass dui_border_y_black_l_1 = () -> "dui-border-y-black-l-1"; - /** Constant dui_border_t_black_l_1 */ + CssClass dui_border_t_black_l_1 = () -> "dui-border-t-black-l-1"; - /** Constant dui_border_r_black_l_1 */ + CssClass dui_border_r_black_l_1 = () -> "dui-border-r-black-l-1"; - /** Constant dui_border_b_black_l_1 */ + CssClass dui_border_b_black_l_1 = () -> "dui-border-b-black-l-1"; - /** Constant dui_border_l_black_l_1 */ + CssClass dui_border_l_black_l_1 = () -> "dui-border-l-black-l-1"; - /** Constant dui_divide_black_l_1 */ + CssClass dui_divide_black_l_1 = () -> "dui-divide-black-l-1"; - /** Constant dui_outline_black_l_1 */ + CssClass dui_outline_black_l_1 = () -> "dui-outline-black-l-1"; - /** Constant dui_fg_black */ + CssClass dui_fg_black = () -> "dui-fg-black"; - /** Constant dui_bg_black */ + CssClass dui_bg_black = () -> "dui-bg-black"; - /** Constant dui_accent_black */ + CssClass dui_accent_black = () -> "dui-accent-black"; - /** Constant dui_shadow_black */ + CssClass dui_shadow_black = () -> "dui-shadow-black"; - /** Constant dui_text_decoration_black */ + CssClass dui_text_decoration_black = () -> "dui-text-decoration-black"; - /** Constant dui_border_black */ + CssClass dui_border_black = () -> "dui-border-black"; - /** Constant dui_border_x_black */ + CssClass dui_border_x_black = () -> "dui-border-x-black"; - /** Constant dui_border_y_black */ + CssClass dui_border_y_black = () -> "dui-border-y-black"; - /** Constant dui_border_t_black */ + CssClass dui_border_t_black = () -> "dui-border-t-black"; - /** Constant dui_border_r_black */ + CssClass dui_border_r_black = () -> "dui-border-r-black"; - /** Constant dui_border_b_black */ + CssClass dui_border_b_black = () -> "dui-border-b-black"; - /** Constant dui_border_l_black */ + CssClass dui_border_l_black = () -> "dui-border-l-black"; - /** Constant dui_divide_black */ + CssClass dui_divide_black = () -> "dui-divide-black"; - /** Constant dui_outline_black */ + CssClass dui_outline_black = () -> "dui-outline-black"; - /** Constant dui_fg_black_d_1 */ + CssClass dui_fg_black_d_1 = () -> "dui-fg-black-d-1"; - /** Constant dui_bg_black_d_1 */ + CssClass dui_bg_black_d_1 = () -> "dui-bg-black-d-1"; - /** Constant dui_accent_black_d_1 */ + CssClass dui_accent_black_d_1 = () -> "dui-accent-black-d-1"; - /** Constant dui_shadow_black_d_1 */ + CssClass dui_shadow_black_d_1 = () -> "dui-shadow-black-d-1"; - /** Constant dui_text_decoration_black_d_1 */ + CssClass dui_text_decoration_black_d_1 = () -> "dui-text-decoration-black-d-1"; - /** Constant dui_border_black_d_1 */ + CssClass dui_border_black_d_1 = () -> "dui-border-black-d-1"; - /** Constant dui_border_x_black_d_1 */ + CssClass dui_border_x_black_d_1 = () -> "dui-border-x-black-d-1"; - /** Constant dui_border_y_black_d_1 */ + CssClass dui_border_y_black_d_1 = () -> "dui-border-y-black-d-1"; - /** Constant dui_border_t_black_d_1 */ + CssClass dui_border_t_black_d_1 = () -> "dui-border-t-black-d-1"; - /** Constant dui_border_r_black_d_1 */ + CssClass dui_border_r_black_d_1 = () -> "dui-border-r-black-d-1"; - /** Constant dui_border_b_black_d_1 */ + CssClass dui_border_b_black_d_1 = () -> "dui-border-b-black-d-1"; - /** Constant dui_border_l_black_d_1 */ + CssClass dui_border_l_black_d_1 = () -> "dui-border-l-black-d-1"; - /** Constant dui_divide_black_d_1 */ + CssClass dui_divide_black_d_1 = () -> "dui-divide-black-d-1"; - /** Constant dui_outline_black_d_1 */ + CssClass dui_outline_black_d_1 = () -> "dui-outline-black-d-1"; - /** Constant dui_fg_black_d_2 */ + CssClass dui_fg_black_d_2 = () -> "dui-fg-black-d-2"; - /** Constant dui_bg_black_d_2 */ + CssClass dui_bg_black_d_2 = () -> "dui-bg-black-d-2"; - /** Constant dui_accent_black_d_2 */ + CssClass dui_accent_black_d_2 = () -> "dui-accent-black-d-2"; - /** Constant dui_shadow_black_d_2 */ + CssClass dui_shadow_black_d_2 = () -> "dui-shadow-black-d-2"; - /** Constant dui_text_decoration_black_d_2 */ + CssClass dui_text_decoration_black_d_2 = () -> "dui-text-decoration-black-d-2"; - /** Constant dui_border_black_d_2 */ + CssClass dui_border_black_d_2 = () -> "dui-border-black-d-2"; - /** Constant dui_border_x_black_d_2 */ + CssClass dui_border_x_black_d_2 = () -> "dui-border-x-black-d-2"; - /** Constant dui_border_y_black_d_2 */ + CssClass dui_border_y_black_d_2 = () -> "dui-border-y-black-d-2"; - /** Constant dui_border_t_black_d_2 */ + CssClass dui_border_t_black_d_2 = () -> "dui-border-t-black-d-2"; - /** Constant dui_border_r_black_d_2 */ + CssClass dui_border_r_black_d_2 = () -> "dui-border-r-black-d-2"; - /** Constant dui_border_b_black_d_2 */ + CssClass dui_border_b_black_d_2 = () -> "dui-border-b-black-d-2"; - /** Constant dui_border_l_black_d_2 */ + CssClass dui_border_l_black_d_2 = () -> "dui-border-l-black-d-2"; - /** Constant dui_divide_black_d_2 */ + CssClass dui_divide_black_d_2 = () -> "dui-divide-black-d-2"; - /** Constant dui_outline_black_d_2 */ + CssClass dui_outline_black_d_2 = () -> "dui-outline-black-d-2"; - /** Constant dui_fg_black_d_3 */ + CssClass dui_fg_black_d_3 = () -> "dui-fg-black-d-3"; - /** Constant dui_bg_black_d_3 */ + CssClass dui_bg_black_d_3 = () -> "dui-bg-black-d-3"; - /** Constant dui_accent_black_d_3 */ + CssClass dui_accent_black_d_3 = () -> "dui-accent-black-d-3"; - /** Constant dui_shadow_black_d_3 */ + CssClass dui_shadow_black_d_3 = () -> "dui-shadow-black-d-3"; - /** Constant dui_text_decoration_black_d_3 */ + CssClass dui_text_decoration_black_d_3 = () -> "dui-text-decoration-black-d-3"; - /** Constant dui_border_black_d_3 */ + CssClass dui_border_black_d_3 = () -> "dui-border-black-d-3"; - /** Constant dui_border_x_black_d_3 */ + CssClass dui_border_x_black_d_3 = () -> "dui-border-x-black-d-3"; - /** Constant dui_border_y_black_d_3 */ + CssClass dui_border_y_black_d_3 = () -> "dui-border-y-black-d-3"; - /** Constant dui_border_t_black_d_3 */ + CssClass dui_border_t_black_d_3 = () -> "dui-border-t-black-d-3"; - /** Constant dui_border_r_black_d_3 */ + CssClass dui_border_r_black_d_3 = () -> "dui-border-r-black-d-3"; - /** Constant dui_border_b_black_d_3 */ + CssClass dui_border_b_black_d_3 = () -> "dui-border-b-black-d-3"; - /** Constant dui_border_l_black_d_3 */ + CssClass dui_border_l_black_d_3 = () -> "dui-border-l-black-d-3"; - /** Constant dui_divide_black_d_3 */ + CssClass dui_divide_black_d_3 = () -> "dui-divide-black-d-3"; - /** Constant dui_outline_black_d_3 */ + CssClass dui_outline_black_d_3 = () -> "dui-outline-black-d-3"; - /** Constant dui_fg_black_d_4 */ + CssClass dui_fg_black_d_4 = () -> "dui-fg-black-d-4"; - /** Constant dui_bg_black_d_4 */ + CssClass dui_bg_black_d_4 = () -> "dui-bg-black-d-4"; - /** Constant dui_accent_black_d_4 */ + CssClass dui_accent_black_d_4 = () -> "dui-accent-black-d-4"; - /** Constant dui_shadow_black_d_4 */ + CssClass dui_shadow_black_d_4 = () -> "dui-shadow-black-d-4"; - /** Constant dui_text_decoration_black_d_4 */ + CssClass dui_text_decoration_black_d_4 = () -> "dui-text-decoration-black-d-4"; - /** Constant dui_border_black_d_4 */ + CssClass dui_border_black_d_4 = () -> "dui-border-black-d-4"; - /** Constant dui_border_x_black_d_4 */ + CssClass dui_border_x_black_d_4 = () -> "dui-border-x-black-d-4"; - /** Constant dui_border_y_black_d_4 */ + CssClass dui_border_y_black_d_4 = () -> "dui-border-y-black-d-4"; - /** Constant dui_border_t_black_d_4 */ + CssClass dui_border_t_black_d_4 = () -> "dui-border-t-black-d-4"; - /** Constant dui_border_r_black_d_4 */ + CssClass dui_border_r_black_d_4 = () -> "dui-border-r-black-d-4"; - /** Constant dui_border_b_black_d_4 */ + CssClass dui_border_b_black_d_4 = () -> "dui-border-b-black-d-4"; - /** Constant dui_border_l_black_d_4 */ + CssClass dui_border_l_black_d_4 = () -> "dui-border-l-black-d-4"; - /** Constant dui_divide_black_d_4 */ + CssClass dui_divide_black_d_4 = () -> "dui-divide-black-d-4"; - /** Constant dui_outline_black_d_4 */ + CssClass dui_outline_black_d_4 = () -> "dui-outline-black-d-4"; - /** Constant dui_fg_inherit */ + CssClass dui_fg_inherit = () -> "dui-fg-inherit"; - /** Constant dui_bg_inherit */ + CssClass dui_bg_inherit = () -> "dui-bg-inherit"; - /** Constant dui_accent_inherit */ + CssClass dui_accent_inherit = () -> "dui-accent-inherit"; - /** Constant dui_shadow_inherit */ + CssClass dui_shadow_inherit = () -> "dui-shadow-inherit"; - /** Constant dui_text_decoration_inherit */ + CssClass dui_text_decoration_inherit = () -> "dui-text-decoration-inherit"; - /** Constant dui_border_inherit */ + CssClass dui_border_inherit = () -> "dui-border-inherit"; - /** Constant dui_border_x_inherit */ + CssClass dui_border_x_inherit = () -> "dui-border-x-inherit"; - /** Constant dui_border_y_inherit */ + CssClass dui_border_y_inherit = () -> "dui-border-y-inherit"; - /** Constant dui_border_t_inherit */ + CssClass dui_border_t_inherit = () -> "dui-border-t-inherit"; - /** Constant dui_border_r_inherit */ + CssClass dui_border_r_inherit = () -> "dui-border-r-inherit"; - /** Constant dui_border_b_inherit */ + CssClass dui_border_b_inherit = () -> "dui-border-b-inherit"; - /** Constant dui_border_l_inherit */ + CssClass dui_border_l_inherit = () -> "dui-border-l-inherit"; - /** Constant dui_divide_inherit */ + CssClass dui_divide_inherit = () -> "dui-divide-inherit"; - /** Constant dui_outline_inherit */ + CssClass dui_outline_inherit = () -> "dui-outline-inherit"; - /** Constant dui_fg_current */ + CssClass dui_fg_current = () -> "dui-fg-current"; - /** Constant dui_bg_current */ + CssClass dui_bg_current = () -> "dui-bg-current"; - /** Constant dui_accent_current */ + CssClass dui_accent_current = () -> "dui-accent-current"; - /** Constant dui_shadow_current */ + CssClass dui_shadow_current = () -> "dui-shadow-current"; - /** Constant dui_text_decoration_current */ + CssClass dui_text_decoration_current = () -> "dui-text-decoration-current"; - /** Constant dui_border_current */ + CssClass dui_border_current = () -> "dui-border-current"; - /** Constant dui_border_x_current */ + CssClass dui_border_x_current = () -> "dui-border-x-current"; - /** Constant dui_border_y_current */ + CssClass dui_border_y_current = () -> "dui-border-y-current"; - /** Constant dui_border_t_current */ + CssClass dui_border_t_current = () -> "dui-border-t-current"; - /** Constant dui_border_r_current */ + CssClass dui_border_r_current = () -> "dui-border-r-current"; - /** Constant dui_border_b_current */ + CssClass dui_border_b_current = () -> "dui-border-b-current"; - /** Constant dui_border_l_current */ + CssClass dui_border_l_current = () -> "dui-border-l-current"; - /** Constant dui_divide_current */ + CssClass dui_divide_current = () -> "dui-divide-current"; - /** Constant dui_outline_current */ + CssClass dui_outline_current = () -> "dui-outline-current"; - /** Constant dui_fg_transparent */ + CssClass dui_fg_transparent = () -> "dui-fg-transparent"; - /** Constant dui_bg_transparent */ + CssClass dui_bg_transparent = () -> "dui-bg-transparent"; - /** Constant dui_bg_transparent_l_1 */ + CssClass dui_bg_transparent_l_1 = () -> "dui-bg-transparent-l-1"; - /** Constant dui_bg_transparent_l_2 */ + CssClass dui_bg_transparent_l_2 = () -> "dui-bg-transparent-l-2"; - /** Constant dui_bg_transparent_l_3 */ + CssClass dui_bg_transparent_l_3 = () -> "dui-bg-transparent-l-3"; - /** Constant dui_bg_transparent_l_4 */ + CssClass dui_bg_transparent_l_4 = () -> "dui-bg-transparent-l-4"; - /** Constant dui_bg_transparent_l_5 */ + CssClass dui_bg_transparent_l_5 = () -> "dui-bg-transparent-l-5"; - /** Constant dui_bg_transparent_d_1 */ + CssClass dui_bg_transparent_d_1 = () -> "dui-bg-transparent-d-1"; - /** Constant dui_bg_transparent_d_2 */ + CssClass dui_bg_transparent_d_2 = () -> "dui-bg-transparent-d-2"; - /** Constant dui_bg_transparent_d_3 */ + CssClass dui_bg_transparent_d_3 = () -> "dui-bg-transparent-d-3"; - /** Constant dui_bg_transparent_d_4 */ + CssClass dui_bg_transparent_d_4 = () -> "dui-bg-transparent-d-4"; - /** Constant dui_fg_transparent_l_1 */ CssClass dui_fg_transparent_l_1 = () -> "dui-fg-transparent-l-1"; - /** Constant dui_fg_transparent_l_2 */ + CssClass dui_fg_transparent_l_2 = () -> "dui-fg-transparent-l-2"; - /** Constant dui_fg_transparent_l_3 */ + CssClass dui_fg_transparent_l_3 = () -> "dui-fg-transparent-l-3"; - /** Constant dui_fg_transparent_l_4 */ + CssClass dui_fg_transparent_l_4 = () -> "dui-fg-transparent-l-4"; - /** Constant dui_fg_transparent_l_5 */ + CssClass dui_fg_transparent_l_5 = () -> "dui-fg-transparent-l-5"; - /** Constant dui_fg_transparent_d_1 */ + CssClass dui_fg_transparent_d_1 = () -> "dui-fg-transparent-d-1"; - /** Constant dui_fg_transparent_d_2 */ + CssClass dui_fg_transparent_d_2 = () -> "dui-fg-transparent-d-2"; - /** Constant dui_fg_transparent_d_3 */ + CssClass dui_fg_transparent_d_3 = () -> "dui-fg-transparent-d-3"; - /** Constant dui_fg_transparent_d_4 */ + CssClass dui_fg_transparent_d_4 = () -> "dui-fg-transparent-d-4"; - /** Constant dui_accent_transparent */ CssClass dui_accent_transparent = () -> "dui-accent-transparent"; - /** Constant dui_shadow_transparent */ + CssClass dui_shadow_transparent = () -> "dui-shadow-transparent"; - /** Constant dui_text_decoration_transparent */ + CssClass dui_text_decoration_transparent = () -> "dui-text-decoration-transparent"; - /** Constant dui_border_transparent */ + CssClass dui_border_transparent = () -> "dui-border-transparent"; - /** Constant dui_border_x_transparent */ + CssClass dui_border_x_transparent = () -> "dui-border-x-transparent"; - /** Constant dui_border_y_transparent */ + CssClass dui_border_y_transparent = () -> "dui-border-y-transparent"; - /** Constant dui_border_t_transparent */ + CssClass dui_border_t_transparent = () -> "dui-border-t-transparent"; - /** Constant dui_border_r_transparent */ + CssClass dui_border_r_transparent = () -> "dui-border-r-transparent"; - /** Constant dui_border_b_transparent */ + CssClass dui_border_b_transparent = () -> "dui-border-b-transparent"; - /** Constant dui_border_l_transparent */ + CssClass dui_border_l_transparent = () -> "dui-border-l-transparent"; - /** Constant dui_divide_transparent */ + CssClass dui_divide_transparent = () -> "dui-divide-transparent"; - /** Constant dui_outline_transparent */ + CssClass dui_outline_transparent = () -> "dui-outline-transparent"; - /** Constant dui_color_dominant_l_5 */ CssClass dui_color_dominant_l_5 = () -> "dui-color-dominant-l-5"; - /** Constant dui_color_dominant_l_4 */ + CssClass dui_color_dominant_l_4 = () -> "dui-color-dominant-l-4"; - /** Constant dui_color_dominant_l_3 */ + CssClass dui_color_dominant_l_3 = () -> "dui-color-dominant-l-3"; - /** Constant dui_color_dominant_l_2 */ + CssClass dui_color_dominant_l_2 = () -> "dui-color-dominant-l-2"; - /** Constant dui_color_dominant_l_1 */ + CssClass dui_color_dominant_l_1 = () -> "dui-color-dominant-l-1"; - /** Constant dui_color_dominant */ + CssClass dui_color_dominant = () -> "dui-color-dominant"; - /** Constant dui_color_dominant_d_1 */ + CssClass dui_color_dominant_d_1 = () -> "dui-color-dominant-d-1"; - /** Constant dui_color_dominant_d_2 */ + CssClass dui_color_dominant_d_2 = () -> "dui-color-dominant-d-2"; - /** Constant dui_color_dominant_d_3 */ + CssClass dui_color_dominant_d_3 = () -> "dui-color-dominant-d-3"; - /** Constant dui_color_dominant_d_4 */ + CssClass dui_color_dominant_d_4 = () -> "dui-color-dominant-d-4"; - /** Constant dui_color_accent_l_5 */ + CssClass dui_color_accent_l_5 = () -> "dui-color-accent-l-5"; - /** Constant dui_color_accent_l_4 */ + CssClass dui_color_accent_l_4 = () -> "dui-color-accent-l-4"; - /** Constant dui_color_accent_l_3 */ + CssClass dui_color_accent_l_3 = () -> "dui-color-accent-l-3"; - /** Constant dui_color_accent_l_2 */ + CssClass dui_color_accent_l_2 = () -> "dui-color-accent-l-2"; - /** Constant dui_color_accent_l_1 */ + CssClass dui_color_accent_l_1 = () -> "dui-color-accent-l-1"; - /** Constant dui_color_accent */ + CssClass dui_color_accent = () -> "dui-color-accent"; - /** Constant dui_color_accent_d_1 */ + CssClass dui_color_accent_d_1 = () -> "dui-color-accent-d-1"; - /** Constant dui_color_accent_d_2 */ + CssClass dui_color_accent_d_2 = () -> "dui-color-accent-d-2"; - /** Constant dui_color_accent_d_3 */ + CssClass dui_color_accent_d_3 = () -> "dui-color-accent-d-3"; - /** Constant dui_color_accent_d_4 */ + CssClass dui_color_accent_d_4 = () -> "dui-color-accent-d-4"; - /** Constant dui_color_primary_l_5 */ + CssClass dui_color_primary_l_5 = () -> "dui-color-primary-l-5"; - /** Constant dui_color_primary_l_4 */ + CssClass dui_color_primary_l_4 = () -> "dui-color-primary-l-4"; - /** Constant dui_color_primary_l_3 */ + CssClass dui_color_primary_l_3 = () -> "dui-color-primary-l-3"; - /** Constant dui_color_primary_l_2 */ + CssClass dui_color_primary_l_2 = () -> "dui-color-primary-l-2"; - /** Constant dui_color_primary_l_1 */ + CssClass dui_color_primary_l_1 = () -> "dui-color-primary-l-1"; - /** Constant dui_color_primary */ + CssClass dui_color_primary = () -> "dui-color-primary"; - /** Constant dui_color_primary_d_1 */ + CssClass dui_color_primary_d_1 = () -> "dui-color-primary-d-1"; - /** Constant dui_color_primary_d_2 */ + CssClass dui_color_primary_d_2 = () -> "dui-color-primary-d-2"; - /** Constant dui_color_primary_d_3 */ + CssClass dui_color_primary_d_3 = () -> "dui-color-primary-d-3"; - /** Constant dui_color_primary_d_4 */ + CssClass dui_color_primary_d_4 = () -> "dui-color-primary-d-4"; - /** Constant dui_color_secondary_l_5 */ + CssClass dui_color_secondary_l_5 = () -> "dui-color-secondary-l-5"; - /** Constant dui_color_secondary_l_4 */ + CssClass dui_color_secondary_l_4 = () -> "dui-color-secondary-l-4"; - /** Constant dui_color_secondary_l_3 */ + CssClass dui_color_secondary_l_3 = () -> "dui-color-secondary-l-3"; - /** Constant dui_color_secondary_l_2 */ + CssClass dui_color_secondary_l_2 = () -> "dui-color-secondary-l-2"; - /** Constant dui_color_secondary_l_1 */ + CssClass dui_color_secondary_l_1 = () -> "dui-color-secondary-l-1"; - /** Constant dui_color_secondary */ + CssClass dui_color_secondary = () -> "dui-color-secondary"; - /** Constant dui_color_secondary_d_1 */ + CssClass dui_color_secondary_d_1 = () -> "dui-color-secondary-d-1"; - /** Constant dui_color_secondary_d_2 */ + CssClass dui_color_secondary_d_2 = () -> "dui-color-secondary-d-2"; - /** Constant dui_color_secondary_d_3 */ + CssClass dui_color_secondary_d_3 = () -> "dui-color-secondary-d-3"; - /** Constant dui_color_secondary_d_4 */ + CssClass dui_color_secondary_d_4 = () -> "dui-color-secondary-d-4"; - /** Constant dui_color_success_l_5 */ + CssClass dui_color_success_l_5 = () -> "dui-color-success-l-5"; - /** Constant dui_color_success_l_4 */ + CssClass dui_color_success_l_4 = () -> "dui-color-success-l-4"; - /** Constant dui_color_success_l_3 */ + CssClass dui_color_success_l_3 = () -> "dui-color-success-l-3"; - /** Constant dui_color_success_l_2 */ + CssClass dui_color_success_l_2 = () -> "dui-color-success-l-2"; - /** Constant dui_color_success_l_1 */ + CssClass dui_color_success_l_1 = () -> "dui-color-success-l-1"; - /** Constant dui_color_success */ + CssClass dui_color_success = () -> "dui-color-success"; - /** Constant dui_color_success_d_1 */ + CssClass dui_color_success_d_1 = () -> "dui-color-success-d-1"; - /** Constant dui_color_success_d_2 */ + CssClass dui_color_success_d_2 = () -> "dui-color-success-d-2"; - /** Constant dui_color_success_d_3 */ + CssClass dui_color_success_d_3 = () -> "dui-color-success-d-3"; - /** Constant dui_color_success_d_4 */ + CssClass dui_color_success_d_4 = () -> "dui-color-success-d-4"; - /** Constant dui_color_warning_l_5 */ + CssClass dui_color_warning_l_5 = () -> "dui-color-warning-l-5"; - /** Constant dui_color_warning_l_4 */ + CssClass dui_color_warning_l_4 = () -> "dui-color-warning-l-4"; - /** Constant dui_color_warning_l_3 */ + CssClass dui_color_warning_l_3 = () -> "dui-color-warning-l-3"; - /** Constant dui_color_warning_l_2 */ + CssClass dui_color_warning_l_2 = () -> "dui-color-warning-l-2"; - /** Constant dui_color_warning_l_1 */ + CssClass dui_color_warning_l_1 = () -> "dui-color-warning-l-1"; - /** Constant dui_color_warning */ + CssClass dui_color_warning = () -> "dui-color-warning"; - /** Constant dui_color_warning_d_1 */ + CssClass dui_color_warning_d_1 = () -> "dui-color-warning-d-1"; - /** Constant dui_color_warning_d_2 */ + CssClass dui_color_warning_d_2 = () -> "dui-color-warning-d-2"; - /** Constant dui_color_warning_d_3 */ + CssClass dui_color_warning_d_3 = () -> "dui-color-warning-d-3"; - /** Constant dui_color_warning_d_4 */ + CssClass dui_color_warning_d_4 = () -> "dui-color-warning-d-4"; - /** Constant dui_color_info_l_5 */ + CssClass dui_color_info_l_5 = () -> "dui-color-info-l-5"; - /** Constant dui_color_info_l_4 */ + CssClass dui_color_info_l_4 = () -> "dui-color-info-l-4"; - /** Constant dui_color_info_l_3 */ + CssClass dui_color_info_l_3 = () -> "dui-color-info-l-3"; - /** Constant dui_color_info_l_2 */ + CssClass dui_color_info_l_2 = () -> "dui-color-info-l-2"; - /** Constant dui_color_info_l_1 */ + CssClass dui_color_info_l_1 = () -> "dui-color-info-l-1"; - /** Constant dui_color_info */ + CssClass dui_color_info = () -> "dui-color-info"; - /** Constant dui_color_info_d_1 */ + CssClass dui_color_info_d_1 = () -> "dui-color-info-d-1"; - /** Constant dui_color_info_d_2 */ + CssClass dui_color_info_d_2 = () -> "dui-color-info-d-2"; - /** Constant dui_color_info_d_3 */ + CssClass dui_color_info_d_3 = () -> "dui-color-info-d-3"; - /** Constant dui_color_info_d_4 */ + CssClass dui_color_info_d_4 = () -> "dui-color-info-d-4"; - /** Constant dui_color_error_l_5 */ + CssClass dui_color_error_l_5 = () -> "dui-color-error-l-5"; - /** Constant dui_color_error_l_4 */ + CssClass dui_color_error_l_4 = () -> "dui-color-error-l-4"; - /** Constant dui_color_error_l_3 */ + CssClass dui_color_error_l_3 = () -> "dui-color-error-l-3"; - /** Constant dui_color_error_l_2 */ + CssClass dui_color_error_l_2 = () -> "dui-color-error-l-2"; - /** Constant dui_color_error_l_1 */ + CssClass dui_color_error_l_1 = () -> "dui-color-error-l-1"; - /** Constant dui_color_error */ + CssClass dui_color_error = () -> "dui-color-error"; - /** Constant dui_color_error_d_1 */ + CssClass dui_color_error_d_1 = () -> "dui-color-error-d-1"; - /** Constant dui_color_error_d_2 */ + CssClass dui_color_error_d_2 = () -> "dui-color-error-d-2"; - /** Constant dui_color_error_d_3 */ + CssClass dui_color_error_d_3 = () -> "dui-color-error-d-3"; - /** Constant dui_color_error_d_4 */ + CssClass dui_color_error_d_4 = () -> "dui-color-error-d-4"; - /** Constant dui_color_red_l_5 */ + CssClass dui_color_red_l_5 = () -> "dui-color-red-l-5"; - /** Constant dui_color_red_l_4 */ + CssClass dui_color_red_l_4 = () -> "dui-color-red-l-4"; - /** Constant dui_color_red_l_3 */ + CssClass dui_color_red_l_3 = () -> "dui-color-red-l-3"; - /** Constant dui_color_red_l_2 */ + CssClass dui_color_red_l_2 = () -> "dui-color-red-l-2"; - /** Constant dui_color_red_l_1 */ + CssClass dui_color_red_l_1 = () -> "dui-color-red-l-1"; - /** Constant dui_color_red */ + CssClass dui_color_red = () -> "dui-color-red"; - /** Constant dui_color_red_d_1 */ + CssClass dui_color_red_d_1 = () -> "dui-color-red-d-1"; - /** Constant dui_color_red_d_2 */ + CssClass dui_color_red_d_2 = () -> "dui-color-red-d-2"; - /** Constant dui_color_red_d_3 */ + CssClass dui_color_red_d_3 = () -> "dui-color-red-d-3"; - /** Constant dui_color_red_d_4 */ + CssClass dui_color_red_d_4 = () -> "dui-color-red-d-4"; - /** Constant dui_color_pink_l_5 */ + CssClass dui_color_pink_l_5 = () -> "dui-color-pink-l-5"; - /** Constant dui_color_pink_l_4 */ + CssClass dui_color_pink_l_4 = () -> "dui-color-pink-l-4"; - /** Constant dui_color_pink_l_3 */ + CssClass dui_color_pink_l_3 = () -> "dui-color-pink-l-3"; - /** Constant dui_color_pink_l_2 */ + CssClass dui_color_pink_l_2 = () -> "dui-color-pink-l-2"; - /** Constant dui_color_pink_l_1 */ + CssClass dui_color_pink_l_1 = () -> "dui-color-pink-l-1"; - /** Constant dui_color_pink */ + CssClass dui_color_pink = () -> "dui-color-pink"; - /** Constant dui_color_pink_d_1 */ + CssClass dui_color_pink_d_1 = () -> "dui-color-pink-d-1"; - /** Constant dui_color_pink_d_2 */ + CssClass dui_color_pink_d_2 = () -> "dui-color-pink-d-2"; - /** Constant dui_color_pink_d_3 */ + CssClass dui_color_pink_d_3 = () -> "dui-color-pink-d-3"; - /** Constant dui_color_pink_d_4 */ + CssClass dui_color_pink_d_4 = () -> "dui-color-pink-d-4"; - /** Constant dui_color_purple_l_5 */ + CssClass dui_color_purple_l_5 = () -> "dui-color-purple-l-5"; - /** Constant dui_color_purple_l_4 */ + CssClass dui_color_purple_l_4 = () -> "dui-color-purple-l-4"; - /** Constant dui_color_purple_l_3 */ + CssClass dui_color_purple_l_3 = () -> "dui-color-purple-l-3"; - /** Constant dui_color_purple_l_2 */ + CssClass dui_color_purple_l_2 = () -> "dui-color-purple-l-2"; - /** Constant dui_color_purple_l_1 */ + CssClass dui_color_purple_l_1 = () -> "dui-color-purple-l-1"; - /** Constant dui_color_purple */ + CssClass dui_color_purple = () -> "dui-color-purple"; - /** Constant dui_color_purple_d_1 */ + CssClass dui_color_purple_d_1 = () -> "dui-color-purple-d-1"; - /** Constant dui_color_purple_d_2 */ + CssClass dui_color_purple_d_2 = () -> "dui-color-purple-d-2"; - /** Constant dui_color_purple_d_3 */ + CssClass dui_color_purple_d_3 = () -> "dui-color-purple-d-3"; - /** Constant dui_color_purple_d_4 */ + CssClass dui_color_purple_d_4 = () -> "dui-color-purple-d-4"; - /** Constant dui_color_deep_purple_l_5 */ + CssClass dui_color_deep_purple_l_5 = () -> "dui-color-deep-purple-l-5"; - /** Constant dui_color_deep_purple_l_4 */ + CssClass dui_color_deep_purple_l_4 = () -> "dui-color-deep-purple-l-4"; - /** Constant dui_color_deep_purple_l_3 */ + CssClass dui_color_deep_purple_l_3 = () -> "dui-color-deep-purple-l-3"; - /** Constant dui_color_deep_purple_l_2 */ + CssClass dui_color_deep_purple_l_2 = () -> "dui-color-deep-purple-l-2"; - /** Constant dui_color_deep_purple_l_1 */ + CssClass dui_color_deep_purple_l_1 = () -> "dui-color-deep-purple-l-1"; - /** Constant dui_color_deep_purple */ + CssClass dui_color_deep_purple = () -> "dui-color-deep-purple"; - /** Constant dui_color_deep_purple_d_1 */ + CssClass dui_color_deep_purple_d_1 = () -> "dui-color-deep-purple-d-1"; - /** Constant dui_color_deep_purple_d_2 */ + CssClass dui_color_deep_purple_d_2 = () -> "dui-color-deep-purple-d-2"; - /** Constant dui_color_deep_purple_d_3 */ + CssClass dui_color_deep_purple_d_3 = () -> "dui-color-deep-purple-d-3"; - /** Constant dui_color_deep_purple_d_4 */ + CssClass dui_color_deep_purple_d_4 = () -> "dui-color-deep-purple-d-4"; - /** Constant dui_color_indigo_l_5 */ + CssClass dui_color_indigo_l_5 = () -> "dui-color-indigo-l-5"; - /** Constant dui_color_indigo_l_4 */ + CssClass dui_color_indigo_l_4 = () -> "dui-color-indigo-l-4"; - /** Constant dui_color_indigo_l_3 */ + CssClass dui_color_indigo_l_3 = () -> "dui-color-indigo-l-3"; - /** Constant dui_color_indigo_l_2 */ + CssClass dui_color_indigo_l_2 = () -> "dui-color-indigo-l-2"; - /** Constant dui_color_indigo_l_1 */ + CssClass dui_color_indigo_l_1 = () -> "dui-color-indigo-l-1"; - /** Constant dui_color_indigo */ + CssClass dui_color_indigo = () -> "dui-color-indigo"; - /** Constant dui_color_indigo_d_1 */ + CssClass dui_color_indigo_d_1 = () -> "dui-color-indigo-d-1"; - /** Constant dui_color_indigo_d_2 */ + CssClass dui_color_indigo_d_2 = () -> "dui-color-indigo-d-2"; - /** Constant dui_color_indigo_d_3 */ + CssClass dui_color_indigo_d_3 = () -> "dui-color-indigo-d-3"; - /** Constant dui_color_indigo_d_4 */ + CssClass dui_color_indigo_d_4 = () -> "dui-color-indigo-d-4"; - /** Constant dui_color_blue_l_5 */ + CssClass dui_color_blue_l_5 = () -> "dui-color-blue-l-5"; - /** Constant dui_color_blue_l_4 */ + CssClass dui_color_blue_l_4 = () -> "dui-color-blue-l-4"; - /** Constant dui_color_blue_l_3 */ + CssClass dui_color_blue_l_3 = () -> "dui-color-blue-l-3"; - /** Constant dui_color_blue_l_2 */ + CssClass dui_color_blue_l_2 = () -> "dui-color-blue-l-2"; - /** Constant dui_color_blue_l_1 */ + CssClass dui_color_blue_l_1 = () -> "dui-color-blue-l-1"; - /** Constant dui_color_blue */ + CssClass dui_color_blue = () -> "dui-color-blue"; - /** Constant dui_color_blue_d_1 */ + CssClass dui_color_blue_d_1 = () -> "dui-color-blue-d-1"; - /** Constant dui_color_blue_d_2 */ + CssClass dui_color_blue_d_2 = () -> "dui-color-blue-d-2"; - /** Constant dui_color_blue_d_3 */ + CssClass dui_color_blue_d_3 = () -> "dui-color-blue-d-3"; - /** Constant dui_color_blue_d_4 */ + CssClass dui_color_blue_d_4 = () -> "dui-color-blue-d-4"; - /** Constant dui_color_light_blue_l_5 */ + CssClass dui_color_light_blue_l_5 = () -> "dui-color-light-blue-l-5"; - /** Constant dui_color_light_blue_l_4 */ + CssClass dui_color_light_blue_l_4 = () -> "dui-color-light-blue-l-4"; - /** Constant dui_color_light_blue_l_3 */ + CssClass dui_color_light_blue_l_3 = () -> "dui-color-light-blue-l-3"; - /** Constant dui_color_light_blue_l_2 */ + CssClass dui_color_light_blue_l_2 = () -> "dui-color-light-blue-l-2"; - /** Constant dui_color_light_blue_l_1 */ + CssClass dui_color_light_blue_l_1 = () -> "dui-color-light-blue-l-1"; - /** Constant dui_color_light_blue */ + CssClass dui_color_light_blue = () -> "dui-color-light-blue"; - /** Constant dui_color_light_blue_d_1 */ + CssClass dui_color_light_blue_d_1 = () -> "dui-color-light-blue-d-1"; - /** Constant dui_color_light_blue_d_2 */ + CssClass dui_color_light_blue_d_2 = () -> "dui-color-light-blue-d-2"; - /** Constant dui_color_light_blue_d_3 */ + CssClass dui_color_light_blue_d_3 = () -> "dui-color-light-blue-d-3"; - /** Constant dui_color_light_blue_d_4 */ + CssClass dui_color_light_blue_d_4 = () -> "dui-color-light-blue-d-4"; - /** Constant dui_color_cyan_l_5 */ + CssClass dui_color_cyan_l_5 = () -> "dui-color-cyan-l-5"; - /** Constant dui_color_cyan_l_4 */ + CssClass dui_color_cyan_l_4 = () -> "dui-color-cyan-l-4"; - /** Constant dui_color_cyan_l_3 */ + CssClass dui_color_cyan_l_3 = () -> "dui-color-cyan-l-3"; - /** Constant dui_color_cyan_l_2 */ + CssClass dui_color_cyan_l_2 = () -> "dui-color-cyan-l-2"; - /** Constant dui_color_cyan_l_1 */ + CssClass dui_color_cyan_l_1 = () -> "dui-color-cyan-l-1"; - /** Constant dui_color_cyan */ + CssClass dui_color_cyan = () -> "dui-color-cyan"; - /** Constant dui_color_cyan_d_1 */ + CssClass dui_color_cyan_d_1 = () -> "dui-color-cyan-d-1"; - /** Constant dui_color_cyan_d_2 */ + CssClass dui_color_cyan_d_2 = () -> "dui-color-cyan-d-2"; - /** Constant dui_color_cyan_d_3 */ + CssClass dui_color_cyan_d_3 = () -> "dui-color-cyan-d-3"; - /** Constant dui_color_cyan_d_4 */ + CssClass dui_color_cyan_d_4 = () -> "dui-color-cyan-d-4"; - /** Constant dui_color_teal_l_5 */ + CssClass dui_color_teal_l_5 = () -> "dui-color-teal-l-5"; - /** Constant dui_color_teal_l_4 */ + CssClass dui_color_teal_l_4 = () -> "dui-color-teal-l-4"; - /** Constant dui_color_teal_l_3 */ + CssClass dui_color_teal_l_3 = () -> "dui-color-teal-l-3"; - /** Constant dui_color_teal_l_2 */ + CssClass dui_color_teal_l_2 = () -> "dui-color-teal-l-2"; - /** Constant dui_color_teal_l_1 */ + CssClass dui_color_teal_l_1 = () -> "dui-color-teal-l-1"; - /** Constant dui_color_teal */ + CssClass dui_color_teal = () -> "dui-color-teal"; - /** Constant dui_color_teal_d_1 */ + CssClass dui_color_teal_d_1 = () -> "dui-color-teal-d-1"; - /** Constant dui_color_teal_d_2 */ + CssClass dui_color_teal_d_2 = () -> "dui-color-teal-d-2"; - /** Constant dui_color_teal_d_3 */ + CssClass dui_color_teal_d_3 = () -> "dui-color-teal-d-3"; - /** Constant dui_color_teal_d_4 */ + CssClass dui_color_teal_d_4 = () -> "dui-color-teal-d-4"; - /** Constant dui_color_green_l_5 */ + CssClass dui_color_green_l_5 = () -> "dui-color-green-l-5"; - /** Constant dui_color_green_l_4 */ + CssClass dui_color_green_l_4 = () -> "dui-color-green-l-4"; - /** Constant dui_color_green_l_3 */ + CssClass dui_color_green_l_3 = () -> "dui-color-green-l-3"; - /** Constant dui_color_green_l_2 */ + CssClass dui_color_green_l_2 = () -> "dui-color-green-l-2"; - /** Constant dui_color_green_l_1 */ + CssClass dui_color_green_l_1 = () -> "dui-color-green-l-1"; - /** Constant dui_color_green */ + CssClass dui_color_green = () -> "dui-color-green"; - /** Constant dui_color_green_d_1 */ + CssClass dui_color_green_d_1 = () -> "dui-color-green-d-1"; - /** Constant dui_color_green_d_2 */ + CssClass dui_color_green_d_2 = () -> "dui-color-green-d-2"; - /** Constant dui_color_green_d_3 */ + CssClass dui_color_green_d_3 = () -> "dui-color-green-d-3"; - /** Constant dui_color_green_d_4 */ + CssClass dui_color_green_d_4 = () -> "dui-color-green-d-4"; - /** Constant dui_color_light_green_l_5 */ + CssClass dui_color_light_green_l_5 = () -> "dui-color-light-green-l-5"; - /** Constant dui_color_light_green_l_4 */ + CssClass dui_color_light_green_l_4 = () -> "dui-color-light-green-l-4"; - /** Constant dui_color_light_green_l_3 */ + CssClass dui_color_light_green_l_3 = () -> "dui-color-light-green-l-3"; - /** Constant dui_color_light_green_l_2 */ + CssClass dui_color_light_green_l_2 = () -> "dui-color-light-green-l-2"; - /** Constant dui_color_light_green_l_1 */ + CssClass dui_color_light_green_l_1 = () -> "dui-color-light-green-l-1"; - /** Constant dui_color_light_green */ + CssClass dui_color_light_green = () -> "dui-color-light-green"; - /** Constant dui_color_light_green_d_1 */ + CssClass dui_color_light_green_d_1 = () -> "dui-color-light-green-d-1"; - /** Constant dui_color_light_green_d_2 */ + CssClass dui_color_light_green_d_2 = () -> "dui-color-light-green-d-2"; - /** Constant dui_color_light_green_d_3 */ + CssClass dui_color_light_green_d_3 = () -> "dui-color-light-green-d-3"; - /** Constant dui_color_light_green_d_4 */ + CssClass dui_color_light_green_d_4 = () -> "dui-color-light-green-d-4"; - /** Constant dui_color_lime_l_5 */ + CssClass dui_color_lime_l_5 = () -> "dui-color-lime-l-5"; - /** Constant dui_color_lime_l_4 */ + CssClass dui_color_lime_l_4 = () -> "dui-color-lime-l-4"; - /** Constant dui_color_lime_l_3 */ + CssClass dui_color_lime_l_3 = () -> "dui-color-lime-l-3"; - /** Constant dui_color_lime_l_2 */ + CssClass dui_color_lime_l_2 = () -> "dui-color-lime-l-2"; - /** Constant dui_color_lime_l_1 */ + CssClass dui_color_lime_l_1 = () -> "dui-color-lime-l-1"; - /** Constant dui_color_lime */ + CssClass dui_color_lime = () -> "dui-color-lime"; - /** Constant dui_color_lime_d_1 */ + CssClass dui_color_lime_d_1 = () -> "dui-color-lime-d-1"; - /** Constant dui_color_lime_d_2 */ + CssClass dui_color_lime_d_2 = () -> "dui-color-lime-d-2"; - /** Constant dui_color_lime_d_3 */ + CssClass dui_color_lime_d_3 = () -> "dui-color-lime-d-3"; - /** Constant dui_color_lime_d_4 */ + CssClass dui_color_lime_d_4 = () -> "dui-color-lime-d-4"; - /** Constant dui_color_yellow_l_5 */ + CssClass dui_color_yellow_l_5 = () -> "dui-color-yellow-l-5"; - /** Constant dui_color_yellow_l_4 */ + CssClass dui_color_yellow_l_4 = () -> "dui-color-yellow-l-4"; - /** Constant dui_color_yellow_l_3 */ + CssClass dui_color_yellow_l_3 = () -> "dui-color-yellow-l-3"; - /** Constant dui_color_yellow_l_2 */ + CssClass dui_color_yellow_l_2 = () -> "dui-color-yellow-l-2"; - /** Constant dui_color_yellow_l_1 */ + CssClass dui_color_yellow_l_1 = () -> "dui-color-yellow-l-1"; - /** Constant dui_color_yellow */ + CssClass dui_color_yellow = () -> "dui-color-yellow"; - /** Constant dui_color_yellow_d_1 */ + CssClass dui_color_yellow_d_1 = () -> "dui-color-yellow-d-1"; - /** Constant dui_color_yellow_d_2 */ + CssClass dui_color_yellow_d_2 = () -> "dui-color-yellow-d-2"; - /** Constant dui_color_yellow_d_3 */ + CssClass dui_color_yellow_d_3 = () -> "dui-color-yellow-d-3"; - /** Constant dui_color_yellow_d_4 */ + CssClass dui_color_yellow_d_4 = () -> "dui-color-yellow-d-4"; - /** Constant dui_color_amber_l_5 */ + CssClass dui_color_amber_l_5 = () -> "dui-color-amber-l-5"; - /** Constant dui_color_amber_l_4 */ + CssClass dui_color_amber_l_4 = () -> "dui-color-amber-l-4"; - /** Constant dui_color_amber_l_3 */ + CssClass dui_color_amber_l_3 = () -> "dui-color-amber-l-3"; - /** Constant dui_color_amber_l_2 */ + CssClass dui_color_amber_l_2 = () -> "dui-color-amber-l-2"; - /** Constant dui_color_amber_l_1 */ + CssClass dui_color_amber_l_1 = () -> "dui-color-amber-l-1"; - /** Constant dui_color_amber */ + CssClass dui_color_amber = () -> "dui-color-amber"; - /** Constant dui_color_amber_d_1 */ + CssClass dui_color_amber_d_1 = () -> "dui-color-amber-d-1"; - /** Constant dui_color_amber_d_2 */ + CssClass dui_color_amber_d_2 = () -> "dui-color-amber-d-2"; - /** Constant dui_color_amber_d_3 */ + CssClass dui_color_amber_d_3 = () -> "dui-color-amber-d-3"; - /** Constant dui_color_amber_d_4 */ + CssClass dui_color_amber_d_4 = () -> "dui-color-amber-d-4"; - /** Constant dui_color_orange_l_5 */ + CssClass dui_color_orange_l_5 = () -> "dui-color-orange-l-5"; - /** Constant dui_color_orange_l_4 */ + CssClass dui_color_orange_l_4 = () -> "dui-color-orange-l-4"; - /** Constant dui_color_orange_l_3 */ + CssClass dui_color_orange_l_3 = () -> "dui-color-orange-l-3"; - /** Constant dui_color_orange_l_2 */ + CssClass dui_color_orange_l_2 = () -> "dui-color-orange-l-2"; - /** Constant dui_color_orange_l_1 */ + CssClass dui_color_orange_l_1 = () -> "dui-color-orange-l-1"; - /** Constant dui_color_orange */ + CssClass dui_color_orange = () -> "dui-color-orange"; - /** Constant dui_color_orange_d_1 */ + CssClass dui_color_orange_d_1 = () -> "dui-color-orange-d-1"; - /** Constant dui_color_orange_d_2 */ + CssClass dui_color_orange_d_2 = () -> "dui-color-orange-d-2"; - /** Constant dui_color_orange_d_3 */ + CssClass dui_color_orange_d_3 = () -> "dui-color-orange-d-3"; - /** Constant dui_color_orange_d_4 */ + CssClass dui_color_orange_d_4 = () -> "dui-color-orange-d-4"; - /** Constant dui_color_deep_orange_l_5 */ + CssClass dui_color_deep_orange_l_5 = () -> "dui-color-deep-orange-l-5"; - /** Constant dui_color_deep_orange_l_4 */ + CssClass dui_color_deep_orange_l_4 = () -> "dui-color-deep-orange-l-4"; - /** Constant dui_color_deep_orange_l_3 */ + CssClass dui_color_deep_orange_l_3 = () -> "dui-color-deep-orange-l-3"; - /** Constant dui_color_deep_orange_l_2 */ + CssClass dui_color_deep_orange_l_2 = () -> "dui-color-deep-orange-l-2"; - /** Constant dui_color_deep_orange_l_1 */ + CssClass dui_color_deep_orange_l_1 = () -> "dui-color-deep-orange-l-1"; - /** Constant dui_color_deep_orange */ + CssClass dui_color_deep_orange = () -> "dui-color-deep-orange"; - /** Constant dui_color_deep_orange_d_1 */ + CssClass dui_color_deep_orange_d_1 = () -> "dui-color-deep-orange-d-1"; - /** Constant dui_color_deep_orange_d_2 */ + CssClass dui_color_deep_orange_d_2 = () -> "dui-color-deep-orange-d-2"; - /** Constant dui_color_deep_orange_d_3 */ + CssClass dui_color_deep_orange_d_3 = () -> "dui-color-deep-orange-d-3"; - /** Constant dui_color_deep_orange_d_4 */ + CssClass dui_color_deep_orange_d_4 = () -> "dui-color-deep-orange-d-4"; - /** Constant dui_color_brown_l_5 */ + CssClass dui_color_brown_l_5 = () -> "dui-color-brown-l-5"; - /** Constant dui_color_brown_l_4 */ + CssClass dui_color_brown_l_4 = () -> "dui-color-brown-l-4"; - /** Constant dui_color_brown_l_3 */ + CssClass dui_color_brown_l_3 = () -> "dui-color-brown-l-3"; - /** Constant dui_color_brown_l_2 */ + CssClass dui_color_brown_l_2 = () -> "dui-color-brown-l-2"; - /** Constant dui_color_brown_l_1 */ + CssClass dui_color_brown_l_1 = () -> "dui-color-brown-l-1"; - /** Constant dui_color_brown */ + CssClass dui_color_brown = () -> "dui-color-brown"; - /** Constant dui_color_brown_d_1 */ + CssClass dui_color_brown_d_1 = () -> "dui-color-brown-d-1"; - /** Constant dui_color_brown_d_2 */ + CssClass dui_color_brown_d_2 = () -> "dui-color-brown-d-2"; - /** Constant dui_color_brown_d_3 */ + CssClass dui_color_brown_d_3 = () -> "dui-color-brown-d-3"; - /** Constant dui_color_brown_d_4 */ + CssClass dui_color_brown_d_4 = () -> "dui-color-brown-d-4"; - /** Constant dui_color_grey_l_5 */ + CssClass dui_color_grey_l_5 = () -> "dui-color-grey-l-5"; - /** Constant dui_color_grey_l_4 */ + CssClass dui_color_grey_l_4 = () -> "dui-color-grey-l-4"; - /** Constant dui_color_grey_l_3 */ + CssClass dui_color_grey_l_3 = () -> "dui-color-grey-l-3"; - /** Constant dui_color_grey_l_2 */ + CssClass dui_color_grey_l_2 = () -> "dui-color-grey-l-2"; - /** Constant dui_color_grey_l_1 */ + CssClass dui_color_grey_l_1 = () -> "dui-color-grey-l-1"; - /** Constant dui_color_grey */ + CssClass dui_color_grey = () -> "dui-color-grey"; - /** Constant dui_color_grey_d_1 */ + CssClass dui_color_grey_d_1 = () -> "dui-color-grey-d-1"; - /** Constant dui_color_grey_d_2 */ + CssClass dui_color_grey_d_2 = () -> "dui-color-grey-d-2"; - /** Constant dui_color_grey_d_3 */ + CssClass dui_color_grey_d_3 = () -> "dui-color-grey-d-3"; - /** Constant dui_color_grey_d_4 */ + CssClass dui_color_grey_d_4 = () -> "dui-color-grey-d-4"; - /** Constant dui_color_blue_grey_l_5 */ + CssClass dui_color_blue_grey_l_5 = () -> "dui-color-blue-grey-l-5"; - /** Constant dui_color_blue_grey_l_4 */ + CssClass dui_color_blue_grey_l_4 = () -> "dui-color-blue-grey-l-4"; - /** Constant dui_color_blue_grey_l_3 */ + CssClass dui_color_blue_grey_l_3 = () -> "dui-color-blue-grey-l-3"; - /** Constant dui_color_blue_grey_l_2 */ + CssClass dui_color_blue_grey_l_2 = () -> "dui-color-blue-grey-l-2"; - /** Constant dui_color_blue_grey_l_1 */ + CssClass dui_color_blue_grey_l_1 = () -> "dui-color-blue-grey-l-1"; - /** Constant dui_color_blue_grey */ + CssClass dui_color_blue_grey = () -> "dui-color-blue-grey"; - /** Constant dui_color_blue_grey_d_1 */ + CssClass dui_color_blue_grey_d_1 = () -> "dui-color-blue-grey-d-1"; - /** Constant dui_color_blue_grey_d_2 */ + CssClass dui_color_blue_grey_d_2 = () -> "dui-color-blue-grey-d-2"; - /** Constant dui_color_blue_grey_d_3 */ + CssClass dui_color_blue_grey_d_3 = () -> "dui-color-blue-grey-d-3"; - /** Constant dui_color_blue_grey_d_4 */ + CssClass dui_color_blue_grey_d_4 = () -> "dui-color-blue-grey-d-4"; - /** Constant dui_color_white_l_5 */ + CssClass dui_color_white_l_5 = () -> "dui-color-white-l-5"; - /** Constant dui_color_white_l_4 */ + CssClass dui_color_white_l_4 = () -> "dui-color-white-l-4"; - /** Constant dui_color_white_l_3 */ + CssClass dui_color_white_l_3 = () -> "dui-color-white-l-3"; - /** Constant dui_color_white_l_2 */ + CssClass dui_color_white_l_2 = () -> "dui-color-white-l-2"; - /** Constant dui_color_white_l_1 */ + CssClass dui_color_white_l_1 = () -> "dui-color-white-l-1"; - /** Constant dui_color_white */ + CssClass dui_color_white = () -> "dui-color-white"; - /** Constant dui_color_white_d_1 */ + CssClass dui_color_white_d_1 = () -> "dui-color-white-d-1"; - /** Constant dui_color_white_d_2 */ + CssClass dui_color_white_d_2 = () -> "dui-color-white-d-2"; - /** Constant dui_color_white_d_3 */ + CssClass dui_color_white_d_3 = () -> "dui-color-white-d-3"; - /** Constant dui_color_white_d_4 */ + CssClass dui_color_white_d_4 = () -> "dui-color-white-d-4"; - /** Constant dui_color_black_l_5 */ + CssClass dui_color_black_l_5 = () -> "dui-color-black-l-5"; - /** Constant dui_color_black_l_4 */ + CssClass dui_color_black_l_4 = () -> "dui-color-black-l-4"; - /** Constant dui_color_black_l_3 */ + CssClass dui_color_black_l_3 = () -> "dui-color-black-l-3"; - /** Constant dui_color_black_l_2 */ + CssClass dui_color_black_l_2 = () -> "dui-color-black-l-2"; - /** Constant dui_color_black_l_1 */ + CssClass dui_color_black_l_1 = () -> "dui-color-black-l-1"; - /** Constant dui_color_black */ + CssClass dui_color_black = () -> "dui-color-black"; - /** Constant dui_color_black_d_1 */ + CssClass dui_color_black_d_1 = () -> "dui-color-black-d-1"; - /** Constant dui_color_black_d_2 */ + CssClass dui_color_black_d_2 = () -> "dui-color-black-d-2"; - /** Constant dui_color_black_d_3 */ + CssClass dui_color_black_d_3 = () -> "dui-color-black-d-3"; - /** Constant dui_color_black_d_4 */ + CssClass dui_color_black_d_4 = () -> "dui-color-black-d-4"; - /** Constant dui_color_inherit */ + CssClass dui_color_inherit = () -> "dui-color-inherit"; - /** Constant dui_color_current */ + CssClass dui_color_current = () -> "dui-color-current"; - /** Constant dui_color_transparent */ + CssClass dui_color_transparent = () -> "dui-color-transparent"; - /** Constant dui_color_semi_transparent */ + CssClass dui_color_semi_transparent = () -> "dui-color-semi-transparent"; CssClass dui_context_dominant_l_5 = () -> "dui-context-dominant-l-5"; diff --git a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/CompositeCssClass.java b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/CompositeCssClass.java index 9f483f916..bee8a238c 100644 --- a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/CompositeCssClass.java +++ b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/CompositeCssClass.java @@ -13,6 +13,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ + package org.dominokit.domino.ui.style; import elemental2.dom.Element; @@ -23,36 +24,40 @@ import java.util.stream.Collectors; import org.dominokit.domino.ui.IsElement; -/** CompositeCssClass class. */ +/** + * Represents a composite CSS class which can consist of multiple {@link CssClass} instances. This + * allows for the grouping of multiple CSS classes under a single instance. + */ public class CompositeCssClass implements CssClass { private Set cssClasses = new HashSet<>(); /** - * of. + * Creates a {@link CompositeCssClass} instance with a collection of {@link CssClass} instances. * - * @param cssClasses a {@link java.util.Collection} object. - * @return a {@link org.dominokit.domino.ui.style.CompositeCssClass} object. + * @param cssClasses A collection of CSS classes. + * @return A new {@link CompositeCssClass} instance. */ public static CompositeCssClass of(Collection cssClasses) { return new CompositeCssClass(cssClasses); } /** - * of. + * Creates a {@link CompositeCssClass} instance with a varargs of {@link CssClass} instances. * - * @param cssClasses a {@link org.dominokit.domino.ui.style.CssClass} object. - * @return a {@link org.dominokit.domino.ui.style.CompositeCssClass} object. + * @param cssClasses A varargs of CSS classes. + * @return A new {@link CompositeCssClass} instance. */ public static CompositeCssClass of(CssClass... cssClasses) { return new CompositeCssClass(cssClasses); } /** - * of. + * Creates a {@link CompositeCssClass} instance from the CSS classes of a given DOM {@link + * Element}. * - * @param element a {@link elemental2.dom.Element} object. - * @return a {@link org.dominokit.domino.ui.style.CompositeCssClass} object. + * @param element The DOM element from which to extract CSS classes. + * @return A new {@link CompositeCssClass} instance. */ public static CompositeCssClass of(Element element) { return of( @@ -62,83 +67,111 @@ public static CompositeCssClass of(Element element) { } /** - * of. + * Creates a {@link CompositeCssClass} instance from the CSS classes of a given {@link IsElement}. * - * @param element a {@link org.dominokit.domino.ui.IsElement} object. - * @return a {@link org.dominokit.domino.ui.style.CompositeCssClass} object. + * @param element The UI element (implementing {@link IsElement}) from which to extract CSS + * classes. + * @return A new {@link CompositeCssClass} instance. */ public static CompositeCssClass of(IsElement element) { return of(element.element()); } /** - * Constructor for CompositeCssClass. + * Constructs a {@link CompositeCssClass} with a collection of {@link CssClass} instances. * - * @param cssClasses a {@link java.util.Collection} object. + * @param cssClasses A collection of CSS classes. */ public CompositeCssClass(Collection cssClasses) { this.cssClasses.addAll(cssClasses); } /** - * Constructor for CompositeCssClass. + * Constructs a {@link CompositeCssClass} with a varargs of {@link CssClass} instances. * - * @param cssClasses a {@link org.dominokit.domino.ui.style.CssClass} object. + * @param cssClasses A varargs of CSS classes. */ public CompositeCssClass(CssClass... cssClasses) { this(Arrays.asList(cssClasses)); } - /** {@inheritDoc} */ + /** + * Returns the combined string representation of all {@link CssClass} instances in this composite. + * + * @return The combined CSS class string. + */ @Override public String getCssClass() { return cssClasses.stream().map(CssClass::getCssClass).collect(Collectors.joining(" ")); } - /** {@inheritDoc} */ + /** + * Applies all CSS classes in this composite to the given DOM {@link Element}. + * + * @param element The DOM element to which the CSS classes will be applied. + */ @Override public void apply(Element element) { cssClasses.forEach(cssClass -> cssClass.apply(element)); } - /** {@inheritDoc} */ + /** + * Checks if all CSS classes in this composite are applied to the specified DOM {@link Element}. + * + * @param element The DOM element to check. + * @return {@code true} if all CSS classes are applied to the element, {@code false} otherwise. + */ @Override public boolean isAppliedTo(Element element) { return cssClasses.stream().allMatch(cssClass -> cssClass.isAppliedTo(element)); } - /** {@inheritDoc} */ + /** + * Checks if all CSS classes in this composite are applied to the specified {@link IsElement}. + * + * @param element The UI element (implementing {@link IsElement}) to check. + * @return {@code true} if all CSS classes are applied to the element, {@code false} otherwise. + */ @Override public boolean isAppliedTo(IsElement element) { return isAppliedTo(element.element()); } /** - * contains. + * Checks if the composite contains a specific {@link CssClass}. * - * @param cssClass a {@link org.dominokit.domino.ui.style.CssClass} object. - * @return a boolean. + * @param cssClass The CSS class to check for. + * @return {@code true} if the composite contains the given CSS class, {@code false} otherwise. */ public boolean contains(CssClass cssClass) { return cssClasses.stream().anyMatch(c -> c.isSameAs(cssClass)); } /** - * Getter for the field cssClasses. + * Returns a set of all {@link CssClass} instances in this composite. * - * @return a {@link java.util.Set} object. + * @return A set containing all CSS classes in the composite. */ public Set getCssClasses() { return cssClasses; } - /** {@inheritDoc} */ + /** + * Removes all CSS classes in this composite from the given DOM {@link Element}. + * + * @param element The DOM element from which the CSS classes will be removed. + */ @Override public void remove(Element element) { cssClasses.forEach(cssClass -> cssClass.remove(element)); } - /** {@inheritDoc} */ + /** + * Removes all CSS classes in this composite from the given {@link IsElement}. + * + * @param element The UI element (implementing {@link IsElement}) from which the CSS classes will + * be removed. + */ @Override public void remove(IsElement element) { remove(element.element()); diff --git a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/CompositeCssProperty.java b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/CompositeCssProperty.java index 6431c654c..6c7aaf5dd 100644 --- a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/CompositeCssProperty.java +++ b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/CompositeCssProperty.java @@ -13,6 +13,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ + package org.dominokit.domino.ui.style; import elemental2.dom.Element; @@ -21,56 +22,69 @@ import java.util.HashSet; import java.util.Set; -/** CompositeCssProperty class. */ +/** + * Represents a composite of multiple CSS properties. This enables applying or removing multiple CSS + * properties on a DOM {@link Element} in a single operation. + */ public class CompositeCssProperty implements IsCssProperty { + /** A set containing all the CSS properties of this composite */ private Set cssProperties = new HashSet<>(); /** - * of. + * Creates a new {@link CompositeCssProperty} instance with the specified collection of CSS + * properties. * - * @param cssProperties a {@link java.util.Collection} object. - * @return a {@link org.dominokit.domino.ui.style.CompositeCssProperty} object. + * @param cssProperties A collection of {@link CssProperty} objects. + * @return A new {@link CompositeCssProperty} instance. */ public static CompositeCssProperty of(Collection cssProperties) { return new CompositeCssProperty(cssProperties); } /** - * of. + * Creates a new {@link CompositeCssProperty} instance with the specified CSS properties. * - * @param cssProperties a {@link org.dominokit.domino.ui.style.CssProperty} object. - * @return a {@link org.dominokit.domino.ui.style.CompositeCssProperty} object. + * @param cssProperties The CSS properties to include in the composite. + * @return A new {@link CompositeCssProperty} instance. */ public static CompositeCssProperty of(CssProperty... cssProperties) { return new CompositeCssProperty(cssProperties); } /** - * Constructor for CompositeCssProperty. + * Constructs a {@link CompositeCssProperty} with a collection of CSS properties. * - * @param cssProperties a {@link java.util.Collection} object. + * @param cssProperties A collection of {@link CssProperty} objects to include in the composite. */ public CompositeCssProperty(Collection cssProperties) { this.cssProperties.addAll(cssProperties); } /** - * Constructor for CompositeCssProperty. + * Constructs a {@link CompositeCssProperty} with the specified CSS properties. * - * @param cssProperties a {@link org.dominokit.domino.ui.style.CssProperty} object. + * @param cssProperties The CSS properties to include in the composite. */ public CompositeCssProperty(CssProperty... cssProperties) { this(Arrays.asList(cssProperties)); } - /** {@inheritDoc} */ + /** + * Applies all CSS properties of this composite to the specified DOM {@link Element}. + * + * @param element The DOM element to which the composite of CSS properties will be applied. + */ @Override public void apply(Element element) { cssProperties.forEach(cssProperty -> cssProperty.apply(element)); } - /** {@inheritDoc} */ + /** + * Removes all CSS properties of this composite from the specified DOM {@link Element}. + * + * @param element The DOM element from which the composite of CSS properties will be removed. + */ @Override public void remove(Element element) { cssProperties.forEach(cssProperty -> cssProperty.remove(element)); diff --git a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/CssClass.java b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/CssClass.java index 0be2f0d30..3d7cfeeac 100644 --- a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/CssClass.java +++ b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/CssClass.java @@ -13,6 +13,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ + package org.dominokit.domino.ui.style; import static java.util.Objects.nonNull; @@ -22,32 +23,39 @@ import java.util.Objects; import org.dominokit.domino.ui.IsElement; -/** CssClass interface. */ +/** + * Represents a CSS class that can be applied to or removed from DOM elements. This interface + * provides utility methods for applying, checking, and removing CSS classes for both DOM elements + * and elements wrapped in the {@link IsElement} interface. + * + *

Typical usage includes making elements responsive or stylistically adaptive according to the + * applied CSS class. + */ public interface CssClass { - /** Constant NONE */ + /** A default, empty CSS class. */ CssClass NONE = new NoneCss(); /** - * getCssClass. + * Returns the name of the CSS class represented by this instance. * - * @return a {@link java.lang.String} object + * @return The name of the CSS class. */ String getCssClass(); /** - * apply. + * Applies the CSS class to the provided {@link IsElement}. * - * @param element a {@link org.dominokit.domino.ui.IsElement} object + * @param element The element to which the CSS class will be applied. */ default void apply(IsElement element) { apply(element.element()); } /** - * apply. + * Applies the CSS class to the provided DOM {@link Element}. * - * @param element a {@link elemental2.dom.Element} object + * @param element The DOM element to which the CSS class will be applied. */ default void apply(Element element) { if (!element.classList.contains(getCssClass())) { @@ -56,28 +64,28 @@ default void apply(Element element) { } /** - * apply. + * Applies the CSS class to a list of DOM {@link Element}s. * - * @param elements a {@link elemental2.dom.Element} object + * @param elements The DOM elements to which the CSS class will be applied. */ default void apply(Element... elements) { Arrays.asList(elements).forEach(this::apply); } /** - * apply. + * Applies the CSS class to a list of {@link IsElement}s. * - * @param elements a {@link org.dominokit.domino.ui.IsElement} object + * @param elements The elements to which the CSS class will be applied. */ default void apply(IsElement... elements) { Arrays.asList(elements).forEach(this::apply); } /** - * isAppliedTo. + * Checks if the CSS class is applied to the given DOM {@link Element}. * - * @param element a {@link elemental2.dom.Element} object - * @return a boolean + * @param element The DOM element to check. + * @return true if the CSS class is applied, false otherwise. */ default boolean isAppliedTo(Element element) { if (nonNull(element)) { @@ -87,10 +95,10 @@ default boolean isAppliedTo(Element element) { } /** - * isAppliedTo. + * Checks if the CSS class is applied to the given {@link IsElement}. * - * @param element a {@link org.dominokit.domino.ui.IsElement} object - * @return a boolean + * @param element The element to check. + * @return true if the CSS class is applied, false otherwise. */ default boolean isAppliedTo(IsElement element) { if (nonNull(element)) { @@ -100,46 +108,47 @@ default boolean isAppliedTo(IsElement element) { } /** - * remove. + * Removes the CSS class from the given DOM {@link Element}. * - * @param element a {@link elemental2.dom.Element} object + * @param element The DOM element from which the CSS class will be removed. */ default void remove(Element element) { element.classList.remove(getCssClass()); } /** - * remove. + * Removes the CSS class from a list of DOM {@link Element}s. * - * @param elements a {@link elemental2.dom.Element} object + * @param elements The DOM elements from which the CSS class will be removed. */ default void remove(Element... elements) { Arrays.asList(elements).forEach(this::remove); } /** - * remove. + * Removes the CSS class from the given {@link IsElement}. * - * @param element a {@link org.dominokit.domino.ui.IsElement} object + * @param element The element from which the CSS class will be removed. */ default void remove(IsElement element) { remove(element.element()); } /** - * remove. + * Removes the CSS class from a list of {@link IsElement}s. * - * @param elements a {@link org.dominokit.domino.ui.IsElement} object + * @param elements The elements from which the CSS class will be removed. */ default void remove(IsElement... elements) { Arrays.asList(elements).forEach(this::remove); } /** - * isSameAs. + * Compares the current CSS class to another {@link CssClass} to see if they represent the same + * CSS class name. * - * @param other a {@link org.dominokit.domino.ui.style.CssClass} object - * @return a boolean + * @param other The other CSS class to compare with. + * @return true if both represent the same CSS class name, false otherwise. */ default boolean isSameAs(CssClass other) { return Objects.equals(getCssClass(), other.getCssClass()); diff --git a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/CssProperty.java b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/CssProperty.java index 991a46110..a024fd939 100644 --- a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/CssProperty.java +++ b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/CssProperty.java @@ -13,59 +13,77 @@ * See the License for the specific language governing permissions and * limitations under the License. */ + package org.dominokit.domino.ui.style; import elemental2.dom.Element; -/** CssProperty class. */ +/** + * Represents a single CSS property which consists of a name and its associated value. The property + * can be applied or removed from a DOM {@link Element}. + */ public class CssProperty implements IsCssProperty { + + /** The name of the CSS property */ private final String name; + + /** The value of the CSS property */ private final String value; /** - * of. + * Creates a new {@link CssProperty} instance with the specified name and value. * - * @param name a {@link java.lang.String} object. - * @param value a {@link java.lang.String} object. - * @return a {@link org.dominokit.domino.ui.style.CssProperty} object. + * @param name The name of the CSS property. + * @param value The value of the CSS property. + * @return A new {@link CssProperty} instance. */ public static CssProperty of(String name, String value) { return new CssProperty(name, value); } + /** + * Constructs a {@link CssProperty} with a specified name and value. + * + * @param name The name of the CSS property. + * @param value The value of the CSS property. + */ private CssProperty(String name, String value) { this.name = name; this.value = value; } /** - * Getter for the field name. + * Returns the name of the CSS property. * - * @return a {@link java.lang.String} object. + * @return The name of the CSS property. */ public String getName() { return name; } /** - * Getter for the field value. + * Returns the value of the CSS property. * - * @return a {@link java.lang.String} object. + * @return The value of the CSS property. */ public String getValue() { return value; } /** - * apply. + * Applies this CSS property to the specified DOM {@link Element}. * - * @param element a {@link elemental2.dom.Element} object. + * @param element The DOM element to which the CSS property will be applied. */ public void apply(Element element) { Style.of(element).setCssProperty(name, value); } - /** {@inheritDoc} */ + /** + * Removes this CSS property from the specified DOM {@link Element}. + * + * @param element The DOM element from which the CSS property will be removed. + */ @Override public void remove(Element element) { Style.of(element).removeCssProperty(name); diff --git a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/DisplayCss.java b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/DisplayCss.java index 697f335ee..872ffcdcb 100644 --- a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/DisplayCss.java +++ b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/DisplayCss.java @@ -15,716 +15,735 @@ */ package org.dominokit.domino.ui.style; -/** DisplayCss interface. */ +/** @hidden DisplayCss interface. */ public interface DisplayCss { - /** Constant dui_image_responsive */ + /** @hidden Constant dui_image_responsive */ CssClass dui_image_responsive = () -> "dui-image-responsive"; - /** Constant dui_reversed */ + /** @hidden Constant dui_reversed */ CssClass dui_reversed = () -> "dui-reversed"; - /** Constant dui_undimmed */ + /** @hidden Constant dui_undimmed */ CssClass dui_undimmed = () -> "dui-undimmed"; - /** Constant dui_opacity_0 */ + /** @hidden Constant dui_opacity_0 */ CssClass dui_opacity_0 = () -> "dui-opacity-0"; - /** Constant dui_opacity_5 */ + /** @hidden Constant dui_opacity_5 */ CssClass dui_opacity_5 = () -> "dui-opacity-5"; - /** Constant dui_opacity_10 */ + /** @hidden Constant dui_opacity_10 */ CssClass dui_opacity_10 = () -> "dui-opacity-10"; - /** Constant dui_opacity_20 */ + /** @hidden Constant dui_opacity_20 */ CssClass dui_opacity_20 = () -> "dui-opacity-20"; - /** Constant dui_opacity_25 */ + /** @hidden Constant dui_opacity_25 */ CssClass dui_opacity_25 = () -> "dui-opacity-25"; - /** Constant dui_opacity_30 */ + /** @hidden Constant dui_opacity_30 */ CssClass dui_opacity_30 = () -> "dui-opacity-30"; - /** Constant dui_opacity_40 */ + /** @hidden Constant dui_opacity_40 */ CssClass dui_opacity_40 = () -> "dui-opacity-40"; - /** Constant dui_opacity_50 */ + /** @hidden Constant dui_opacity_50 */ CssClass dui_opacity_50 = () -> "dui-opacity-50"; - /** Constant dui_opacity_60 */ + /** @hidden Constant dui_opacity_60 */ CssClass dui_opacity_60 = () -> "dui-opacity-60"; - /** Constant dui_opacity_70 */ + /** @hidden Constant dui_opacity_70 */ CssClass dui_opacity_70 = () -> "dui-opacity-70"; - /** Constant dui_opacity_75 */ + /** @hidden Constant dui_opacity_75 */ CssClass dui_opacity_75 = () -> "dui-opacity-75"; - /** Constant dui_opacity_80 */ + /** @hidden Constant dui_opacity_80 */ CssClass dui_opacity_80 = () -> "dui-opacity-80"; - /** Constant dui_opacity_90 */ + /** @hidden Constant dui_opacity_90 */ CssClass dui_opacity_90 = () -> "dui-opacity-90"; - /** Constant dui_opacity_95 */ + /** @hidden Constant dui_opacity_95 */ CssClass dui_opacity_95 = () -> "dui-opacity-95"; - /** Constant dui_opacity_100 */ + /** @hidden Constant dui_opacity_100 */ CssClass dui_opacity_100 = () -> "dui-opacity-100"; - /** Constant dui_block */ - CssClass dui_block = () -> "dui-block"; - /** Constant dui_block_full */ - CssClass dui_block_full = () -> "dui-block-full"; - /** Constant dui_inline_block */ - CssClass dui_inline_block = () -> "dui-inline-block"; - /** Constant dui_inline */ - CssClass dui_inline = () -> "dui-inline"; - /** Constant dui_flex */ - CssClass dui_flex = () -> "dui-flex"; - /** Constant dui_inline_flex */ - CssClass dui_inline_flex = () -> "dui-inline-flex"; - /** Constant dui_flex_responsive */ + + /** @hidden Constant dui_block */ + CssClass dui_block = ReplaceCssClass.of(AggregatedCss.dui_display).replaceWith(() -> "dui-block"); + /** @hidden Constant dui_block_full */ + CssClass dui_block_full = + ReplaceCssClass.of(AggregatedCss.dui_display).replaceWith(() -> "dui-block-full"); + /** @hidden Constant dui_inline_block */ + CssClass dui_inline_block = + ReplaceCssClass.of(AggregatedCss.dui_display).replaceWith(() -> "dui-inline-block"); + /** @hidden Constant dui_inline */ + CssClass dui_inline = + ReplaceCssClass.of(AggregatedCss.dui_display).replaceWith(() -> "dui-inline"); + /** @hidden Constant dui_flex */ + CssClass dui_flex = ReplaceCssClass.of(AggregatedCss.dui_display).replaceWith(() -> "dui-flex"); + /** @hidden Constant dui_inline_flex */ + CssClass dui_inline_flex = + ReplaceCssClass.of(AggregatedCss.dui_display).replaceWith(() -> "dui-inline-flex"); + + /** @hidden Constant dui_table */ + CssClass dui_table = ReplaceCssClass.of(AggregatedCss.dui_display).replaceWith(() -> "dui-table"); + /** @hidden Constant dui_inline_table */ + CssClass dui_inline_table = + ReplaceCssClass.of(AggregatedCss.dui_display).replaceWith(() -> "dui-inline-table"); + /** @hidden Constant dui_table_caption */ + CssClass dui_table_caption = + ReplaceCssClass.of(AggregatedCss.dui_display).replaceWith(() -> "dui-table-caption"); + /** @hidden Constant dui_table_cell */ + CssClass dui_table_cell = + ReplaceCssClass.of(AggregatedCss.dui_display).replaceWith(() -> "dui-table-cell"); + /** @hidden Constant dui_table_column */ + CssClass dui_table_column = + ReplaceCssClass.of(AggregatedCss.dui_display).replaceWith(() -> "dui-table-column"); + /** @hidden Constant dui_table_column_group */ + CssClass dui_table_column_group = + ReplaceCssClass.of(AggregatedCss.dui_display).replaceWith(() -> "dui-table-column-group"); + /** @hidden Constant dui_table_footer_group */ + CssClass dui_table_footer_group = + ReplaceCssClass.of(AggregatedCss.dui_display).replaceWith(() -> "dui-table-footer-group"); + /** @hidden Constant dui_table_header_group */ + CssClass dui_table_header_group = + ReplaceCssClass.of(AggregatedCss.dui_display).replaceWith(() -> "dui-table-header-group"); + /** @hidden Constant dui_table_row_group */ + CssClass dui_table_row_group = + ReplaceCssClass.of(AggregatedCss.dui_display).replaceWith(() -> "dui-table-row-group"); + /** @hidden Constant dui_table_row */ + CssClass dui_table_row = + ReplaceCssClass.of(AggregatedCss.dui_display).replaceWith(() -> "dui-table-row"); + /** @hidden Constant dui_flow_root */ + CssClass dui_flow_root = + ReplaceCssClass.of(AggregatedCss.dui_display).replaceWith(() -> "dui-flow-root"); + /** @hidden Constant dui_grid */ + CssClass dui_grid = ReplaceCssClass.of(AggregatedCss.dui_display).replaceWith(() -> "dui-grid"); + /** @hidden Constant dui_inline_grid */ + CssClass dui_inline_grid = + ReplaceCssClass.of(AggregatedCss.dui_display).replaceWith(() -> "dui-inline-grid"); + /** @hidden Constant dui_contents */ + CssClass dui_contents = + ReplaceCssClass.of(AggregatedCss.dui_display).replaceWith(() -> "dui-contents"); + /** @hidden Constant dui_list_item */ + CssClass dui_list_item = + ReplaceCssClass.of(AggregatedCss.dui_display).replaceWith(() -> "dui-list-item"); + + /** @hidden Constant dui_flex_responsive */ CssClass dui_flex_responsive = () -> "dui-flex-responsive"; - /** Constant dui_flex_responsive_reverse */ + /** @hidden Constant dui_flex_responsive_reverse */ CssClass dui_flex_responsive_reverse = () -> "dui-flex-responsive-reverse"; - - /** Constant dui_table */ - CssClass dui_table = () -> "dui-table"; - /** Constant dui_inline_table */ - CssClass dui_inline_table = () -> "dui-inline-table"; - /** Constant dui_table_caption */ - CssClass dui_table_caption = () -> "dui-table-caption"; - /** Constant dui_table_cell */ - CssClass dui_table_cell = () -> "dui-table-cell"; - /** Constant dui_table_column */ - CssClass dui_table_column = () -> "dui-table-column"; - /** Constant dui_table_column_group */ - CssClass dui_table_column_group = () -> "dui-table-column-group"; - /** Constant dui_table_footer_group */ - CssClass dui_table_footer_group = () -> "dui-table-footer-group"; - /** Constant dui_table_header_group */ - CssClass dui_table_header_group = () -> "dui-table-header-group"; - /** Constant dui_table_row_group */ - CssClass dui_table_row_group = () -> "dui-table-row-group"; - /** Constant dui_table_row */ - CssClass dui_table_row = () -> "dui-table-row"; - /** Constant dui_flow_root */ - CssClass dui_flow_root = () -> "dui-flow-root"; - /** Constant dui_grid */ - CssClass dui_grid = () -> "dui-grid"; - /** Constant dui_inline_grid */ - CssClass dui_inline_grid = () -> "dui-inline-grid"; - /** Constant dui_contents */ - CssClass dui_contents = () -> "dui-contents"; - /** Constant dui_list_item */ - CssClass dui_list_item = () -> "dui-list-item"; - /** Constant dui_hidden */ + /** @hidden Constant dui_hidden */ CssClass dui_hidden = () -> "dui-hidden"; - /** Constant dui_float_right */ + /** @hidden Constant dui_float_right */ CssClass dui_float_right = () -> "dui-float-right"; - /** Constant dui_float_left */ + /** @hidden Constant dui_float_left */ CssClass dui_float_left = () -> "dui-float-left"; - /** Constant dui_float_none */ + /** @hidden Constant dui_float_none */ CssClass dui_float_none = () -> "dui-float-none"; - /** Constant dui_clear_left */ + /** @hidden Constant dui_clear_left */ CssClass dui_clear_left = () -> "dui-clear-left"; - /** Constant dui_clear_right */ + /** @hidden Constant dui_clear_right */ CssClass dui_clear_right = () -> "dui-clear-right"; - /** Constant dui_clear_both */ + /** @hidden Constant dui_clear_both */ CssClass dui_clear_both = () -> "dui-clear-both"; - /** Constant dui_clear_none */ + /** @hidden Constant dui_clear_none */ CssClass dui_clear_none = () -> "dui-clear-none"; - /** Constant dui_isolate */ + /** @hidden Constant dui_isolate */ CssClass dui_isolate = () -> "dui-isolate"; - /** Constant dui_isolation_auto */ + /** @hidden Constant dui_isolation_auto */ CssClass dui_isolation_auto = () -> "dui-isolation-auto"; - /** Constant dui_object_contain */ + /** @hidden Constant dui_object_contain */ CssClass dui_object_contain = () -> "dui-object-contain"; - /** Constant dui_object_cover */ + /** @hidden Constant dui_object_cover */ CssClass dui_object_cover = () -> "dui-object-cover"; - /** Constant dui_object_fill */ + /** @hidden Constant dui_object_fill */ CssClass dui_object_fill = () -> "dui-object-fill"; - /** Constant dui_object_none */ + /** @hidden Constant dui_object_none */ CssClass dui_object_none = () -> "dui-object-none"; - /** Constant dui_object_scale_down */ + /** @hidden Constant dui_object_scale_down */ CssClass dui_object_scale_down = () -> "dui-object-scale-down"; - /** Constant dui_object_bottom */ + /** @hidden Constant dui_object_bottom */ CssClass dui_object_bottom = () -> "dui-object-bottom"; - /** Constant dui_object_center */ + /** @hidden Constant dui_object_center */ CssClass dui_object_center = () -> "dui-object-center"; - /** Constant dui_object_left */ + /** @hidden Constant dui_object_left */ CssClass dui_object_left = () -> "dui-object-left"; - /** Constant dui_object_left_bottom */ + /** @hidden Constant dui_object_left_bottom */ CssClass dui_object_left_bottom = () -> "dui-object-left-bottom"; - /** Constant dui_object_left_top */ + /** @hidden Constant dui_object_left_top */ CssClass dui_object_left_top = () -> "dui-object-left-top"; - /** Constant dui_object_right */ + /** @hidden Constant dui_object_right */ CssClass dui_object_right = () -> "dui-object-right"; - /** Constant dui_object_right_bottom */ + /** @hidden Constant dui_object_right_bottom */ CssClass dui_object_right_bottom = () -> "dui-object-right-bottom"; - /** Constant dui_object_right_top */ + /** @hidden Constant dui_object_right_top */ CssClass dui_object_right_top = () -> "dui-object-right-top"; - /** Constant dui_object_top */ + /** @hidden Constant dui_object_top */ CssClass dui_object_top = () -> "dui-object-top"; - /** Constant dui_overflow_auto */ + /** @hidden Constant dui_overflow_auto */ CssClass dui_overflow_auto = () -> "dui-overflow-auto"; - /** Constant dui_overflow_hidden */ + /** @hidden Constant dui_overflow_hidden */ CssClass dui_overflow_hidden = () -> "dui-overflow-hidden"; - /** Constant dui_overflow_clip */ + /** @hidden Constant dui_overflow_clip */ CssClass dui_overflow_clip = () -> "dui-overflow-clip"; - /** Constant dui_overflow_visible */ + /** @hidden Constant dui_overflow_visible */ CssClass dui_overflow_visible = () -> "dui-overflow-visible"; - /** Constant dui_overflow_scroll */ + /** @hidden Constant dui_overflow_scroll */ CssClass dui_overflow_scroll = () -> "dui-overflow-scroll"; - /** Constant dui_overflow_x_auto */ + /** @hidden Constant dui_overflow_x_auto */ CssClass dui_overflow_x_auto = () -> "dui-overflow-x-auto"; - /** Constant dui_overflow_y_auto */ + /** @hidden Constant dui_overflow_y_auto */ CssClass dui_overflow_y_auto = () -> "dui-overflow-y-auto"; - /** Constant dui_overflow_x_hidden */ + /** @hidden Constant dui_overflow_x_hidden */ CssClass dui_overflow_x_hidden = () -> "dui-overflow-x-hidden"; - /** Constant dui_overflow_y_hidden */ + /** @hidden Constant dui_overflow_y_hidden */ CssClass dui_overflow_y_hidden = () -> "dui-overflow-y-hidden"; - /** Constant dui_overflow_x_clip */ + /** @hidden Constant dui_overflow_x_clip */ CssClass dui_overflow_x_clip = () -> "dui-overflow-x-clip"; - /** Constant dui_overflow_y_clip */ + /** @hidden Constant dui_overflow_y_clip */ CssClass dui_overflow_y_clip = () -> "dui-overflow-y-clip"; - /** Constant dui_overflow_x_visible */ + /** @hidden Constant dui_overflow_x_visible */ CssClass dui_overflow_x_visible = () -> "dui-overflow-x-visible"; - /** Constant dui_overflow_y_visible */ + /** @hidden Constant dui_overflow_y_visible */ CssClass dui_overflow_y_visible = () -> "dui-overflow-y-visible"; - /** Constant dui_overflow_x_scroll */ + /** @hidden Constant dui_overflow_x_scroll */ CssClass dui_overflow_x_scroll = () -> "dui-overflow-x-scroll"; - /** Constant dui_overflow_y_scroll */ + /** @hidden Constant dui_overflow_y_scroll */ CssClass dui_overflow_y_scroll = () -> "dui-overflow-y-scroll"; - /** Constant dui_overscroll_auto */ + /** @hidden Constant dui_overscroll_auto */ CssClass dui_overscroll_auto = () -> "dui-overscroll-auto"; - /** Constant dui_overscroll_contain */ + /** @hidden Constant dui_overscroll_contain */ CssClass dui_overscroll_contain = () -> "dui-overscroll-contain"; - /** Constant dui_overscroll_none */ + /** @hidden Constant dui_overscroll_none */ CssClass dui_overscroll_none = () -> "dui-overscroll-none"; - /** Constant dui_overscroll_y_auto */ + /** @hidden Constant dui_overscroll_y_auto */ CssClass dui_overscroll_y_auto = () -> "dui-overscroll-y-auto"; - /** Constant dui_overscroll_y_contain */ + /** @hidden Constant dui_overscroll_y_contain */ CssClass dui_overscroll_y_contain = () -> "dui-overscroll-y-contain"; - /** Constant dui_overscroll_y_none */ + /** @hidden Constant dui_overscroll_y_none */ CssClass dui_overscroll_y_none = () -> "dui-overscroll-y-none"; - /** Constant dui_overscroll_x_auto */ + /** @hidden Constant dui_overscroll_x_auto */ CssClass dui_overscroll_x_auto = () -> "dui-overscroll-x-auto"; - /** Constant dui_overscroll_x_contain */ + /** @hidden Constant dui_overscroll_x_contain */ CssClass dui_overscroll_x_contain = () -> "dui-overscroll-x-contain"; - /** Constant dui_overscroll_x_none */ + /** @hidden Constant dui_overscroll_x_none */ CssClass dui_overscroll_x_none = () -> "dui-overscroll-x-none"; - /** Constant dui_static_ */ + /** @hidden Constant dui_static_ */ CssClass dui_static_ = () -> "dui-static"; - /** Constant dui_fixed */ + /** @hidden Constant dui_fixed */ CssClass dui_fixed = () -> "dui-fixed"; - /** Constant dui_absolute */ + /** @hidden Constant dui_absolute */ CssClass dui_absolute = () -> "dui-absolute"; - /** Constant dui_relative */ + /** @hidden Constant dui_relative */ CssClass dui_relative = () -> "dui-relative"; - /** Constant dui_sticky */ + /** @hidden Constant dui_sticky */ CssClass dui_sticky = () -> "dui-sticky"; - /** Constant dui_inset_1 */ + /** @hidden Constant dui_inset_1 */ CssClass dui_inset_1 = () -> "dui-inset-1"; - /** Constant dui_inset_x_1 */ + /** @hidden Constant dui_inset_x_1 */ CssClass dui_inset_x_1 = () -> "dui-inset-x-1"; - /** Constant dui_inset_y_1 */ + /** @hidden Constant dui_inset_y_1 */ CssClass dui_inset_y_1 = () -> "dui-inset-y-1"; - /** Constant dui_bottom_1 */ + /** @hidden Constant dui_bottom_1 */ CssClass dui_bottom_1 = () -> "dui-bottom-1"; - /** Constant dui_inset_1_5 */ + /** @hidden Constant dui_inset_1_5 */ CssClass dui_inset_1_5 = () -> "dui-inset-1.5"; - /** Constant dui_inset_x_1_5 */ + /** @hidden Constant dui_inset_x_1_5 */ CssClass dui_inset_x_1_5 = () -> "dui-inset-x-1.5"; - /** Constant dui_inset_y_1_5 */ + /** @hidden Constant dui_inset_y_1_5 */ CssClass dui_inset_y_1_5 = () -> "dui-inset-y-1.5"; - /** Constant dui_bottom_1_5 */ + /** @hidden Constant dui_bottom_1_5 */ CssClass dui_bottom_1_5 = () -> "dui-bottom-1.5"; - /** Constant dui_inset_2 */ + /** @hidden Constant dui_inset_2 */ CssClass dui_inset_2 = () -> "dui-inset-2"; - /** Constant dui_inset_x_2 */ + /** @hidden Constant dui_inset_x_2 */ CssClass dui_inset_x_2 = () -> "dui-inset-x-2"; - /** Constant dui_inset_y_2 */ + /** @hidden Constant dui_inset_y_2 */ CssClass dui_inset_y_2 = () -> "dui-inset-y-2"; - /** Constant dui_bottom_2 */ + /** @hidden Constant dui_bottom_2 */ CssClass dui_bottom_2 = () -> "dui-bottom-2"; - /** Constant dui_inset_2_5 */ + /** @hidden Constant dui_inset_2_5 */ CssClass dui_inset_2_5 = () -> "dui-inset-2.5"; - /** Constant dui_inset_x_2_5 */ + /** @hidden Constant dui_inset_x_2_5 */ CssClass dui_inset_x_2_5 = () -> "dui-inset-x-2.5"; - /** Constant dui_inset_y_2_5 */ + /** @hidden Constant dui_inset_y_2_5 */ CssClass dui_inset_y_2_5 = () -> "dui-inset-y-2.5"; - /** Constant dui_bottom_2_5 */ + /** @hidden Constant dui_bottom_2_5 */ CssClass dui_bottom_2_5 = () -> "dui-bottom-2.5"; - /** Constant dui_inset_3 */ + /** @hidden Constant dui_inset_3 */ CssClass dui_inset_3 = () -> "dui-inset-3"; - /** Constant dui_inset_x_3 */ + /** @hidden Constant dui_inset_x_3 */ CssClass dui_inset_x_3 = () -> "dui-inset-x-3"; - /** Constant dui_inset_y_3 */ + /** @hidden Constant dui_inset_y_3 */ CssClass dui_inset_y_3 = () -> "dui-inset-y-3"; - /** Constant dui_bottom_3 */ + /** @hidden Constant dui_bottom_3 */ CssClass dui_bottom_3 = () -> "dui-bottom-3"; - /** Constant dui_inset_3_5 */ + /** @hidden Constant dui_inset_3_5 */ CssClass dui_inset_3_5 = () -> "dui-inset-3.5"; - /** Constant dui_inset_x_3_5 */ + /** @hidden Constant dui_inset_x_3_5 */ CssClass dui_inset_x_3_5 = () -> "dui-inset-x-3.5"; - /** Constant dui_inset_y_3_5 */ + /** @hidden Constant dui_inset_y_3_5 */ CssClass dui_inset_y_3_5 = () -> "dui-inset-y-3.5"; - /** Constant dui_bottom_3_5 */ + /** @hidden Constant dui_bottom_3_5 */ CssClass dui_bottom_3_5 = () -> "dui-bottom-3.5"; - /** Constant dui_inset_4 */ + /** @hidden Constant dui_inset_4 */ CssClass dui_inset_4 = () -> "dui-inset-4"; - /** Constant dui_inset_x_4 */ + /** @hidden Constant dui_inset_x_4 */ CssClass dui_inset_x_4 = () -> "dui-inset-x-4"; - /** Constant dui_inset_y_4 */ + /** @hidden Constant dui_inset_y_4 */ CssClass dui_inset_y_4 = () -> "dui-inset-y-4"; - /** Constant dui_bottom_4 */ + /** @hidden Constant dui_bottom_4 */ CssClass dui_bottom_4 = () -> "dui-bottom-4"; - /** Constant dui_inset_5 */ + /** @hidden Constant dui_inset_5 */ CssClass dui_inset_5 = () -> "dui-inset-5"; - /** Constant dui_inset_x_5 */ + /** @hidden Constant dui_inset_x_5 */ CssClass dui_inset_x_5 = () -> "dui-inset-x-5"; - /** Constant dui_inset_y_5 */ + /** @hidden Constant dui_inset_y_5 */ CssClass dui_inset_y_5 = () -> "dui-inset-y-5"; - /** Constant dui_bottom_5 */ + /** @hidden Constant dui_bottom_5 */ CssClass dui_bottom_5 = () -> "dui-bottom-5"; - /** Constant dui_inset_6 */ + /** @hidden Constant dui_inset_6 */ CssClass dui_inset_6 = () -> "dui-inset-6"; - /** Constant dui_inset_x_6 */ + /** @hidden Constant dui_inset_x_6 */ CssClass dui_inset_x_6 = () -> "dui-inset-x-6"; - /** Constant dui_inset_y_6 */ + /** @hidden Constant dui_inset_y_6 */ CssClass dui_inset_y_6 = () -> "dui-inset-y-6"; - /** Constant dui_bottom_6 */ + /** @hidden Constant dui_bottom_6 */ CssClass dui_bottom_6 = () -> "dui-bottom-6"; - /** Constant dui_inset_7 */ + /** @hidden Constant dui_inset_7 */ CssClass dui_inset_7 = () -> "dui-inset-7"; - /** Constant dui_inset_x_7 */ + /** @hidden Constant dui_inset_x_7 */ CssClass dui_inset_x_7 = () -> "dui-inset-x-7"; - /** Constant dui_inset_y_7 */ + /** @hidden Constant dui_inset_y_7 */ CssClass dui_inset_y_7 = () -> "dui-inset-y-7"; - /** Constant dui_bottom_7 */ + /** @hidden Constant dui_bottom_7 */ CssClass dui_bottom_7 = () -> "dui-bottom-7"; - /** Constant dui_inset_8 */ + /** @hidden Constant dui_inset_8 */ CssClass dui_inset_8 = () -> "dui-inset-8"; - /** Constant dui_inset_x_8 */ + /** @hidden Constant dui_inset_x_8 */ CssClass dui_inset_x_8 = () -> "dui-inset-x-8"; - /** Constant dui_inset_y_8 */ + /** @hidden Constant dui_inset_y_8 */ CssClass dui_inset_y_8 = () -> "dui-inset-y-8"; - /** Constant dui_bottom_8 */ + /** @hidden Constant dui_bottom_8 */ CssClass dui_bottom_8 = () -> "dui-bottom-8"; - /** Constant dui_inset_9 */ + /** @hidden Constant dui_inset_9 */ CssClass dui_inset_9 = () -> "dui-inset-9"; - /** Constant dui_inset_x_9 */ + /** @hidden Constant dui_inset_x_9 */ CssClass dui_inset_x_9 = () -> "dui-inset-x-9"; - /** Constant dui_inset_y_9 */ + /** @hidden Constant dui_inset_y_9 */ CssClass dui_inset_y_9 = () -> "dui-inset-y-9"; - /** Constant dui_bottom_9 */ + /** @hidden Constant dui_bottom_9 */ CssClass dui_bottom_9 = () -> "dui-bottom-9"; - /** Constant dui_inset_10 */ + /** @hidden Constant dui_inset_10 */ CssClass dui_inset_10 = () -> "dui-inset-10"; - /** Constant dui_inset_x_10 */ + /** @hidden Constant dui_inset_x_10 */ CssClass dui_inset_x_10 = () -> "dui-inset-x-10"; - /** Constant dui_inset_y_10 */ + /** @hidden Constant dui_inset_y_10 */ CssClass dui_inset_y_10 = () -> "dui-inset-y-10"; - /** Constant dui_bottom_10 */ + /** @hidden Constant dui_bottom_10 */ CssClass dui_bottom_10 = () -> "dui-bottom-10"; - /** Constant dui_inset_11 */ + /** @hidden Constant dui_inset_11 */ CssClass dui_inset_11 = () -> "dui-inset-11"; - /** Constant dui_inset_x_11 */ + /** @hidden Constant dui_inset_x_11 */ CssClass dui_inset_x_11 = () -> "dui-inset-x-11"; - /** Constant dui_inset_y_11 */ + /** @hidden Constant dui_inset_y_11 */ CssClass dui_inset_y_11 = () -> "dui-inset-y-11"; - /** Constant dui_bottom_11 */ + /** @hidden Constant dui_bottom_11 */ CssClass dui_bottom_11 = () -> "dui-bottom-11"; - /** Constant dui_inset_12 */ + /** @hidden Constant dui_inset_12 */ CssClass dui_inset_12 = () -> "dui-inset-12"; - /** Constant dui_inset_x_12 */ + /** @hidden Constant dui_inset_x_12 */ CssClass dui_inset_x_12 = () -> "dui-inset-x-12"; - /** Constant dui_inset_y_12 */ + /** @hidden Constant dui_inset_y_12 */ CssClass dui_inset_y_12 = () -> "dui-inset-y-12"; - /** Constant dui_bottom_12 */ + /** @hidden Constant dui_bottom_12 */ CssClass dui_bottom_12 = () -> "dui-bottom-12"; - /** Constant dui_inset_14 */ + /** @hidden Constant dui_inset_14 */ CssClass dui_inset_14 = () -> "dui-inset-14"; - /** Constant dui_inset_x_14 */ + /** @hidden Constant dui_inset_x_14 */ CssClass dui_inset_x_14 = () -> "dui-inset-x-14"; - /** Constant dui_inset_y_14 */ + /** @hidden Constant dui_inset_y_14 */ CssClass dui_inset_y_14 = () -> "dui-inset-y-14"; - /** Constant dui_bottom_14 */ + /** @hidden Constant dui_bottom_14 */ CssClass dui_bottom_14 = () -> "dui-bottom-14"; - /** Constant dui_inset_16 */ + /** @hidden Constant dui_inset_16 */ CssClass dui_inset_16 = () -> "dui-inset-16"; - /** Constant dui_inset_x_16 */ + /** @hidden Constant dui_inset_x_16 */ CssClass dui_inset_x_16 = () -> "dui-inset-x-16"; - /** Constant dui_inset_y_16 */ + /** @hidden Constant dui_inset_y_16 */ CssClass dui_inset_y_16 = () -> "dui-inset-y-16"; - /** Constant dui_bottom_16 */ + /** @hidden Constant dui_bottom_16 */ CssClass dui_bottom_16 = () -> "dui-bottom-16"; - /** Constant dui_inset_20 */ + /** @hidden Constant dui_inset_20 */ CssClass dui_inset_20 = () -> "dui-inset-20"; - /** Constant dui_inset_x_20 */ + /** @hidden Constant dui_inset_x_20 */ CssClass dui_inset_x_20 = () -> "dui-inset-x-20"; - /** Constant dui_inset_y_20 */ + /** @hidden Constant dui_inset_y_20 */ CssClass dui_inset_y_20 = () -> "dui-inset-y-20"; - /** Constant dui_bottom_20 */ + /** @hidden Constant dui_bottom_20 */ CssClass dui_bottom_20 = () -> "dui-bottom-20"; - /** Constant dui_inset_24 */ + /** @hidden Constant dui_inset_24 */ CssClass dui_inset_24 = () -> "dui-inset-24"; - /** Constant dui_inset_x_24 */ + /** @hidden Constant dui_inset_x_24 */ CssClass dui_inset_x_24 = () -> "dui-inset-x-24"; - /** Constant dui_inset_y_24 */ + /** @hidden Constant dui_inset_y_24 */ CssClass dui_inset_y_24 = () -> "dui-inset-y-24"; - /** Constant dui_bottom_24 */ + /** @hidden Constant dui_bottom_24 */ CssClass dui_bottom_24 = () -> "dui-bottom-24"; - /** Constant dui_inset_28 */ + /** @hidden Constant dui_inset_28 */ CssClass dui_inset_28 = () -> "dui-inset-28"; - /** Constant dui_inset_x_28 */ + /** @hidden Constant dui_inset_x_28 */ CssClass dui_inset_x_28 = () -> "dui-inset-x-28"; - /** Constant dui_inset_y_28 */ + /** @hidden Constant dui_inset_y_28 */ CssClass dui_inset_y_28 = () -> "dui-inset-y-28"; - /** Constant dui_bottom_28 */ + /** @hidden Constant dui_bottom_28 */ CssClass dui_bottom_28 = () -> "dui-bottom-28"; - /** Constant dui_inset_32 */ + /** @hidden Constant dui_inset_32 */ CssClass dui_inset_32 = () -> "dui-inset-32"; - /** Constant dui_inset_x_32 */ + /** @hidden Constant dui_inset_x_32 */ CssClass dui_inset_x_32 = () -> "dui-inset-x-32"; - /** Constant dui_inset_y_32 */ + /** @hidden Constant dui_inset_y_32 */ CssClass dui_inset_y_32 = () -> "dui-inset-y-32"; - /** Constant dui_bottom_32 */ + /** @hidden Constant dui_bottom_32 */ CssClass dui_bottom_32 = () -> "dui-bottom-32"; - /** Constant dui_inset_36 */ + /** @hidden Constant dui_inset_36 */ CssClass dui_inset_36 = () -> "dui-inset-36"; - /** Constant dui_inset_x_36 */ + /** @hidden Constant dui_inset_x_36 */ CssClass dui_inset_x_36 = () -> "dui-inset-x-36"; - /** Constant dui_inset_y_36 */ + /** @hidden Constant dui_inset_y_36 */ CssClass dui_inset_y_36 = () -> "dui-inset-y-36"; - /** Constant dui_bottom_36 */ + /** @hidden Constant dui_bottom_36 */ CssClass dui_bottom_36 = () -> "dui-bottom-36"; - /** Constant dui_inset_40 */ + /** @hidden Constant dui_inset_40 */ CssClass dui_inset_40 = () -> "dui-inset-40"; - /** Constant dui_inset_x_40 */ + /** @hidden Constant dui_inset_x_40 */ CssClass dui_inset_x_40 = () -> "dui-inset-x-40"; - /** Constant dui_inset_y_40 */ + /** @hidden Constant dui_inset_y_40 */ CssClass dui_inset_y_40 = () -> "dui-inset-y-40"; - /** Constant dui_bottom_40 */ + /** @hidden Constant dui_bottom_40 */ CssClass dui_bottom_40 = () -> "dui-bottom-40"; - /** Constant dui_inset_44 */ + /** @hidden Constant dui_inset_44 */ CssClass dui_inset_44 = () -> "dui-inset-44"; - /** Constant dui_inset_x_44 */ + /** @hidden Constant dui_inset_x_44 */ CssClass dui_inset_x_44 = () -> "dui-inset-x-44"; - /** Constant dui_inset_y_44 */ + /** @hidden Constant dui_inset_y_44 */ CssClass dui_inset_y_44 = () -> "dui-inset-y-44"; - /** Constant dui_bottom_44 */ + /** @hidden Constant dui_bottom_44 */ CssClass dui_bottom_44 = () -> "dui-bottom-44"; - /** Constant dui_inset_48 */ + /** @hidden Constant dui_inset_48 */ CssClass dui_inset_48 = () -> "dui-inset-48"; - /** Constant dui_inset_x_48 */ + /** @hidden Constant dui_inset_x_48 */ CssClass dui_inset_x_48 = () -> "dui-inset-x-48"; - /** Constant dui_inset_y_48 */ + /** @hidden Constant dui_inset_y_48 */ CssClass dui_inset_y_48 = () -> "dui-inset-y-48"; - /** Constant dui_bottom_48 */ + /** @hidden Constant dui_bottom_48 */ CssClass dui_bottom_48 = () -> "dui-bottom-48"; - /** Constant dui_inset_52 */ + /** @hidden Constant dui_inset_52 */ CssClass dui_inset_52 = () -> "dui-inset-52"; - /** Constant dui_inset_x_52 */ + /** @hidden Constant dui_inset_x_52 */ CssClass dui_inset_x_52 = () -> "dui-inset-x-52"; - /** Constant dui_inset_y_52 */ + /** @hidden Constant dui_inset_y_52 */ CssClass dui_inset_y_52 = () -> "dui-inset-y-52"; - /** Constant dui_bottom_52 */ + /** @hidden Constant dui_bottom_52 */ CssClass dui_bottom_52 = () -> "dui-bottom-52"; - /** Constant dui_inset_56 */ + /** @hidden Constant dui_inset_56 */ CssClass dui_inset_56 = () -> "dui-inset-56"; - /** Constant dui_inset_x_56 */ + /** @hidden Constant dui_inset_x_56 */ CssClass dui_inset_x_56 = () -> "dui-inset-x-56"; - /** Constant dui_inset_y_56 */ + /** @hidden Constant dui_inset_y_56 */ CssClass dui_inset_y_56 = () -> "dui-inset-y-56"; - /** Constant dui_bottom_56 */ + /** @hidden Constant dui_bottom_56 */ CssClass dui_bottom_56 = () -> "dui-bottom-56"; - /** Constant dui_inset_60 */ + /** @hidden Constant dui_inset_60 */ CssClass dui_inset_60 = () -> "dui-inset-60"; - /** Constant dui_inset_x_60 */ + /** @hidden Constant dui_inset_x_60 */ CssClass dui_inset_x_60 = () -> "dui-inset-x-60"; - /** Constant dui_inset_y_60 */ + /** @hidden Constant dui_inset_y_60 */ CssClass dui_inset_y_60 = () -> "dui-inset-y-60"; - /** Constant dui_bottom_60 */ + /** @hidden Constant dui_bottom_60 */ CssClass dui_bottom_60 = () -> "dui-bottom-60"; - /** Constant dui_inset_64 */ + /** @hidden Constant dui_inset_64 */ CssClass dui_inset_64 = () -> "dui-inset-64"; - /** Constant dui_inset_x_64 */ + /** @hidden Constant dui_inset_x_64 */ CssClass dui_inset_x_64 = () -> "dui-inset-x-64"; - /** Constant dui_inset_y_64 */ + /** @hidden Constant dui_inset_y_64 */ CssClass dui_inset_y_64 = () -> "dui-inset-y-64"; - /** Constant dui_bottom_64 */ + /** @hidden Constant dui_bottom_64 */ CssClass dui_bottom_64 = () -> "dui-bottom-64"; - /** Constant dui_inset_72 */ + /** @hidden Constant dui_inset_72 */ CssClass dui_inset_72 = () -> "dui-inset-72"; - /** Constant dui_inset_x_72 */ + /** @hidden Constant dui_inset_x_72 */ CssClass dui_inset_x_72 = () -> "dui-inset-x-72"; - /** Constant dui_inset_y_72 */ + /** @hidden Constant dui_inset_y_72 */ CssClass dui_inset_y_72 = () -> "dui-inset-y-72"; - /** Constant dui_bottom_72 */ + /** @hidden Constant dui_bottom_72 */ CssClass dui_bottom_72 = () -> "dui-bottom-72"; - /** Constant dui_inset_80 */ + /** @hidden Constant dui_inset_80 */ CssClass dui_inset_80 = () -> "dui-inset-80"; - /** Constant dui_inset_x_80 */ + /** @hidden Constant dui_inset_x_80 */ CssClass dui_inset_x_80 = () -> "dui-inset-x-80"; - /** Constant dui_inset_y_80 */ + /** @hidden Constant dui_inset_y_80 */ CssClass dui_inset_y_80 = () -> "dui-inset-y-80"; - /** Constant dui_bottom_80 */ + /** @hidden Constant dui_bottom_80 */ CssClass dui_bottom_80 = () -> "dui-bottom-80"; - /** Constant dui_inset_96 */ + /** @hidden Constant dui_inset_96 */ CssClass dui_inset_96 = () -> "dui-inset-96"; - /** Constant dui_inset_x_96 */ + /** @hidden Constant dui_inset_x_96 */ CssClass dui_inset_x_96 = () -> "dui-inset-x-96"; - /** Constant dui_inset_y_96 */ + /** @hidden Constant dui_inset_y_96 */ CssClass dui_inset_y_96 = () -> "dui-inset-y-96"; - /** Constant dui_bottom_96 */ + /** @hidden Constant dui_bottom_96 */ CssClass dui_bottom_96 = () -> "dui-bottom-96"; - /** Constant dui_inset_auto */ + /** @hidden Constant dui_inset_auto */ CssClass dui_inset_auto = () -> "dui-inset-auto"; - /** Constant dui_inset_1_2 */ + /** @hidden Constant dui_inset_1_2 */ CssClass dui_inset_1_2 = () -> "dui-inset-1_2"; - /** Constant dui_inset_1_3 */ + /** @hidden Constant dui_inset_1_3 */ CssClass dui_inset_1_3 = () -> "dui-inset-1_3"; - /** Constant dui_inset_2_3 */ + /** @hidden Constant dui_inset_2_3 */ CssClass dui_inset_2_3 = () -> "dui-inset-2_3"; - /** Constant dui_inset_1_4 */ + /** @hidden Constant dui_inset_1_4 */ CssClass dui_inset_1_4 = () -> "dui-inset-1_4"; - /** Constant dui_inset_2_4 */ + /** @hidden Constant dui_inset_2_4 */ CssClass dui_inset_2_4 = () -> "dui-inset-2_4"; - /** Constant dui_inset_3_4 */ + /** @hidden Constant dui_inset_3_4 */ CssClass dui_inset_3_4 = () -> "dui-inset-3_4"; - /** Constant dui_inset_full */ + /** @hidden Constant dui_inset_full */ CssClass dui_inset_full = () -> "dui-inset-full"; - /** Constant dui_inset_x_auto */ + /** @hidden Constant dui_inset_x_auto */ CssClass dui_inset_x_auto = () -> "dui-inset-x-auto"; - /** Constant dui_inset_x_1_2 */ + /** @hidden Constant dui_inset_x_1_2 */ CssClass dui_inset_x_1_2 = () -> "dui-inset-x-1_2"; - /** Constant dui_inset_x_1_3 */ + /** @hidden Constant dui_inset_x_1_3 */ CssClass dui_inset_x_1_3 = () -> "dui-inset-x-1_3"; - /** Constant dui_inset_x_2_3 */ + /** @hidden Constant dui_inset_x_2_3 */ CssClass dui_inset_x_2_3 = () -> "dui-inset-x-2_3"; - /** Constant dui_inset_x_1_4 */ + /** @hidden Constant dui_inset_x_1_4 */ CssClass dui_inset_x_1_4 = () -> "dui-inset-x-1_4"; - /** Constant dui_inset_x_2_4 */ + /** @hidden Constant dui_inset_x_2_4 */ CssClass dui_inset_x_2_4 = () -> "dui-inset-x-2_4"; - /** Constant dui_inset_x_3_4 */ + /** @hidden Constant dui_inset_x_3_4 */ CssClass dui_inset_x_3_4 = () -> "dui-inset-x-3_4"; - /** Constant dui_inset_x_full */ + /** @hidden Constant dui_inset_x_full */ CssClass dui_inset_x_full = () -> "dui-inset-x-full"; - /** Constant dui_inset_y_auto */ + /** @hidden Constant dui_inset_y_auto */ CssClass dui_inset_y_auto = () -> "dui-inset-y-auto"; - /** Constant dui_inset_y_1_2 */ + /** @hidden Constant dui_inset_y_1_2 */ CssClass dui_inset_y_1_2 = () -> "dui-inset-y-1_2"; - /** Constant dui_inset_y_1_3 */ + /** @hidden Constant dui_inset_y_1_3 */ CssClass dui_inset_y_1_3 = () -> "dui-inset-y-1_3"; - /** Constant dui_inset_y_2_3 */ + /** @hidden Constant dui_inset_y_2_3 */ CssClass dui_inset_y_2_3 = () -> "dui-inset-y-2_3"; - /** Constant dui_inset_y_1_4 */ + /** @hidden Constant dui_inset_y_1_4 */ CssClass dui_inset_y_1_4 = () -> "dui-inset-y-1_4"; - /** Constant dui_inset_y_2_4 */ + /** @hidden Constant dui_inset_y_2_4 */ CssClass dui_inset_y_2_4 = () -> "dui-inset-y-2_4"; - /** Constant dui_inset_y_3_4 */ + /** @hidden Constant dui_inset_y_3_4 */ CssClass dui_inset_y_3_4 = () -> "dui-inset-y-3_4"; - /** Constant dui_inset_y_full */ + /** @hidden Constant dui_inset_y_full */ CssClass dui_inset_y_full = () -> "dui-inset-y-full"; - /** Constant dui_bottom_0 */ + /** @hidden Constant dui_bottom_0 */ CssClass dui_bottom_0 = () -> "dui-bottom-0"; - /** Constant dui_inset_y_0_5 */ + /** @hidden Constant dui_inset_y_0_5 */ CssClass dui_inset_y_0_5 = () -> "dui-inset-y-0.5"; - /** Constant dui_bottom_0_5 */ + /** @hidden Constant dui_bottom_0_5 */ CssClass dui_bottom_0_5 = () -> "dui-bottom-0.5"; - /** Constant dui_inset_0 */ + /** @hidden Constant dui_inset_0 */ CssClass dui_inset_0 = () -> "dui-inset-0"; - /** Constant dui_inset_x_0 */ + /** @hidden Constant dui_inset_x_0 */ CssClass dui_inset_x_0 = () -> "dui-inset-x-0"; - /** Constant dui_inset_y_0 */ + /** @hidden Constant dui_inset_y_0 */ CssClass dui_inset_y_0 = () -> "dui-inset-y-0"; - /** Constant dui_inset_px */ + /** @hidden Constant dui_inset_px */ CssClass dui_inset_px = () -> "dui-inset-px"; - /** Constant dui_inset_x_px */ + /** @hidden Constant dui_inset_x_px */ CssClass dui_inset_x_px = () -> "dui-inset-x-px"; - /** Constant dui_inset_y_px */ + /** @hidden Constant dui_inset_y_px */ CssClass dui_inset_y_px = () -> "dui-inset-y-px"; - /** Constant dui_bottom_px */ + /** @hidden Constant dui_bottom_px */ CssClass dui_bottom_px = () -> "dui-bottom-px"; - /** Constant dui_inset_0_5 */ + /** @hidden Constant dui_inset_0_5 */ CssClass dui_inset_0_5 = () -> "dui-inset-0.5"; - /** Constant dui_inset_x_0_5 */ + /** @hidden Constant dui_inset_x_0_5 */ CssClass dui_inset_x_0_5 = () -> "dui-inset-x-0.5"; CssClass dui_bottom_auto = () -> "dui-bottom-auto"; - /** Constant dui_bottom_1_2 */ + /** @hidden Constant dui_bottom_1_2 */ CssClass dui_bottom_1_2 = () -> "dui-bottom-1_2"; - /** Constant dui_bottom_1_3 */ + /** @hidden Constant dui_bottom_1_3 */ CssClass dui_bottom_1_3 = () -> "dui-bottom-1_3"; - /** Constant dui_bottom_2_3 */ + /** @hidden Constant dui_bottom_2_3 */ CssClass dui_bottom_2_3 = () -> "dui-bottom-2_3"; - /** Constant dui_bottom_1_4 */ + /** @hidden Constant dui_bottom_1_4 */ CssClass dui_bottom_1_4 = () -> "dui-bottom-1_4"; - /** Constant dui_bottom_2_4 */ + /** @hidden Constant dui_bottom_2_4 */ CssClass dui_bottom_2_4 = () -> "dui-bottom-2_4"; - /** Constant dui_bottom_3_4 */ + /** @hidden Constant dui_bottom_3_4 */ CssClass dui_bottom_3_4 = () -> "dui-bottom-3_4"; - /** Constant dui_bottom_full */ + /** @hidden Constant dui_bottom_full */ CssClass dui_bottom_full = () -> "dui-bottom-full"; CssClass dui_visible = () -> "dui-visible"; - /** Constant dui_invisible */ + /** @hidden Constant dui_invisible */ CssClass dui_invisible = () -> "dui-invisible"; - /** Constant dui_border_solid */ + /** @hidden Constant dui_border_solid */ CssClass dui_border_solid = () -> "dui-border-solid"; - /** Constant dui_border_dashed */ + /** @hidden Constant dui_border_dashed */ CssClass dui_border_dashed = () -> "dui-border-dashed"; - /** Constant dui_border_dotted */ + /** @hidden Constant dui_border_dotted */ CssClass dui_border_dotted = () -> "dui-border-dotted"; - /** Constant dui_border_double */ + /** @hidden Constant dui_border_double */ CssClass dui_border_double = () -> "dui-border-double"; - /** Constant dui_border_hidden */ + /** @hidden Constant dui_border_hidden */ CssClass dui_border_hidden = () -> "dui-border-hidden"; - /** Constant dui_border_none */ + /** @hidden Constant dui_border_none */ CssClass dui_border_none = () -> "dui-border-none"; - /** Constant dui_divide_solid */ + /** @hidden Constant dui_divide_solid */ CssClass dui_divide_solid = () -> "dui-divide-solid"; - /** Constant dui_divide_dashed */ + /** @hidden Constant dui_divide_dashed */ CssClass dui_divide_dashed = () -> "dui-divide-dashed"; - /** Constant dui_divide_dotted */ + /** @hidden Constant dui_divide_dotted */ CssClass dui_divide_dotted = () -> "dui-divide-dotted"; - /** Constant dui_divide_double */ + /** @hidden Constant dui_divide_double */ CssClass dui_divide_double = () -> "dui-divide-double"; - /** Constant dui_divide_none */ + /** @hidden Constant dui_divide_none */ CssClass dui_divide_none = () -> "dui-divide-none"; - /** Constant dui_outline_none */ + /** @hidden Constant dui_outline_none */ CssClass dui_outline_none = () -> "dui-outline-none"; - /** Constant dui_outline */ + /** @hidden Constant dui_outline */ CssClass dui_outline = () -> "dui-outline"; - /** Constant dui_outline_dashed */ + /** @hidden Constant dui_outline_dashed */ CssClass dui_outline_dashed = () -> "dui-outline-dashed"; - /** Constant dui_outline_dotted */ + /** @hidden Constant dui_outline_dotted */ CssClass dui_outline_dotted = () -> "dui-outline-dotted"; - /** Constant dui_outline_double */ + /** @hidden Constant dui_outline_double */ CssClass dui_outline_double = () -> "dui-outline-double"; - /** Constant dui_outline_hidden */ + /** @hidden Constant dui_outline_hidden */ CssClass dui_outline_hidden = () -> "dui-outline-hidden"; - /** Constant dui_elevation_none */ + /** @hidden Constant dui_elevation_none */ CssClass dui_elevation_none = () -> "dui-elevation-none"; - /** Constant dui_elevation_sm */ + /** @hidden Constant dui_elevation_sm */ CssClass dui_elevation_sm = () -> "dui-elevation-sm"; - /** Constant dui_elevation */ + /** @hidden Constant dui_elevation */ CssClass dui_elevation = () -> "dui-elevation"; - /** Constant dui_elevation_md */ + /** @hidden Constant dui_elevation_md */ CssClass dui_elevation_md = () -> "dui-elevation-md"; - /** Constant dui_elevation_lg */ + /** @hidden Constant dui_elevation_lg */ CssClass dui_elevation_lg = () -> "dui-elevation-lg"; - /** Constant dui_elevation_xl */ + /** @hidden Constant dui_elevation_xl */ CssClass dui_elevation_xl = () -> "dui-elevation-xl"; - /** Constant dui_elevation_2xl */ + /** @hidden Constant dui_elevation_2xl */ CssClass dui_elevation_2xl = () -> "dui-elevation-2xl"; - /** Constant dui_elevation_inner */ + /** @hidden Constant dui_elevation_inner */ CssClass dui_elevation_inner = () -> "dui-elevation-inner"; - /** Constant dui_elevation_0 */ + /** @hidden Constant dui_elevation_0 */ CssClass dui_elevation_0 = () -> "dui-elevation-0"; - /** Constant dui_elevation_1 */ + /** @hidden Constant dui_elevation_1 */ CssClass dui_elevation_1 = () -> "dui-elevation-1"; - /** Constant dui_elevation_2 */ + /** @hidden Constant dui_elevation_2 */ CssClass dui_elevation_2 = () -> "dui-elevation-2"; - /** Constant dui_elevation_3 */ + /** @hidden Constant dui_elevation_3 */ CssClass dui_elevation_3 = () -> "dui-elevation-3"; - /** Constant dui_elevation_4 */ + /** @hidden Constant dui_elevation_4 */ CssClass dui_elevation_4 = () -> "dui-elevation-4"; - /** Constant dui_elevation_5 */ + /** @hidden Constant dui_elevation_5 */ CssClass dui_elevation_5 = () -> "dui-elevation-5"; - /** Constant dui_elevation_6 */ + /** @hidden Constant dui_elevation_6 */ CssClass dui_elevation_6 = () -> "dui-elevation-6"; - /** Constant dui_elevation_7 */ + /** @hidden Constant dui_elevation_7 */ CssClass dui_elevation_7 = () -> "dui-elevation-7"; - /** Constant dui_elevation_8 */ + /** @hidden Constant dui_elevation_8 */ CssClass dui_elevation_8 = () -> "dui-elevation-8"; - /** Constant dui_elevation_9 */ + /** @hidden Constant dui_elevation_9 */ CssClass dui_elevation_9 = () -> "dui-elevation-9"; - /** Constant dui_elevation_10 */ + /** @hidden Constant dui_elevation_10 */ CssClass dui_elevation_10 = () -> "dui-elevation-10"; - /** Constant dui_elevation_11 */ + /** @hidden Constant dui_elevation_11 */ CssClass dui_elevation_11 = () -> "dui-elevation-11"; - /** Constant dui_elevation_12 */ + /** @hidden Constant dui_elevation_12 */ CssClass dui_elevation_12 = () -> "dui-elevation-12"; - /** Constant dui_elevation_13 */ + /** @hidden Constant dui_elevation_13 */ CssClass dui_elevation_13 = () -> "dui-elevation-13"; - /** Constant dui_elevation_14 */ + /** @hidden Constant dui_elevation_14 */ CssClass dui_elevation_14 = () -> "dui-elevation-14"; - /** Constant dui_elevation_15 */ + /** @hidden Constant dui_elevation_15 */ CssClass dui_elevation_15 = () -> "dui-elevation-15"; - /** Constant dui_elevation_16 */ + /** @hidden Constant dui_elevation_16 */ CssClass dui_elevation_16 = () -> "dui-elevation-16"; - /** Constant dui_elevation_17 */ + /** @hidden Constant dui_elevation_17 */ CssClass dui_elevation_17 = () -> "dui-elevation-17"; - /** Constant dui_elevation_18 */ + /** @hidden Constant dui_elevation_18 */ CssClass dui_elevation_18 = () -> "dui-elevation-18"; - /** Constant dui_elevation_19 */ + /** @hidden Constant dui_elevation_19 */ CssClass dui_elevation_19 = () -> "dui-elevation-19"; - /** Constant dui_elevation_20 */ + /** @hidden Constant dui_elevation_20 */ CssClass dui_elevation_20 = () -> "dui-elevation-20"; - /** Constant dui_elevation_21 */ + /** @hidden Constant dui_elevation_21 */ CssClass dui_elevation_21 = () -> "dui-elevation-21"; - /** Constant dui_elevation_22 */ + /** @hidden Constant dui_elevation_22 */ CssClass dui_elevation_22 = () -> "dui-elevation-22"; - /** Constant dui_elevation_23 */ + /** @hidden Constant dui_elevation_23 */ CssClass dui_elevation_23 = () -> "dui-elevation-23"; - /** Constant dui_elevation_24 */ + /** @hidden Constant dui_elevation_24 */ CssClass dui_elevation_24 = () -> "dui-elevation-24"; - /** Constant dui_cursor_auto */ + /** @hidden Constant dui_cursor_auto */ CssClass dui_cursor_auto = () -> "dui-cursor-auto"; - /** Constant dui_cursor_default */ + /** @hidden Constant dui_cursor_default */ CssClass dui_cursor_default = () -> "dui-cursor-default"; - /** Constant dui_cursor_pointer */ + /** @hidden Constant dui_cursor_pointer */ CssClass dui_cursor_pointer = () -> "dui-cursor-pointer"; - /** Constant dui_cursor_wait */ + /** @hidden Constant dui_cursor_wait */ CssClass dui_cursor_wait = () -> "dui-cursor-wait"; - /** Constant dui_cursor_text */ + /** @hidden Constant dui_cursor_text */ CssClass dui_cursor_text = () -> "dui-cursor-text"; - /** Constant dui_cursor_move */ + /** @hidden Constant dui_cursor_move */ CssClass dui_cursor_move = () -> "dui-cursor-move"; - /** Constant dui_cursor_help */ + /** @hidden Constant dui_cursor_help */ CssClass dui_cursor_help = () -> "dui-cursor-help"; - /** Constant dui_cursor_not_allowed */ + /** @hidden Constant dui_cursor_not_allowed */ CssClass dui_cursor_not_allowed = () -> "dui-cursor-not-allowed"; - /** Constant dui_cursor_none */ + /** @hidden Constant dui_cursor_none */ CssClass dui_cursor_none = () -> "dui-cursor-none"; - /** Constant dui_cursor_context_menu */ + /** @hidden Constant dui_cursor_context_menu */ CssClass dui_cursor_context_menu = () -> "dui-cursor-context-menu"; - /** Constant dui_cursor_progress */ + /** @hidden Constant dui_cursor_progress */ CssClass dui_cursor_progress = () -> "dui-cursor-progress"; - /** Constant dui_cursor_cell */ + /** @hidden Constant dui_cursor_cell */ CssClass dui_cursor_cell = () -> "dui-cursor-cell"; - /** Constant dui_cursor_crosshair */ + /** @hidden Constant dui_cursor_crosshair */ CssClass dui_cursor_crosshair = () -> "dui-cursor-crosshair"; - /** Constant dui_cursor_vertical_text */ + /** @hidden Constant dui_cursor_vertical_text */ CssClass dui_cursor_vertical_text = () -> "dui-cursor-vertical-text"; - /** Constant dui_cursor_alias */ + /** @hidden Constant dui_cursor_alias */ CssClass dui_cursor_alias = () -> "dui-cursor-alias"; - /** Constant dui_cursor_copy */ + /** @hidden Constant dui_cursor_copy */ CssClass dui_cursor_copy = () -> "dui-cursor-copy"; - /** Constant dui_cursor_no_drop */ + /** @hidden Constant dui_cursor_no_drop */ CssClass dui_cursor_no_drop = () -> "dui-cursor-no-drop"; - /** Constant dui_cursor_grab */ + /** @hidden Constant dui_cursor_grab */ CssClass dui_cursor_grab = () -> "dui-cursor-grab"; - /** Constant dui_cursor_grabbing */ + /** @hidden Constant dui_cursor_grabbing */ CssClass dui_cursor_grabbing = () -> "dui-cursor-grabbing"; - /** Constant dui_cursor_all_scroll */ + /** @hidden Constant dui_cursor_all_scroll */ CssClass dui_cursor_all_scroll = () -> "dui-cursor-all-scroll"; - /** Constant dui_cursor_col_resize */ + /** @hidden Constant dui_cursor_col_resize */ CssClass dui_cursor_col_resize = () -> "dui-cursor-col-resize"; - /** Constant dui_cursor_row_resize */ + /** @hidden Constant dui_cursor_row_resize */ CssClass dui_cursor_row_resize = () -> "dui-cursor-row-resize"; - /** Constant dui_cursor_n_resize */ + /** @hidden Constant dui_cursor_n_resize */ CssClass dui_cursor_n_resize = () -> "dui-cursor-n-resize"; - /** Constant dui_cursor_e_resize */ + /** @hidden Constant dui_cursor_e_resize */ CssClass dui_cursor_e_resize = () -> "dui-cursor-e-resize"; - /** Constant dui_cursor_s_resize */ + /** @hidden Constant dui_cursor_s_resize */ CssClass dui_cursor_s_resize = () -> "dui-cursor-s-resize"; - /** Constant dui_cursor_w_resize */ + /** @hidden Constant dui_cursor_w_resize */ CssClass dui_cursor_w_resize = () -> "dui-cursor-w-resize"; - /** Constant dui_cursor_ne_resize */ + /** @hidden Constant dui_cursor_ne_resize */ CssClass dui_cursor_ne_resize = () -> "dui-cursor-ne-resize"; - /** Constant dui_cursor_nw_resize */ + /** @hidden Constant dui_cursor_nw_resize */ CssClass dui_cursor_nw_resize = () -> "dui-cursor-nw-resize"; - /** Constant dui_cursor_se_resize */ + /** @hidden Constant dui_cursor_se_resize */ CssClass dui_cursor_se_resize = () -> "dui-cursor-se-resize"; - /** Constant dui_cursor_sw_resize */ + /** @hidden Constant dui_cursor_sw_resize */ CssClass dui_cursor_sw_resize = () -> "dui-cursor-sw-resize"; - /** Constant dui_cursor_ew_resize */ + /** @hidden Constant dui_cursor_ew_resize */ CssClass dui_cursor_ew_resize = () -> "dui-cursor-ew-resize"; - /** Constant dui_cursor_ns_resize */ + /** @hidden Constant dui_cursor_ns_resize */ CssClass dui_cursor_ns_resize = () -> "dui-cursor-ns-resize"; - /** Constant dui_cursor_nesw_resize */ + /** @hidden Constant dui_cursor_nesw_resize */ CssClass dui_cursor_nesw_resize = () -> "dui-cursor-nesw-resize"; - /** Constant dui_cursor_nwse_resize */ + /** @hidden Constant dui_cursor_nwse_resize */ CssClass dui_cursor_nwse_resize = () -> "dui-cursor-nwse-resize"; - /** Constant dui_cursor_zoom_in */ + /** @hidden Constant dui_cursor_zoom_in */ CssClass dui_cursor_zoom_in = () -> "dui-cursor-zoom-in"; - /** Constant dui_cursor_zoom_out */ + /** @hidden Constant dui_cursor_zoom_out */ CssClass dui_cursor_zoom_out = () -> "dui-cursor-zoom-out"; } diff --git a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/DominoStyle.java b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/DominoStyle.java index 73662ee14..885a3d8e8 100644 --- a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/DominoStyle.java +++ b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/DominoStyle.java @@ -18,863 +18,879 @@ import elemental2.dom.Element; import java.util.function.Predicate; -/** DominoStyle interface. */ +/** + * Interface to represent the various CSS styles that can be applied to a DOM {@link Element}. It + * provides a fluent API for applying and manipulating the styles of elements. + * + * @param The type of DOM element this style applies to. + * @param The return type after applying a style, typically an instance of the element's type or + * a subclass. + */ public interface DominoStyle { + /** - * setCssProperty. + * Sets a CSS property with the given name and string value. * - * @param name a {@link java.lang.String} object. - * @param value a {@link java.lang.String} object. - * @return a R object. + * @param name The name of the CSS property. + * @param value The string value for the CSS property. + * @return The updated style. */ R setCssProperty(String name, String value); /** - * setCssProperty. + * Sets a CSS property with the given name and {@link Number} value. * - * @param name a {@link java.lang.String} object. - * @param value a {@link java.lang.Number} object. - * @return a R object. + * @param name The name of the CSS property. + * @param value The {@link Number} value for the CSS property. + * @return The updated style. */ R setCssProperty(String name, Number value); /** - * setCssProperty. + * Sets a CSS property with the given name and integer value. * - * @param name a {@link java.lang.String} object. - * @param value a int. - * @return a R object. + * @param name The name of the CSS property. + * @param value The integer value for the CSS property. + * @return The updated style. */ R setCssProperty(String name, int value); /** - * setCssProperty. + * Sets a CSS property with the given name and double value. * - * @param name a {@link java.lang.String} object. - * @param value a double. - * @return a R object. + * @param name The name of the CSS property. + * @param value The double value for the CSS property. + * @return The updated style. */ R setCssProperty(String name, double value); /** - * setCssProperty. + * Sets a CSS property with the given name and short value. * - * @param name a {@link java.lang.String} object. - * @param value a short. - * @return a R object. + * @param name The name of the CSS property. + * @param value The short value for the CSS property. + * @return The updated style. */ R setCssProperty(String name, short value); /** - * setCssProperty. + * Sets a CSS property with the given name and float value. * - * @param name a {@link java.lang.String} object. - * @param value a float. - * @return a R object. + * @param name The name of the CSS property. + * @param value The float value for the CSS property. + * @return The updated style. */ R setCssProperty(String name, float value); /** - * setCssProperty. + * Sets a CSS property with the given name and boolean value. * - * @param name a {@link java.lang.String} object. - * @param value a boolean. - * @return a R object. + * @param name The name of the CSS property. + * @param value The boolean value for the CSS property. + * @return The updated style. */ R setCssProperty(String name, boolean value); /** - * setCssProperty. + * Sets a CSS property with the given name and value. Additionally, allows to mark the property as + * important. * - * @param name a {@link java.lang.String} object. - * @param value a {@link java.lang.String} object. - * @param important a boolean. - * @return a R object. + * @param name The name of the CSS property. + * @param value The string value for the CSS property. + * @param important If true, the property will be marked as important in the style. + * @return The updated style. */ R setCssProperty(String name, String value, boolean important); /** - * setOrRemoveCssProperty. + * Sets or removes a CSS property based on the result of the provided predicate. * - * @param name a {@link java.lang.String} object. - * @param value a {@link java.lang.String} object. - * @param predicate a {@link java.util.function.Predicate} object. - * @return a R object. + * @param name The name of the CSS property. + * @param value The string value for the CSS property. + * @param predicate A predicate to determine if the property should be set or removed. + * @return The updated style if the predicate returns true; otherwise, the original style without + * the property. */ R setOrRemoveCssProperty(String name, String value, Predicate predicate); /** - * removeCssProperty. + * Removes the CSS property with the given name. * - * @param name a {@link java.lang.String} object. - * @return a R object. + * @param name The name of the CSS property to be removed. + * @return The updated style without the specified property. */ R removeCssProperty(String name); /** - * addCss. + * Adds a CSS class to the element. * - * @param cssClass a {@link java.lang.String} object. - * @return a R object. + * @param cssClass The CSS class to add. + * @return The updated style. */ R addCss(String cssClass); /** - * addCss. + * Adds one or more CSS classes to the style. * - * @param cssClasses a {@link java.lang.String} object. - * @return a R object. + * @param cssClasses The array of CSS class names to be added. + * @return The updated style with the added CSS classes. */ R addCss(String... cssClasses); /** - * addCss. + * Adds a CSS class to the style using a {@code CssClass} object. * - * @param cssClass a {@link org.dominokit.domino.ui.style.CssClass} object. - * @return a R object. + * @param cssClass The {@link CssClass} object representing the CSS class to be added. + * @return The updated style with the added CSS class. */ R addCss(CssClass cssClass); /** - * addCss. + * Adds a CSS class to the style using an object that implements the {@code HasCssClass} + * interface. * - * @param hasCssClass a {@link org.dominokit.domino.ui.style.HasCssClass} object. - * @return a R object. + * @param hasCssClass The {@link HasCssClass} object providing the CSS class to be added. + * @return The updated style with the added CSS class. */ R addCss(HasCssClass hasCssClass); /** - * addCss. + * Adds multiple CSS classes to the style using an array of {@code CssClass} objects. * - * @param cssClasses a {@link org.dominokit.domino.ui.style.CssClass} object. - * @return a R object. + * @param cssClasses An array of {@link CssClass} objects representing the CSS classes to be + * added. + * @return The updated style with the added CSS classes. */ R addCss(CssClass... cssClasses); /** - * addCss. + * Adds multiple CSS classes to the style using an object that implements the {@code + * HasCssClasses} interface. * - * @param hasCssClasses a {@link org.dominokit.domino.ui.style.HasCssClasses} object. - * @return a R object. + * @param hasCssClasses The {@link HasCssClasses} object providing the collection of CSS classes + * to be added. + * @return The updated style with the added CSS classes. */ R addCss(HasCssClasses hasCssClasses); /** - * removeCss. + * Removes a CSS class from the element. * - * @param cssClass a {@link java.lang.String} object. - * @return a R object. + * @param cssClass The CSS class to remove. + * @return The updated style. */ R removeCss(String cssClass); /** - * removeCss. + * Removes a specific CSS class from the style using a {@code CssClass} object. * - * @param cssClass a {@link org.dominokit.domino.ui.style.CssClass} object. - * @return a R object. + * @param cssClass The {@link CssClass} object representing the CSS class to be removed. + * @return The updated style with the removed CSS class. */ R removeCss(CssClass cssClass); /** - * removeCss. + * Removes a specific CSS class from the style using an object that implements the {@code + * HasCssClass} interface. * - * @param cssClass a {@link org.dominokit.domino.ui.style.HasCssClass} object. - * @return a R object. + * @param cssClass The {@link HasCssClass} object providing the CSS class to be removed. + * @return The updated style with the removed CSS class. */ R removeCss(HasCssClass cssClass); /** - * removeCss. + * Removes multiple CSS classes from the style using an array of class names. * - * @param cssClasses a {@link java.lang.String} object. - * @return a R object. + * @param cssClasses An array of strings representing the CSS classes to be removed. + * @return The updated style with the removed CSS classes. */ R removeCss(String... cssClasses); /** - * removeCss. + * Removes multiple CSS classes from the style using an array of {@code CssClass} objects. * - * @param cssClasses a {@link java.lang.String} object. - * @return a R object. + * @param cssClasses An array of {@link CssClass} objects representing the CSS classes to be + * removed. + * @return The updated style with the removed CSS classes. */ R removeCss(CssClass... cssClasses); /** - * replaceCss. + * Replaces a CSS class with another one. * - * @param cssClass a {@link java.lang.String} object. - * @param replacementClass a {@link java.lang.String} object. - * @return a R object. + * @param cssClass The CSS class to be replaced. + * @param replacementClass The CSS class that will replace the old one. + * @return The updated style. */ R replaceCss(String cssClass, String replacementClass); /** - * setBorder. + * Sets the border style of the element. * - * @param border a {@link java.lang.String} object. - * @return a R object. + * @param border The border style. + * @return The updated style. */ R setBorder(String border); /** - * setBorderColor. + * Sets the border color of the element. * - * @param borderColor a {@link java.lang.String} object. - * @return a R object. + * @param borderColor The color value for the border. + * @return The updated style with the set border color. */ R setBorderColor(String borderColor); /** - * setWidth. + * Sets the width of the element. * - * @param width a {@link java.lang.String} object. - * @return a R object. + * @param width The width value. + * @return The updated style with the set width. */ R setWidth(String width); /** - * setWidth. + * Sets the width of the element with the option to make it important. * - * @param width a {@link java.lang.String} object. - * @param important a boolean. - * @return a R object. + * @param width The width value. + * @param important If true, the width is set as "!important". + * @return The updated style with the set width. */ R setWidth(String width, boolean important); /** - * setMinWidth. + * Sets the minimum width of the element. * - * @param width a {@link java.lang.String} object. - * @return a R object. + * @param width The minimum width value. + * @return The updated style with the set minimum width. */ R setMinWidth(String width); /** - * setMinWidth. + * Sets the minimum width of the element with the option to make it important. * - * @param width a {@link java.lang.String} object. - * @param important a boolean. - * @return a R object. + * @param width The minimum width value. + * @param important If true, the minimum width is set as "!important". + * @return The updated style with the set minimum width. */ R setMinWidth(String width, boolean important); /** - * setMaxWidth. + * Sets the maximum width of the element. * - * @param width a {@link java.lang.String} object. - * @return a R object. + * @param width The maximum width value. + * @return The updated style with the set maximum width. */ R setMaxWidth(String width); /** - * setMaxWidth. + * Sets the maximum width of the element with the option to make it important. * - * @param width a {@link java.lang.String} object. - * @param important a boolean. - * @return a R object. + * @param width The maximum width value. + * @param important If true, the maximum width is set as "!important". + * @return The updated style with the set maximum width. */ R setMaxWidth(String width, boolean important); /** - * setHeight. + * Sets the height of the element. * - * @param height a {@link java.lang.String} object. - * @return a R object. + * @param height The height value. + * @return The updated style with the set height. */ R setHeight(String height); /** - * setHeight. + * Sets the height of the element with the option to make it important. * - * @param height a {@link java.lang.String} object. - * @param important a boolean. - * @return a R object. + * @param height The height value. + * @param important If true, the height is set as "!important". + * @return The updated style with the set height. */ R setHeight(String height, boolean important); /** - * setMinHeight. + * Sets the minimum height of the element. * - * @param height a {@link java.lang.String} object. - * @return a R object. + * @param height The minimum height value. + * @return The updated style with the set minimum height. */ R setMinHeight(String height); /** - * setMinHeight. + * Sets the minimum height of the element with the option to make it important. * - * @param height a {@link java.lang.String} object. - * @param important a boolean. - * @return a R object. + * @param height The minimum height value. + * @param important If true, the minimum height is set as "!important". + * @return The updated style with the set minimum height. */ R setMinHeight(String height, boolean important); /** - * setMaxHeight. + * Sets the maximum height of the element. * - * @param height a {@link java.lang.String} object. - * @return a R object. + * @param height The maximum height value. + * @return The updated style with the set maximum height. */ R setMaxHeight(String height); /** - * setMaxHeight. + * Sets the maximum height of the element with the option to make it important. * - * @param height a {@link java.lang.String} object. - * @param important a boolean. - * @return a R object. + * @param height The maximum height value. + * @param important If true, the maximum height is set as "!important". + * @return The updated style with the set maximum height. */ R setMaxHeight(String height, boolean important); /** - * setTextAlign. + * Sets the text alignment of the element. * - * @param textAlign a {@link java.lang.String} object. - * @return a R object. + * @param textAlign The text alignment value. + * @return The updated style with the set text alignment. */ R setTextAlign(String textAlign); /** - * setTextAlign. + * Sets the text alignment of the element with the option to make it important. * - * @param textAlign a {@link java.lang.String} object. - * @param important a boolean. - * @return a R object. + * @param textAlign The text alignment value. + * @param important If true, the text alignment is set as "!important". + * @return The updated style with the set text alignment. */ R setTextAlign(String textAlign, boolean important); /** - * setColor. + * Sets the text color of the element. * - * @param color a {@link java.lang.String} object. - * @return a R object. + * @param color The text color value. + * @return The updated style with the set text color. */ R setColor(String color); /** - * setColor. + * Sets the text color of the element with the option to make it important. * - * @param color a {@link java.lang.String} object. - * @param important a boolean. - * @return a R object. + * @param color The text color value. + * @param important If true, the text color is set as "!important". + * @return The updated style with the set text color. */ R setColor(String color, boolean important); /** - * setBackgroundColor. + * Sets the background color of the element. * - * @param color a {@link java.lang.String} object. - * @return a R object. + * @param color The background color value. + * @return The updated style with the set background color. */ R setBackgroundColor(String color); /** - * setBackgroundColor. + * Sets the background color of the element with the option to make it important. * - * @param color a {@link java.lang.String} object. - * @param important a boolean. - * @return a R object. + * @param color The background color value. + * @param important If true, the background color is set as "!important". + * @return The updated style with the set background color. */ R setBackgroundColor(String color, boolean important); /** - * setMargin. + * Sets the margin of the element. * - * @param margin a {@link java.lang.String} object. - * @return a R object. + * @param margin The margin value. + * @return The updated style with the set margin. */ R setMargin(String margin); /** - * setMargin. + * Sets the margin value for all sides of the element with the option to make it important. * - * @param margin a {@link java.lang.String} object. - * @param important a boolean. - * @return a R object. + * @param margin The margin value to set for all sides. + * @param important If true, the margin value is set as "!important" for all sides. + * @return The updated style with the set margin value for all sides. */ R setMargin(String margin, boolean important); /** - * setMarginTop. + * Sets the top margin value of the element. * - * @param margin a {@link java.lang.String} object. - * @return a R object. + * @param margin The top margin value to set. + * @return The updated style with the set top margin value. */ R setMarginTop(String margin); /** - * setMarginTop. + * Sets the top margin value of the element with the option to make it important. * - * @param margin a {@link java.lang.String} object. - * @param important a boolean. - * @return a R object. + * @param margin The top margin value to set. + * @param important If true, the top margin value is set as "!important". + * @return The updated style with the set top margin value. */ R setMarginTop(String margin, boolean important); /** - * setMarginBottom. + * Sets the bottom margin value of the element. * - * @param margin a {@link java.lang.String} object. - * @return a R object. + * @param margin The bottom margin value to set. + * @return The updated style with the set bottom margin value. */ R setMarginBottom(String margin); /** - * setMarginBottom. + * Sets the bottom margin value of the element with the option to make it important. * - * @param margin a {@link java.lang.String} object. - * @param important a boolean. - * @return a R object. + * @param margin The bottom margin value to set. + * @param important If true, the bottom margin value is set as "!important". + * @return The updated style with the set bottom margin value. */ R setMarginBottom(String margin, boolean important); /** - * setMarginLeft. + * Sets the left margin value of the element. * - * @param margin a {@link java.lang.String} object. - * @return a R object. + * @param margin The left margin value to set. + * @return The updated style with the set left margin value. */ R setMarginLeft(String margin); /** - * setMarginLeft. + * Sets the left margin value of the element with the option to make it important. * - * @param margin a {@link java.lang.String} object. - * @param important a boolean. - * @return a R object. + * @param margin The left margin value to set. + * @param important If true, the left margin value is set as "!important". + * @return The updated style with the set left margin value. */ R setMarginLeft(String margin, boolean important); /** - * setMarginRight. + * Sets the right margin value of the element. * - * @param margin a {@link java.lang.String} object. - * @return a R object. + * @param margin The right margin value to set. + * @return The updated style with the set right margin value. */ R setMarginRight(String margin); /** - * setMarginRight. + * Sets the right margin value of the element with the option to make it important. * - * @param margin a {@link java.lang.String} object. - * @param important a boolean. - * @return a R object. + * @param margin The right margin value to set. + * @param important If true, the right margin value is set as "!important". + * @return The updated style with the set right margin value. */ R setMarginRight(String margin, boolean important); /** - * setPaddingRight. + * Sets the right padding of the element. * - * @param padding a {@link java.lang.String} object. - * @return a R object. + * @param padding The padding value for the right side. + * @return The updated style with the set right padding. */ R setPaddingRight(String padding); /** - * setPaddingRight. + * Sets the right padding of the element with the option to make it important. * - * @param padding a {@link java.lang.String} object. - * @param important a boolean. - * @return a R object. + * @param padding The padding value for the right side. + * @param important If true, the right padding is set as "!important". + * @return The updated style with the set right padding. */ R setPaddingRight(String padding, boolean important); /** - * setPaddingLeft. + * Sets the left padding value of the element. * - * @param padding a {@link java.lang.String} object. - * @return a R object. + * @param padding The left padding value to set. + * @return The updated style with the set left padding value. */ R setPaddingLeft(String padding); /** - * setPaddingLeft. + * Sets the left padding value of the element with the option to make it important. * - * @param padding a {@link java.lang.String} object. - * @param important a boolean. - * @return a R object. + * @param padding The left padding value to set. + * @param important If true, the left padding value is set as "!important". + * @return The updated style with the set left padding value. */ R setPaddingLeft(String padding, boolean important); /** - * setPaddingBottom. + * Sets the bottom padding value of the element. * - * @param padding a {@link java.lang.String} object. - * @return a R object. + * @param padding The bottom padding value to set. + * @return The updated style with the set bottom padding value. */ R setPaddingBottom(String padding); /** - * setPaddingBottom. + * Sets the bottom padding value of the element with the option to make it important. * - * @param padding a {@link java.lang.String} object. - * @param important a boolean. - * @return a R object. + * @param padding The bottom padding value to set. + * @param important If true, the bottom padding value is set as "!important". + * @return The updated style with the set bottom padding value. */ R setPaddingBottom(String padding, boolean important); /** - * setPaddingTop. + * Sets the top padding value of the element. * - * @param padding a {@link java.lang.String} object. - * @return a R object. + * @param padding The top padding value to set. + * @return The updated style with the set top padding value. */ R setPaddingTop(String padding); /** - * setPaddingTop. + * Sets the top padding value of the element with the option to make it important. * - * @param padding a {@link java.lang.String} object. - * @param important a boolean. - * @return a R object. + * @param padding The top padding value to set. + * @param important If true, the top padding value is set as "!important". + * @return The updated style with the set top padding value. */ R setPaddingTop(String padding, boolean important); /** - * setPadding. + * Sets the padding value for all sides of the element. * - * @param padding a {@link java.lang.String} object. - * @return a R object. + * @param padding The padding value to set for all sides. + * @return The updated style with the set padding value. */ R setPadding(String padding); /** - * setPadding. + * Sets the padding value for all sides of the element with the option to make it important. * - * @param padding a {@link java.lang.String} object. - * @param important a boolean. - * @return a R object. + * @param padding The padding value to set for all sides. + * @param important If true, the padding value is set as "!important". + * @return The updated style with the set padding value. */ R setPadding(String padding, boolean important); /** - * setDisplay. + * Sets the display property of the element. * - * @param display a {@link java.lang.String} object. - * @return a R object. + * @param display The value for the display property. + * @return The updated style with the set display property. */ R setDisplay(String display); /** - * setDisplay. + * Sets the display property of the element with the option to make it important. * - * @param display a {@link java.lang.String} object. - * @param important a boolean. - * @return a R object. + * @param display The value for the display property. + * @param important If true, the display property is set as "!important". + * @return The updated style with the set display property. */ R setDisplay(String display, boolean important); /** - * setFontSize. + * Sets the font size property of the element. * - * @param fontSize a {@link java.lang.String} object. - * @return a R object. + * @param fontSize The value for the font size property. + * @return The updated style with the set font size property. */ R setFontSize(String fontSize); /** - * setFontSize. + * Sets the font size property of the element with the option to make it important. * - * @param fontSize a {@link java.lang.String} object. - * @param important a boolean. - * @return a R object. + * @param fontSize The value for the font size property. + * @param important If true, the font size property is set as "!important". + * @return The updated style with the set font size property. */ R setFontSize(String fontSize, boolean important); /** - * setFloat. + * Sets the CSS float property of the element. * - * @param cssFloat a {@link java.lang.String} object. - * @return a R object. + * @param cssFloat The value for the CSS float property. + * @return The updated style with the set CSS float property. */ R setFloat(String cssFloat); /** - * setFloat. + * Sets the CSS float property of the element with the option to make it important. * - * @param cssFloat a {@link java.lang.String} object. - * @param important a boolean. - * @return a R object. + * @param cssFloat The value for the CSS float property. + * @param important If true, the CSS float property is set as "!important". + * @return The updated style with the set CSS float property. */ R setFloat(String cssFloat, boolean important); /** - * setLineHeight. + * Sets the line height property of the element. * - * @param lineHeight a {@link java.lang.String} object. - * @return a R object. + * @param lineHeight The value for the line height property. + * @return The updated style with the set line height property. */ R setLineHeight(String lineHeight); /** - * setLineHeight. + * Sets the line height property of the element with the option to make it important. * - * @param lineHeight a {@link java.lang.String} object. - * @param important a boolean. - * @return a R object. + * @param lineHeight The value for the line height property. + * @param important If true, the line height property is set as "!important". + * @return The updated style with the set line height property. */ R setLineHeight(String lineHeight, boolean important); /** - * setOverFlow. + * Sets the overflow property of the element. * - * @param overFlow a {@link java.lang.String} object. - * @return a R object. + * @param overFlow The value for the overflow property. + * @return The updated style with the set overflow property. */ R setOverFlow(String overFlow); /** - * setOverFlow. + * Sets the overflow property of the element with the option to make it important. * - * @param overFlow a {@link java.lang.String} object. - * @param important a boolean. - * @return a R object. + * @param overFlow The value for the overflow property. + * @param important If true, the overflow property is set as "!important". + * @return The updated style with the set overflow property. */ R setOverFlow(String overFlow, boolean important); /** - * setCursor. + * Sets the cursor property of the element. * - * @param cursor a {@link java.lang.String} object. - * @return a R object. + * @param cursor The value for the cursor property. + * @return The updated style with the set cursor property. */ R setCursor(String cursor); /** - * setCursor. + * Sets the cursor property of the element with the option to make it important. * - * @param cursor a {@link java.lang.String} object. - * @param important a boolean. - * @return a R object. + * @param cursor The value for the cursor property. + * @param important If true, the cursor property is set as "!important". + * @return The updated style with the set cursor property. */ R setCursor(String cursor, boolean important); /** - * setPosition. + * Sets the position property of the element. * - * @param position a {@link java.lang.String} object. - * @return a R object. + * @param position The value for the position property. + * @return The updated style with the set position property. */ R setPosition(String position); /** - * setPosition. + * Sets the position property of the element with the option to make it important. * - * @param position a {@link java.lang.String} object. - * @param important a boolean. - * @return a R object. + * @param position The value for the position property. + * @param important If true, the position property is set as "!important". + * @return The updated style with the set position property. */ R setPosition(String position, boolean important); /** - * setLeft. + * Sets the left property of the element. * - * @param left a {@link java.lang.String} object. - * @return a R object. + * @param left The value for the left property. + * @return The updated style with the set left property. */ R setLeft(String left); /** - * setLeft. + * Sets the left property of the element with the option to make it important. * - * @param left a {@link java.lang.String} object. - * @param important a boolean. - * @return a R object. + * @param left The value for the left property. + * @param important If true, the left property is set as "!important". + * @return The updated style with the set left property. */ R setLeft(String left, boolean important); /** - * setRight. + * Sets the right property of the element. * - * @param right a {@link java.lang.String} object. - * @return a R object. + * @param right The value for the right property. + * @return The updated style with the set right property. */ R setRight(String right); /** - * setRight. + * Sets the right property of the element with the option to make it important. * - * @param right a {@link java.lang.String} object. - * @param important a boolean. - * @return a R object. + * @param right The value for the right property. + * @param important If true, the right property is set as "!important". + * @return The updated style with the set right property. */ R setRight(String right, boolean important); /** - * setTop. + * Sets the top property of the element. * - * @param top a {@link java.lang.String} object. - * @return a R object. + * @param top The value for the top property. + * @return The updated style with the set top property. */ R setTop(String top); /** - * setTop. + * Sets the top property of the element with the option to make it important. * - * @param top a {@link java.lang.String} object. - * @param important a boolean. - * @return a R object. + * @param top The value for the top property. + * @param important If true, the top property is set as "!important". + * @return The updated style with the set top property. */ R setTop(String top, boolean important); /** - * setBottom. + * Sets the bottom property of the element. * - * @param bottom a {@link java.lang.String} object. - * @return a R object. + * @param bottom The value for the bottom property. + * @return The updated style with the set bottom property. */ R setBottom(String bottom); /** - * setBottom. + * Sets the bottom property of the element with the option to make it important. * - * @param bottom a {@link java.lang.String} object. - * @param important a boolean. - * @return a R object. + * @param bottom The value for the bottom property. + * @param important If true, the bottom property is set as "!important". + * @return The updated style with the set bottom property. */ R setBottom(String bottom, boolean important); /** - * setZIndex. + * Sets the z-index property of the element. * - * @param zindex a int. - * @return a R object. + * @param zIndex The value for the z-index property. + * @return The updated style with the set z-index property. */ R setZIndex(int zindex); /** - * setOpacity. + * Sets the opacity property of the element. * - * @param opacity a double. - * @return a R object. + * @param opacity The value for the opacity property (a double between 0.0 and 1.0). + * @return The updated style with the set opacity property. */ R setOpacity(double opacity); /** - * setOpacity. + * Sets the opacity property of the element with the option to make it important. * - * @param opacity a double. - * @param important a boolean. - * @return a R object. + * @param opacity The value for the opacity property (a double between 0.0 and 1.0). + * @param important If true, the opacity property is set as "!important". + * @return The updated style with the set opacity property. */ R setOpacity(double opacity, boolean important); /** - * containsCss. + * Checks if the element contains a given CSS class. * - * @param cssClass a {@link java.lang.String} object. - * @return a boolean. + * @param cssClass The CSS class to check for. + * @return true if the element contains the given CSS class, false otherwise. */ boolean containsCss(String cssClass); /** - * alignCenter. + * Aligns the element's content to the center. * - * @return a R object. + * @return The updated style with content aligned to the center. */ R alignCenter(); /** - * alignRight. + * Aligns the element's content to the right. * - * @return a R object. + * @return The updated style with content aligned to the right. */ R alignRight(); /** - * cssText. + * Sets the CSS text for the element. * - * @param cssText a {@link java.lang.String} object. - * @return a R object. + * @param cssText The CSS text to set for the element. + * @return The updated style with the specified CSS text. */ R cssText(String cssText); /** - * cssClassesCount. + * Returns the count of CSS classes applied to the element. * - * @return a int. + * @return The count of CSS classes applied. */ int cssClassesCount(); /** - * cssClassByIndex. + * Returns the CSS class at the specified index applied to the element. * - * @param index a int. - * @return a {@link java.lang.String} object. + * @param index The index of the CSS class to retrieve. + * @return The CSS class at the specified index. */ String cssClassByIndex(int index); /** - * setPointerEvents. + * Sets the pointer-events property for the element. * - * @param pointerEvents a {@link java.lang.String} object. - * @return a R object. + * @param pointerEvents The value for the pointer-events property. + * @return The updated style with the set pointer-events property. */ R setPointerEvents(String pointerEvents); /** - * setAlignItems. + * Sets the align-items property for the element. * - * @param alignItems a {@link java.lang.String} object. - * @return a R object. + * @param alignItems The value for the align-items property. + * @return The updated style with the set align-items property. */ R setAlignItems(String alignItems); /** - * setOverFlowY. + * Sets the overflow-y property for the element. * - * @param overflow a {@link java.lang.String} object. - * @return a R object. + * @param overflow The value for the overflow-y property. + * @return The updated style with the set overflow-y property. */ R setOverFlowY(String overflow); /** - * setOverFlowY. + * Sets the overflow-y property for the element with the option to make it important. * - * @param overflow a {@link java.lang.String} object. - * @param important a boolean. - * @return a R object. + * @param overflow The value for the overflow-y property. + * @param important If true, the overflow-y property is set as "!important". + * @return The updated style with the set overflow-y property. */ R setOverFlowY(String overflow, boolean important); /** - * setOverFlowX. + * Sets the overflow-x property for the element. * - * @param overflow a {@link java.lang.String} object. - * @return a R object. + * @param overflow The value for the overflow-x property. + * @return The updated style with the set overflow-x property. */ R setOverFlowX(String overflow); /** - * setOverFlowX. + * Sets the overflow-x property for the element with the option to make it important. * - * @param overflow a {@link java.lang.String} object. - * @param important a boolean. - * @return a R object. + * @param overflow The value for the overflow-x property. + * @param important If true, the overflow-x property is set as "!important". + * @return The updated style with the set overflow-x property. */ R setOverFlowX(String overflow, boolean important); /** - * setBoxShadow. + * Sets the box-shadow property for the element. * - * @param boxShadow a {@link java.lang.String} object. - * @return a R object. + * @param boxShadow The value for the box-shadow property. + * @return The updated style with the set box-shadow property. */ R setBoxShadow(String boxShadow); /** - * setTransitionDuration. + * Sets the transition-duration property for the element. * - * @param transactionDuration a {@link java.lang.String} object. - * @return a R object. + * @param transactionDuration The value for the transition-duration property. + * @return The updated style with the set transition-duration property. */ R setTransitionDuration(String transactionDuration); /** - * setFlex. + * Sets the flex property for the element. * - * @param flex a {@link java.lang.String} object. - * @return a R object. + * @param flex The value for the flex property. + * @return The updated style with the set flex property. */ R setFlex(String flex); } diff --git a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/GenericCss.java b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/GenericCss.java index 06f6726cf..2a9b8858f 100644 --- a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/GenericCss.java +++ b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/GenericCss.java @@ -15,21 +15,18 @@ */ package org.dominokit.domino.ui.style; -/** GenericCss interface. */ public interface GenericCss { - /** Constant dui */ + CssClass dui = () -> "dui"; - /** Constant dui_ignore_bg */ CssClass dui_ignore_bg = () -> "dui-ignore-bg"; - /** Constant dui_ignore_fg */ + CssClass dui_ignore_fg = () -> "dui-ignore-fg"; - /** Constant dui_odd */ CssClass dui_odd = ReplaceCssClass.of(() -> "dui-even").replaceWith(() -> "dui-odd"); - /** Constant dui_even */ + CssClass dui_even = ReplaceCssClass.of(() -> "dui-odd").replaceWith(() -> "dui-even"); - /** Constant dui_primary */ + CssClass dui_primary = new ReplaceCssClass( CompositeCssClass.of( @@ -42,7 +39,7 @@ public interface GenericCss { () -> "dui-secondary", () -> "dui-success")) .replaceWith(CompositeCssClass.of(() -> "dui-ctx", () -> "dui-primary")); - /** Constant dui_secondary */ + CssClass dui_secondary = new ReplaceCssClass( CompositeCssClass.of( @@ -55,7 +52,7 @@ public interface GenericCss { () -> "dui-primary", () -> "dui-success")) .replaceWith(CompositeCssClass.of(() -> "dui-ctx", () -> "dui-secondary")); - /** Constant dui_dominant */ + CssClass dui_dominant = new ReplaceCssClass( CompositeCssClass.of( @@ -68,7 +65,7 @@ public interface GenericCss { () -> "dui-primary", () -> "dui-success")) .replaceWith(CompositeCssClass.of(() -> "dui-ctx", () -> "dui-dominant")); - /** Constant dui_accent */ + CssClass dui_accent = new ReplaceCssClass( CompositeCssClass.of( @@ -81,7 +78,7 @@ public interface GenericCss { () -> "dui-primary", () -> "dui-success")) .replaceWith(CompositeCssClass.of(() -> "dui-ctx", () -> "dui-accent")); - /** Constant dui_success */ + CssClass dui_success = new ReplaceCssClass( CompositeCssClass.of( @@ -94,7 +91,7 @@ public interface GenericCss { () -> "dui-secondary", () -> "dui-primary")) .replaceWith(CompositeCssClass.of(() -> "dui-ctx", () -> "dui-success")); - /** Constant dui_info */ + CssClass dui_info = new ReplaceCssClass( CompositeCssClass.of( @@ -107,7 +104,7 @@ public interface GenericCss { () -> "dui-secondary", () -> "dui-primary")) .replaceWith(CompositeCssClass.of(() -> "dui-ctx", () -> "dui-info")); - /** Constant dui_warning */ + CssClass dui_warning = new ReplaceCssClass( CompositeCssClass.of( @@ -120,7 +117,7 @@ public interface GenericCss { () -> "dui-secondary", () -> "dui-primary")) .replaceWith(CompositeCssClass.of(() -> "dui-ctx", () -> "dui-warning")); - /** Constant dui_error */ + CssClass dui_error = new ReplaceCssClass( CompositeCssClass.of( @@ -134,176 +131,166 @@ public interface GenericCss { () -> "dui-primary")) .replaceWith(CompositeCssClass.of(() -> "dui-ctx", () -> "dui-error")); - /** Constant dui_red */ CssClass dui_red = CompositeCssClass.of(() -> "dui-ctx", () -> "dui-red"); - /** Constant dui_pink */ + CssClass dui_pink = CompositeCssClass.of(() -> "dui-ctx", () -> "dui-pink"); - /** Constant dui_purple */ + CssClass dui_purple = CompositeCssClass.of(() -> "dui-ctx", () -> "dui-purple"); - /** Constant dui_deep_purple */ + CssClass dui_deep_purple = CompositeCssClass.of(() -> "dui-ctx", () -> "dui-deep-purple"); - /** Constant dui_indigo */ + CssClass dui_indigo = CompositeCssClass.of(() -> "dui-ctx", () -> "dui-indigo"); - /** Constant dui_blue */ + CssClass dui_blue = CompositeCssClass.of(() -> "dui-ctx", () -> "dui-blue"); - /** Constant dui_light_blue */ + CssClass dui_light_blue = CompositeCssClass.of(() -> "dui-ctx", () -> "dui-light-blue"); - /** Constant dui_cyan */ + CssClass dui_cyan = CompositeCssClass.of(() -> "dui-ctx", () -> "dui-cyan"); - /** Constant dui_teal */ + CssClass dui_teal = CompositeCssClass.of(() -> "dui-ctx", () -> "dui-teal"); - /** Constant dui_green */ + CssClass dui_green = CompositeCssClass.of(() -> "dui-ctx", () -> "dui-green"); - /** Constant dui_light_green */ + CssClass dui_light_green = CompositeCssClass.of(() -> "dui-ctx", () -> "dui-light-green"); - /** Constant dui_lime */ + CssClass dui_lime = CompositeCssClass.of(() -> "dui-ctx", () -> "dui-lime"); - /** Constant dui_yellow */ + CssClass dui_yellow = CompositeCssClass.of(() -> "dui-ctx", () -> "dui-yellow"); - /** Constant dui_amber */ + CssClass dui_amber = CompositeCssClass.of(() -> "dui-ctx", () -> "dui-amber"); - /** Constant dui_orange */ + CssClass dui_orange = CompositeCssClass.of(() -> "dui-ctx", () -> "dui-orange"); - /** Constant dui_deep_orange */ + CssClass dui_deep_orange = CompositeCssClass.of(() -> "dui-ctx", () -> "dui-deep-orange"); - /** Constant dui_brown */ + CssClass dui_brown = CompositeCssClass.of(() -> "dui-ctx", () -> "dui-brown"); - /** Constant dui_grey */ + CssClass dui_grey = CompositeCssClass.of(() -> "dui-ctx", () -> "dui-grey"); - /** Constant dui_blue_grey */ + CssClass dui_blue_grey = CompositeCssClass.of(() -> "dui-ctx", () -> "dui-blue-grey"); - /** Constant dui_white */ + CssClass dui_white = CompositeCssClass.of(() -> "dui-ctx", () -> "dui-white"); - /** Constant dui_black */ + CssClass dui_black = CompositeCssClass.of(() -> "dui-ctx", () -> "dui-black"); - /** Constant dui_transparent */ + CssClass dui_transparent = CompositeCssClass.of(() -> "dui-ctx", () -> "dui-transparent"); - /** Constant dui_bg */ CssClass dui_bg = () -> "dui-bg"; - /** Constant dui_bg_l_5 */ + CssClass dui_bg_l_5 = () -> "dui-bg-l-5"; - /** Constant dui_bg_l_4 */ + CssClass dui_bg_l_4 = () -> "dui-bg-l-4"; - /** Constant dui_bg_l_3 */ + CssClass dui_bg_l_3 = () -> "dui-bg-l-3"; - /** Constant dui_bg_l_2 */ + CssClass dui_bg_l_2 = () -> "dui-bg-l-2"; - /** Constant dui_bg_l_1 */ + CssClass dui_bg_l_1 = () -> "dui-bg-l-1"; - /** Constant dui_bg_d_1 */ + CssClass dui_bg_d_1 = () -> "dui-bg-d-1"; - /** Constant dui_bg_d_2 */ + CssClass dui_bg_d_2 = () -> "dui-bg-d-2"; - /** Constant dui_bg_d_3 */ + CssClass dui_bg_d_3 = () -> "dui-bg-d-3"; - /** Constant dui_bg_d_4 */ + CssClass dui_bg_d_4 = () -> "dui-bg-d-4"; - /** Constant dui_fg */ + CssClass dui_fg = () -> "dui-fg"; - /** Constant dui_clickable */ + CssClass dui_clickable = () -> "dui-clickable"; - /** Constant dui_disabled */ + CssClass dui_disabled = () -> "dui-disabled"; - /** Constant dui_active */ + CssClass dui_active = () -> "dui-active"; - /** Constant dui_hide_empty */ + CssClass dui_hide_empty = () -> "dui-hide-empty"; - /** Constant dui_hover_disabled */ + CssClass dui_hover_disabled = () -> "dui-hover-disabled"; - /** Constant dui_transition_none */ + CssClass dui_transition_none = () -> "dui-transition-none"; - /** Constant dui_horizontal */ + CssClass dui_horizontal = ReplaceCssClass.of(() -> "dui-vertical").replaceWith(() -> "dui-horizontal"); - /** Constant dui_vertical */ + CssClass dui_vertical = ReplaceCssClass.of(() -> "dui-horizontal").replaceWith(() -> "dui-vertical"); - /** Constant dui_postfix_addon */ + CssClass dui_postfix_addon = () -> "dui-postfix-addon"; - /** Constant dui_subheader_addon */ + CssClass dui_subheader_addon = () -> "dui-subheader-addon"; - /** Constant dui_primary_addon */ + CssClass dui_primary_addon = () -> "dui-primary-addon"; - /** Constant dui_prefix_addon */ + CssClass dui_prefix_addon = () -> "dui-prefix-addon"; - /** The css to add the stripes effect */ + CssClass dui_separator = () -> "dui-separator"; - /** Constant dui_striped */ CssClass dui_striped = () -> "dui-striped"; - /** Constant dui_xlarge */ + CssClass dui_xlarge = new ReplaceCssClass( CompositeCssClass.of(() -> "dui-lg", () -> "dui-md", () -> "dui-sm", () -> "dui-xs")) .replaceWith(() -> "dui-xl"); - /** Constant dui_large */ + CssClass dui_large = new ReplaceCssClass( CompositeCssClass.of(() -> "dui-xl", () -> "dui-md", () -> "dui-sm", () -> "dui-xs")) .replaceWith(() -> "dui-lg"); - /** Constant dui_medium */ + CssClass dui_medium = new ReplaceCssClass( CompositeCssClass.of(() -> "dui-xl", () -> "dui-lg", () -> "dui-sm", () -> "dui-xs")) .replaceWith(() -> "dui-md"); - /** Constant dui_small */ + CssClass dui_small = new ReplaceCssClass( CompositeCssClass.of(() -> "dui-xl", () -> "dui-lg", () -> "dui-md", () -> "dui-xs")) .replaceWith(() -> "dui-sm"); - /** Constant dui_xsmall */ + CssClass dui_xsmall = new ReplaceCssClass( CompositeCssClass.of(() -> "dui-xl", () -> "dui-lg", () -> "dui-md", () -> "dui-sm")) .replaceWith(() -> "dui-xs"); - /** Constant dui_w_xlarge */ CssClass dui_w_xlarge = () -> "dui-w-xl"; - /** Constant dui_w_large */ + CssClass dui_w_large = () -> "dui-w-lg"; - /** Constant dui_w_medium */ + CssClass dui_w_medium = () -> "dui-w-md"; - /** Constant dui_w_small */ + CssClass dui_w_small = () -> "dui-w-sm"; - /** Constant dui_w_xsmall */ + CssClass dui_w_xsmall = () -> "dui-w-xs"; - /** Constant dui_h_xlarge */ CssClass dui_h_xlarge = () -> "dui-h-xl"; - /** Constant dui_h_large */ + CssClass dui_h_large = () -> "dui-h-lg"; - /** Constant dui_h_medium */ + CssClass dui_h_medium = () -> "dui-h-md"; - /** Constant dui_h_small */ + CssClass dui_h_small = () -> "dui-h-sm"; - /** Constant dui_h_xsmall */ + CssClass dui_h_xsmall = () -> "dui-h-xs"; - /** Constant dui_overlay */ CssClass dui_overlay = () -> "dui-overlay"; - /** Constant dui_clearable */ + CssClass dui_clearable = () -> "dui-clearable"; - /** Constant dui_vertical_center */ + CssClass dui_vertical_center = () -> "dui-vertical-center"; - /** Constant dui_horizontal_center */ + CssClass dui_horizontal_center = () -> "dui-horizontal-center"; - /** Constant dui_left */ CssClass dui_left = () -> "dui-left"; - /** Constant dui_right */ + CssClass dui_right = () -> "dui-right"; - /** Constant dui_center */ + CssClass dui_center = () -> "dui-center"; - /** Constant dui_close */ CssClass dui_close = () -> "dui-close"; - /** Constant dui_close_char */ + CssClass dui_close_char = () -> "dui-close-char"; - /** Constant dui_selected */ CssClass dui_selected = () -> "dui-selected"; - /** Constant dui_disable_text_select */ CssClass dui_disable_text_select = () -> "dui-disable-text-select"; } diff --git a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/HasCssClass.java b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/HasCssClass.java index ebac3ef29..78c837ef0 100644 --- a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/HasCssClass.java +++ b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/HasCssClass.java @@ -15,12 +15,13 @@ */ package org.dominokit.domino.ui.style; -/** HasCssClass interface. */ +/** An interface for classes that can provide a CSS class. */ public interface HasCssClass { + /** - * getCssClass. + * Gets the CSS class associated with the implementing object. * - * @return a {@link org.dominokit.domino.ui.style.CssClass} object. + * @return The CSS class. */ CssClass getCssClass(); } diff --git a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/HasCssClasses.java b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/HasCssClasses.java index d4fe9ce88..0819393ba 100644 --- a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/HasCssClasses.java +++ b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/HasCssClasses.java @@ -15,12 +15,13 @@ */ package org.dominokit.domino.ui.style; -/** HasCssClasses interface. */ +/** An interface for classes that can provide an array of CSS classes. */ public interface HasCssClasses { + /** - * getCssClasses. + * Gets an array of CSS classes associated with the implementing object. * - * @return an array of {@link org.dominokit.domino.ui.style.CssClass} objects. + * @return An array of CSS classes. */ CssClass[] getCssClasses(); } diff --git a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/IsCssProperty.java b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/IsCssProperty.java index 63420b3b7..507fca9d5 100644 --- a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/IsCssProperty.java +++ b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/IsCssProperty.java @@ -18,35 +18,39 @@ import elemental2.dom.Element; import org.dominokit.domino.ui.IsElement; -/** IsCssProperty interface. */ +/** + * An interface for defining CSS properties and their behavior. Implementations of this interface + * can apply and remove CSS properties on DOM elements. + */ public interface IsCssProperty { + /** - * apply. + * Applies the defined CSS property to the given DOM element. * - * @param element a {@link elemental2.dom.Element} object + * @param element The DOM element to apply the CSS property to. */ void apply(Element element); /** - * apply. + * Default method to apply the CSS property to an {@link IsElement}. * - * @param element a {@link org.dominokit.domino.ui.IsElement} object + * @param element The {@link IsElement} to apply the CSS property to. */ default void apply(IsElement element) { apply(element.element()); } /** - * remove. + * Removes the defined CSS property from the given DOM element. * - * @param element a {@link elemental2.dom.Element} object + * @param element The DOM element to remove the CSS property from. */ void remove(Element element); /** - * remove. + * Default method to remove the CSS property from an {@link IsElement}. * - * @param element a {@link org.dominokit.domino.ui.IsElement} object + * @param element The {@link IsElement} to remove the CSS property from. */ default void remove(IsElement element) { remove(element.element()); diff --git a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/LimitOneOfCssClass.java b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/LimitOneOfCssClass.java index 75847b8c1..b4eb3d0a5 100644 --- a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/LimitOneOfCssClass.java +++ b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/LimitOneOfCssClass.java @@ -21,45 +21,48 @@ import java.util.Optional; import java.util.stream.Collectors; -/** LimitOneOfCssClass class. */ +/** + * A class for managing a set of allowed CSS classes and ensuring that only one of them is active at + * a time on a DOM element. + */ public class LimitOneOfCssClass implements CssClass { private final CompositeCssClass allowedClasses; private CssClass active = CssClass.NONE; /** - * of. + * Creates a new instance of LimitOneOfCssClass with the specified allowed CSS classes. * - * @param allowedClasses a {@link org.dominokit.domino.ui.style.CssClass} object. - * @return a {@link org.dominokit.domino.ui.style.LimitOneOfCssClass} object. + * @param allowedClasses An array of allowed CSS classes. + * @return A new LimitOneOfCssClass instance. */ public static LimitOneOfCssClass of(CssClass... allowedClasses) { return new LimitOneOfCssClass(allowedClasses); } /** - * of. + * Creates a new instance of LimitOneOfCssClass with the specified allowed CSS class names. * - * @param allowedClasses a {@link java.lang.String} object. - * @return a {@link org.dominokit.domino.ui.style.LimitOneOfCssClass} object. + * @param allowedClasses An array of allowed CSS class names. + * @return A new LimitOneOfCssClass instance. */ public static LimitOneOfCssClass of(String... allowedClasses) { return new LimitOneOfCssClass(allowedClasses); } /** - * Constructor for LimitOneOfCssClass. + * Constructs a LimitOneOfCssClass instance with the specified allowed CSS classes. * - * @param allowedClasses a {@link org.dominokit.domino.ui.style.CssClass} object. + * @param allowedClasses An array of allowed CSS classes. */ public LimitOneOfCssClass(CssClass... allowedClasses) { this.allowedClasses = CompositeCssClass.of(allowedClasses); } /** - * Constructor for LimitOneOfCssClass. + * Constructs a LimitOneOfCssClass instance with the specified allowed CSS class names. * - * @param allowedClasses a {@link java.lang.String} object. + * @param allowedClasses An array of allowed CSS class names. */ public LimitOneOfCssClass(String... allowedClasses) { this.allowedClasses = @@ -68,19 +71,19 @@ public LimitOneOfCssClass(String... allowedClasses) { } /** - * Constructor for LimitOneOfCssClass. + * Constructs a LimitOneOfCssClass instance with the specified allowed CSS classes. * - * @param allowedClasses a {@link java.util.Collection} object. + * @param allowedClasses A collection of allowed CSS classes. */ public LimitOneOfCssClass(Collection allowedClasses) { this.allowedClasses = CompositeCssClass.of(allowedClasses); } /** - * use. + * Sets the active CSS class from the allowed classes. * - * @param activated a {@link org.dominokit.domino.ui.style.CssClass} object. - * @return a {@link org.dominokit.domino.ui.style.LimitOneOfCssClass} object. + * @param activated The CSS class to activate. + * @return This LimitOneOfCssClass instance. */ public LimitOneOfCssClass use(CssClass activated) { if (this.allowedClasses.contains(activated)) { @@ -90,10 +93,10 @@ public LimitOneOfCssClass use(CssClass activated) { } /** - * use. + * Sets the active CSS class from the allowed classes based on an object implementing HasCssClass. * - * @param activated a {@link org.dominokit.domino.ui.style.HasCssClass} object. - * @return a {@link org.dominokit.domino.ui.style.LimitOneOfCssClass} object. + * @param activated The object implementing HasCssClass whose CSS class should be activated. + * @return This LimitOneOfCssClass instance. */ public LimitOneOfCssClass use(HasCssClass activated) { if (this.allowedClasses.contains(activated.getCssClass())) { @@ -102,13 +105,21 @@ public LimitOneOfCssClass use(HasCssClass activated) { return this; } - /** {@inheritDoc} */ + /** + * Removes the allowed CSS classes from the given DOM element. + * + * @param element The DOM element from which to remove the allowed CSS classes. + */ @Override public void remove(Element element) { allowedClasses.remove(element); } - /** {@inheritDoc} */ + /** + * Applies the active CSS class to the given DOM element if it is in the list of allowed classes. + * + * @param element The DOM element to which to apply the active CSS class. + */ @Override public void apply(Element element) { if (allowedClasses.contains(active)) { @@ -118,19 +129,20 @@ public void apply(Element element) { } /** - * Getter for the field allowedClasses. + * Gets the composite CSS class containing the allowed classes. * - * @return a {@link org.dominokit.domino.ui.style.CompositeCssClass} object. + * @return The composite CSS class containing the allowed classes. */ public CompositeCssClass getAllowedClasses() { return allowedClasses; } /** - * Getter for the field active. + * Retrieves the active CSS class applied to a DOM element. * - * @param element a {@link elemental2.dom.Element} object. - * @return a {@link java.util.Optional} object. + * @param element The DOM element for which to find the active CSS class. + * @return An optional containing the active CSS class if found, or an empty optional if none is + * found. */ public Optional getActive(Element element) { return CompositeCssClass.of(element).getCssClasses().stream() @@ -138,7 +150,11 @@ public Optional getActive(Element element) { .findFirst(); } - /** {@inheritDoc} */ + /** + * Gets the CSS class name of the currently active CSS class. + * + * @return The CSS class name of the currently active CSS class. + */ @Override public String getCssClass() { return active.getCssClass(); diff --git a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/MediaQueryCss.java b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/MediaQueryCss.java deleted file mode 100644 index 9070ea011..000000000 --- a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/MediaQueryCss.java +++ /dev/null @@ -1,127 +0,0 @@ -/* - * Copyright © 2019 Dominokit - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ -package org.dominokit.domino.ui.style; - -import elemental2.dom.Element; -import java.util.Arrays; -import java.util.Collection; -import java.util.HashSet; -import java.util.Set; -import java.util.stream.Collectors; -import org.dominokit.domino.ui.IsElement; - -/** MediaQueryCss class. */ -public class MediaQueryCss implements CssClass { - - private Set cssClasses = new HashSet<>(); - - /** - * of. - * - * @param cssClasses a {@link java.util.Collection} object. - * @return a {@link org.dominokit.domino.ui.style.CompositeCssClass} object. - */ - public static CompositeCssClass of(Collection cssClasses) { - return new CompositeCssClass(cssClasses); - } - - /** - * of. - * - * @param cssClasses a {@link org.dominokit.domino.ui.style.CssClass} object. - * @return a {@link org.dominokit.domino.ui.style.CompositeCssClass} object. - */ - public static CompositeCssClass of(CssClass... cssClasses) { - return new CompositeCssClass(cssClasses); - } - - /** - * of. - * - * @param element a {@link elemental2.dom.Element} object. - * @return a {@link org.dominokit.domino.ui.style.CompositeCssClass} object. - */ - public static CompositeCssClass of(Element element) { - return of( - element.classList.asList().stream() - .map(s -> (CssClass) () -> s) - .collect(Collectors.toList())); - } - - /** - * of. - * - * @param element a {@link org.dominokit.domino.ui.IsElement} object. - * @return a {@link org.dominokit.domino.ui.style.CompositeCssClass} object. - */ - public static CompositeCssClass of(IsElement element) { - return of(element.element()); - } - - /** - * Constructor for MediaQueryCss. - * - * @param cssClasses a {@link java.util.Collection} object. - */ - public MediaQueryCss(Collection cssClasses) { - this.cssClasses.addAll(cssClasses); - } - - /** - * Constructor for MediaQueryCss. - * - * @param cssClasses a {@link org.dominokit.domino.ui.style.CssClass} object. - */ - public MediaQueryCss(CssClass... cssClasses) { - this(Arrays.asList(cssClasses)); - } - - /** {@inheritDoc} */ - @Override - public String getCssClass() { - return cssClasses.stream().map(CssClass::getCssClass).collect(Collectors.joining(" ")); - } - - /** {@inheritDoc} */ - @Override - public void apply(Element element) { - cssClasses.forEach(cssClass -> cssClass.apply(element)); - } - - /** {@inheritDoc} */ - @Override - public boolean isAppliedTo(Element element) { - return cssClasses.stream().allMatch(cssClass -> cssClass.isAppliedTo(element)); - } - - /** {@inheritDoc} */ - @Override - public boolean isAppliedTo(IsElement element) { - return isAppliedTo(element.element()); - } - - /** {@inheritDoc} */ - @Override - public void remove(Element element) { - cssClasses.forEach(cssClass -> cssClass.remove(element)); - } - - /** {@inheritDoc} */ - @Override - public void remove(IsElement element) { - remove(element.element()); - } -} diff --git a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/NoneCss.java b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/NoneCss.java index 96af03063..a72f6ac0a 100644 --- a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/NoneCss.java +++ b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/NoneCss.java @@ -18,35 +18,66 @@ import elemental2.dom.Element; import org.dominokit.domino.ui.IsElement; -/** NoneCss class. */ +/** + * An implementation of the {@link CssClass} interface that represents an empty or "none" CSS class. + * This class does not apply any CSS class to an element and always returns an empty string as the + * CSS class name. + */ public class NoneCss implements CssClass { - /** {@inheritDoc} */ + + /** + * Retrieves an empty string as the CSS class name. + * + * @return An empty string. + */ @Override public String getCssClass() { return ""; } - /** {@inheritDoc} */ + /** + * Applies no CSS class to the specified DOM element. + * + * @param element The DOM element to which no CSS class is applied. + */ @Override public void apply(Element element) {} - /** {@inheritDoc} */ + /** + * Indicates that no CSS class is applied to the specified DOM element. + * + * @param element The DOM element to check for the presence of CSS classes. + * @return Always returns {@code false}. + */ @Override public boolean isAppliedTo(Element element) { return false; } - /** {@inheritDoc} */ + /** + * Indicates that no CSS class is applied to the specified IsElement instance. + * + * @param element The IsElement instance to check for the presence of CSS classes. + * @return Always returns {@code false}. + */ @Override public boolean isAppliedTo(IsElement element) { return false; } - /** {@inheritDoc} */ + /** + * Removes no CSS class from the specified DOM element. + * + * @param element The DOM element from which no CSS class is removed. + */ @Override public void remove(Element element) {} - /** {@inheritDoc} */ + /** + * Removes no CSS class from the specified IsElement instance. + * + * @param element The IsElement instance from which no CSS class is removed. + */ @Override public void remove(IsElement element) {} } diff --git a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/PostfixCssClass.java b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/PostfixCssClass.java index 011b17182..60f335e9c 100644 --- a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/PostfixCssClass.java +++ b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/PostfixCssClass.java @@ -13,52 +13,62 @@ * See the License for the specific language governing permissions and * limitations under the License. */ + package org.dominokit.domino.ui.style; import elemental2.dom.Element; -/** PostfixCssClass class. */ +/** + * A class that represents a CSS class with optional postfixes that can be dynamically added or + * removed from an HTML element. The base CSS class name is combined with a postfix to create the + * final CSS class name. Postfixes can be integers or strings. + */ public class PostfixCssClass implements CssClass { private final String baseCssName; private final SwapCssClass swapCssClass; /** - * of. + * Creates a new instance of {@link PostfixCssClass} with the specified base CSS class name and an + * integer postfix. * - * @param baseCssName a {@link java.lang.String} object. - * @param postfix a int. - * @return a {@link org.dominokit.domino.ui.style.PostfixCssClass} object. + * @param baseCssName The base CSS class name without any postfix. + * @param postfix The integer postfix to append to the base CSS class name. + * @return A new {@link PostfixCssClass} instance with the specified base CSS class name and + * integer postfix. */ public static PostfixCssClass of(String baseCssName, int postfix) { return new PostfixCssClass(baseCssName, postfix); } /** - * of. + * Creates a new instance of {@link PostfixCssClass} with the specified base CSS class name and a + * string postfix. * - * @param baseCssName a {@link java.lang.String} object. - * @param postfix a {@link java.lang.String} object. - * @return a {@link org.dominokit.domino.ui.style.PostfixCssClass} object. + * @param baseCssName The base CSS class name without any postfix. + * @param postfix The string postfix to append to the base CSS class name. + * @return A new {@link PostfixCssClass} instance with the specified base CSS class name and + * string postfix. */ public static PostfixCssClass of(String baseCssName, String postfix) { return new PostfixCssClass(baseCssName, postfix); } /** - * of. + * Creates a new instance of {@link PostfixCssClass} with the specified base CSS class name and no + * postfix. * - * @param baseCssName a {@link java.lang.String} object. - * @return a {@link org.dominokit.domino.ui.style.PostfixCssClass} object. + * @param baseCssName The base CSS class name without any postfix. + * @return A new {@link PostfixCssClass} instance with the specified base CSS class name. */ public static PostfixCssClass of(String baseCssName) { return new PostfixCssClass(baseCssName); } /** - * Constructor for PostfixCssClass. + * Creates a PostfixCssClass with the specified base CSS class name. * - * @param baseCssName a {@link java.lang.String} object. + * @param baseCssName The base CSS class name without any postfix. */ public PostfixCssClass(String baseCssName) { this.baseCssName = baseCssName; @@ -66,10 +76,10 @@ public PostfixCssClass(String baseCssName) { } /** - * Constructor for PostfixCssClass. + * Creates a PostfixCssClass with the specified base CSS class name and integer postfix. * - * @param baseCssName a {@link java.lang.String} object. - * @param postfix a int. + * @param baseCssName The base CSS class name without any postfix. + * @param postfix The integer postfix to append to the base CSS class name. */ public PostfixCssClass(String baseCssName, int postfix) { this.baseCssName = baseCssName; @@ -77,10 +87,10 @@ public PostfixCssClass(String baseCssName, int postfix) { } /** - * Constructor for PostfixCssClass. + * Creates a PostfixCssClass with the specified base CSS class name and string postfix. * - * @param baseCssName a {@link java.lang.String} object. - * @param postfix a {@link java.lang.String} object. + * @param baseCssName The base CSS class name without any postfix. + * @param postfix The string postfix to append to the base CSS class name. */ public PostfixCssClass(String baseCssName, String postfix) { this.baseCssName = baseCssName; @@ -88,10 +98,10 @@ public PostfixCssClass(String baseCssName, String postfix) { } /** - * postfix. + * Appends an integer postfix to the CSS class name. * - * @param postfix a int. - * @return a {@link org.dominokit.domino.ui.style.PostfixCssClass} object. + * @param postfix The integer postfix to append. + * @return The PostfixCssClass instance with the updated CSS class name. */ public PostfixCssClass postfix(int postfix) { this.swapCssClass.replaceWith(() -> baseCssName + "-" + postfix); @@ -99,29 +109,41 @@ public PostfixCssClass postfix(int postfix) { } /** - * postfix. + * Appends a string postfix to the CSS class name. * - * @param postfix a {@link java.lang.String} object. - * @return a {@link org.dominokit.domino.ui.style.PostfixCssClass} object. + * @param postfix The string postfix to append. + * @return The PostfixCssClass instance with the updated CSS class name. */ public PostfixCssClass postfix(String postfix) { this.swapCssClass.replaceWith(() -> baseCssName + "-" + postfix); return this; } - /** {@inheritDoc} */ + /** + * Removes the CSS class from the specified HTML element. + * + * @param element The HTML element from which the CSS class will be removed. + */ @Override public void remove(Element element) { swapCssClass.remove(element); } - /** {@inheritDoc} */ + /** + * Applies the CSS class to the specified HTML element. + * + * @param element The HTML element to which the CSS class will be applied. + */ @Override public void apply(Element element) { swapCssClass.apply(element); } - /** {@inheritDoc} */ + /** + * Retrieves the current CSS class name, which may include the appended postfix. + * + * @return The current CSS class name. + */ @Override public String getCssClass() { return swapCssClass.getCssClass(); diff --git a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/ReplaceCssClass.java b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/ReplaceCssClass.java index 03a680124..28754ae98 100644 --- a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/ReplaceCssClass.java +++ b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/ReplaceCssClass.java @@ -13,54 +13,60 @@ * See the License for the specific language governing permissions and * limitations under the License. */ + package org.dominokit.domino.ui.style; import static java.util.Objects.nonNull; import elemental2.dom.Element; -/** ReplaceCssClass class. */ +/** + * A utility class for replacing one CSS class with another on an HTML element. + * + *

This class allows you to replace an original CSS class with a replacement CSS class on an HTML + * element. + */ public class ReplaceCssClass implements CssClass { private CssClass original = CssClass.NONE; private CssClass replacement = CssClass.NONE; /** - * of. + * Creates a new instance of ReplaceCssClass with no initial styles. * - * @return a {@link org.dominokit.domino.ui.style.ReplaceCssClass} object. + * @return a new ReplaceCssClass instance */ public static ReplaceCssClass of() { return new ReplaceCssClass(); } /** - * of. + * Creates a new instance of ReplaceCssClass with an initial style. * - * @param initialStyle a {@link org.dominokit.domino.ui.style.CssClass} object. - * @return a {@link org.dominokit.domino.ui.style.ReplaceCssClass} object. + * @param initialStyle the initial CSS class to be replaced + * @return a new ReplaceCssClass instance */ public static ReplaceCssClass of(CssClass initialStyle) { return new ReplaceCssClass(initialStyle); } /** - * of. + * Creates a new instance of ReplaceCssClass with a CSS class string. * - * @param cssClass a {@link java.lang.String} object. - * @return a {@link org.dominokit.domino.ui.style.ReplaceCssClass} object. + * @param cssClass the CSS class string to be replaced + * @return a new ReplaceCssClass instance */ public static ReplaceCssClass of(String cssClass) { return new ReplaceCssClass(cssClass); } - /** Constructor for ReplaceCssClass. */ + /** Constructs a default ReplaceCssClass instance with no initial styles. */ public ReplaceCssClass() {} /** - * Constructor for ReplaceCssClass. + * Constructs a ReplaceCssClass instance with an initial style. * - * @param initialStyle a {@link org.dominokit.domino.ui.style.CssClass} object. + * @param initialStyle the initial CSS class to be replaced */ public ReplaceCssClass(CssClass initialStyle) { this.original = initialStyle; @@ -68,9 +74,9 @@ public ReplaceCssClass(CssClass initialStyle) { } /** - * Constructor for ReplaceCssClass. + * Constructs a ReplaceCssClass instance with a CSS class string. * - * @param cssClass a {@link java.lang.String} object. + * @param cssClass the CSS class string to be replaced */ public ReplaceCssClass(String cssClass) { this.original = () -> cssClass; @@ -78,10 +84,10 @@ public ReplaceCssClass(String cssClass) { } /** - * replaceWith. + * Sets the replacement CSS class. * - * @param replacement a {@link org.dominokit.domino.ui.style.CssClass} object. - * @return a {@link org.dominokit.domino.ui.style.ReplaceCssClass} object. + * @param replacement the replacement CSS class + * @return this instance for chaining */ public ReplaceCssClass replaceWith(CssClass replacement) { this.replacement = replacement; @@ -89,10 +95,10 @@ public ReplaceCssClass replaceWith(CssClass replacement) { } /** - * replaceWith. + * Sets the replacement CSS class from an object that has a CSS class. * - * @param replacement a {@link org.dominokit.domino.ui.style.HasCssClass} object. - * @return a {@link org.dominokit.domino.ui.style.ReplaceCssClass} object. + * @param replacement the object with a CSS class + * @return this instance for chaining */ public ReplaceCssClass replaceWith(HasCssClass replacement) { if (nonNull(replacement)) { @@ -101,7 +107,11 @@ public ReplaceCssClass replaceWith(HasCssClass replacement) { return this; } - /** {@inheritDoc} */ + /** + * Removes the replacement CSS class from the HTML element. + * + * @param element the HTML element to remove the replacement class from + */ @Override public void remove(Element element) { if (nonNull(replacement)) { @@ -109,7 +119,11 @@ public void remove(Element element) { } } - /** {@inheritDoc} */ + /** + * Applies the replacement CSS class to the HTML element while removing the original class. + * + * @param element the HTML element to apply the replacement class to + */ @Override public void apply(Element element) { if (nonNull(replacement)) { @@ -119,24 +133,28 @@ public void apply(Element element) { } /** - * Getter for the field original. + * Gets the original CSS class. * - * @return a {@link org.dominokit.domino.ui.style.CssClass} object. + * @return the original CSS class */ public CssClass getOriginal() { return original; } /** - * Getter for the field replacement. + * Gets the replacement CSS class. * - * @return a {@link org.dominokit.domino.ui.style.CssClass} object. + * @return the replacement CSS class */ public CssClass getReplacement() { return replacement; } - /** {@inheritDoc} */ + /** + * Gets the CSS class string of the replacement class. + * + * @return the CSS class string of the replacement class + */ @Override public String getCssClass() { return replacement.getCssClass(); diff --git a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/SpacingCss.java b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/SpacingCss.java index db2b2bda8..d214ccd00 100644 --- a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/SpacingCss.java +++ b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/SpacingCss.java @@ -13,4690 +13,4684 @@ * See the License for the specific language governing permissions and * limitations under the License. */ + package org.dominokit.domino.ui.style; -/** SpacingCss interface. */ public interface SpacingCss { - /** Constant dui_filler */ CssClass dui_filler = () -> "dui-filler"; - /** Constant dui_hide_label */ + CssClass dui_hide_label = () -> "dui-hide-label"; CssClass dui_bottom_0_5 = () -> "dui-bottom-0_5"; - /** Constant dui_bottom_1 */ + CssClass dui_bottom_1 = () -> "dui-bottom-1"; - /** Constant dui_bottom_10 */ + CssClass dui_bottom_10 = () -> "dui-bottom-10"; - /** Constant dui_bottom_11 */ + CssClass dui_bottom_11 = () -> "dui-bottom-11"; - /** Constant dui_bottom_12 */ + CssClass dui_bottom_12 = () -> "dui-bottom-12"; - /** Constant dui_bottom_14 */ + CssClass dui_bottom_14 = () -> "dui-bottom-14"; - /** Constant dui_bottom_16 */ + CssClass dui_bottom_16 = () -> "dui-bottom-16"; - /** Constant dui_bottom_1_2p */ + CssClass dui_bottom_1_2p = () -> "dui-bottom-1_2p"; - /** Constant dui_bottom_1_3p */ + CssClass dui_bottom_1_3p = () -> "dui-bottom-1_3p"; - /** Constant dui_bottom_1_4p */ + CssClass dui_bottom_1_4p = () -> "dui-bottom-1_4p"; - /** Constant dui_bottom_1_5 */ + CssClass dui_bottom_1_5 = () -> "dui-bottom-1_5"; - /** Constant dui_bottom_2 */ + CssClass dui_bottom_2 = () -> "dui-bottom-2"; - /** Constant dui_bottom_20 */ + CssClass dui_bottom_20 = () -> "dui-bottom-20"; - /** Constant dui_bottom_24 */ + CssClass dui_bottom_24 = () -> "dui-bottom-24"; - /** Constant dui_bottom_28 */ + CssClass dui_bottom_28 = () -> "dui-bottom-28"; - /** Constant dui_bottom_2_3p */ + CssClass dui_bottom_2_3p = () -> "dui-bottom-2_3p"; - /** Constant dui_bottom_2_5 */ + CssClass dui_bottom_2_5 = () -> "dui-bottom-2_5"; - /** Constant dui_bottom_2px */ + CssClass dui_bottom_2px = () -> "dui-bottom-2px"; - /** Constant dui_bottom_3 */ + CssClass dui_bottom_3 = () -> "dui-bottom-3"; - /** Constant dui_bottom_32 */ + CssClass dui_bottom_32 = () -> "dui-bottom-32"; - /** Constant dui_bottom_36 */ + CssClass dui_bottom_36 = () -> "dui-bottom-36"; - /** Constant dui_bottom_3_4p */ + CssClass dui_bottom_3_4p = () -> "dui-bottom-3_4p"; - /** Constant dui_bottom_3_5 */ + CssClass dui_bottom_3_5 = () -> "dui-bottom-3_5"; - /** Constant dui_bottom_4 */ + CssClass dui_bottom_4 = () -> "dui-bottom-4"; - /** Constant dui_bottom_40 */ + CssClass dui_bottom_40 = () -> "dui-bottom-40"; - /** Constant dui_bottom_44 */ + CssClass dui_bottom_44 = () -> "dui-bottom-44"; - /** Constant dui_bottom_48 */ + CssClass dui_bottom_48 = () -> "dui-bottom-48"; - /** Constant dui_bottom_4px */ + CssClass dui_bottom_4px = () -> "dui-bottom-4px"; - /** Constant dui_bottom_5 */ + CssClass dui_bottom_5 = () -> "dui-bottom-5"; - /** Constant dui_bottom_52 */ + CssClass dui_bottom_52 = () -> "dui-bottom-52"; - /** Constant dui_bottom_56 */ + CssClass dui_bottom_56 = () -> "dui-bottom-56"; - /** Constant dui_bottom_6 */ + CssClass dui_bottom_6 = () -> "dui-bottom-6"; - /** Constant dui_bottom_60 */ + CssClass dui_bottom_60 = () -> "dui-bottom-60"; - /** Constant dui_bottom_64 */ + CssClass dui_bottom_64 = () -> "dui-bottom-64"; - /** Constant dui_bottom_7 */ + CssClass dui_bottom_7 = () -> "dui-bottom-7"; - /** Constant dui_bottom_72 */ + CssClass dui_bottom_72 = () -> "dui-bottom-72"; - /** Constant dui_bottom_8 */ + CssClass dui_bottom_8 = () -> "dui-bottom-8"; - /** Constant dui_bottom_80 */ + CssClass dui_bottom_80 = () -> "dui-bottom-80"; - /** Constant dui_bottom_8px */ + CssClass dui_bottom_8px = () -> "dui-bottom-8px"; - /** Constant dui_bottom_9 */ + CssClass dui_bottom_9 = () -> "dui-bottom-9"; - /** Constant dui_bottom_96 */ + CssClass dui_bottom_96 = () -> "dui-bottom-96"; - /** Constant dui_bottom_auto */ + CssClass dui_bottom_auto = () -> "dui-bottom-auto"; - /** Constant dui_bottom_full */ + CssClass dui_bottom_full = () -> "dui-bottom-full"; - /** Constant dui_bottom_px */ + CssClass dui_bottom_px = () -> "dui-bottom-px"; - /** Constant dui_flex_basis_0 */ + CssClass dui_flex_basis_0 = () -> "dui-basis-0"; - /** Constant dui_flex_basis_0_5 */ + CssClass dui_flex_basis_0_5 = () -> "dui-basis-0_5"; - /** Constant dui_flex_basis_1 */ + CssClass dui_flex_basis_1 = () -> "dui-basis-1"; - /** Constant dui_flex_basis_10 */ + CssClass dui_flex_basis_10 = () -> "dui-basis-10"; - /** Constant dui_flex_basis_11 */ + CssClass dui_flex_basis_11 = () -> "dui-basis-11"; - /** Constant dui_flex_basis_12 */ + CssClass dui_flex_basis_12 = () -> "dui-basis-12"; - /** Constant dui_flex_basis_14 */ + CssClass dui_flex_basis_14 = () -> "dui-basis-14"; - /** Constant dui_flex_basis_16 */ + CssClass dui_flex_basis_16 = () -> "dui-basis-16"; - /** Constant dui_flex_basis_1_2p */ + CssClass dui_flex_basis_1_2p = () -> "dui-basis-1_2p"; - /** Constant dui_flex_basis_1_3p */ + CssClass dui_flex_basis_1_3p = () -> "dui-basis-1_3p"; - /** Constant dui_flex_basis_1_4p */ + CssClass dui_flex_basis_1_4p = () -> "dui-basis-1_4p"; - /** Constant dui_flex_basis_1_5 */ + CssClass dui_flex_basis_1_5 = () -> "dui-basis-1_5"; - /** Constant dui_flex_basis_2 */ + CssClass dui_flex_basis_2 = () -> "dui-basis-2"; - /** Constant dui_flex_basis_20 */ + CssClass dui_flex_basis_20 = () -> "dui-basis-20"; - /** Constant dui_flex_basis_24 */ + CssClass dui_flex_basis_24 = () -> "dui-basis-24"; - /** Constant dui_flex_basis_28 */ + CssClass dui_flex_basis_28 = () -> "dui-basis-28"; - /** Constant dui_flex_basis_2_3p */ + CssClass dui_flex_basis_2_3p = () -> "dui-basis-2_3p"; - /** Constant dui_flex_basis_2_5 */ + CssClass dui_flex_basis_2_5 = () -> "dui-basis-2_5"; - /** Constant dui_flex_basis_2px */ + CssClass dui_flex_basis_2px = () -> "dui-basis-2px"; - /** Constant dui_flex_basis_3 */ + CssClass dui_flex_basis_3 = () -> "dui-basis-3"; - /** Constant dui_flex_basis_32 */ + CssClass dui_flex_basis_32 = () -> "dui-basis-32"; - /** Constant dui_flex_basis_36 */ + CssClass dui_flex_basis_36 = () -> "dui-basis-36"; - /** Constant dui_flex_basis_3_4p */ + CssClass dui_flex_basis_3_4p = () -> "dui-basis-3_4p"; - /** Constant dui_flex_basis_3_5 */ + CssClass dui_flex_basis_3_5 = () -> "dui-basis-3_5"; - /** Constant dui_flex_basis_4 */ + CssClass dui_flex_basis_4 = () -> "dui-basis-4"; - /** Constant dui_flex_basis_40 */ + CssClass dui_flex_basis_40 = () -> "dui-basis-40"; - /** Constant dui_flex_basis_44 */ + CssClass dui_flex_basis_44 = () -> "dui-basis-44"; - /** Constant dui_flex_basis_48 */ + CssClass dui_flex_basis_48 = () -> "dui-basis-48"; - /** Constant dui_flex_basis_4px */ + CssClass dui_flex_basis_4px = () -> "dui-basis-4px"; - /** Constant dui_flex_basis_5 */ + CssClass dui_flex_basis_5 = () -> "dui-basis-5"; - /** Constant dui_flex_basis_52 */ + CssClass dui_flex_basis_52 = () -> "dui-basis-52"; - /** Constant dui_flex_basis_56 */ + CssClass dui_flex_basis_56 = () -> "dui-basis-56"; - /** Constant dui_flex_basis_6 */ + CssClass dui_flex_basis_6 = () -> "dui-basis-6"; - /** Constant dui_flex_basis_60 */ + CssClass dui_flex_basis_60 = () -> "dui-basis-60"; - /** Constant dui_flex_basis_64 */ + CssClass dui_flex_basis_64 = () -> "dui-basis-64"; - /** Constant dui_flex_basis_7 */ + CssClass dui_flex_basis_7 = () -> "dui-basis-7"; - /** Constant dui_flex_basis_72 */ + CssClass dui_flex_basis_72 = () -> "dui-basis-72"; - /** Constant dui_flex_basis_8 */ + CssClass dui_flex_basis_8 = () -> "dui-basis-8"; - /** Constant dui_flex_basis_80 */ + CssClass dui_flex_basis_80 = () -> "dui-basis-80"; - /** Constant dui_flex_basis_8px */ + CssClass dui_flex_basis_8px = () -> "dui-basis-8px"; - /** Constant dui_flex_basis_9 */ + CssClass dui_flex_basis_9 = () -> "dui-basis-9"; - /** Constant dui_flex_basis_96 */ + CssClass dui_flex_basis_96 = () -> "dui-basis-96"; - /** Constant dui_flex_basis_full */ + CssClass dui_flex_basis_full = () -> "dui-basis-full"; - /** Constant dui_flex_basis_px */ + CssClass dui_flex_basis_px = () -> "dui-basis-px"; - /** Constant dui_gap_0 */ + CssClass dui_gap_0 = () -> "dui-gap-0"; - /** Constant dui_gap_0_5 */ + CssClass dui_gap_0_5 = () -> "dui-gap-0_5"; - /** Constant dui_gap_1 */ + CssClass dui_gap_1 = () -> "dui-gap-1"; - /** Constant dui_gap_10 */ + CssClass dui_gap_10 = () -> "dui-gap-10"; - /** Constant dui_gap_11 */ + CssClass dui_gap_11 = () -> "dui-gap-11"; - /** Constant dui_gap_12 */ + CssClass dui_gap_12 = () -> "dui-gap-12"; - /** Constant dui_gap_14 */ + CssClass dui_gap_14 = () -> "dui-gap-14"; - /** Constant dui_gap_16 */ + CssClass dui_gap_16 = () -> "dui-gap-16"; - /** Constant dui_gap_1_2p */ + CssClass dui_gap_1_2p = () -> "dui-gap-1_2p"; - /** Constant dui_gap_1_3p */ + CssClass dui_gap_1_3p = () -> "dui-gap-1_3p"; - /** Constant dui_gap_1_4p */ + CssClass dui_gap_1_4p = () -> "dui-gap-1_4p"; - /** Constant dui_gap_1_5 */ + CssClass dui_gap_1_5 = () -> "dui-gap-1_5"; - /** Constant dui_gap_2 */ + CssClass dui_gap_2 = () -> "dui-gap-2"; - /** Constant dui_gap_20 */ + CssClass dui_gap_20 = () -> "dui-gap-20"; - /** Constant dui_gap_24 */ + CssClass dui_gap_24 = () -> "dui-gap-24"; - /** Constant dui_gap_28 */ + CssClass dui_gap_28 = () -> "dui-gap-28"; - /** Constant dui_gap_2_3p */ + CssClass dui_gap_2_3p = () -> "dui-gap-2_3p"; - /** Constant dui_gap_2_5 */ + CssClass dui_gap_2_5 = () -> "dui-gap-2_5"; - /** Constant dui_gap_2px */ + CssClass dui_gap_2px = () -> "dui-gap-2px"; - /** Constant dui_gap_3 */ + CssClass dui_gap_3 = () -> "dui-gap-3"; - /** Constant dui_gap_32 */ + CssClass dui_gap_32 = () -> "dui-gap-32"; - /** Constant dui_gap_36 */ + CssClass dui_gap_36 = () -> "dui-gap-36"; - /** Constant dui_gap_3_4p */ + CssClass dui_gap_3_4p = () -> "dui-gap-3_4p"; - /** Constant dui_gap_3_5 */ + CssClass dui_gap_3_5 = () -> "dui-gap-3_5"; - /** Constant dui_gap_4 */ + CssClass dui_gap_4 = () -> "dui-gap-4"; - /** Constant dui_gap_40 */ + CssClass dui_gap_40 = () -> "dui-gap-40"; - /** Constant dui_gap_44 */ + CssClass dui_gap_44 = () -> "dui-gap-44"; - /** Constant dui_gap_48 */ + CssClass dui_gap_48 = () -> "dui-gap-48"; - /** Constant dui_gap_4px */ + CssClass dui_gap_4px = () -> "dui-gap-4px"; - /** Constant dui_gap_5 */ + CssClass dui_gap_5 = () -> "dui-gap-5"; - /** Constant dui_gap_52 */ + CssClass dui_gap_52 = () -> "dui-gap-52"; - /** Constant dui_gap_56 */ + CssClass dui_gap_56 = () -> "dui-gap-56"; - /** Constant dui_gap_6 */ + CssClass dui_gap_6 = () -> "dui-gap-6"; - /** Constant dui_gap_60 */ + CssClass dui_gap_60 = () -> "dui-gap-60"; - /** Constant dui_gap_64 */ + CssClass dui_gap_64 = () -> "dui-gap-64"; - /** Constant dui_gap_7 */ + CssClass dui_gap_7 = () -> "dui-gap-7"; - /** Constant dui_gap_72 */ + CssClass dui_gap_72 = () -> "dui-gap-72"; - /** Constant dui_gap_8 */ + CssClass dui_gap_8 = () -> "dui-gap-8"; - /** Constant dui_gap_80 */ + CssClass dui_gap_80 = () -> "dui-gap-80"; - /** Constant dui_gap_8px */ + CssClass dui_gap_8px = () -> "dui-gap-8px"; - /** Constant dui_gap_9 */ + CssClass dui_gap_9 = () -> "dui-gap-9"; - /** Constant dui_gap_96 */ + CssClass dui_gap_96 = () -> "dui-gap-96"; - /** Constant dui_gap_full */ + CssClass dui_gap_full = () -> "dui-gap-full"; - /** Constant dui_gap_px */ + CssClass dui_gap_px = () -> "dui-gap-px"; - /** Constant dui_gap_x_0 */ + CssClass dui_gap_x_0 = () -> "dui-gap-x-0"; - /** Constant dui_gap_x_0_5 */ + CssClass dui_gap_x_0_5 = () -> "dui-gap-x-0_5"; - /** Constant dui_gap_x_1 */ + CssClass dui_gap_x_1 = () -> "dui-gap-x-1"; - /** Constant dui_gap_x_10 */ + CssClass dui_gap_x_10 = () -> "dui-gap-x-10"; - /** Constant dui_gap_x_11 */ + CssClass dui_gap_x_11 = () -> "dui-gap-x-11"; - /** Constant dui_gap_x_12 */ + CssClass dui_gap_x_12 = () -> "dui-gap-x-12"; - /** Constant dui_gap_x_14 */ + CssClass dui_gap_x_14 = () -> "dui-gap-x-14"; - /** Constant dui_gap_x_16 */ + CssClass dui_gap_x_16 = () -> "dui-gap-x-16"; - /** Constant dui_gap_x_1_2p */ + CssClass dui_gap_x_1_2p = () -> "dui-gap-x-1_2p"; - /** Constant dui_gap_x_1_3p */ + CssClass dui_gap_x_1_3p = () -> "dui-gap-x-1_3p"; - /** Constant dui_gap_x_1_4p */ + CssClass dui_gap_x_1_4p = () -> "dui-gap-x-1_4p"; - /** Constant dui_gap_x_1_5 */ + CssClass dui_gap_x_1_5 = () -> "dui-gap-x-1_5"; - /** Constant dui_gap_x_2 */ + CssClass dui_gap_x_2 = () -> "dui-gap-x-2"; - /** Constant dui_gap_x_20 */ + CssClass dui_gap_x_20 = () -> "dui-gap-x-20"; - /** Constant dui_gap_x_24 */ + CssClass dui_gap_x_24 = () -> "dui-gap-x-24"; - /** Constant dui_gap_x_28 */ + CssClass dui_gap_x_28 = () -> "dui-gap-x-28"; - /** Constant dui_gap_x_2_3p */ + CssClass dui_gap_x_2_3p = () -> "dui-gap-x-2_3p"; - /** Constant dui_gap_x_2_5 */ + CssClass dui_gap_x_2_5 = () -> "dui-gap-x-2_5"; - /** Constant dui_gap_x_2px */ + CssClass dui_gap_x_2px = () -> "dui-gap-x-2px"; - /** Constant dui_gap_x_3 */ + CssClass dui_gap_x_3 = () -> "dui-gap-x-3"; - /** Constant dui_gap_x_32 */ + CssClass dui_gap_x_32 = () -> "dui-gap-x-32"; - /** Constant dui_gap_x_36 */ + CssClass dui_gap_x_36 = () -> "dui-gap-x-36"; - /** Constant dui_gap_x_3_4p */ + CssClass dui_gap_x_3_4p = () -> "dui-gap-x-3_4p"; - /** Constant dui_gap_x_3_5 */ + CssClass dui_gap_x_3_5 = () -> "dui-gap-x-3_5"; - /** Constant dui_gap_x_4 */ + CssClass dui_gap_x_4 = () -> "dui-gap-x-4"; - /** Constant dui_gap_x_40 */ + CssClass dui_gap_x_40 = () -> "dui-gap-x-40"; - /** Constant dui_gap_x_44 */ + CssClass dui_gap_x_44 = () -> "dui-gap-x-44"; - /** Constant dui_gap_x_48 */ + CssClass dui_gap_x_48 = () -> "dui-gap-x-48"; - /** Constant dui_gap_x_4px */ + CssClass dui_gap_x_4px = () -> "dui-gap-x-4px"; - /** Constant dui_gap_x_5 */ + CssClass dui_gap_x_5 = () -> "dui-gap-x-5"; - /** Constant dui_gap_x_52 */ + CssClass dui_gap_x_52 = () -> "dui-gap-x-52"; - /** Constant dui_gap_x_56 */ + CssClass dui_gap_x_56 = () -> "dui-gap-x-56"; - /** Constant dui_gap_x_6 */ + CssClass dui_gap_x_6 = () -> "dui-gap-x-6"; - /** Constant dui_gap_x_60 */ + CssClass dui_gap_x_60 = () -> "dui-gap-x-60"; - /** Constant dui_gap_x_64 */ + CssClass dui_gap_x_64 = () -> "dui-gap-x-64"; - /** Constant dui_gap_x_7 */ + CssClass dui_gap_x_7 = () -> "dui-gap-x-7"; - /** Constant dui_gap_x_72 */ + CssClass dui_gap_x_72 = () -> "dui-gap-x-72"; - /** Constant dui_gap_x_8 */ + CssClass dui_gap_x_8 = () -> "dui-gap-x-8"; - /** Constant dui_gap_x_80 */ + CssClass dui_gap_x_80 = () -> "dui-gap-x-80"; - /** Constant dui_gap_x_8px */ + CssClass dui_gap_x_8px = () -> "dui-gap-x-8px"; - /** Constant dui_gap_x_9 */ + CssClass dui_gap_x_9 = () -> "dui-gap-x-9"; - /** Constant dui_gap_x_96 */ + CssClass dui_gap_x_96 = () -> "dui-gap-x-96"; - /** Constant dui_gap_x_full */ + CssClass dui_gap_x_full = () -> "dui-gap-x-full"; - /** Constant dui_gap_x_px */ + CssClass dui_gap_x_px = () -> "dui-gap-x-px"; - /** Constant dui_gap_y_0 */ + CssClass dui_gap_y_0 = () -> "dui-gap-y-0"; - /** Constant dui_gap_y_0_5 */ + CssClass dui_gap_y_0_5 = () -> "dui-gap-y-0_5"; - /** Constant dui_gap_y_1 */ + CssClass dui_gap_y_1 = () -> "dui-gap-y-1"; - /** Constant dui_gap_y_10 */ + CssClass dui_gap_y_10 = () -> "dui-gap-y-10"; - /** Constant dui_gap_y_11 */ + CssClass dui_gap_y_11 = () -> "dui-gap-y-11"; - /** Constant dui_gap_y_12 */ + CssClass dui_gap_y_12 = () -> "dui-gap-y-12"; - /** Constant dui_gap_y_14 */ + CssClass dui_gap_y_14 = () -> "dui-gap-y-14"; - /** Constant dui_gap_y_16 */ + CssClass dui_gap_y_16 = () -> "dui-gap-y-16"; - /** Constant dui_gap_y_1_2p */ + CssClass dui_gap_y_1_2p = () -> "dui-gap-y-1_2p"; - /** Constant dui_gap_y_1_3p */ + CssClass dui_gap_y_1_3p = () -> "dui-gap-y-1_3p"; - /** Constant dui_gap_y_1_4p */ + CssClass dui_gap_y_1_4p = () -> "dui-gap-y-1_4p"; - /** Constant dui_gap_y_1_5 */ + CssClass dui_gap_y_1_5 = () -> "dui-gap-y-1_5"; - /** Constant dui_gap_y_2 */ + CssClass dui_gap_y_2 = () -> "dui-gap-y-2"; - /** Constant dui_gap_y_20 */ + CssClass dui_gap_y_20 = () -> "dui-gap-y-20"; - /** Constant dui_gap_y_24 */ + CssClass dui_gap_y_24 = () -> "dui-gap-y-24"; - /** Constant dui_gap_y_28 */ + CssClass dui_gap_y_28 = () -> "dui-gap-y-28"; - /** Constant dui_gap_y_2_3p */ + CssClass dui_gap_y_2_3p = () -> "dui-gap-y-2_3p"; - /** Constant dui_gap_y_2_5 */ + CssClass dui_gap_y_2_5 = () -> "dui-gap-y-2_5"; - /** Constant dui_gap_y_2px */ + CssClass dui_gap_y_2px = () -> "dui-gap-y-2px"; - /** Constant dui_gap_y_3 */ + CssClass dui_gap_y_3 = () -> "dui-gap-y-3"; - /** Constant dui_gap_y_32 */ + CssClass dui_gap_y_32 = () -> "dui-gap-y-32"; - /** Constant dui_gap_y_36 */ + CssClass dui_gap_y_36 = () -> "dui-gap-y-36"; - /** Constant dui_gap_y_3_4p */ + CssClass dui_gap_y_3_4p = () -> "dui-gap-y-3_4p"; - /** Constant dui_gap_y_3_5 */ + CssClass dui_gap_y_3_5 = () -> "dui-gap-y-3_5"; - /** Constant dui_gap_y_4 */ + CssClass dui_gap_y_4 = () -> "dui-gap-y-4"; - /** Constant dui_gap_y_40 */ + CssClass dui_gap_y_40 = () -> "dui-gap-y-40"; - /** Constant dui_gap_y_44 */ + CssClass dui_gap_y_44 = () -> "dui-gap-y-44"; - /** Constant dui_gap_y_48 */ + CssClass dui_gap_y_48 = () -> "dui-gap-y-48"; - /** Constant dui_gap_y_4px */ + CssClass dui_gap_y_4px = () -> "dui-gap-y-4px"; - /** Constant dui_gap_y_5 */ + CssClass dui_gap_y_5 = () -> "dui-gap-y-5"; - /** Constant dui_gap_y_52 */ + CssClass dui_gap_y_52 = () -> "dui-gap-y-52"; - /** Constant dui_gap_y_56 */ + CssClass dui_gap_y_56 = () -> "dui-gap-y-56"; - /** Constant dui_gap_y_6 */ + CssClass dui_gap_y_6 = () -> "dui-gap-y-6"; - /** Constant dui_gap_y_60 */ + CssClass dui_gap_y_60 = () -> "dui-gap-y-60"; - /** Constant dui_gap_y_64 */ + CssClass dui_gap_y_64 = () -> "dui-gap-y-64"; - /** Constant dui_gap_y_7 */ + CssClass dui_gap_y_7 = () -> "dui-gap-y-7"; - /** Constant dui_gap_y_72 */ + CssClass dui_gap_y_72 = () -> "dui-gap-y-72"; - /** Constant dui_gap_y_8 */ + CssClass dui_gap_y_8 = () -> "dui-gap-y-8"; - /** Constant dui_gap_y_80 */ + CssClass dui_gap_y_80 = () -> "dui-gap-y-80"; - /** Constant dui_gap_y_8px */ + CssClass dui_gap_y_8px = () -> "dui-gap-y-8px"; - /** Constant dui_gap_y_9 */ + CssClass dui_gap_y_9 = () -> "dui-gap-y-9"; - /** Constant dui_gap_y_96 */ + CssClass dui_gap_y_96 = () -> "dui-gap-y-96"; - /** Constant dui_gap_y_full */ + CssClass dui_gap_y_full = () -> "dui-gap-y-full"; - /** Constant dui_gap_y_px */ + CssClass dui_gap_y_px = () -> "dui-gap-y-px"; - /** Constant dui_h_0 */ + CssClass dui_h_0 = () -> "dui-h-0"; - /** Constant dui_h_0_5 */ + CssClass dui_h_0_5 = () -> "dui-h-0_5"; - /** Constant dui_h_1 */ + CssClass dui_h_1 = () -> "dui-h-1"; - /** Constant dui_h_10 */ + CssClass dui_h_10 = () -> "dui-h-10"; - /** Constant dui_h_11 */ + CssClass dui_h_11 = () -> "dui-h-11"; - /** Constant dui_h_12 */ + CssClass dui_h_12 = () -> "dui-h-12"; - /** Constant dui_h_14 */ + CssClass dui_h_14 = () -> "dui-h-14"; - /** Constant dui_h_16 */ + CssClass dui_h_16 = () -> "dui-h-16"; - /** Constant dui_h_1_2p */ + CssClass dui_h_1_2p = () -> "dui-h-1_2p"; - /** Constant dui_h_1_3p */ + CssClass dui_h_1_3p = () -> "dui-h-1_3p"; - /** Constant dui_h_1_4p */ + CssClass dui_h_1_4p = () -> "dui-h-1_4p"; - /** Constant dui_h_1_5 */ + CssClass dui_h_1_5 = () -> "dui-h-1_5"; - /** Constant dui_h_2 */ + CssClass dui_h_2 = () -> "dui-h-2"; - /** Constant dui_h_20 */ + CssClass dui_h_20 = () -> "dui-h-20"; - /** Constant dui_h_24 */ + CssClass dui_h_24 = () -> "dui-h-24"; - /** Constant dui_h_28 */ + CssClass dui_h_28 = () -> "dui-h-28"; - /** Constant dui_h_2_3p */ + CssClass dui_h_2_3p = () -> "dui-h-2_3p"; - /** Constant dui_h_2_5 */ + CssClass dui_h_2_5 = () -> "dui-h-2_5"; - /** Constant dui_h_2px */ + CssClass dui_h_2px = () -> "dui-h-2px"; - /** Constant dui_h_3 */ + CssClass dui_h_3 = () -> "dui-h-3"; - /** Constant dui_h_32 */ + CssClass dui_h_32 = () -> "dui-h-32"; - /** Constant dui_h_36 */ + CssClass dui_h_36 = () -> "dui-h-36"; - /** Constant dui_h_3_4p */ + CssClass dui_h_3_4p = () -> "dui-h-3_4p"; - /** Constant dui_h_3_5 */ + CssClass dui_h_3_5 = () -> "dui-h-3_5"; - /** Constant dui_h_4 */ + CssClass dui_h_4 = () -> "dui-h-4"; - /** Constant dui_h_40 */ + CssClass dui_h_40 = () -> "dui-h-40"; - /** Constant dui_h_44 */ + CssClass dui_h_44 = () -> "dui-h-44"; - /** Constant dui_h_48 */ + CssClass dui_h_48 = () -> "dui-h-48"; - /** Constant dui_h_4px */ + CssClass dui_h_4px = () -> "dui-h-4px"; - /** Constant dui_h_5 */ + CssClass dui_h_5 = () -> "dui-h-5"; - /** Constant dui_h_52 */ + CssClass dui_h_52 = () -> "dui-h-52"; - /** Constant dui_h_56 */ + CssClass dui_h_56 = () -> "dui-h-56"; - /** Constant dui_h_6 */ + CssClass dui_h_6 = () -> "dui-h-6"; - /** Constant dui_h_60 */ + CssClass dui_h_60 = () -> "dui-h-60"; - /** Constant dui_h_64 */ + CssClass dui_h_64 = () -> "dui-h-64"; - /** Constant dui_h_7 */ + CssClass dui_h_7 = () -> "dui-h-7"; - /** Constant dui_h_72 */ + CssClass dui_h_72 = () -> "dui-h-72"; - /** Constant dui_h_8 */ + CssClass dui_h_8 = () -> "dui-h-8"; - /** Constant dui_h_80 */ + CssClass dui_h_80 = () -> "dui-h-80"; - /** Constant dui_h_8px */ + CssClass dui_h_8px = () -> "dui-h-8px"; - /** Constant dui_h_9 */ + CssClass dui_h_9 = () -> "dui-h-9"; - /** Constant dui_h_96 */ + CssClass dui_h_96 = () -> "dui-h-96"; - /** Constant dui_h_full */ + CssClass dui_h_full = () -> "dui-h-full"; - /** Constant dui_h_px */ + CssClass dui_h_px = () -> "dui-h-px"; - /** Constant dui_inset_0_5 */ + CssClass dui_inset_0_5 = () -> "dui-inset-0_5"; - /** Constant dui_inset_1 */ + CssClass dui_inset_1 = () -> "dui-inset-1"; - /** Constant dui_inset_10 */ + CssClass dui_inset_10 = () -> "dui-inset-10"; - /** Constant dui_inset_11 */ + CssClass dui_inset_11 = () -> "dui-inset-11"; - /** Constant dui_inset_12 */ + CssClass dui_inset_12 = () -> "dui-inset-12"; - /** Constant dui_inset_14 */ + CssClass dui_inset_14 = () -> "dui-inset-14"; - /** Constant dui_inset_16 */ + CssClass dui_inset_16 = () -> "dui-inset-16"; - /** Constant dui_inset_1_2p */ + CssClass dui_inset_1_2p = () -> "dui-inset-1_2p"; - /** Constant dui_inset_1_3p */ + CssClass dui_inset_1_3p = () -> "dui-inset-1_3p"; - /** Constant dui_inset_1_4p */ + CssClass dui_inset_1_4p = () -> "dui-inset-1_4p"; - /** Constant dui_inset_1_5 */ + CssClass dui_inset_1_5 = () -> "dui-inset-1_5"; - /** Constant dui_inset_2 */ + CssClass dui_inset_2 = () -> "dui-inset-2"; - /** Constant dui_inset_20 */ + CssClass dui_inset_20 = () -> "dui-inset-20"; - /** Constant dui_inset_24 */ + CssClass dui_inset_24 = () -> "dui-inset-24"; - /** Constant dui_inset_28 */ + CssClass dui_inset_28 = () -> "dui-inset-28"; - /** Constant dui_inset_2_3p */ + CssClass dui_inset_2_3p = () -> "dui-inset-2_3p"; - /** Constant dui_inset_2_5 */ + CssClass dui_inset_2_5 = () -> "dui-inset-2_5"; - /** Constant dui_inset_2px */ + CssClass dui_inset_2px = () -> "dui-inset-2px"; - /** Constant dui_inset_3 */ + CssClass dui_inset_3 = () -> "dui-inset-3"; - /** Constant dui_inset_32 */ + CssClass dui_inset_32 = () -> "dui-inset-32"; - /** Constant dui_inset_36 */ + CssClass dui_inset_36 = () -> "dui-inset-36"; - /** Constant dui_inset_3_4p */ + CssClass dui_inset_3_4p = () -> "dui-inset-3_4p"; - /** Constant dui_inset_3_5 */ + CssClass dui_inset_3_5 = () -> "dui-inset-3_5"; - /** Constant dui_inset_4 */ + CssClass dui_inset_4 = () -> "dui-inset-4"; - /** Constant dui_inset_40 */ + CssClass dui_inset_40 = () -> "dui-inset-40"; - /** Constant dui_inset_44 */ + CssClass dui_inset_44 = () -> "dui-inset-44"; - /** Constant dui_inset_48 */ + CssClass dui_inset_48 = () -> "dui-inset-48"; - /** Constant dui_inset_4px */ + CssClass dui_inset_4px = () -> "dui-inset-4px"; - /** Constant dui_inset_5 */ + CssClass dui_inset_5 = () -> "dui-inset-5"; - /** Constant dui_inset_52 */ + CssClass dui_inset_52 = () -> "dui-inset-52"; - /** Constant dui_inset_56 */ + CssClass dui_inset_56 = () -> "dui-inset-56"; - /** Constant dui_inset_6 */ + CssClass dui_inset_6 = () -> "dui-inset-6"; - /** Constant dui_inset_60 */ + CssClass dui_inset_60 = () -> "dui-inset-60"; - /** Constant dui_inset_64 */ + CssClass dui_inset_64 = () -> "dui-inset-64"; - /** Constant dui_inset_7 */ + CssClass dui_inset_7 = () -> "dui-inset-7"; - /** Constant dui_inset_72 */ + CssClass dui_inset_72 = () -> "dui-inset-72"; - /** Constant dui_inset_8 */ + CssClass dui_inset_8 = () -> "dui-inset-8"; - /** Constant dui_inset_80 */ + CssClass dui_inset_80 = () -> "dui-inset-80"; - /** Constant dui_inset_8px */ + CssClass dui_inset_8px = () -> "dui-inset-8px"; - /** Constant dui_inset_9 */ + CssClass dui_inset_9 = () -> "dui-inset-9"; - /** Constant dui_inset_96 */ + CssClass dui_inset_96 = () -> "dui-inset-96"; - /** Constant dui_inset_auto */ + CssClass dui_inset_auto = () -> "dui-inset-auto"; - /** Constant dui_inset_full */ + CssClass dui_inset_full = () -> "dui-inset-full"; - /** Constant dui_inset_px */ + CssClass dui_inset_px = () -> "dui-inset-px"; - /** Constant dui_inset_x_0_5 */ + CssClass dui_inset_x_0_5 = () -> "dui-inset-x-0_5"; - /** Constant dui_inset_x_1 */ + CssClass dui_inset_x_1 = () -> "dui-inset-x-1"; - /** Constant dui_inset_x_10 */ + CssClass dui_inset_x_10 = () -> "dui-inset-x-10"; - /** Constant dui_inset_x_11 */ + CssClass dui_inset_x_11 = () -> "dui-inset-x-11"; - /** Constant dui_inset_x_12 */ + CssClass dui_inset_x_12 = () -> "dui-inset-x-12"; - /** Constant dui_inset_x_14 */ + CssClass dui_inset_x_14 = () -> "dui-inset-x-14"; - /** Constant dui_inset_x_16 */ + CssClass dui_inset_x_16 = () -> "dui-inset-x-16"; - /** Constant dui_inset_x_1_2p */ + CssClass dui_inset_x_1_2p = () -> "dui-inset-x-1_2p"; - /** Constant dui_inset_x_1_3p */ + CssClass dui_inset_x_1_3p = () -> "dui-inset-x-1_3p"; - /** Constant dui_inset_x_1_4p */ + CssClass dui_inset_x_1_4p = () -> "dui-inset-x-1_4p"; - /** Constant dui_inset_x_1_5 */ + CssClass dui_inset_x_1_5 = () -> "dui-inset-x-1_5"; - /** Constant dui_inset_x_2 */ + CssClass dui_inset_x_2 = () -> "dui-inset-x-2"; - /** Constant dui_inset_x_20 */ + CssClass dui_inset_x_20 = () -> "dui-inset-x-20"; - /** Constant dui_inset_x_24 */ + CssClass dui_inset_x_24 = () -> "dui-inset-x-24"; - /** Constant dui_inset_x_28 */ + CssClass dui_inset_x_28 = () -> "dui-inset-x-28"; - /** Constant dui_inset_x_2_3p */ + CssClass dui_inset_x_2_3p = () -> "dui-inset-x-2_3p"; - /** Constant dui_inset_x_2_5 */ + CssClass dui_inset_x_2_5 = () -> "dui-inset-x-2_5"; - /** Constant dui_inset_x_2px */ + CssClass dui_inset_x_2px = () -> "dui-inset-x-2px"; - /** Constant dui_inset_x_3 */ + CssClass dui_inset_x_3 = () -> "dui-inset-x-3"; - /** Constant dui_inset_x_32 */ + CssClass dui_inset_x_32 = () -> "dui-inset-x-32"; - /** Constant dui_inset_x_36 */ + CssClass dui_inset_x_36 = () -> "dui-inset-x-36"; - /** Constant dui_inset_x_3_4p */ + CssClass dui_inset_x_3_4p = () -> "dui-inset-x-3_4p"; - /** Constant dui_inset_x_3_5 */ + CssClass dui_inset_x_3_5 = () -> "dui-inset-x-3_5"; - /** Constant dui_inset_x_4 */ + CssClass dui_inset_x_4 = () -> "dui-inset-x-4"; - /** Constant dui_inset_x_40 */ + CssClass dui_inset_x_40 = () -> "dui-inset-x-40"; - /** Constant dui_inset_x_44 */ + CssClass dui_inset_x_44 = () -> "dui-inset-x-44"; - /** Constant dui_inset_x_48 */ + CssClass dui_inset_x_48 = () -> "dui-inset-x-48"; - /** Constant dui_inset_x_4px */ + CssClass dui_inset_x_4px = () -> "dui-inset-x-4px"; - /** Constant dui_inset_x_5 */ + CssClass dui_inset_x_5 = () -> "dui-inset-x-5"; - /** Constant dui_inset_x_52 */ + CssClass dui_inset_x_52 = () -> "dui-inset-x-52"; - /** Constant dui_inset_x_56 */ + CssClass dui_inset_x_56 = () -> "dui-inset-x-56"; - /** Constant dui_inset_x_6 */ + CssClass dui_inset_x_6 = () -> "dui-inset-x-6"; - /** Constant dui_inset_x_60 */ + CssClass dui_inset_x_60 = () -> "dui-inset-x-60"; - /** Constant dui_inset_x_64 */ + CssClass dui_inset_x_64 = () -> "dui-inset-x-64"; - /** Constant dui_inset_x_7 */ + CssClass dui_inset_x_7 = () -> "dui-inset-x-7"; - /** Constant dui_inset_x_72 */ + CssClass dui_inset_x_72 = () -> "dui-inset-x-72"; - /** Constant dui_inset_x_8 */ + CssClass dui_inset_x_8 = () -> "dui-inset-x-8"; - /** Constant dui_inset_x_80 */ + CssClass dui_inset_x_80 = () -> "dui-inset-x-80"; - /** Constant dui_inset_x_8px */ + CssClass dui_inset_x_8px = () -> "dui-inset-x-8px"; - /** Constant dui_inset_x_9 */ + CssClass dui_inset_x_9 = () -> "dui-inset-x-9"; - /** Constant dui_inset_x_96 */ + CssClass dui_inset_x_96 = () -> "dui-inset-x-96"; - /** Constant dui_inset_x_auto */ + CssClass dui_inset_x_auto = () -> "dui-inset-x-auto"; - /** Constant dui_inset_x_full */ + CssClass dui_inset_x_full = () -> "dui-inset-x-full"; - /** Constant dui_inset_x_px */ + CssClass dui_inset_x_px = () -> "dui-inset-x-px"; - /** Constant dui_inset_y_0_5 */ + CssClass dui_inset_y_0_5 = () -> "dui-inset-y-0_5"; - /** Constant dui_inset_y_1 */ + CssClass dui_inset_y_1 = () -> "dui-inset-y-1"; - /** Constant dui_inset_y_10 */ + CssClass dui_inset_y_10 = () -> "dui-inset-y-10"; - /** Constant dui_inset_y_11 */ + CssClass dui_inset_y_11 = () -> "dui-inset-y-11"; - /** Constant dui_inset_y_12 */ + CssClass dui_inset_y_12 = () -> "dui-inset-y-12"; - /** Constant dui_inset_y_14 */ + CssClass dui_inset_y_14 = () -> "dui-inset-y-14"; - /** Constant dui_inset_y_16 */ + CssClass dui_inset_y_16 = () -> "dui-inset-y-16"; - /** Constant dui_inset_y_1_2p */ + CssClass dui_inset_y_1_2p = () -> "dui-inset-y-1_2p"; - /** Constant dui_inset_y_1_3p */ + CssClass dui_inset_y_1_3p = () -> "dui-inset-y-1_3p"; - /** Constant dui_inset_y_1_4p */ + CssClass dui_inset_y_1_4p = () -> "dui-inset-y-1_4p"; - /** Constant dui_inset_y_1_5 */ + CssClass dui_inset_y_1_5 = () -> "dui-inset-y-1_5"; - /** Constant dui_inset_y_2 */ + CssClass dui_inset_y_2 = () -> "dui-inset-y-2"; - /** Constant dui_inset_y_20 */ + CssClass dui_inset_y_20 = () -> "dui-inset-y-20"; - /** Constant dui_inset_y_24 */ + CssClass dui_inset_y_24 = () -> "dui-inset-y-24"; - /** Constant dui_inset_y_28 */ + CssClass dui_inset_y_28 = () -> "dui-inset-y-28"; - /** Constant dui_inset_y_2_3p */ + CssClass dui_inset_y_2_3p = () -> "dui-inset-y-2_3p"; - /** Constant dui_inset_y_2_5 */ + CssClass dui_inset_y_2_5 = () -> "dui-inset-y-2_5"; - /** Constant dui_inset_y_2px */ + CssClass dui_inset_y_2px = () -> "dui-inset-y-2px"; - /** Constant dui_inset_y_3 */ + CssClass dui_inset_y_3 = () -> "dui-inset-y-3"; - /** Constant dui_inset_y_32 */ + CssClass dui_inset_y_32 = () -> "dui-inset-y-32"; - /** Constant dui_inset_y_36 */ + CssClass dui_inset_y_36 = () -> "dui-inset-y-36"; - /** Constant dui_inset_y_3_4p */ + CssClass dui_inset_y_3_4p = () -> "dui-inset-y-3_4p"; - /** Constant dui_inset_y_3_5 */ + CssClass dui_inset_y_3_5 = () -> "dui-inset-y-3_5"; - /** Constant dui_inset_y_4 */ + CssClass dui_inset_y_4 = () -> "dui-inset-y-4"; - /** Constant dui_inset_y_40 */ + CssClass dui_inset_y_40 = () -> "dui-inset-y-40"; - /** Constant dui_inset_y_44 */ + CssClass dui_inset_y_44 = () -> "dui-inset-y-44"; - /** Constant dui_inset_y_48 */ + CssClass dui_inset_y_48 = () -> "dui-inset-y-48"; - /** Constant dui_inset_y_4px */ + CssClass dui_inset_y_4px = () -> "dui-inset-y-4px"; - /** Constant dui_inset_y_5 */ + CssClass dui_inset_y_5 = () -> "dui-inset-y-5"; - /** Constant dui_inset_y_52 */ + CssClass dui_inset_y_52 = () -> "dui-inset-y-52"; - /** Constant dui_inset_y_56 */ + CssClass dui_inset_y_56 = () -> "dui-inset-y-56"; - /** Constant dui_inset_y_6 */ + CssClass dui_inset_y_6 = () -> "dui-inset-y-6"; - /** Constant dui_inset_y_60 */ + CssClass dui_inset_y_60 = () -> "dui-inset-y-60"; - /** Constant dui_inset_y_64 */ + CssClass dui_inset_y_64 = () -> "dui-inset-y-64"; - /** Constant dui_inset_y_7 */ + CssClass dui_inset_y_7 = () -> "dui-inset-y-7"; - /** Constant dui_inset_y_72 */ + CssClass dui_inset_y_72 = () -> "dui-inset-y-72"; - /** Constant dui_inset_y_8 */ + CssClass dui_inset_y_8 = () -> "dui-inset-y-8"; - /** Constant dui_inset_y_80 */ + CssClass dui_inset_y_80 = () -> "dui-inset-y-80"; - /** Constant dui_inset_y_8px */ + CssClass dui_inset_y_8px = () -> "dui-inset-y-8px"; - /** Constant dui_inset_y_9 */ + CssClass dui_inset_y_9 = () -> "dui-inset-y-9"; - /** Constant dui_inset_y_96 */ + CssClass dui_inset_y_96 = () -> "dui-inset-y-96"; - /** Constant dui_inset_y_auto */ + CssClass dui_inset_y_auto = () -> "dui-inset-y-auto"; - /** Constant dui_inset_y_full */ + CssClass dui_inset_y_full = () -> "dui-inset-y-full"; - /** Constant dui_inset_y_px */ + CssClass dui_inset_y_px = () -> "dui-inset-y-px"; - /** Constant dui_left_0_5 */ + CssClass dui_left_0 = () -> "dui-left-0"; CssClass dui_left_0_5 = () -> "dui-left-0_5"; - /** Constant dui_left_1 */ + CssClass dui_left_1 = () -> "dui-left-1"; - /** Constant dui_left_10 */ + CssClass dui_left_10 = () -> "dui-left-10"; - /** Constant dui_left_11 */ + CssClass dui_left_11 = () -> "dui-left-11"; - /** Constant dui_left_12 */ + CssClass dui_left_12 = () -> "dui-left-12"; - /** Constant dui_left_14 */ + CssClass dui_left_14 = () -> "dui-left-14"; - /** Constant dui_left_16 */ + CssClass dui_left_16 = () -> "dui-left-16"; - /** Constant dui_left_1_2p */ + CssClass dui_left_1_2p = () -> "dui-left-1_2p"; - /** Constant dui_left_1_3p */ + CssClass dui_left_1_3p = () -> "dui-left-1_3p"; - /** Constant dui_left_1_4p */ + CssClass dui_left_1_4p = () -> "dui-left-1_4p"; - /** Constant dui_left_1_5 */ + CssClass dui_left_1_5 = () -> "dui-left-1_5"; - /** Constant dui_left_2 */ + CssClass dui_left_2 = () -> "dui-left-2"; - /** Constant dui_left_20 */ + CssClass dui_left_20 = () -> "dui-left-20"; - /** Constant dui_left_24 */ + CssClass dui_left_24 = () -> "dui-left-24"; - /** Constant dui_left_28 */ + CssClass dui_left_28 = () -> "dui-left-28"; - /** Constant dui_left_2_3p */ + CssClass dui_left_2_3p = () -> "dui-left-2_3p"; - /** Constant dui_left_2_5 */ + CssClass dui_left_2_5 = () -> "dui-left-2_5"; - /** Constant dui_left_2px */ + CssClass dui_left_2px = () -> "dui-left-2px"; - /** Constant dui_left_3 */ + CssClass dui_left_3 = () -> "dui-left-3"; - /** Constant dui_left_32 */ + CssClass dui_left_32 = () -> "dui-left-32"; - /** Constant dui_left_36 */ + CssClass dui_left_36 = () -> "dui-left-36"; - /** Constant dui_left_3_4p */ + CssClass dui_left_3_4p = () -> "dui-left-3_4p"; - /** Constant dui_left_3_5 */ + CssClass dui_left_3_5 = () -> "dui-left-3_5"; - /** Constant dui_left_4 */ + CssClass dui_left_4 = () -> "dui-left-4"; - /** Constant dui_left_40 */ + CssClass dui_left_40 = () -> "dui-left-40"; - /** Constant dui_left_44 */ + CssClass dui_left_44 = () -> "dui-left-44"; - /** Constant dui_left_48 */ + CssClass dui_left_48 = () -> "dui-left-48"; - /** Constant dui_left_4px */ + CssClass dui_left_4px = () -> "dui-left-4px"; - /** Constant dui_left_5 */ + CssClass dui_left_5 = () -> "dui-left-5"; - /** Constant dui_left_52 */ + CssClass dui_left_52 = () -> "dui-left-52"; - /** Constant dui_left_56 */ + CssClass dui_left_56 = () -> "dui-left-56"; - /** Constant dui_left_6 */ + CssClass dui_left_6 = () -> "dui-left-6"; - /** Constant dui_left_60 */ + CssClass dui_left_60 = () -> "dui-left-60"; - /** Constant dui_left_64 */ + CssClass dui_left_64 = () -> "dui-left-64"; - /** Constant dui_left_7 */ + CssClass dui_left_7 = () -> "dui-left-7"; - /** Constant dui_left_72 */ + CssClass dui_left_72 = () -> "dui-left-72"; - /** Constant dui_left_8 */ + CssClass dui_left_8 = () -> "dui-left-8"; - /** Constant dui_left_80 */ + CssClass dui_left_80 = () -> "dui-left-80"; - /** Constant dui_left_8px */ + CssClass dui_left_8px = () -> "dui-left-8px"; - /** Constant dui_left_9 */ + CssClass dui_left_9 = () -> "dui-left-9"; - /** Constant dui_left_96 */ + CssClass dui_left_96 = () -> "dui-left-96"; - /** Constant dui_left_auto */ + CssClass dui_left_auto = () -> "dui-left-auto"; - /** Constant dui_left_full */ + CssClass dui_left_full = () -> "dui-left-full"; - /** Constant dui_left_px */ + CssClass dui_left_px = () -> "dui-left-px"; - /** Constant dui_m_0 */ + CssClass dui_m_0 = () -> "dui-m-0"; - /** Constant dui_m_0_5 */ + CssClass dui_m_0_5 = () -> "dui-m-0_5"; - /** Constant dui_m_1 */ + CssClass dui_m_1 = () -> "dui-m-1"; - /** Constant dui_m_10 */ + CssClass dui_m_10 = () -> "dui-m-10"; - /** Constant dui_m_11 */ + CssClass dui_m_11 = () -> "dui-m-11"; - /** Constant dui_m_12 */ + CssClass dui_m_12 = () -> "dui-m-12"; - /** Constant dui_m_14 */ + CssClass dui_m_14 = () -> "dui-m-14"; - /** Constant dui_m_16 */ + CssClass dui_m_16 = () -> "dui-m-16"; - /** Constant dui_m_1_2p */ + CssClass dui_m_1_2p = () -> "dui-m-1_2p"; - /** Constant dui_m_1_3p */ + CssClass dui_m_1_3p = () -> "dui-m-1_3p"; - /** Constant dui_m_1_4p */ + CssClass dui_m_1_4p = () -> "dui-m-1_4p"; - /** Constant dui_m_1_5 */ + CssClass dui_m_1_5 = () -> "dui-m-1_5"; - /** Constant dui_m_2 */ + CssClass dui_m_2 = () -> "dui-m-2"; - /** Constant dui_m_20 */ + CssClass dui_m_20 = () -> "dui-m-20"; - /** Constant dui_m_24 */ + CssClass dui_m_24 = () -> "dui-m-24"; - /** Constant dui_m_28 */ + CssClass dui_m_28 = () -> "dui-m-28"; - /** Constant dui_m_2_3p */ + CssClass dui_m_2_3p = () -> "dui-m-2_3p"; - /** Constant dui_m_2_5 */ + CssClass dui_m_2_5 = () -> "dui-m-2_5"; - /** Constant dui_m_2px */ + CssClass dui_m_2px = () -> "dui-m-2px"; - /** Constant dui_m_3 */ + CssClass dui_m_3 = () -> "dui-m-3"; - /** Constant dui_m_32 */ + CssClass dui_m_32 = () -> "dui-m-32"; - /** Constant dui_m_36 */ + CssClass dui_m_36 = () -> "dui-m-36"; - /** Constant dui_m_3_4p */ + CssClass dui_m_3_4p = () -> "dui-m-3_4p"; - /** Constant dui_m_3_5 */ + CssClass dui_m_3_5 = () -> "dui-m-3_5"; - /** Constant dui_m_4 */ + CssClass dui_m_4 = () -> "dui-m-4"; - /** Constant dui_m_40 */ + CssClass dui_m_40 = () -> "dui-m-40"; - /** Constant dui_m_44 */ + CssClass dui_m_44 = () -> "dui-m-44"; - /** Constant dui_m_48 */ + CssClass dui_m_48 = () -> "dui-m-48"; - /** Constant dui_m_4px */ + CssClass dui_m_4px = () -> "dui-m-4px"; - /** Constant dui_m_5 */ + CssClass dui_m_5 = () -> "dui-m-5"; - /** Constant dui_m_52 */ + CssClass dui_m_52 = () -> "dui-m-52"; - /** Constant dui_m_56 */ + CssClass dui_m_56 = () -> "dui-m-56"; - /** Constant dui_m_6 */ + CssClass dui_m_6 = () -> "dui-m-6"; - /** Constant dui_m_60 */ + CssClass dui_m_60 = () -> "dui-m-60"; - /** Constant dui_m_64 */ + CssClass dui_m_64 = () -> "dui-m-64"; - /** Constant dui_m_7 */ + CssClass dui_m_7 = () -> "dui-m-7"; - /** Constant dui_m_72 */ + CssClass dui_m_72 = () -> "dui-m-72"; - /** Constant dui_m_8 */ + CssClass dui_m_8 = () -> "dui-m-8"; - /** Constant dui_m_80 */ + CssClass dui_m_80 = () -> "dui-m-80"; - /** Constant dui_m_8px */ + CssClass dui_m_8px = () -> "dui-m-8px"; - /** Constant dui_m_9 */ + CssClass dui_m_9 = () -> "dui-m-9"; - /** Constant dui_m_96 */ + CssClass dui_m_96 = () -> "dui-m-96"; - /** Constant dui_m_auto */ + CssClass dui_m_auto = () -> "dui-m-auto"; - /** Constant dui_m_b_0 */ + CssClass dui_m_b_0 = () -> "dui-m-b-0"; - /** Constant dui_m_b_0_5 */ + CssClass dui_m_b_0_5 = () -> "dui-m-b-0_5"; - /** Constant dui_m_b_1 */ + CssClass dui_m_b_1 = () -> "dui-m-b-1"; - /** Constant dui_m_b_10 */ + CssClass dui_m_b_10 = () -> "dui-m-b-10"; - /** Constant dui_m_b_11 */ + CssClass dui_m_b_11 = () -> "dui-m-b-11"; - /** Constant dui_m_b_12 */ + CssClass dui_m_b_12 = () -> "dui-m-b-12"; - /** Constant dui_m_b_14 */ + CssClass dui_m_b_14 = () -> "dui-m-b-14"; - /** Constant dui_m_b_16 */ + CssClass dui_m_b_16 = () -> "dui-m-b-16"; - /** Constant dui_m_b_1_2p */ + CssClass dui_m_b_1_2p = () -> "dui-m-b-1_2p"; - /** Constant dui_m_b_1_3p */ + CssClass dui_m_b_1_3p = () -> "dui-m-b-1_3p"; - /** Constant dui_m_b_1_4p */ + CssClass dui_m_b_1_4p = () -> "dui-m-b-1_4p"; - /** Constant dui_m_b_1_5 */ + CssClass dui_m_b_1_5 = () -> "dui-m-b-1_5"; - /** Constant dui_m_b_2 */ + CssClass dui_m_b_2 = () -> "dui-m-b-2"; - /** Constant dui_m_b_20 */ + CssClass dui_m_b_20 = () -> "dui-m-b-20"; - /** Constant dui_m_b_24 */ + CssClass dui_m_b_24 = () -> "dui-m-b-24"; - /** Constant dui_m_b_28 */ + CssClass dui_m_b_28 = () -> "dui-m-b-28"; - /** Constant dui_m_b_2_3p */ + CssClass dui_m_b_2_3p = () -> "dui-m-b-2_3p"; - /** Constant dui_m_b_2_5 */ + CssClass dui_m_b_2_5 = () -> "dui-m-b-2_5"; - /** Constant dui_m_b_2px */ + CssClass dui_m_b_2px = () -> "dui-m-b-2px"; - /** Constant dui_m_b_3 */ + CssClass dui_m_b_3 = () -> "dui-m-b-3"; - /** Constant dui_m_b_32 */ + CssClass dui_m_b_32 = () -> "dui-m-b-32"; - /** Constant dui_m_b_36 */ + CssClass dui_m_b_36 = () -> "dui-m-b-36"; - /** Constant dui_m_b_3_4p */ + CssClass dui_m_b_3_4p = () -> "dui-m-b-3_4p"; - /** Constant dui_m_b_3_5 */ + CssClass dui_m_b_3_5 = () -> "dui-m-b-3_5"; - /** Constant dui_m_b_4 */ + CssClass dui_m_b_4 = () -> "dui-m-b-4"; - /** Constant dui_m_b_40 */ + CssClass dui_m_b_40 = () -> "dui-m-b-40"; - /** Constant dui_m_b_44 */ + CssClass dui_m_b_44 = () -> "dui-m-b-44"; - /** Constant dui_m_b_48 */ + CssClass dui_m_b_48 = () -> "dui-m-b-48"; - /** Constant dui_m_b_4px */ + CssClass dui_m_b_4px = () -> "dui-m-b-4px"; - /** Constant dui_m_b_5 */ + CssClass dui_m_b_5 = () -> "dui-m-b-5"; - /** Constant dui_m_b_52 */ + CssClass dui_m_b_52 = () -> "dui-m-b-52"; - /** Constant dui_m_b_56 */ + CssClass dui_m_b_56 = () -> "dui-m-b-56"; - /** Constant dui_m_b_6 */ + CssClass dui_m_b_6 = () -> "dui-m-b-6"; - /** Constant dui_m_b_60 */ + CssClass dui_m_b_60 = () -> "dui-m-b-60"; - /** Constant dui_m_b_64 */ + CssClass dui_m_b_64 = () -> "dui-m-b-64"; - /** Constant dui_m_b_7 */ + CssClass dui_m_b_7 = () -> "dui-m-b-7"; - /** Constant dui_m_b_72 */ + CssClass dui_m_b_72 = () -> "dui-m-b-72"; - /** Constant dui_m_b_8 */ + CssClass dui_m_b_8 = () -> "dui-m-b-8"; - /** Constant dui_m_b_80 */ + CssClass dui_m_b_80 = () -> "dui-m-b-80"; - /** Constant dui_m_b_8px */ + CssClass dui_m_b_8px = () -> "dui-m-b-8px"; - /** Constant dui_m_b_9 */ + CssClass dui_m_b_9 = () -> "dui-m-b-9"; - /** Constant dui_m_b_96 */ + CssClass dui_m_b_96 = () -> "dui-m-b-96"; - /** Constant dui_m_b_auto */ + CssClass dui_m_b_auto = () -> "dui-m-b-auto"; - /** Constant dui_m_b_full */ + CssClass dui_m_b_full = () -> "dui-m-b-full"; - /** Constant dui_m_b_px */ + CssClass dui_m_b_px = () -> "dui-m-b-px"; - /** Constant dui_m_full */ + CssClass dui_m_full = () -> "dui-m-full"; - /** Constant dui_m_l_0 */ + CssClass dui_m_l_0 = () -> "dui-m-l-0"; - /** Constant dui_m_l_0_5 */ + CssClass dui_m_l_0_5 = () -> "dui-m-l-0_5"; - /** Constant dui_m_l_1 */ + CssClass dui_m_l_1 = () -> "dui-m-l-1"; - /** Constant dui_m_l_10 */ + CssClass dui_m_l_10 = () -> "dui-m-l-10"; - /** Constant dui_m_l_11 */ + CssClass dui_m_l_11 = () -> "dui-m-l-11"; - /** Constant dui_m_l_12 */ + CssClass dui_m_l_12 = () -> "dui-m-l-12"; - /** Constant dui_m_l_14 */ + CssClass dui_m_l_14 = () -> "dui-m-l-14"; - /** Constant dui_m_l_16 */ + CssClass dui_m_l_16 = () -> "dui-m-l-16"; - /** Constant dui_m_l_1_2p */ + CssClass dui_m_l_1_2p = () -> "dui-m-l-1_2p"; - /** Constant dui_m_l_1_3p */ + CssClass dui_m_l_1_3p = () -> "dui-m-l-1_3p"; - /** Constant dui_m_l_1_4p */ + CssClass dui_m_l_1_4p = () -> "dui-m-l-1_4p"; - /** Constant dui_m_l_1_5 */ + CssClass dui_m_l_1_5 = () -> "dui-m-l-1_5"; - /** Constant dui_m_l_2 */ + CssClass dui_m_l_2 = () -> "dui-m-l-2"; - /** Constant dui_m_l_20 */ + CssClass dui_m_l_20 = () -> "dui-m-l-20"; - /** Constant dui_m_l_24 */ + CssClass dui_m_l_24 = () -> "dui-m-l-24"; - /** Constant dui_m_l_28 */ + CssClass dui_m_l_28 = () -> "dui-m-l-28"; - /** Constant dui_m_l_2_3p */ + CssClass dui_m_l_2_3p = () -> "dui-m-l-2_3p"; - /** Constant dui_m_l_2_5 */ + CssClass dui_m_l_2_5 = () -> "dui-m-l-2_5"; - /** Constant dui_m_l_2px */ + CssClass dui_m_l_2px = () -> "dui-m-l-2px"; - /** Constant dui_m_l_3 */ + CssClass dui_m_l_3 = () -> "dui-m-l-3"; - /** Constant dui_m_l_32 */ + CssClass dui_m_l_32 = () -> "dui-m-l-32"; - /** Constant dui_m_l_36 */ + CssClass dui_m_l_36 = () -> "dui-m-l-36"; - /** Constant dui_m_l_3_4p */ + CssClass dui_m_l_3_4p = () -> "dui-m-l-3_4p"; - /** Constant dui_m_l_3_5 */ + CssClass dui_m_l_3_5 = () -> "dui-m-l-3_5"; - /** Constant dui_m_l_4 */ + CssClass dui_m_l_4 = () -> "dui-m-l-4"; - /** Constant dui_m_l_40 */ + CssClass dui_m_l_40 = () -> "dui-m-l-40"; - /** Constant dui_m_l_44 */ + CssClass dui_m_l_44 = () -> "dui-m-l-44"; - /** Constant dui_m_l_48 */ + CssClass dui_m_l_48 = () -> "dui-m-l-48"; - /** Constant dui_m_l_4px */ + CssClass dui_m_l_4px = () -> "dui-m-l-4px"; - /** Constant dui_m_l_5 */ + CssClass dui_m_l_5 = () -> "dui-m-l-5"; - /** Constant dui_m_l_52 */ + CssClass dui_m_l_52 = () -> "dui-m-l-52"; - /** Constant dui_m_l_56 */ + CssClass dui_m_l_56 = () -> "dui-m-l-56"; - /** Constant dui_m_l_6 */ + CssClass dui_m_l_6 = () -> "dui-m-l-6"; - /** Constant dui_m_l_60 */ + CssClass dui_m_l_60 = () -> "dui-m-l-60"; - /** Constant dui_m_l_64 */ + CssClass dui_m_l_64 = () -> "dui-m-l-64"; - /** Constant dui_m_l_7 */ + CssClass dui_m_l_7 = () -> "dui-m-l-7"; - /** Constant dui_m_l_72 */ + CssClass dui_m_l_72 = () -> "dui-m-l-72"; - /** Constant dui_m_l_8 */ + CssClass dui_m_l_8 = () -> "dui-m-l-8"; - /** Constant dui_m_l_80 */ + CssClass dui_m_l_80 = () -> "dui-m-l-80"; - /** Constant dui_m_l_8px */ + CssClass dui_m_l_8px = () -> "dui-m-l-8px"; - /** Constant dui_m_l_9 */ + CssClass dui_m_l_9 = () -> "dui-m-l-9"; - /** Constant dui_m_l_96 */ + CssClass dui_m_l_96 = () -> "dui-m-l-96"; - /** Constant dui_m_l_auto */ + CssClass dui_m_l_auto = () -> "dui-m-l-auto"; - /** Constant dui_m_l_full */ + CssClass dui_m_l_full = () -> "dui-m-l-full"; - /** Constant dui_m_l_px */ + CssClass dui_m_l_px = () -> "dui-m-l-px"; - /** Constant dui_m_px */ + CssClass dui_m_px = () -> "dui-m-px"; - /** Constant dui_m_r_0 */ + CssClass dui_m_r_0 = () -> "dui-m-r-0"; - /** Constant dui_m_r_0_5 */ + CssClass dui_m_r_0_5 = () -> "dui-m-r-0_5"; - /** Constant dui_m_r_1 */ + CssClass dui_m_r_1 = () -> "dui-m-r-1"; - /** Constant dui_m_r_10 */ + CssClass dui_m_r_10 = () -> "dui-m-r-10"; - /** Constant dui_m_r_11 */ + CssClass dui_m_r_11 = () -> "dui-m-r-11"; - /** Constant dui_m_r_12 */ + CssClass dui_m_r_12 = () -> "dui-m-r-12"; - /** Constant dui_m_r_14 */ + CssClass dui_m_r_14 = () -> "dui-m-r-14"; - /** Constant dui_m_r_16 */ + CssClass dui_m_r_16 = () -> "dui-m-r-16"; - /** Constant dui_m_r_1_2p */ + CssClass dui_m_r_1_2p = () -> "dui-m-r-1_2p"; - /** Constant dui_m_r_1_3p */ + CssClass dui_m_r_1_3p = () -> "dui-m-r-1_3p"; - /** Constant dui_m_r_1_4p */ + CssClass dui_m_r_1_4p = () -> "dui-m-r-1_4p"; - /** Constant dui_m_r_1_5 */ + CssClass dui_m_r_1_5 = () -> "dui-m-r-1_5"; - /** Constant dui_m_r_2 */ + CssClass dui_m_r_2 = () -> "dui-m-r-2"; - /** Constant dui_m_r_20 */ + CssClass dui_m_r_20 = () -> "dui-m-r-20"; - /** Constant dui_m_r_24 */ + CssClass dui_m_r_24 = () -> "dui-m-r-24"; - /** Constant dui_m_r_28 */ + CssClass dui_m_r_28 = () -> "dui-m-r-28"; - /** Constant dui_m_r_2_3p */ + CssClass dui_m_r_2_3p = () -> "dui-m-r-2_3p"; - /** Constant dui_m_r_2_5 */ + CssClass dui_m_r_2_5 = () -> "dui-m-r-2_5"; - /** Constant dui_m_r_2px */ + CssClass dui_m_r_2px = () -> "dui-m-r-2px"; - /** Constant dui_m_r_3 */ + CssClass dui_m_r_3 = () -> "dui-m-r-3"; - /** Constant dui_m_r_32 */ + CssClass dui_m_r_32 = () -> "dui-m-r-32"; - /** Constant dui_m_r_36 */ + CssClass dui_m_r_36 = () -> "dui-m-r-36"; - /** Constant dui_m_r_3_4p */ + CssClass dui_m_r_3_4p = () -> "dui-m-r-3_4p"; - /** Constant dui_m_r_3_5 */ + CssClass dui_m_r_3_5 = () -> "dui-m-r-3_5"; - /** Constant dui_m_r_4 */ + CssClass dui_m_r_4 = () -> "dui-m-r-4"; - /** Constant dui_m_r_40 */ + CssClass dui_m_r_40 = () -> "dui-m-r-40"; - /** Constant dui_m_r_44 */ + CssClass dui_m_r_44 = () -> "dui-m-r-44"; - /** Constant dui_m_r_48 */ + CssClass dui_m_r_48 = () -> "dui-m-r-48"; - /** Constant dui_m_r_4px */ + CssClass dui_m_r_4px = () -> "dui-m-r-4px"; - /** Constant dui_m_r_5 */ + CssClass dui_m_r_5 = () -> "dui-m-r-5"; - /** Constant dui_m_r_52 */ + CssClass dui_m_r_52 = () -> "dui-m-r-52"; - /** Constant dui_m_r_56 */ + CssClass dui_m_r_56 = () -> "dui-m-r-56"; - /** Constant dui_m_r_6 */ + CssClass dui_m_r_6 = () -> "dui-m-r-6"; - /** Constant dui_m_r_60 */ + CssClass dui_m_r_60 = () -> "dui-m-r-60"; - /** Constant dui_m_r_64 */ + CssClass dui_m_r_64 = () -> "dui-m-r-64"; - /** Constant dui_m_r_7 */ + CssClass dui_m_r_7 = () -> "dui-m-r-7"; - /** Constant dui_m_r_72 */ + CssClass dui_m_r_72 = () -> "dui-m-r-72"; - /** Constant dui_m_r_8 */ + CssClass dui_m_r_8 = () -> "dui-m-r-8"; - /** Constant dui_m_r_80 */ + CssClass dui_m_r_80 = () -> "dui-m-r-80"; - /** Constant dui_m_r_8px */ + CssClass dui_m_r_8px = () -> "dui-m-r-8px"; - /** Constant dui_m_r_9 */ + CssClass dui_m_r_9 = () -> "dui-m-r-9"; - /** Constant dui_m_r_96 */ + CssClass dui_m_r_96 = () -> "dui-m-r-96"; - /** Constant dui_m_r_auto */ + CssClass dui_m_r_auto = () -> "dui-m-r-auto"; - /** Constant dui_m_r_full */ + CssClass dui_m_r_full = () -> "dui-m-r-full"; - /** Constant dui_m_r_px */ + CssClass dui_m_r_px = () -> "dui-m-r-px"; - /** Constant dui_m_t_0 */ + CssClass dui_m_t_0 = () -> "dui-m-t-0"; - /** Constant dui_m_t_0_5 */ + CssClass dui_m_t_0_5 = () -> "dui-m-t-0_5"; - /** Constant dui_m_t_1 */ + CssClass dui_m_t_1 = () -> "dui-m-t-1"; - /** Constant dui_m_t_10 */ + CssClass dui_m_t_10 = () -> "dui-m-t-10"; - /** Constant dui_m_t_11 */ + CssClass dui_m_t_11 = () -> "dui-m-t-11"; - /** Constant dui_m_t_12 */ + CssClass dui_m_t_12 = () -> "dui-m-t-12"; - /** Constant dui_m_t_14 */ + CssClass dui_m_t_14 = () -> "dui-m-t-14"; - /** Constant dui_m_t_16 */ + CssClass dui_m_t_16 = () -> "dui-m-t-16"; - /** Constant dui_m_t_1_2p */ + CssClass dui_m_t_1_2p = () -> "dui-m-t-1_2p"; - /** Constant dui_m_t_1_3p */ + CssClass dui_m_t_1_3p = () -> "dui-m-t-1_3p"; - /** Constant dui_m_t_1_4p */ + CssClass dui_m_t_1_4p = () -> "dui-m-t-1_4p"; - /** Constant dui_m_t_1_5 */ + CssClass dui_m_t_1_5 = () -> "dui-m-t-1_5"; - /** Constant dui_m_t_2 */ + CssClass dui_m_t_2 = () -> "dui-m-t-2"; - /** Constant dui_m_t_20 */ + CssClass dui_m_t_20 = () -> "dui-m-t-20"; - /** Constant dui_m_t_24 */ + CssClass dui_m_t_24 = () -> "dui-m-t-24"; - /** Constant dui_m_t_28 */ + CssClass dui_m_t_28 = () -> "dui-m-t-28"; - /** Constant dui_m_t_2_3p */ + CssClass dui_m_t_2_3p = () -> "dui-m-t-2_3p"; - /** Constant dui_m_t_2_5 */ + CssClass dui_m_t_2_5 = () -> "dui-m-t-2_5"; - /** Constant dui_m_t_2px */ + CssClass dui_m_t_2px = () -> "dui-m-t-2px"; - /** Constant dui_m_t_3 */ + CssClass dui_m_t_3 = () -> "dui-m-t-3"; - /** Constant dui_m_t_32 */ + CssClass dui_m_t_32 = () -> "dui-m-t-32"; - /** Constant dui_m_t_36 */ + CssClass dui_m_t_36 = () -> "dui-m-t-36"; - /** Constant dui_m_t_3_4p */ + CssClass dui_m_t_3_4p = () -> "dui-m-t-3_4p"; - /** Constant dui_m_t_3_5 */ + CssClass dui_m_t_3_5 = () -> "dui-m-t-3_5"; - /** Constant dui_m_t_4 */ + CssClass dui_m_t_4 = () -> "dui-m-t-4"; - /** Constant dui_m_t_40 */ + CssClass dui_m_t_40 = () -> "dui-m-t-40"; - /** Constant dui_m_t_44 */ + CssClass dui_m_t_44 = () -> "dui-m-t-44"; - /** Constant dui_m_t_48 */ + CssClass dui_m_t_48 = () -> "dui-m-t-48"; - /** Constant dui_m_t_4px */ + CssClass dui_m_t_4px = () -> "dui-m-t-4px"; - /** Constant dui_m_t_5 */ + CssClass dui_m_t_5 = () -> "dui-m-t-5"; - /** Constant dui_m_t_52 */ + CssClass dui_m_t_52 = () -> "dui-m-t-52"; - /** Constant dui_m_t_56 */ + CssClass dui_m_t_56 = () -> "dui-m-t-56"; - /** Constant dui_m_t_6 */ + CssClass dui_m_t_6 = () -> "dui-m-t-6"; - /** Constant dui_m_t_60 */ + CssClass dui_m_t_60 = () -> "dui-m-t-60"; - /** Constant dui_m_t_64 */ + CssClass dui_m_t_64 = () -> "dui-m-t-64"; - /** Constant dui_m_t_7 */ + CssClass dui_m_t_7 = () -> "dui-m-t-7"; - /** Constant dui_m_t_72 */ + CssClass dui_m_t_72 = () -> "dui-m-t-72"; - /** Constant dui_m_t_8 */ + CssClass dui_m_t_8 = () -> "dui-m-t-8"; - /** Constant dui_m_t_80 */ + CssClass dui_m_t_80 = () -> "dui-m-t-80"; - /** Constant dui_m_t_8px */ + CssClass dui_m_t_8px = () -> "dui-m-t-8px"; - /** Constant dui_m_t_9 */ + CssClass dui_m_t_9 = () -> "dui-m-t-9"; - /** Constant dui_m_t_96 */ + CssClass dui_m_t_96 = () -> "dui-m-t-96"; - /** Constant dui_m_t_auto */ + CssClass dui_m_t_auto = () -> "dui-m-t-auto"; - /** Constant dui_m_t_full */ + CssClass dui_m_t_full = () -> "dui-m-t-full"; - /** Constant dui_m_t_px */ + CssClass dui_m_t_px = () -> "dui-m-t-px"; - /** Constant dui_m_x_0 */ + CssClass dui_m_x_0 = () -> "dui-m-x-0"; - /** Constant dui_m_x_0_5 */ + CssClass dui_m_x_0_5 = () -> "dui-m-x-0_5"; - /** Constant dui_m_x_1 */ + CssClass dui_m_x_1 = () -> "dui-m-x-1"; - /** Constant dui_m_x_10 */ + CssClass dui_m_x_10 = () -> "dui-m-x-10"; - /** Constant dui_m_x_11 */ + CssClass dui_m_x_11 = () -> "dui-m-x-11"; - /** Constant dui_m_x_12 */ + CssClass dui_m_x_12 = () -> "dui-m-x-12"; - /** Constant dui_m_x_14 */ + CssClass dui_m_x_14 = () -> "dui-m-x-14"; - /** Constant dui_m_x_16 */ + CssClass dui_m_x_16 = () -> "dui-m-x-16"; - /** Constant dui_m_x_1_2p */ + CssClass dui_m_x_1_2p = () -> "dui-m-x-1_2p"; - /** Constant dui_m_x_1_3p */ + CssClass dui_m_x_1_3p = () -> "dui-m-x-1_3p"; - /** Constant dui_m_x_1_4p */ + CssClass dui_m_x_1_4p = () -> "dui-m-x-1_4p"; - /** Constant dui_m_x_1_5 */ + CssClass dui_m_x_1_5 = () -> "dui-m-x-1_5"; - /** Constant dui_m_x_2 */ + CssClass dui_m_x_2 = () -> "dui-m-x-2"; - /** Constant dui_m_x_20 */ + CssClass dui_m_x_20 = () -> "dui-m-x-20"; - /** Constant dui_m_x_24 */ + CssClass dui_m_x_24 = () -> "dui-m-x-24"; - /** Constant dui_m_x_28 */ + CssClass dui_m_x_28 = () -> "dui-m-x-28"; - /** Constant dui_m_x_2_3p */ + CssClass dui_m_x_2_3p = () -> "dui-m-x-2_3p"; - /** Constant dui_m_x_2_5 */ + CssClass dui_m_x_2_5 = () -> "dui-m-x-2_5"; - /** Constant dui_m_x_2px */ + CssClass dui_m_x_2px = () -> "dui-m-x-2px"; - /** Constant dui_m_x_3 */ + CssClass dui_m_x_3 = () -> "dui-m-x-3"; - /** Constant dui_m_x_32 */ + CssClass dui_m_x_32 = () -> "dui-m-x-32"; - /** Constant dui_m_x_36 */ + CssClass dui_m_x_36 = () -> "dui-m-x-36"; - /** Constant dui_m_x_3_4p */ + CssClass dui_m_x_3_4p = () -> "dui-m-x-3_4p"; - /** Constant dui_m_x_3_5 */ + CssClass dui_m_x_3_5 = () -> "dui-m-x-3_5"; - /** Constant dui_m_x_4 */ + CssClass dui_m_x_4 = () -> "dui-m-x-4"; - /** Constant dui_m_x_40 */ + CssClass dui_m_x_40 = () -> "dui-m-x-40"; - /** Constant dui_m_x_44 */ + CssClass dui_m_x_44 = () -> "dui-m-x-44"; - /** Constant dui_m_x_48 */ + CssClass dui_m_x_48 = () -> "dui-m-x-48"; - /** Constant dui_m_x_4px */ + CssClass dui_m_x_4px = () -> "dui-m-x-4px"; - /** Constant dui_m_x_5 */ + CssClass dui_m_x_5 = () -> "dui-m-x-5"; - /** Constant dui_m_x_52 */ + CssClass dui_m_x_52 = () -> "dui-m-x-52"; - /** Constant dui_m_x_56 */ + CssClass dui_m_x_56 = () -> "dui-m-x-56"; - /** Constant dui_m_x_6 */ + CssClass dui_m_x_6 = () -> "dui-m-x-6"; - /** Constant dui_m_x_60 */ + CssClass dui_m_x_60 = () -> "dui-m-x-60"; - /** Constant dui_m_x_64 */ + CssClass dui_m_x_64 = () -> "dui-m-x-64"; - /** Constant dui_m_x_7 */ + CssClass dui_m_x_7 = () -> "dui-m-x-7"; - /** Constant dui_m_x_72 */ + CssClass dui_m_x_72 = () -> "dui-m-x-72"; - /** Constant dui_m_x_8 */ + CssClass dui_m_x_8 = () -> "dui-m-x-8"; - /** Constant dui_m_x_80 */ + CssClass dui_m_x_80 = () -> "dui-m-x-80"; - /** Constant dui_m_x_8px */ + CssClass dui_m_x_8px = () -> "dui-m-x-8px"; - /** Constant dui_m_x_9 */ + CssClass dui_m_x_9 = () -> "dui-m-x-9"; - /** Constant dui_m_x_96 */ + CssClass dui_m_x_96 = () -> "dui-m-x-96"; - /** Constant dui_m_x_auto */ + CssClass dui_m_x_auto = () -> "dui-m-x-auto"; - /** Constant dui_m_x_full */ + CssClass dui_m_x_full = () -> "dui-m-x-full"; - /** Constant dui_m_x_px */ + CssClass dui_m_x_px = () -> "dui-m-x-px"; - /** Constant dui_m_y_0 */ + CssClass dui_m_y_0 = () -> "dui-m-y-0"; - /** Constant dui_m_y_0_5 */ + CssClass dui_m_y_0_5 = () -> "dui-m-y-0_5"; - /** Constant dui_m_y_1 */ + CssClass dui_m_y_1 = () -> "dui-m-y-1"; - /** Constant dui_m_y_10 */ + CssClass dui_m_y_10 = () -> "dui-m-y-10"; - /** Constant dui_m_y_11 */ + CssClass dui_m_y_11 = () -> "dui-m-y-11"; - /** Constant dui_m_y_12 */ + CssClass dui_m_y_12 = () -> "dui-m-y-12"; - /** Constant dui_m_y_14 */ + CssClass dui_m_y_14 = () -> "dui-m-y-14"; - /** Constant dui_m_y_16 */ + CssClass dui_m_y_16 = () -> "dui-m-y-16"; - /** Constant dui_m_y_1_2p */ + CssClass dui_m_y_1_2p = () -> "dui-m-y-1_2p"; - /** Constant dui_m_y_1_3p */ + CssClass dui_m_y_1_3p = () -> "dui-m-y-1_3p"; - /** Constant dui_m_y_1_4p */ + CssClass dui_m_y_1_4p = () -> "dui-m-y-1_4p"; - /** Constant dui_m_y_1_5 */ + CssClass dui_m_y_1_5 = () -> "dui-m-y-1_5"; - /** Constant dui_m_y_2 */ + CssClass dui_m_y_2 = () -> "dui-m-y-2"; - /** Constant dui_m_y_20 */ + CssClass dui_m_y_20 = () -> "dui-m-y-20"; - /** Constant dui_m_y_24 */ + CssClass dui_m_y_24 = () -> "dui-m-y-24"; - /** Constant dui_m_y_28 */ + CssClass dui_m_y_28 = () -> "dui-m-y-28"; - /** Constant dui_m_y_2_3p */ + CssClass dui_m_y_2_3p = () -> "dui-m-y-2_3p"; - /** Constant dui_m_y_2_5 */ + CssClass dui_m_y_2_5 = () -> "dui-m-y-2_5"; - /** Constant dui_m_y_2px */ + CssClass dui_m_y_2px = () -> "dui-m-y-2px"; - /** Constant dui_m_y_3 */ + CssClass dui_m_y_3 = () -> "dui-m-y-3"; - /** Constant dui_m_y_32 */ + CssClass dui_m_y_32 = () -> "dui-m-y-32"; - /** Constant dui_m_y_36 */ + CssClass dui_m_y_36 = () -> "dui-m-y-36"; - /** Constant dui_m_y_3_4p */ + CssClass dui_m_y_3_4p = () -> "dui-m-y-3_4p"; - /** Constant dui_m_y_3_5 */ + CssClass dui_m_y_3_5 = () -> "dui-m-y-3_5"; - /** Constant dui_m_y_4 */ + CssClass dui_m_y_4 = () -> "dui-m-y-4"; - /** Constant dui_m_y_40 */ + CssClass dui_m_y_40 = () -> "dui-m-y-40"; - /** Constant dui_m_y_44 */ + CssClass dui_m_y_44 = () -> "dui-m-y-44"; - /** Constant dui_m_y_48 */ + CssClass dui_m_y_48 = () -> "dui-m-y-48"; - /** Constant dui_m_y_4px */ + CssClass dui_m_y_4px = () -> "dui-m-y-4px"; - /** Constant dui_m_y_5 */ + CssClass dui_m_y_5 = () -> "dui-m-y-5"; - /** Constant dui_m_y_52 */ + CssClass dui_m_y_52 = () -> "dui-m-y-52"; - /** Constant dui_m_y_56 */ + CssClass dui_m_y_56 = () -> "dui-m-y-56"; - /** Constant dui_m_y_6 */ + CssClass dui_m_y_6 = () -> "dui-m-y-6"; - /** Constant dui_m_y_60 */ + CssClass dui_m_y_60 = () -> "dui-m-y-60"; - /** Constant dui_m_y_64 */ + CssClass dui_m_y_64 = () -> "dui-m-y-64"; - /** Constant dui_m_y_7 */ + CssClass dui_m_y_7 = () -> "dui-m-y-7"; - /** Constant dui_m_y_72 */ + CssClass dui_m_y_72 = () -> "dui-m-y-72"; - /** Constant dui_m_y_8 */ + CssClass dui_m_y_8 = () -> "dui-m-y-8"; - /** Constant dui_m_y_80 */ + CssClass dui_m_y_80 = () -> "dui-m-y-80"; - /** Constant dui_m_y_8px */ + CssClass dui_m_y_8px = () -> "dui-m-y-8px"; - /** Constant dui_m_y_9 */ + CssClass dui_m_y_9 = () -> "dui-m-y-9"; - /** Constant dui_m_y_96 */ + CssClass dui_m_y_96 = () -> "dui-m-y-96"; - /** Constant dui_m_y_auto */ + CssClass dui_m_y_auto = () -> "dui-m-y-auto"; - /** Constant dui_m_y_full */ + CssClass dui_m_y_full = () -> "dui-m-y-full"; - /** Constant dui_m_y_px */ + CssClass dui_m_y_px = () -> "dui-m-y-px"; - /** Constant dui_max_h_0 */ + CssClass dui_max_h_0 = () -> "dui-max-h-0"; - /** Constant dui_max_h_0_5 */ + CssClass dui_max_h_0_5 = () -> "dui-max-h-0_5"; - /** Constant dui_max_h_1 */ + CssClass dui_max_h_1 = () -> "dui-max-h-1"; - /** Constant dui_max_h_10 */ + CssClass dui_max_h_10 = () -> "dui-max-h-10"; - /** Constant dui_max_h_11 */ + CssClass dui_max_h_11 = () -> "dui-max-h-11"; - /** Constant dui_max_h_12 */ + CssClass dui_max_h_12 = () -> "dui-max-h-12"; - /** Constant dui_max_h_14 */ + CssClass dui_max_h_14 = () -> "dui-max-h-14"; - /** Constant dui_max_h_16 */ + CssClass dui_max_h_16 = () -> "dui-max-h-16"; - /** Constant dui_max_h_1_2p */ + CssClass dui_max_h_1_2p = () -> "dui-max-h-1_2p"; - /** Constant dui_max_h_1_3p */ + CssClass dui_max_h_1_3p = () -> "dui-max-h-1_3p"; - /** Constant dui_max_h_1_4p */ + CssClass dui_max_h_1_4p = () -> "dui-max-h-1_4p"; - /** Constant dui_max_h_1_5 */ + CssClass dui_max_h_1_5 = () -> "dui-max-h-1_5"; - /** Constant dui_max_h_2 */ + CssClass dui_max_h_2 = () -> "dui-max-h-2"; - /** Constant dui_max_h_20 */ + CssClass dui_max_h_20 = () -> "dui-max-h-20"; - /** Constant dui_max_h_24 */ + CssClass dui_max_h_24 = () -> "dui-max-h-24"; - /** Constant dui_max_h_28 */ + CssClass dui_max_h_28 = () -> "dui-max-h-28"; - /** Constant dui_max_h_2_3p */ + CssClass dui_max_h_2_3p = () -> "dui-max-h-2_3p"; - /** Constant dui_max_h_2_5 */ + CssClass dui_max_h_2_5 = () -> "dui-max-h-2_5"; - /** Constant dui_max_h_2px */ + CssClass dui_max_h_2px = () -> "dui-max-h-2px"; - /** Constant dui_max_h_3 */ + CssClass dui_max_h_3 = () -> "dui-max-h-3"; - /** Constant dui_max_h_32 */ + CssClass dui_max_h_32 = () -> "dui-max-h-32"; - /** Constant dui_max_h_36 */ + CssClass dui_max_h_36 = () -> "dui-max-h-36"; - /** Constant dui_max_h_3_4p */ + CssClass dui_max_h_3_4p = () -> "dui-max-h-3_4p"; - /** Constant dui_max_h_3_5 */ + CssClass dui_max_h_3_5 = () -> "dui-max-h-3_5"; - /** Constant dui_max_h_4 */ + CssClass dui_max_h_4 = () -> "dui-max-h-4"; - /** Constant dui_max_h_40 */ + CssClass dui_max_h_40 = () -> "dui-max-h-40"; - /** Constant dui_max_h_44 */ + CssClass dui_max_h_44 = () -> "dui-max-h-44"; - /** Constant dui_max_h_48 */ + CssClass dui_max_h_48 = () -> "dui-max-h-48"; - /** Constant dui_max_h_4px */ + CssClass dui_max_h_4px = () -> "dui-max-h-4px"; - /** Constant dui_max_h_5 */ + CssClass dui_max_h_5 = () -> "dui-max-h-5"; - /** Constant dui_max_h_52 */ + CssClass dui_max_h_52 = () -> "dui-max-h-52"; - /** Constant dui_max_h_56 */ + CssClass dui_max_h_56 = () -> "dui-max-h-56"; - /** Constant dui_max_h_6 */ + CssClass dui_max_h_6 = () -> "dui-max-h-6"; - /** Constant dui_max_h_60 */ + CssClass dui_max_h_60 = () -> "dui-max-h-60"; - /** Constant dui_max_h_64 */ + CssClass dui_max_h_64 = () -> "dui-max-h-64"; - /** Constant dui_max_h_7 */ + CssClass dui_max_h_7 = () -> "dui-max-h-7"; - /** Constant dui_max_h_72 */ + CssClass dui_max_h_72 = () -> "dui-max-h-72"; - /** Constant dui_max_h_8 */ + CssClass dui_max_h_8 = () -> "dui-max-h-8"; - /** Constant dui_max_h_80 */ + CssClass dui_max_h_80 = () -> "dui-max-h-80"; - /** Constant dui_max_h_8px */ + CssClass dui_max_h_8px = () -> "dui-max-h-8px"; - /** Constant dui_max_h_9 */ + CssClass dui_max_h_9 = () -> "dui-max-h-9"; - /** Constant dui_max_h_96 */ + CssClass dui_max_h_96 = () -> "dui-max-h-96"; - /** Constant dui_max_h_full */ + CssClass dui_max_h_full = () -> "dui-max-h-full"; - /** Constant dui_max_h_px */ + CssClass dui_max_h_px = () -> "dui-max-h-px"; - /** Constant dui_max_w_0 */ + CssClass dui_max_w_0 = () -> "dui-max-w-0"; - /** Constant dui_max_w_0_5 */ + CssClass dui_max_w_0_5 = () -> "dui-max-w-0_5"; - /** Constant dui_max_w_1 */ + CssClass dui_max_w_1 = () -> "dui-max-w-1"; - /** Constant dui_max_w_10 */ + CssClass dui_max_w_10 = () -> "dui-max-w-10"; - /** Constant dui_max_w_11 */ + CssClass dui_max_w_11 = () -> "dui-max-w-11"; - /** Constant dui_max_w_12 */ + CssClass dui_max_w_12 = () -> "dui-max-w-12"; - /** Constant dui_max_w_14 */ + CssClass dui_max_w_14 = () -> "dui-max-w-14"; - /** Constant dui_max_w_16 */ + CssClass dui_max_w_16 = () -> "dui-max-w-16"; - /** Constant dui_max_w_1_2p */ + CssClass dui_max_w_1_2p = () -> "dui-max-w-1_2p"; - /** Constant dui_max_w_1_3p */ + CssClass dui_max_w_1_3p = () -> "dui-max-w-1_3p"; - /** Constant dui_max_w_1_4p */ + CssClass dui_max_w_1_4p = () -> "dui-max-w-1_4p"; - /** Constant dui_max_w_1_5 */ + CssClass dui_max_w_1_5 = () -> "dui-max-w-1_5"; - /** Constant dui_max_w_2 */ + CssClass dui_max_w_2 = () -> "dui-max-w-2"; - /** Constant dui_max_w_20 */ + CssClass dui_max_w_20 = () -> "dui-max-w-20"; - /** Constant dui_max_w_24 */ + CssClass dui_max_w_24 = () -> "dui-max-w-24"; - /** Constant dui_max_w_28 */ + CssClass dui_max_w_28 = () -> "dui-max-w-28"; - /** Constant dui_max_w_2_3p */ + CssClass dui_max_w_2_3p = () -> "dui-max-w-2_3p"; - /** Constant dui_max_w_2_5 */ + CssClass dui_max_w_2_5 = () -> "dui-max-w-2_5"; - /** Constant dui_max_w_2px */ + CssClass dui_max_w_2px = () -> "dui-max-w-2px"; - /** Constant dui_max_w_3 */ + CssClass dui_max_w_3 = () -> "dui-max-w-3"; - /** Constant dui_max_w_32 */ + CssClass dui_max_w_32 = () -> "dui-max-w-32"; - /** Constant dui_max_w_36 */ + CssClass dui_max_w_36 = () -> "dui-max-w-36"; - /** Constant dui_max_w_3_4p */ + CssClass dui_max_w_3_4p = () -> "dui-max-w-3_4p"; - /** Constant dui_max_w_3_5 */ + CssClass dui_max_w_3_5 = () -> "dui-max-w-3_5"; - /** Constant dui_max_w_4 */ + CssClass dui_max_w_4 = () -> "dui-max-w-4"; - /** Constant dui_max_w_40 */ + CssClass dui_max_w_40 = () -> "dui-max-w-40"; - /** Constant dui_max_w_44 */ + CssClass dui_max_w_44 = () -> "dui-max-w-44"; - /** Constant dui_max_w_48 */ + CssClass dui_max_w_48 = () -> "dui-max-w-48"; - /** Constant dui_max_w_4px */ + CssClass dui_max_w_4px = () -> "dui-max-w-4px"; - /** Constant dui_max_w_5 */ + CssClass dui_max_w_5 = () -> "dui-max-w-5"; - /** Constant dui_max_w_52 */ + CssClass dui_max_w_52 = () -> "dui-max-w-52"; - /** Constant dui_max_w_56 */ + CssClass dui_max_w_56 = () -> "dui-max-w-56"; - /** Constant dui_max_w_6 */ + CssClass dui_max_w_6 = () -> "dui-max-w-6"; - /** Constant dui_max_w_60 */ + CssClass dui_max_w_60 = () -> "dui-max-w-60"; - /** Constant dui_max_w_64 */ + CssClass dui_max_w_64 = () -> "dui-max-w-64"; - /** Constant dui_max_w_7 */ + CssClass dui_max_w_7 = () -> "dui-max-w-7"; - /** Constant dui_max_w_72 */ + CssClass dui_max_w_72 = () -> "dui-max-w-72"; - /** Constant dui_max_w_8 */ + CssClass dui_max_w_8 = () -> "dui-max-w-8"; - /** Constant dui_max_w_80 */ + CssClass dui_max_w_80 = () -> "dui-max-w-80"; - /** Constant dui_max_w_8px */ + CssClass dui_max_w_8px = () -> "dui-max-w-8px"; - /** Constant dui_max_w_9 */ + CssClass dui_max_w_9 = () -> "dui-max-w-9"; - /** Constant dui_max_w_96 */ + CssClass dui_max_w_96 = () -> "dui-max-w-96"; - /** Constant dui_max_w_full */ + CssClass dui_max_w_full = () -> "dui-max-w-full"; - /** Constant dui_max_w_px */ + CssClass dui_max_w_px = () -> "dui-max-w-px"; - /** Constant dui_min_h_0 */ + CssClass dui_min_h_0 = () -> "dui-min-h-0"; - /** Constant dui_min_h_0_5 */ + CssClass dui_min_h_0_5 = () -> "dui-min-h-0_5"; - /** Constant dui_min_h_1 */ + CssClass dui_min_h_1 = () -> "dui-min-h-1"; - /** Constant dui_min_h_10 */ + CssClass dui_min_h_10 = () -> "dui-min-h-10"; - /** Constant dui_min_h_11 */ + CssClass dui_min_h_11 = () -> "dui-min-h-11"; - /** Constant dui_min_h_12 */ + CssClass dui_min_h_12 = () -> "dui-min-h-12"; - /** Constant dui_min_h_14 */ + CssClass dui_min_h_14 = () -> "dui-min-h-14"; - /** Constant dui_min_h_16 */ + CssClass dui_min_h_16 = () -> "dui-min-h-16"; - /** Constant dui_min_h_1_2p */ + CssClass dui_min_h_1_2p = () -> "dui-min-h-1_2p"; - /** Constant dui_min_h_1_3p */ + CssClass dui_min_h_1_3p = () -> "dui-min-h-1_3p"; - /** Constant dui_min_h_1_4p */ + CssClass dui_min_h_1_4p = () -> "dui-min-h-1_4p"; - /** Constant dui_min_h_1_5 */ + CssClass dui_min_h_1_5 = () -> "dui-min-h-1_5"; - /** Constant dui_min_h_2 */ + CssClass dui_min_h_2 = () -> "dui-min-h-2"; - /** Constant dui_min_h_20 */ + CssClass dui_min_h_20 = () -> "dui-min-h-20"; - /** Constant dui_min_h_24 */ + CssClass dui_min_h_24 = () -> "dui-min-h-24"; - /** Constant dui_min_h_28 */ + CssClass dui_min_h_28 = () -> "dui-min-h-28"; - /** Constant dui_min_h_2_3p */ + CssClass dui_min_h_2_3p = () -> "dui-min-h-2_3p"; - /** Constant dui_min_h_2_5 */ + CssClass dui_min_h_2_5 = () -> "dui-min-h-2_5"; - /** Constant dui_min_h_2px */ + CssClass dui_min_h_2px = () -> "dui-min-h-2px"; - /** Constant dui_min_h_3 */ + CssClass dui_min_h_3 = () -> "dui-min-h-3"; - /** Constant dui_min_h_32 */ + CssClass dui_min_h_32 = () -> "dui-min-h-32"; - /** Constant dui_min_h_36 */ + CssClass dui_min_h_36 = () -> "dui-min-h-36"; - /** Constant dui_min_h_3_4p */ + CssClass dui_min_h_3_4p = () -> "dui-min-h-3_4p"; - /** Constant dui_min_h_3_5 */ + CssClass dui_min_h_3_5 = () -> "dui-min-h-3_5"; - /** Constant dui_min_h_4 */ + CssClass dui_min_h_4 = () -> "dui-min-h-4"; - /** Constant dui_min_h_40 */ + CssClass dui_min_h_40 = () -> "dui-min-h-40"; - /** Constant dui_min_h_44 */ + CssClass dui_min_h_44 = () -> "dui-min-h-44"; - /** Constant dui_min_h_48 */ + CssClass dui_min_h_48 = () -> "dui-min-h-48"; - /** Constant dui_min_h_4px */ + CssClass dui_min_h_4px = () -> "dui-min-h-4px"; - /** Constant dui_min_h_5 */ + CssClass dui_min_h_5 = () -> "dui-min-h-5"; - /** Constant dui_min_h_52 */ + CssClass dui_min_h_52 = () -> "dui-min-h-52"; - /** Constant dui_min_h_56 */ + CssClass dui_min_h_56 = () -> "dui-min-h-56"; - /** Constant dui_min_h_6 */ + CssClass dui_min_h_6 = () -> "dui-min-h-6"; - /** Constant dui_min_h_60 */ + CssClass dui_min_h_60 = () -> "dui-min-h-60"; - /** Constant dui_min_h_64 */ + CssClass dui_min_h_64 = () -> "dui-min-h-64"; - /** Constant dui_min_h_7 */ + CssClass dui_min_h_7 = () -> "dui-min-h-7"; - /** Constant dui_min_h_72 */ + CssClass dui_min_h_72 = () -> "dui-min-h-72"; - /** Constant dui_min_h_8 */ + CssClass dui_min_h_8 = () -> "dui-min-h-8"; - /** Constant dui_min_h_80 */ + CssClass dui_min_h_80 = () -> "dui-min-h-80"; - /** Constant dui_min_h_8px */ + CssClass dui_min_h_8px = () -> "dui-min-h-8px"; - /** Constant dui_min_h_9 */ + CssClass dui_min_h_9 = () -> "dui-min-h-9"; - /** Constant dui_min_h_96 */ + CssClass dui_min_h_96 = () -> "dui-min-h-96"; - /** Constant dui_min_h_full */ + CssClass dui_min_h_full = () -> "dui-min-h-full"; - /** Constant dui_min_h_px */ + CssClass dui_min_h_px = () -> "dui-min-h-px"; - /** Constant dui_min_w_0 */ + CssClass dui_min_w_0 = () -> "dui-min-w-0"; - /** Constant dui_min_w_0_5 */ + CssClass dui_min_w_0_5 = () -> "dui-min-w-0_5"; - /** Constant dui_min_w_1 */ + CssClass dui_min_w_1 = () -> "dui-min-w-1"; - /** Constant dui_min_w_10 */ + CssClass dui_min_w_10 = () -> "dui-min-w-10"; - /** Constant dui_min_w_11 */ + CssClass dui_min_w_11 = () -> "dui-min-w-11"; - /** Constant dui_min_w_12 */ + CssClass dui_min_w_12 = () -> "dui-min-w-12"; - /** Constant dui_min_w_14 */ + CssClass dui_min_w_14 = () -> "dui-min-w-14"; - /** Constant dui_min_w_16 */ + CssClass dui_min_w_16 = () -> "dui-min-w-16"; - /** Constant dui_min_w_1_2p */ + CssClass dui_min_w_1_2p = () -> "dui-min-w-1_2p"; - /** Constant dui_min_w_1_3p */ + CssClass dui_min_w_1_3p = () -> "dui-min-w-1_3p"; - /** Constant dui_min_w_1_4p */ + CssClass dui_min_w_1_4p = () -> "dui-min-w-1_4p"; - /** Constant dui_min_w_1_5 */ + CssClass dui_min_w_1_5 = () -> "dui-min-w-1_5"; - /** Constant dui_min_w_2 */ + CssClass dui_min_w_2 = () -> "dui-min-w-2"; - /** Constant dui_min_w_20 */ + CssClass dui_min_w_20 = () -> "dui-min-w-20"; - /** Constant dui_min_w_24 */ + CssClass dui_min_w_24 = () -> "dui-min-w-24"; - /** Constant dui_min_w_28 */ + CssClass dui_min_w_28 = () -> "dui-min-w-28"; - /** Constant dui_min_w_2_3p */ + CssClass dui_min_w_2_3p = () -> "dui-min-w-2_3p"; - /** Constant dui_min_w_2_5 */ + CssClass dui_min_w_2_5 = () -> "dui-min-w-2_5"; - /** Constant dui_min_w_2px */ + CssClass dui_min_w_2px = () -> "dui-min-w-2px"; - /** Constant dui_min_w_3 */ + CssClass dui_min_w_3 = () -> "dui-min-w-3"; - /** Constant dui_min_w_32 */ + CssClass dui_min_w_32 = () -> "dui-min-w-32"; - /** Constant dui_min_w_36 */ + CssClass dui_min_w_36 = () -> "dui-min-w-36"; - /** Constant dui_min_w_3_4p */ + CssClass dui_min_w_3_4p = () -> "dui-min-w-3_4p"; - /** Constant dui_min_w_3_5 */ + CssClass dui_min_w_3_5 = () -> "dui-min-w-3_5"; - /** Constant dui_min_w_4 */ + CssClass dui_min_w_4 = () -> "dui-min-w-4"; - /** Constant dui_min_w_40 */ + CssClass dui_min_w_40 = () -> "dui-min-w-40"; - /** Constant dui_min_w_44 */ + CssClass dui_min_w_44 = () -> "dui-min-w-44"; - /** Constant dui_min_w_48 */ + CssClass dui_min_w_48 = () -> "dui-min-w-48"; - /** Constant dui_min_w_4px */ + CssClass dui_min_w_4px = () -> "dui-min-w-4px"; - /** Constant dui_min_w_5 */ + CssClass dui_min_w_5 = () -> "dui-min-w-5"; - /** Constant dui_min_w_52 */ + CssClass dui_min_w_52 = () -> "dui-min-w-52"; - /** Constant dui_min_w_56 */ + CssClass dui_min_w_56 = () -> "dui-min-w-56"; - /** Constant dui_min_w_6 */ + CssClass dui_min_w_6 = () -> "dui-min-w-6"; - /** Constant dui_min_w_60 */ + CssClass dui_min_w_60 = () -> "dui-min-w-60"; - /** Constant dui_min_w_64 */ + CssClass dui_min_w_64 = () -> "dui-min-w-64"; - /** Constant dui_min_w_7 */ + CssClass dui_min_w_7 = () -> "dui-min-w-7"; - /** Constant dui_min_w_72 */ + CssClass dui_min_w_72 = () -> "dui-min-w-72"; - /** Constant dui_min_w_8 */ + CssClass dui_min_w_8 = () -> "dui-min-w-8"; - /** Constant dui_min_w_80 */ + CssClass dui_min_w_80 = () -> "dui-min-w-80"; - /** Constant dui_min_w_8px */ + CssClass dui_min_w_8px = () -> "dui-min-w-8px"; - /** Constant dui_min_w_9 */ + CssClass dui_min_w_9 = () -> "dui-min-w-9"; - /** Constant dui_min_w_96 */ + CssClass dui_min_w_96 = () -> "dui-min-w-96"; - /** Constant dui_min_w_full */ + CssClass dui_min_w_full = () -> "dui-min-w-full"; - /** Constant dui_min_w_px */ + CssClass dui_min_w_px = () -> "dui-min-w-px"; - /** Constant dui_p_0 */ + CssClass dui_p_0 = () -> "dui-p-0"; - /** Constant dui_p_0_5 */ + CssClass dui_p_0_5 = () -> "dui-p-0_5"; - /** Constant dui_p_1 */ + CssClass dui_p_1 = () -> "dui-p-1"; - /** Constant dui_p_10 */ + CssClass dui_p_10 = () -> "dui-p-10"; - /** Constant dui_p_11 */ + CssClass dui_p_11 = () -> "dui-p-11"; - /** Constant dui_p_12 */ + CssClass dui_p_12 = () -> "dui-p-12"; - /** Constant dui_p_14 */ + CssClass dui_p_14 = () -> "dui-p-14"; - /** Constant dui_p_16 */ + CssClass dui_p_16 = () -> "dui-p-16"; - /** Constant dui_p_1_2p */ + CssClass dui_p_1_2p = () -> "dui-p-1_2p"; - /** Constant dui_p_1_3p */ + CssClass dui_p_1_3p = () -> "dui-p-1_3p"; - /** Constant dui_p_1_4p */ + CssClass dui_p_1_4p = () -> "dui-p-1_4p"; - /** Constant dui_p_1_5 */ + CssClass dui_p_1_5 = () -> "dui-p-1_5"; - /** Constant dui_p_2 */ + CssClass dui_p_2 = () -> "dui-p-2"; - /** Constant dui_p_20 */ + CssClass dui_p_20 = () -> "dui-p-20"; - /** Constant dui_p_24 */ + CssClass dui_p_24 = () -> "dui-p-24"; - /** Constant dui_p_28 */ + CssClass dui_p_28 = () -> "dui-p-28"; - /** Constant dui_p_2_3p */ + CssClass dui_p_2_3p = () -> "dui-p-2_3p"; - /** Constant dui_p_2_5 */ + CssClass dui_p_2_5 = () -> "dui-p-2_5"; - /** Constant dui_p_2px */ + CssClass dui_p_2px = () -> "dui-p-2px"; - /** Constant dui_p_3 */ + CssClass dui_p_3 = () -> "dui-p-3"; - /** Constant dui_p_32 */ + CssClass dui_p_32 = () -> "dui-p-32"; - /** Constant dui_p_36 */ + CssClass dui_p_36 = () -> "dui-p-36"; - /** Constant dui_p_3_4p */ + CssClass dui_p_3_4p = () -> "dui-p-3_4p"; - /** Constant dui_p_3_5 */ + CssClass dui_p_3_5 = () -> "dui-p-3_5"; - /** Constant dui_p_4 */ + CssClass dui_p_4 = () -> "dui-p-4"; - /** Constant dui_p_40 */ + CssClass dui_p_40 = () -> "dui-p-40"; - /** Constant dui_p_44 */ + CssClass dui_p_44 = () -> "dui-p-44"; - /** Constant dui_p_48 */ + CssClass dui_p_48 = () -> "dui-p-48"; - /** Constant dui_p_4px */ + CssClass dui_p_4px = () -> "dui-p-4px"; - /** Constant dui_p_5 */ + CssClass dui_p_5 = () -> "dui-p-5"; - /** Constant dui_p_52 */ + CssClass dui_p_52 = () -> "dui-p-52"; - /** Constant dui_p_56 */ + CssClass dui_p_56 = () -> "dui-p-56"; - /** Constant dui_p_6 */ + CssClass dui_p_6 = () -> "dui-p-6"; - /** Constant dui_p_60 */ + CssClass dui_p_60 = () -> "dui-p-60"; - /** Constant dui_p_64 */ + CssClass dui_p_64 = () -> "dui-p-64"; - /** Constant dui_p_7 */ + CssClass dui_p_7 = () -> "dui-p-7"; - /** Constant dui_p_72 */ + CssClass dui_p_72 = () -> "dui-p-72"; - /** Constant dui_p_8 */ + CssClass dui_p_8 = () -> "dui-p-8"; - /** Constant dui_p_80 */ + CssClass dui_p_80 = () -> "dui-p-80"; - /** Constant dui_p_8px */ + CssClass dui_p_8px = () -> "dui-p-8px"; - /** Constant dui_p_9 */ + CssClass dui_p_9 = () -> "dui-p-9"; - /** Constant dui_p_96 */ + CssClass dui_p_96 = () -> "dui-p-96"; - /** Constant dui_p_b_0 */ + CssClass dui_p_b_0 = () -> "dui-p-b-0"; - /** Constant dui_p_b_0_5 */ + CssClass dui_p_b_0_5 = () -> "dui-p-b-0_5"; - /** Constant dui_p_b_1 */ + CssClass dui_p_b_1 = () -> "dui-p-b-1"; - /** Constant dui_p_b_10 */ + CssClass dui_p_b_10 = () -> "dui-p-b-10"; - /** Constant dui_p_b_11 */ + CssClass dui_p_b_11 = () -> "dui-p-b-11"; - /** Constant dui_p_b_12 */ + CssClass dui_p_b_12 = () -> "dui-p-b-12"; - /** Constant dui_p_b_14 */ + CssClass dui_p_b_14 = () -> "dui-p-b-14"; - /** Constant dui_p_b_16 */ + CssClass dui_p_b_16 = () -> "dui-p-b-16"; - /** Constant dui_p_b_1_2p */ + CssClass dui_p_b_1_2p = () -> "dui-p-b-1_2p"; - /** Constant dui_p_b_1_3p */ + CssClass dui_p_b_1_3p = () -> "dui-p-b-1_3p"; - /** Constant dui_p_b_1_4p */ + CssClass dui_p_b_1_4p = () -> "dui-p-b-1_4p"; - /** Constant dui_p_b_1_5 */ + CssClass dui_p_b_1_5 = () -> "dui-p-b-1_5"; - /** Constant dui_p_b_2 */ + CssClass dui_p_b_2 = () -> "dui-p-b-2"; - /** Constant dui_p_b_20 */ + CssClass dui_p_b_20 = () -> "dui-p-b-20"; - /** Constant dui_p_b_24 */ + CssClass dui_p_b_24 = () -> "dui-p-b-24"; - /** Constant dui_p_b_28 */ + CssClass dui_p_b_28 = () -> "dui-p-b-28"; - /** Constant dui_p_b_2_3p */ + CssClass dui_p_b_2_3p = () -> "dui-p-b-2_3p"; - /** Constant dui_p_b_2_5 */ + CssClass dui_p_b_2_5 = () -> "dui-p-b-2_5"; - /** Constant dui_p_b_2px */ + CssClass dui_p_b_2px = () -> "dui-p-b-2px"; - /** Constant dui_p_b_3 */ + CssClass dui_p_b_3 = () -> "dui-p-b-3"; - /** Constant dui_p_b_32 */ + CssClass dui_p_b_32 = () -> "dui-p-b-32"; - /** Constant dui_p_b_36 */ + CssClass dui_p_b_36 = () -> "dui-p-b-36"; - /** Constant dui_p_b_3_4p */ + CssClass dui_p_b_3_4p = () -> "dui-p-b-3_4p"; - /** Constant dui_p_b_3_5 */ + CssClass dui_p_b_3_5 = () -> "dui-p-b-3_5"; - /** Constant dui_p_b_4 */ + CssClass dui_p_b_4 = () -> "dui-p-b-4"; - /** Constant dui_p_b_40 */ + CssClass dui_p_b_40 = () -> "dui-p-b-40"; - /** Constant dui_p_b_44 */ + CssClass dui_p_b_44 = () -> "dui-p-b-44"; - /** Constant dui_p_b_48 */ + CssClass dui_p_b_48 = () -> "dui-p-b-48"; - /** Constant dui_p_b_4px */ + CssClass dui_p_b_4px = () -> "dui-p-b-4px"; - /** Constant dui_p_b_5 */ + CssClass dui_p_b_5 = () -> "dui-p-b-5"; - /** Constant dui_p_b_52 */ + CssClass dui_p_b_52 = () -> "dui-p-b-52"; - /** Constant dui_p_b_56 */ + CssClass dui_p_b_56 = () -> "dui-p-b-56"; - /** Constant dui_p_b_6 */ + CssClass dui_p_b_6 = () -> "dui-p-b-6"; - /** Constant dui_p_b_60 */ + CssClass dui_p_b_60 = () -> "dui-p-b-60"; - /** Constant dui_p_b_64 */ + CssClass dui_p_b_64 = () -> "dui-p-b-64"; - /** Constant dui_p_b_7 */ + CssClass dui_p_b_7 = () -> "dui-p-b-7"; - /** Constant dui_p_b_72 */ + CssClass dui_p_b_72 = () -> "dui-p-b-72"; - /** Constant dui_p_b_8 */ + CssClass dui_p_b_8 = () -> "dui-p-b-8"; - /** Constant dui_p_b_80 */ + CssClass dui_p_b_80 = () -> "dui-p-b-80"; - /** Constant dui_p_b_8px */ + CssClass dui_p_b_8px = () -> "dui-p-b-8px"; - /** Constant dui_p_b_9 */ + CssClass dui_p_b_9 = () -> "dui-p-b-9"; - /** Constant dui_p_b_96 */ + CssClass dui_p_b_96 = () -> "dui-p-b-96"; - /** Constant dui_p_b_full */ + CssClass dui_p_b_full = () -> "dui-p-b-full"; - /** Constant dui_p_b_px */ + CssClass dui_p_b_px = () -> "dui-p-b-px"; - /** Constant dui_p_full */ + CssClass dui_p_full = () -> "dui-p-full"; - /** Constant dui_p_l_0 */ + CssClass dui_p_l_0 = () -> "dui-p-l-0"; - /** Constant dui_p_l_0_5 */ + CssClass dui_p_l_0_5 = () -> "dui-p-l-0_5"; - /** Constant dui_p_l_1 */ + CssClass dui_p_l_1 = () -> "dui-p-l-1"; - /** Constant dui_p_l_10 */ + CssClass dui_p_l_10 = () -> "dui-p-l-10"; - /** Constant dui_p_l_11 */ + CssClass dui_p_l_11 = () -> "dui-p-l-11"; - /** Constant dui_p_l_12 */ + CssClass dui_p_l_12 = () -> "dui-p-l-12"; - /** Constant dui_p_l_14 */ + CssClass dui_p_l_14 = () -> "dui-p-l-14"; - /** Constant dui_p_l_16 */ + CssClass dui_p_l_16 = () -> "dui-p-l-16"; - /** Constant dui_p_l_1_2p */ + CssClass dui_p_l_1_2p = () -> "dui-p-l-1_2p"; - /** Constant dui_p_l_1_3p */ + CssClass dui_p_l_1_3p = () -> "dui-p-l-1_3p"; - /** Constant dui_p_l_1_4p */ + CssClass dui_p_l_1_4p = () -> "dui-p-l-1_4p"; - /** Constant dui_p_l_1_5 */ + CssClass dui_p_l_1_5 = () -> "dui-p-l-1_5"; - /** Constant dui_p_l_2 */ + CssClass dui_p_l_2 = () -> "dui-p-l-2"; - /** Constant dui_p_l_20 */ + CssClass dui_p_l_20 = () -> "dui-p-l-20"; - /** Constant dui_p_l_24 */ + CssClass dui_p_l_24 = () -> "dui-p-l-24"; - /** Constant dui_p_l_28 */ + CssClass dui_p_l_28 = () -> "dui-p-l-28"; - /** Constant dui_p_l_2_3p */ + CssClass dui_p_l_2_3p = () -> "dui-p-l-2_3p"; - /** Constant dui_p_l_2_5 */ + CssClass dui_p_l_2_5 = () -> "dui-p-l-2_5"; - /** Constant dui_p_l_2px */ + CssClass dui_p_l_2px = () -> "dui-p-l-2px"; - /** Constant dui_p_l_3 */ + CssClass dui_p_l_3 = () -> "dui-p-l-3"; - /** Constant dui_p_l_32 */ + CssClass dui_p_l_32 = () -> "dui-p-l-32"; - /** Constant dui_p_l_36 */ + CssClass dui_p_l_36 = () -> "dui-p-l-36"; - /** Constant dui_p_l_3_4p */ + CssClass dui_p_l_3_4p = () -> "dui-p-l-3_4p"; - /** Constant dui_p_l_3_5 */ + CssClass dui_p_l_3_5 = () -> "dui-p-l-3_5"; - /** Constant dui_p_l_4 */ + CssClass dui_p_l_4 = () -> "dui-p-l-4"; - /** Constant dui_p_l_40 */ + CssClass dui_p_l_40 = () -> "dui-p-l-40"; - /** Constant dui_p_l_44 */ + CssClass dui_p_l_44 = () -> "dui-p-l-44"; - /** Constant dui_p_l_48 */ + CssClass dui_p_l_48 = () -> "dui-p-l-48"; - /** Constant dui_p_l_4px */ + CssClass dui_p_l_4px = () -> "dui-p-l-4px"; - /** Constant dui_p_l_5 */ + CssClass dui_p_l_5 = () -> "dui-p-l-5"; - /** Constant dui_p_l_52 */ + CssClass dui_p_l_52 = () -> "dui-p-l-52"; - /** Constant dui_p_l_56 */ + CssClass dui_p_l_56 = () -> "dui-p-l-56"; - /** Constant dui_p_l_6 */ + CssClass dui_p_l_6 = () -> "dui-p-l-6"; - /** Constant dui_p_l_60 */ + CssClass dui_p_l_60 = () -> "dui-p-l-60"; - /** Constant dui_p_l_64 */ + CssClass dui_p_l_64 = () -> "dui-p-l-64"; - /** Constant dui_p_l_7 */ + CssClass dui_p_l_7 = () -> "dui-p-l-7"; - /** Constant dui_p_l_72 */ + CssClass dui_p_l_72 = () -> "dui-p-l-72"; - /** Constant dui_p_l_8 */ + CssClass dui_p_l_8 = () -> "dui-p-l-8"; - /** Constant dui_p_l_80 */ + CssClass dui_p_l_80 = () -> "dui-p-l-80"; - /** Constant dui_p_l_8px */ + CssClass dui_p_l_8px = () -> "dui-p-l-8px"; - /** Constant dui_p_l_9 */ + CssClass dui_p_l_9 = () -> "dui-p-l-9"; - /** Constant dui_p_l_96 */ + CssClass dui_p_l_96 = () -> "dui-p-l-96"; - /** Constant dui_p_l_full */ + CssClass dui_p_l_full = () -> "dui-p-l-full"; - /** Constant dui_p_l_px */ + CssClass dui_p_l_px = () -> "dui-p-l-px"; - /** Constant dui_p_px */ + CssClass dui_p_px = () -> "dui-p-px"; - /** Constant dui_p_r_0 */ + CssClass dui_p_r_0 = () -> "dui-p-r-0"; - /** Constant dui_p_r_0_5 */ + CssClass dui_p_r_0_5 = () -> "dui-p-r-0_5"; - /** Constant dui_p_r_1 */ + CssClass dui_p_r_1 = () -> "dui-p-r-1"; - /** Constant dui_p_r_10 */ + CssClass dui_p_r_10 = () -> "dui-p-r-10"; - /** Constant dui_p_r_11 */ + CssClass dui_p_r_11 = () -> "dui-p-r-11"; - /** Constant dui_p_r_12 */ + CssClass dui_p_r_12 = () -> "dui-p-r-12"; - /** Constant dui_p_r_14 */ + CssClass dui_p_r_14 = () -> "dui-p-r-14"; - /** Constant dui_p_r_16 */ + CssClass dui_p_r_16 = () -> "dui-p-r-16"; - /** Constant dui_p_r_1_2p */ + CssClass dui_p_r_1_2p = () -> "dui-p-r-1_2p"; - /** Constant dui_p_r_1_3p */ + CssClass dui_p_r_1_3p = () -> "dui-p-r-1_3p"; - /** Constant dui_p_r_1_4p */ + CssClass dui_p_r_1_4p = () -> "dui-p-r-1_4p"; - /** Constant dui_p_r_1_5 */ + CssClass dui_p_r_1_5 = () -> "dui-p-r-1_5"; - /** Constant dui_p_r_2 */ + CssClass dui_p_r_2 = () -> "dui-p-r-2"; - /** Constant dui_p_r_20 */ + CssClass dui_p_r_20 = () -> "dui-p-r-20"; - /** Constant dui_p_r_24 */ + CssClass dui_p_r_24 = () -> "dui-p-r-24"; - /** Constant dui_p_r_28 */ + CssClass dui_p_r_28 = () -> "dui-p-r-28"; - /** Constant dui_p_r_2_3p */ + CssClass dui_p_r_2_3p = () -> "dui-p-r-2_3p"; - /** Constant dui_p_r_2_5 */ + CssClass dui_p_r_2_5 = () -> "dui-p-r-2_5"; - /** Constant dui_p_r_2px */ + CssClass dui_p_r_2px = () -> "dui-p-r-2px"; - /** Constant dui_p_r_3 */ + CssClass dui_p_r_3 = () -> "dui-p-r-3"; - /** Constant dui_p_r_32 */ + CssClass dui_p_r_32 = () -> "dui-p-r-32"; - /** Constant dui_p_r_36 */ + CssClass dui_p_r_36 = () -> "dui-p-r-36"; - /** Constant dui_p_r_3_4p */ + CssClass dui_p_r_3_4p = () -> "dui-p-r-3_4p"; - /** Constant dui_p_r_3_5 */ + CssClass dui_p_r_3_5 = () -> "dui-p-r-3_5"; - /** Constant dui_p_r_4 */ + CssClass dui_p_r_4 = () -> "dui-p-r-4"; - /** Constant dui_p_r_40 */ + CssClass dui_p_r_40 = () -> "dui-p-r-40"; - /** Constant dui_p_r_44 */ + CssClass dui_p_r_44 = () -> "dui-p-r-44"; - /** Constant dui_p_r_48 */ + CssClass dui_p_r_48 = () -> "dui-p-r-48"; - /** Constant dui_p_r_4px */ + CssClass dui_p_r_4px = () -> "dui-p-r-4px"; - /** Constant dui_p_r_5 */ + CssClass dui_p_r_5 = () -> "dui-p-r-5"; - /** Constant dui_p_r_52 */ + CssClass dui_p_r_52 = () -> "dui-p-r-52"; - /** Constant dui_p_r_56 */ + CssClass dui_p_r_56 = () -> "dui-p-r-56"; - /** Constant dui_p_r_6 */ + CssClass dui_p_r_6 = () -> "dui-p-r-6"; - /** Constant dui_p_r_60 */ + CssClass dui_p_r_60 = () -> "dui-p-r-60"; - /** Constant dui_p_r_64 */ + CssClass dui_p_r_64 = () -> "dui-p-r-64"; - /** Constant dui_p_r_7 */ + CssClass dui_p_r_7 = () -> "dui-p-r-7"; - /** Constant dui_p_r_72 */ + CssClass dui_p_r_72 = () -> "dui-p-r-72"; - /** Constant dui_p_r_8 */ + CssClass dui_p_r_8 = () -> "dui-p-r-8"; - /** Constant dui_p_r_80 */ + CssClass dui_p_r_80 = () -> "dui-p-r-80"; - /** Constant dui_p_r_8px */ + CssClass dui_p_r_8px = () -> "dui-p-r-8px"; - /** Constant dui_p_r_9 */ + CssClass dui_p_r_9 = () -> "dui-p-r-9"; - /** Constant dui_p_r_96 */ + CssClass dui_p_r_96 = () -> "dui-p-r-96"; - /** Constant dui_p_r_full */ + CssClass dui_p_r_full = () -> "dui-p-r-full"; - /** Constant dui_p_r_px */ + CssClass dui_p_r_px = () -> "dui-p-r-px"; - /** Constant dui_p_t_0 */ + CssClass dui_p_t_0 = () -> "dui-p-t-0"; - /** Constant dui_p_t_0_5 */ + CssClass dui_p_t_0_5 = () -> "dui-p-t-0_5"; - /** Constant dui_p_t_1 */ + CssClass dui_p_t_1 = () -> "dui-p-t-1"; - /** Constant dui_p_t_10 */ + CssClass dui_p_t_10 = () -> "dui-p-t-10"; - /** Constant dui_p_t_11 */ + CssClass dui_p_t_11 = () -> "dui-p-t-11"; - /** Constant dui_p_t_12 */ + CssClass dui_p_t_12 = () -> "dui-p-t-12"; - /** Constant dui_p_t_14 */ + CssClass dui_p_t_14 = () -> "dui-p-t-14"; - /** Constant dui_p_t_16 */ + CssClass dui_p_t_16 = () -> "dui-p-t-16"; - /** Constant dui_p_t_1_2p */ + CssClass dui_p_t_1_2p = () -> "dui-p-t-1_2p"; - /** Constant dui_p_t_1_3p */ + CssClass dui_p_t_1_3p = () -> "dui-p-t-1_3p"; - /** Constant dui_p_t_1_4p */ + CssClass dui_p_t_1_4p = () -> "dui-p-t-1_4p"; - /** Constant dui_p_t_1_5 */ + CssClass dui_p_t_1_5 = () -> "dui-p-t-1_5"; - /** Constant dui_p_t_2 */ + CssClass dui_p_t_2 = () -> "dui-p-t-2"; - /** Constant dui_p_t_20 */ + CssClass dui_p_t_20 = () -> "dui-p-t-20"; - /** Constant dui_p_t_24 */ + CssClass dui_p_t_24 = () -> "dui-p-t-24"; - /** Constant dui_p_t_28 */ + CssClass dui_p_t_28 = () -> "dui-p-t-28"; - /** Constant dui_p_t_2_3p */ + CssClass dui_p_t_2_3p = () -> "dui-p-t-2_3p"; - /** Constant dui_p_t_2_5 */ + CssClass dui_p_t_2_5 = () -> "dui-p-t-2_5"; - /** Constant dui_p_t_2px */ + CssClass dui_p_t_2px = () -> "dui-p-t-2px"; - /** Constant dui_p_t_3 */ + CssClass dui_p_t_3 = () -> "dui-p-t-3"; - /** Constant dui_p_t_32 */ + CssClass dui_p_t_32 = () -> "dui-p-t-32"; - /** Constant dui_p_t_36 */ + CssClass dui_p_t_36 = () -> "dui-p-t-36"; - /** Constant dui_p_t_3_4p */ + CssClass dui_p_t_3_4p = () -> "dui-p-t-3_4p"; - /** Constant dui_p_t_3_5 */ + CssClass dui_p_t_3_5 = () -> "dui-p-t-3_5"; - /** Constant dui_p_t_4 */ + CssClass dui_p_t_4 = () -> "dui-p-t-4"; - /** Constant dui_p_t_40 */ + CssClass dui_p_t_40 = () -> "dui-p-t-40"; - /** Constant dui_p_t_44 */ + CssClass dui_p_t_44 = () -> "dui-p-t-44"; - /** Constant dui_p_t_48 */ + CssClass dui_p_t_48 = () -> "dui-p-t-48"; - /** Constant dui_p_t_4px */ + CssClass dui_p_t_4px = () -> "dui-p-t-4px"; - /** Constant dui_p_t_5 */ + CssClass dui_p_t_5 = () -> "dui-p-t-5"; - /** Constant dui_p_t_52 */ + CssClass dui_p_t_52 = () -> "dui-p-t-52"; - /** Constant dui_p_t_56 */ + CssClass dui_p_t_56 = () -> "dui-p-t-56"; - /** Constant dui_p_t_6 */ + CssClass dui_p_t_6 = () -> "dui-p-t-6"; - /** Constant dui_p_t_60 */ + CssClass dui_p_t_60 = () -> "dui-p-t-60"; - /** Constant dui_p_t_64 */ + CssClass dui_p_t_64 = () -> "dui-p-t-64"; - /** Constant dui_p_t_7 */ + CssClass dui_p_t_7 = () -> "dui-p-t-7"; - /** Constant dui_p_t_72 */ + CssClass dui_p_t_72 = () -> "dui-p-t-72"; - /** Constant dui_p_t_8 */ + CssClass dui_p_t_8 = () -> "dui-p-t-8"; - /** Constant dui_p_t_80 */ + CssClass dui_p_t_80 = () -> "dui-p-t-80"; - /** Constant dui_p_t_8px */ + CssClass dui_p_t_8px = () -> "dui-p-t-8px"; - /** Constant dui_p_t_9 */ + CssClass dui_p_t_9 = () -> "dui-p-t-9"; - /** Constant dui_p_t_96 */ + CssClass dui_p_t_96 = () -> "dui-p-t-96"; - /** Constant dui_p_t_full */ + CssClass dui_p_t_full = () -> "dui-p-t-full"; - /** Constant dui_p_t_px */ + CssClass dui_p_t_px = () -> "dui-p-t-px"; - /** Constant dui_p_x_0 */ + CssClass dui_p_x_0 = () -> "dui-p-x-0"; - /** Constant dui_p_x_0_5 */ + CssClass dui_p_x_0_5 = () -> "dui-p-x-0_5"; - /** Constant dui_p_x_1 */ + CssClass dui_p_x_1 = () -> "dui-p-x-1"; - /** Constant dui_p_x_10 */ + CssClass dui_p_x_10 = () -> "dui-p-x-10"; - /** Constant dui_p_x_11 */ + CssClass dui_p_x_11 = () -> "dui-p-x-11"; - /** Constant dui_p_x_12 */ + CssClass dui_p_x_12 = () -> "dui-p-x-12"; - /** Constant dui_p_x_14 */ + CssClass dui_p_x_14 = () -> "dui-p-x-14"; - /** Constant dui_p_x_16 */ + CssClass dui_p_x_16 = () -> "dui-p-x-16"; - /** Constant dui_p_x_1_2p */ + CssClass dui_p_x_1_2p = () -> "dui-p-x-1_2p"; - /** Constant dui_p_x_1_3p */ + CssClass dui_p_x_1_3p = () -> "dui-p-x-1_3p"; - /** Constant dui_p_x_1_4p */ + CssClass dui_p_x_1_4p = () -> "dui-p-x-1_4p"; - /** Constant dui_p_x_1_5 */ + CssClass dui_p_x_1_5 = () -> "dui-p-x-1_5"; - /** Constant dui_p_x_2 */ + CssClass dui_p_x_2 = () -> "dui-p-x-2"; - /** Constant dui_p_x_20 */ + CssClass dui_p_x_20 = () -> "dui-p-x-20"; - /** Constant dui_p_x_24 */ + CssClass dui_p_x_24 = () -> "dui-p-x-24"; - /** Constant dui_p_x_28 */ + CssClass dui_p_x_28 = () -> "dui-p-x-28"; - /** Constant dui_p_x_2_3p */ + CssClass dui_p_x_2_3p = () -> "dui-p-x-2_3p"; - /** Constant dui_p_x_2_5 */ + CssClass dui_p_x_2_5 = () -> "dui-p-x-2_5"; - /** Constant dui_p_x_2px */ + CssClass dui_p_x_2px = () -> "dui-p-x-2px"; - /** Constant dui_p_x_3 */ + CssClass dui_p_x_3 = () -> "dui-p-x-3"; - /** Constant dui_p_x_32 */ + CssClass dui_p_x_32 = () -> "dui-p-x-32"; - /** Constant dui_p_x_36 */ + CssClass dui_p_x_36 = () -> "dui-p-x-36"; - /** Constant dui_p_x_3_4p */ + CssClass dui_p_x_3_4p = () -> "dui-p-x-3_4p"; - /** Constant dui_p_x_3_5 */ + CssClass dui_p_x_3_5 = () -> "dui-p-x-3_5"; - /** Constant dui_p_x_4 */ + CssClass dui_p_x_4 = () -> "dui-p-x-4"; - /** Constant dui_p_x_40 */ + CssClass dui_p_x_40 = () -> "dui-p-x-40"; - /** Constant dui_p_x_44 */ + CssClass dui_p_x_44 = () -> "dui-p-x-44"; - /** Constant dui_p_x_48 */ + CssClass dui_p_x_48 = () -> "dui-p-x-48"; - /** Constant dui_p_x_4px */ + CssClass dui_p_x_4px = () -> "dui-p-x-4px"; - /** Constant dui_p_x_5 */ + CssClass dui_p_x_5 = () -> "dui-p-x-5"; - /** Constant dui_p_x_52 */ + CssClass dui_p_x_52 = () -> "dui-p-x-52"; - /** Constant dui_p_x_56 */ + CssClass dui_p_x_56 = () -> "dui-p-x-56"; - /** Constant dui_p_x_6 */ + CssClass dui_p_x_6 = () -> "dui-p-x-6"; - /** Constant dui_p_x_60 */ + CssClass dui_p_x_60 = () -> "dui-p-x-60"; - /** Constant dui_p_x_64 */ + CssClass dui_p_x_64 = () -> "dui-p-x-64"; - /** Constant dui_p_x_7 */ + CssClass dui_p_x_7 = () -> "dui-p-x-7"; - /** Constant dui_p_x_72 */ + CssClass dui_p_x_72 = () -> "dui-p-x-72"; - /** Constant dui_p_x_8 */ + CssClass dui_p_x_8 = () -> "dui-p-x-8"; - /** Constant dui_p_x_80 */ + CssClass dui_p_x_80 = () -> "dui-p-x-80"; - /** Constant dui_p_x_8px */ + CssClass dui_p_x_8px = () -> "dui-p-x-8px"; - /** Constant dui_p_x_9 */ + CssClass dui_p_x_9 = () -> "dui-p-x-9"; - /** Constant dui_p_x_96 */ + CssClass dui_p_x_96 = () -> "dui-p-x-96"; - /** Constant dui_p_x_full */ + CssClass dui_p_x_full = () -> "dui-p-x-full"; - /** Constant dui_p_x_px */ + CssClass dui_p_x_px = () -> "dui-p-x-px"; - /** Constant dui_p_y_0 */ + CssClass dui_p_y_0 = () -> "dui-p-y-0"; - /** Constant dui_p_y_0_5 */ + CssClass dui_p_y_0_5 = () -> "dui-p-y-0_5"; - /** Constant dui_p_y_1 */ + CssClass dui_p_y_1 = () -> "dui-p-y-1"; - /** Constant dui_p_y_10 */ + CssClass dui_p_y_10 = () -> "dui-p-y-10"; - /** Constant dui_p_y_11 */ + CssClass dui_p_y_11 = () -> "dui-p-y-11"; - /** Constant dui_p_y_12 */ + CssClass dui_p_y_12 = () -> "dui-p-y-12"; - /** Constant dui_p_y_14 */ + CssClass dui_p_y_14 = () -> "dui-p-y-14"; - /** Constant dui_p_y_16 */ + CssClass dui_p_y_16 = () -> "dui-p-y-16"; - /** Constant dui_p_y_1_2p */ + CssClass dui_p_y_1_2p = () -> "dui-p-y-1_2p"; - /** Constant dui_p_y_1_3p */ + CssClass dui_p_y_1_3p = () -> "dui-p-y-1_3p"; - /** Constant dui_p_y_1_4p */ + CssClass dui_p_y_1_4p = () -> "dui-p-y-1_4p"; - /** Constant dui_p_y_1_5 */ + CssClass dui_p_y_1_5 = () -> "dui-p-y-1_5"; - /** Constant dui_p_y_2 */ + CssClass dui_p_y_2 = () -> "dui-p-y-2"; - /** Constant dui_p_y_20 */ + CssClass dui_p_y_20 = () -> "dui-p-y-20"; - /** Constant dui_p_y_24 */ + CssClass dui_p_y_24 = () -> "dui-p-y-24"; - /** Constant dui_p_y_28 */ + CssClass dui_p_y_28 = () -> "dui-p-y-28"; - /** Constant dui_p_y_2_3p */ + CssClass dui_p_y_2_3p = () -> "dui-p-y-2_3p"; - /** Constant dui_p_y_2_5 */ + CssClass dui_p_y_2_5 = () -> "dui-p-y-2_5"; - /** Constant dui_p_y_2px */ + CssClass dui_p_y_2px = () -> "dui-p-y-2px"; - /** Constant dui_p_y_3 */ + CssClass dui_p_y_3 = () -> "dui-p-y-3"; - /** Constant dui_p_y_32 */ + CssClass dui_p_y_32 = () -> "dui-p-y-32"; - /** Constant dui_p_y_36 */ + CssClass dui_p_y_36 = () -> "dui-p-y-36"; - /** Constant dui_p_y_3_4p */ + CssClass dui_p_y_3_4p = () -> "dui-p-y-3_4p"; - /** Constant dui_p_y_3_5 */ + CssClass dui_p_y_3_5 = () -> "dui-p-y-3_5"; - /** Constant dui_p_y_4 */ + CssClass dui_p_y_4 = () -> "dui-p-y-4"; - /** Constant dui_p_y_40 */ + CssClass dui_p_y_40 = () -> "dui-p-y-40"; - /** Constant dui_p_y_44 */ + CssClass dui_p_y_44 = () -> "dui-p-y-44"; - /** Constant dui_p_y_48 */ + CssClass dui_p_y_48 = () -> "dui-p-y-48"; - /** Constant dui_p_y_4px */ + CssClass dui_p_y_4px = () -> "dui-p-y-4px"; - /** Constant dui_p_y_5 */ + CssClass dui_p_y_5 = () -> "dui-p-y-5"; - /** Constant dui_p_y_52 */ + CssClass dui_p_y_52 = () -> "dui-p-y-52"; - /** Constant dui_p_y_56 */ + CssClass dui_p_y_56 = () -> "dui-p-y-56"; - /** Constant dui_p_y_6 */ + CssClass dui_p_y_6 = () -> "dui-p-y-6"; - /** Constant dui_p_y_60 */ + CssClass dui_p_y_60 = () -> "dui-p-y-60"; - /** Constant dui_p_y_64 */ + CssClass dui_p_y_64 = () -> "dui-p-y-64"; - /** Constant dui_p_y_7 */ + CssClass dui_p_y_7 = () -> "dui-p-y-7"; - /** Constant dui_p_y_72 */ + CssClass dui_p_y_72 = () -> "dui-p-y-72"; - /** Constant dui_p_y_8 */ + CssClass dui_p_y_8 = () -> "dui-p-y-8"; - /** Constant dui_p_y_80 */ + CssClass dui_p_y_80 = () -> "dui-p-y-80"; - /** Constant dui_p_y_8px */ + CssClass dui_p_y_8px = () -> "dui-p-y-8px"; - /** Constant dui_p_y_9 */ + CssClass dui_p_y_9 = () -> "dui-p-y-9"; - /** Constant dui_p_y_96 */ + CssClass dui_p_y_96 = () -> "dui-p-y-96"; - /** Constant dui_p_y_full */ + CssClass dui_p_y_full = () -> "dui-p-y-full"; - /** Constant dui_p_y_px */ + CssClass dui_p_y_px = () -> "dui-p-y-px"; - /** Constant dui_right_0_5 */ + CssClass dui_right_0 = () -> "dui-right-0"; CssClass dui_right_0_5 = () -> "dui-right-0_5"; - /** Constant dui_right_1 */ + CssClass dui_right_1 = () -> "dui-right-1"; - /** Constant dui_right_10 */ + CssClass dui_right_10 = () -> "dui-right-10"; - /** Constant dui_right_11 */ + CssClass dui_right_11 = () -> "dui-right-11"; - /** Constant dui_right_12 */ + CssClass dui_right_12 = () -> "dui-right-12"; - /** Constant dui_right_14 */ + CssClass dui_right_14 = () -> "dui-right-14"; - /** Constant dui_right_16 */ + CssClass dui_right_16 = () -> "dui-right-16"; - /** Constant dui_right_1_2p */ + CssClass dui_right_1_2p = () -> "dui-right-1_2p"; - /** Constant dui_right_1_3p */ + CssClass dui_right_1_3p = () -> "dui-right-1_3p"; - /** Constant dui_right_1_4p */ + CssClass dui_right_1_4p = () -> "dui-right-1_4p"; - /** Constant dui_right_1_5 */ + CssClass dui_right_1_5 = () -> "dui-right-1_5"; - /** Constant dui_right_2 */ + CssClass dui_right_2 = () -> "dui-right-2"; - /** Constant dui_right_20 */ + CssClass dui_right_20 = () -> "dui-right-20"; - /** Constant dui_right_24 */ + CssClass dui_right_24 = () -> "dui-right-24"; - /** Constant dui_right_28 */ + CssClass dui_right_28 = () -> "dui-right-28"; - /** Constant dui_right_2_3p */ + CssClass dui_right_2_3p = () -> "dui-right-2_3p"; - /** Constant dui_right_2_5 */ + CssClass dui_right_2_5 = () -> "dui-right-2_5"; - /** Constant dui_right_2px */ + CssClass dui_right_2px = () -> "dui-right-2px"; - /** Constant dui_right_3 */ + CssClass dui_right_3 = () -> "dui-right-3"; - /** Constant dui_right_32 */ + CssClass dui_right_32 = () -> "dui-right-32"; - /** Constant dui_right_36 */ + CssClass dui_right_36 = () -> "dui-right-36"; - /** Constant dui_right_3_4p */ + CssClass dui_right_3_4p = () -> "dui-right-3_4p"; - /** Constant dui_right_3_5 */ + CssClass dui_right_3_5 = () -> "dui-right-3_5"; - /** Constant dui_right_4 */ + CssClass dui_right_4 = () -> "dui-right-4"; - /** Constant dui_right_40 */ + CssClass dui_right_40 = () -> "dui-right-40"; - /** Constant dui_right_44 */ + CssClass dui_right_44 = () -> "dui-right-44"; - /** Constant dui_right_48 */ + CssClass dui_right_48 = () -> "dui-right-48"; - /** Constant dui_right_4px */ + CssClass dui_right_4px = () -> "dui-right-4px"; - /** Constant dui_right_5 */ + CssClass dui_right_5 = () -> "dui-right-5"; - /** Constant dui_right_52 */ + CssClass dui_right_52 = () -> "dui-right-52"; - /** Constant dui_right_56 */ + CssClass dui_right_56 = () -> "dui-right-56"; - /** Constant dui_right_6 */ + CssClass dui_right_6 = () -> "dui-right-6"; - /** Constant dui_right_60 */ + CssClass dui_right_60 = () -> "dui-right-60"; - /** Constant dui_right_64 */ + CssClass dui_right_64 = () -> "dui-right-64"; - /** Constant dui_right_7 */ + CssClass dui_right_7 = () -> "dui-right-7"; - /** Constant dui_right_72 */ + CssClass dui_right_72 = () -> "dui-right-72"; - /** Constant dui_right_8 */ + CssClass dui_right_8 = () -> "dui-right-8"; - /** Constant dui_right_80 */ + CssClass dui_right_80 = () -> "dui-right-80"; - /** Constant dui_right_8px */ + CssClass dui_right_8px = () -> "dui-right-8px"; - /** Constant dui_right_9 */ + CssClass dui_right_9 = () -> "dui-right-9"; - /** Constant dui_right_96 */ + CssClass dui_right_96 = () -> "dui-right-96"; - /** Constant dui_right_auto */ + CssClass dui_right_auto = () -> "dui-right-auto"; - /** Constant dui_right_full */ + CssClass dui_right_full = () -> "dui-right-full"; - /** Constant dui_right_px */ + CssClass dui_right_px = () -> "dui-right-px"; - /** Constant dui_space_x_0 */ + CssClass dui_space_x_0 = () -> "dui-space-x-0"; - /** Constant dui_space_x_0_5 */ + CssClass dui_space_x_0_5 = () -> "dui-space-x-0_5"; - /** Constant dui_space_x_1 */ + CssClass dui_space_x_1 = () -> "dui-space-x-1"; - /** Constant dui_space_x_10 */ + CssClass dui_space_x_10 = () -> "dui-space-x-10"; - /** Constant dui_space_x_11 */ + CssClass dui_space_x_11 = () -> "dui-space-x-11"; - /** Constant dui_space_x_12 */ + CssClass dui_space_x_12 = () -> "dui-space-x-12"; - /** Constant dui_space_x_14 */ + CssClass dui_space_x_14 = () -> "dui-space-x-14"; - /** Constant dui_space_x_16 */ + CssClass dui_space_x_16 = () -> "dui-space-x-16"; - /** Constant dui_space_x_1_2p */ + CssClass dui_space_x_1_2p = () -> "dui-space-x-1_2p"; - /** Constant dui_space_x_1_3p */ + CssClass dui_space_x_1_3p = () -> "dui-space-x-1_3p"; - /** Constant dui_space_x_1_4p */ + CssClass dui_space_x_1_4p = () -> "dui-space-x-1_4p"; - /** Constant dui_space_x_1_5 */ + CssClass dui_space_x_1_5 = () -> "dui-space-x-1_5"; - /** Constant dui_space_x_2 */ + CssClass dui_space_x_2 = () -> "dui-space-x-2"; - /** Constant dui_space_x_20 */ + CssClass dui_space_x_20 = () -> "dui-space-x-20"; - /** Constant dui_space_x_24 */ + CssClass dui_space_x_24 = () -> "dui-space-x-24"; - /** Constant dui_space_x_28 */ + CssClass dui_space_x_28 = () -> "dui-space-x-28"; - /** Constant dui_space_x_2_3p */ + CssClass dui_space_x_2_3p = () -> "dui-space-x-2_3p"; - /** Constant dui_space_x_2_5 */ + CssClass dui_space_x_2_5 = () -> "dui-space-x-2_5"; - /** Constant dui_space_x_2px */ + CssClass dui_space_x_2px = () -> "dui-space-x-2px"; - /** Constant dui_space_x_3 */ + CssClass dui_space_x_3 = () -> "dui-space-x-3"; - /** Constant dui_space_x_32 */ + CssClass dui_space_x_32 = () -> "dui-space-x-32"; - /** Constant dui_space_x_36 */ + CssClass dui_space_x_36 = () -> "dui-space-x-36"; - /** Constant dui_space_x_3_4p */ + CssClass dui_space_x_3_4p = () -> "dui-space-x-3_4p"; - /** Constant dui_space_x_3_5 */ + CssClass dui_space_x_3_5 = () -> "dui-space-x-3_5"; - /** Constant dui_space_x_4 */ + CssClass dui_space_x_4 = () -> "dui-space-x-4"; - /** Constant dui_space_x_40 */ + CssClass dui_space_x_40 = () -> "dui-space-x-40"; - /** Constant dui_space_x_44 */ + CssClass dui_space_x_44 = () -> "dui-space-x-44"; - /** Constant dui_space_x_48 */ + CssClass dui_space_x_48 = () -> "dui-space-x-48"; - /** Constant dui_space_x_4px */ + CssClass dui_space_x_4px = () -> "dui-space-x-4px"; - /** Constant dui_space_x_5 */ + CssClass dui_space_x_5 = () -> "dui-space-x-5"; - /** Constant dui_space_x_52 */ + CssClass dui_space_x_52 = () -> "dui-space-x-52"; - /** Constant dui_space_x_56 */ + CssClass dui_space_x_56 = () -> "dui-space-x-56"; - /** Constant dui_space_x_6 */ + CssClass dui_space_x_6 = () -> "dui-space-x-6"; - /** Constant dui_space_x_60 */ + CssClass dui_space_x_60 = () -> "dui-space-x-60"; - /** Constant dui_space_x_64 */ + CssClass dui_space_x_64 = () -> "dui-space-x-64"; - /** Constant dui_space_x_7 */ + CssClass dui_space_x_7 = () -> "dui-space-x-7"; - /** Constant dui_space_x_72 */ + CssClass dui_space_x_72 = () -> "dui-space-x-72"; - /** Constant dui_space_x_8 */ + CssClass dui_space_x_8 = () -> "dui-space-x-8"; - /** Constant dui_space_x_80 */ + CssClass dui_space_x_80 = () -> "dui-space-x-80"; - /** Constant dui_space_x_8px */ + CssClass dui_space_x_8px = () -> "dui-space-x-8px"; - /** Constant dui_space_x_9 */ + CssClass dui_space_x_9 = () -> "dui-space-x-9"; - /** Constant dui_space_x_96 */ + CssClass dui_space_x_96 = () -> "dui-space-x-96"; - /** Constant dui_space_x_full */ + CssClass dui_space_x_full = () -> "dui-space-x-full"; - /** Constant dui_space_x_px */ + CssClass dui_space_x_px = () -> "dui-space-x-px"; - /** Constant dui_space_y_0 */ + CssClass dui_space_y_0 = () -> "dui-space-y-0"; - /** Constant dui_space_y_0_5 */ + CssClass dui_space_y_0_5 = () -> "dui-space-y-0_5"; - /** Constant dui_space_y_1 */ + CssClass dui_space_y_1 = () -> "dui-space-y-1"; - /** Constant dui_space_y_10 */ + CssClass dui_space_y_10 = () -> "dui-space-y-10"; - /** Constant dui_space_y_11 */ + CssClass dui_space_y_11 = () -> "dui-space-y-11"; - /** Constant dui_space_y_12 */ + CssClass dui_space_y_12 = () -> "dui-space-y-12"; - /** Constant dui_space_y_14 */ + CssClass dui_space_y_14 = () -> "dui-space-y-14"; - /** Constant dui_space_y_16 */ + CssClass dui_space_y_16 = () -> "dui-space-y-16"; - /** Constant dui_space_y_1_2p */ + CssClass dui_space_y_1_2p = () -> "dui-space-y-1_2p"; - /** Constant dui_space_y_1_3p */ + CssClass dui_space_y_1_3p = () -> "dui-space-y-1_3p"; - /** Constant dui_space_y_1_4p */ + CssClass dui_space_y_1_4p = () -> "dui-space-y-1_4p"; - /** Constant dui_space_y_1_5 */ + CssClass dui_space_y_1_5 = () -> "dui-space-y-1_5"; - /** Constant dui_space_y_2 */ + CssClass dui_space_y_2 = () -> "dui-space-y-2"; - /** Constant dui_space_y_20 */ + CssClass dui_space_y_20 = () -> "dui-space-y-20"; - /** Constant dui_space_y_24 */ + CssClass dui_space_y_24 = () -> "dui-space-y-24"; - /** Constant dui_space_y_28 */ + CssClass dui_space_y_28 = () -> "dui-space-y-28"; - /** Constant dui_space_y_2_3p */ + CssClass dui_space_y_2_3p = () -> "dui-space-y-2_3p"; - /** Constant dui_space_y_2_5 */ + CssClass dui_space_y_2_5 = () -> "dui-space-y-2_5"; - /** Constant dui_space_y_2px */ + CssClass dui_space_y_2px = () -> "dui-space-y-2px"; - /** Constant dui_space_y_3 */ + CssClass dui_space_y_3 = () -> "dui-space-y-3"; - /** Constant dui_space_y_32 */ + CssClass dui_space_y_32 = () -> "dui-space-y-32"; - /** Constant dui_space_y_36 */ + CssClass dui_space_y_36 = () -> "dui-space-y-36"; - /** Constant dui_space_y_3_4p */ + CssClass dui_space_y_3_4p = () -> "dui-space-y-3_4p"; - /** Constant dui_space_y_3_5 */ + CssClass dui_space_y_3_5 = () -> "dui-space-y-3_5"; - /** Constant dui_space_y_4 */ + CssClass dui_space_y_4 = () -> "dui-space-y-4"; - /** Constant dui_space_y_40 */ + CssClass dui_space_y_40 = () -> "dui-space-y-40"; - /** Constant dui_space_y_44 */ + CssClass dui_space_y_44 = () -> "dui-space-y-44"; - /** Constant dui_space_y_48 */ + CssClass dui_space_y_48 = () -> "dui-space-y-48"; - /** Constant dui_space_y_4px */ + CssClass dui_space_y_4px = () -> "dui-space-y-4px"; - /** Constant dui_space_y_5 */ + CssClass dui_space_y_5 = () -> "dui-space-y-5"; - /** Constant dui_space_y_52 */ + CssClass dui_space_y_52 = () -> "dui-space-y-52"; - /** Constant dui_space_y_56 */ + CssClass dui_space_y_56 = () -> "dui-space-y-56"; - /** Constant dui_space_y_6 */ + CssClass dui_space_y_6 = () -> "dui-space-y-6"; - /** Constant dui_space_y_60 */ + CssClass dui_space_y_60 = () -> "dui-space-y-60"; - /** Constant dui_space_y_64 */ + CssClass dui_space_y_64 = () -> "dui-space-y-64"; - /** Constant dui_space_y_7 */ + CssClass dui_space_y_7 = () -> "dui-space-y-7"; - /** Constant dui_space_y_72 */ + CssClass dui_space_y_72 = () -> "dui-space-y-72"; - /** Constant dui_space_y_8 */ + CssClass dui_space_y_8 = () -> "dui-space-y-8"; - /** Constant dui_space_y_80 */ + CssClass dui_space_y_80 = () -> "dui-space-y-80"; - /** Constant dui_space_y_8px */ + CssClass dui_space_y_8px = () -> "dui-space-y-8px"; - /** Constant dui_space_y_9 */ + CssClass dui_space_y_9 = () -> "dui-space-y-9"; - /** Constant dui_space_y_96 */ + CssClass dui_space_y_96 = () -> "dui-space-y-96"; - /** Constant dui_space_y_full */ + CssClass dui_space_y_full = () -> "dui-space-y-full"; - /** Constant dui_space_y_px */ + CssClass dui_space_y_px = () -> "dui-space-y-px"; - /** Constant dui_top_0_5 */ + CssClass dui_top_0 = () -> "dui-top-0"; CssClass dui_top_0_5 = () -> "dui-top-0_5"; - /** Constant dui_top_1 */ + CssClass dui_top_1 = () -> "dui-top-1"; - /** Constant dui_top_10 */ + CssClass dui_top_10 = () -> "dui-top-10"; - /** Constant dui_top_11 */ + CssClass dui_top_11 = () -> "dui-top-11"; - /** Constant dui_top_12 */ + CssClass dui_top_12 = () -> "dui-top-12"; - /** Constant dui_top_14 */ + CssClass dui_top_14 = () -> "dui-top-14"; - /** Constant dui_top_16 */ + CssClass dui_top_16 = () -> "dui-top-16"; - /** Constant dui_top_1_2p */ + CssClass dui_top_1_2p = () -> "dui-top-1_2p"; - /** Constant dui_top_1_3p */ + CssClass dui_top_1_3p = () -> "dui-top-1_3p"; - /** Constant dui_top_1_4p */ + CssClass dui_top_1_4p = () -> "dui-top-1_4p"; - /** Constant dui_top_1_5 */ + CssClass dui_top_1_5 = () -> "dui-top-1_5"; - /** Constant dui_top_2 */ + CssClass dui_top_2 = () -> "dui-top-2"; - /** Constant dui_top_20 */ + CssClass dui_top_20 = () -> "dui-top-20"; - /** Constant dui_top_24 */ + CssClass dui_top_24 = () -> "dui-top-24"; - /** Constant dui_top_28 */ + CssClass dui_top_28 = () -> "dui-top-28"; - /** Constant dui_top_2_3p */ + CssClass dui_top_2_3p = () -> "dui-top-2_3p"; - /** Constant dui_top_2_5 */ + CssClass dui_top_2_5 = () -> "dui-top-2_5"; - /** Constant dui_top_2px */ + CssClass dui_top_2px = () -> "dui-top-2px"; - /** Constant dui_top_3 */ + CssClass dui_top_3 = () -> "dui-top-3"; - /** Constant dui_top_32 */ + CssClass dui_top_32 = () -> "dui-top-32"; - /** Constant dui_top_36 */ + CssClass dui_top_36 = () -> "dui-top-36"; - /** Constant dui_top_3_4p */ + CssClass dui_top_3_4p = () -> "dui-top-3_4p"; - /** Constant dui_top_3_5 */ + CssClass dui_top_3_5 = () -> "dui-top-3_5"; - /** Constant dui_top_4 */ + CssClass dui_top_4 = () -> "dui-top-4"; - /** Constant dui_top_40 */ + CssClass dui_top_40 = () -> "dui-top-40"; - /** Constant dui_top_44 */ + CssClass dui_top_44 = () -> "dui-top-44"; - /** Constant dui_top_48 */ + CssClass dui_top_48 = () -> "dui-top-48"; - /** Constant dui_top_4px */ + CssClass dui_top_4px = () -> "dui-top-4px"; - /** Constant dui_top_5 */ + CssClass dui_top_5 = () -> "dui-top-5"; - /** Constant dui_top_52 */ + CssClass dui_top_52 = () -> "dui-top-52"; - /** Constant dui_top_56 */ + CssClass dui_top_56 = () -> "dui-top-56"; - /** Constant dui_top_6 */ + CssClass dui_top_6 = () -> "dui-top-6"; - /** Constant dui_top_60 */ + CssClass dui_top_60 = () -> "dui-top-60"; - /** Constant dui_top_64 */ + CssClass dui_top_64 = () -> "dui-top-64"; - /** Constant dui_top_7 */ + CssClass dui_top_7 = () -> "dui-top-7"; - /** Constant dui_top_72 */ + CssClass dui_top_72 = () -> "dui-top-72"; - /** Constant dui_top_8 */ + CssClass dui_top_8 = () -> "dui-top-8"; - /** Constant dui_top_80 */ + CssClass dui_top_80 = () -> "dui-top-80"; - /** Constant dui_top_8px */ + CssClass dui_top_8px = () -> "dui-top-8px"; - /** Constant dui_top_9 */ + CssClass dui_top_9 = () -> "dui-top-9"; - /** Constant dui_top_96 */ + CssClass dui_top_96 = () -> "dui-top-96"; - /** Constant dui_top_auto */ + CssClass dui_top_auto = () -> "dui-top-auto"; - /** Constant dui_top_full */ + CssClass dui_top_full = () -> "dui-top-full"; - /** Constant dui_top_px */ + CssClass dui_top_px = () -> "dui-top-px"; - /** Constant dui_txt_indnt_0 */ + CssClass dui_txt_indnt_0 = () -> "dui-txt-indnt-0"; - /** Constant dui_txt_indnt_0_5 */ + CssClass dui_txt_indnt_0_5 = () -> "dui-txt-indnt-0_5"; - /** Constant dui_txt_indnt_1 */ + CssClass dui_txt_indnt_1 = () -> "dui-txt-indnt-1"; - /** Constant dui_txt_indnt_10 */ + CssClass dui_txt_indnt_10 = () -> "dui-txt-indnt-10"; - /** Constant dui_txt_indnt_11 */ + CssClass dui_txt_indnt_11 = () -> "dui-txt-indnt-11"; - /** Constant dui_txt_indnt_12 */ + CssClass dui_txt_indnt_12 = () -> "dui-txt-indnt-12"; - /** Constant dui_txt_indnt_14 */ + CssClass dui_txt_indnt_14 = () -> "dui-txt-indnt-14"; - /** Constant dui_txt_indnt_16 */ + CssClass dui_txt_indnt_16 = () -> "dui-txt-indnt-16"; - /** Constant dui_txt_indnt_1_2p */ + CssClass dui_txt_indnt_1_2p = () -> "dui-txt-indnt-1_2p"; - /** Constant dui_txt_indnt_1_3p */ + CssClass dui_txt_indnt_1_3p = () -> "dui-txt-indnt-1_3p"; - /** Constant dui_txt_indnt_1_4p */ + CssClass dui_txt_indnt_1_4p = () -> "dui-txt-indnt-1_4p"; - /** Constant dui_txt_indnt_1_5 */ + CssClass dui_txt_indnt_1_5 = () -> "dui-txt-indnt-1_5"; - /** Constant dui_txt_indnt_2 */ + CssClass dui_txt_indnt_2 = () -> "dui-txt-indnt-2"; - /** Constant dui_txt_indnt_20 */ + CssClass dui_txt_indnt_20 = () -> "dui-txt-indnt-20"; - /** Constant dui_txt_indnt_24 */ + CssClass dui_txt_indnt_24 = () -> "dui-txt-indnt-24"; - /** Constant dui_txt_indnt_28 */ + CssClass dui_txt_indnt_28 = () -> "dui-txt-indnt-28"; - /** Constant dui_txt_indnt_2_3p */ + CssClass dui_txt_indnt_2_3p = () -> "dui-txt-indnt-2_3p"; - /** Constant dui_txt_indnt_2_5 */ + CssClass dui_txt_indnt_2_5 = () -> "dui-txt-indnt-2_5"; - /** Constant dui_txt_indnt_2px */ + CssClass dui_txt_indnt_2px = () -> "dui-txt-indnt-2px"; - /** Constant dui_txt_indnt_3 */ + CssClass dui_txt_indnt_3 = () -> "dui-txt-indnt-3"; - /** Constant dui_txt_indnt_32 */ + CssClass dui_txt_indnt_32 = () -> "dui-txt-indnt-32"; - /** Constant dui_txt_indnt_36 */ + CssClass dui_txt_indnt_36 = () -> "dui-txt-indnt-36"; - /** Constant dui_txt_indnt_3_4p */ + CssClass dui_txt_indnt_3_4p = () -> "dui-txt-indnt-3_4p"; - /** Constant dui_txt_indnt_3_5 */ + CssClass dui_txt_indnt_3_5 = () -> "dui-txt-indnt-3_5"; - /** Constant dui_txt_indnt_4 */ + CssClass dui_txt_indnt_4 = () -> "dui-txt-indnt-4"; - /** Constant dui_txt_indnt_40 */ + CssClass dui_txt_indnt_40 = () -> "dui-txt-indnt-40"; - /** Constant dui_txt_indnt_44 */ + CssClass dui_txt_indnt_44 = () -> "dui-txt-indnt-44"; - /** Constant dui_txt_indnt_48 */ + CssClass dui_txt_indnt_48 = () -> "dui-txt-indnt-48"; - /** Constant dui_txt_indnt_4px */ + CssClass dui_txt_indnt_4px = () -> "dui-txt-indnt-4px"; - /** Constant dui_txt_indnt_5 */ + CssClass dui_txt_indnt_5 = () -> "dui-txt-indnt-5"; - /** Constant dui_txt_indnt_52 */ + CssClass dui_txt_indnt_52 = () -> "dui-txt-indnt-52"; - /** Constant dui_txt_indnt_56 */ + CssClass dui_txt_indnt_56 = () -> "dui-txt-indnt-56"; - /** Constant dui_txt_indnt_6 */ + CssClass dui_txt_indnt_6 = () -> "dui-txt-indnt-6"; - /** Constant dui_txt_indnt_60 */ + CssClass dui_txt_indnt_60 = () -> "dui-txt-indnt-60"; - /** Constant dui_txt_indnt_64 */ + CssClass dui_txt_indnt_64 = () -> "dui-txt-indnt-64"; - /** Constant dui_txt_indnt_7 */ + CssClass dui_txt_indnt_7 = () -> "dui-txt-indnt-7"; - /** Constant dui_txt_indnt_72 */ + CssClass dui_txt_indnt_72 = () -> "dui-txt-indnt-72"; - /** Constant dui_txt_indnt_8 */ + CssClass dui_txt_indnt_8 = () -> "dui-txt-indnt-8"; - /** Constant dui_txt_indnt_80 */ + CssClass dui_txt_indnt_80 = () -> "dui-txt-indnt-80"; - /** Constant dui_txt_indnt_8px */ + CssClass dui_txt_indnt_8px = () -> "dui-txt-indnt-8px"; - /** Constant dui_txt_indnt_9 */ + CssClass dui_txt_indnt_9 = () -> "dui-txt-indnt-9"; - /** Constant dui_txt_indnt_96 */ + CssClass dui_txt_indnt_96 = () -> "dui-txt-indnt-96"; - /** Constant dui_txt_indnt_full */ + CssClass dui_txt_indnt_full = () -> "dui-txt-indnt-full"; - /** Constant dui_txt_indnt_px */ + CssClass dui_txt_indnt_px = () -> "dui-txt-indnt-px"; - /** Constant dui_w_0 */ + CssClass dui_w_0 = () -> "dui-w-0"; - /** Constant dui_w_0_5 */ + CssClass dui_w_0_5 = () -> "dui-w-0_5"; - /** Constant dui_w_1 */ + CssClass dui_w_1 = () -> "dui-w-1"; - /** Constant dui_w_10 */ + CssClass dui_w_10 = () -> "dui-w-10"; - /** Constant dui_w_11 */ + CssClass dui_w_11 = () -> "dui-w-11"; - /** Constant dui_w_12 */ + CssClass dui_w_12 = () -> "dui-w-12"; - /** Constant dui_w_14 */ + CssClass dui_w_14 = () -> "dui-w-14"; - /** Constant dui_w_16 */ + CssClass dui_w_16 = () -> "dui-w-16"; - /** Constant dui_w_1_2p */ + CssClass dui_w_1_2p = () -> "dui-w-1_2p"; - /** Constant dui_w_1_3p */ + CssClass dui_w_1_3p = () -> "dui-w-1_3p"; - /** Constant dui_w_1_4p */ + CssClass dui_w_1_4p = () -> "dui-w-1_4p"; - /** Constant dui_w_1_5 */ + CssClass dui_w_1_5 = () -> "dui-w-1_5"; - /** Constant dui_w_2 */ + CssClass dui_w_2 = () -> "dui-w-2"; - /** Constant dui_w_20 */ + CssClass dui_w_20 = () -> "dui-w-20"; - /** Constant dui_w_24 */ + CssClass dui_w_24 = () -> "dui-w-24"; - /** Constant dui_w_28 */ + CssClass dui_w_28 = () -> "dui-w-28"; - /** Constant dui_w_2_3p */ + CssClass dui_w_2_3p = () -> "dui-w-2_3p"; - /** Constant dui_w_2_5 */ + CssClass dui_w_2_5 = () -> "dui-w-2_5"; - /** Constant dui_w_2px */ + CssClass dui_w_2px = () -> "dui-w-2px"; - /** Constant dui_w_3 */ + CssClass dui_w_3 = () -> "dui-w-3"; - /** Constant dui_w_32 */ + CssClass dui_w_32 = () -> "dui-w-32"; - /** Constant dui_w_36 */ + CssClass dui_w_36 = () -> "dui-w-36"; - /** Constant dui_w_3_4p */ + CssClass dui_w_3_4p = () -> "dui-w-3_4p"; - /** Constant dui_w_3_5 */ + CssClass dui_w_3_5 = () -> "dui-w-3_5"; - /** Constant dui_w_4 */ + CssClass dui_w_4 = () -> "dui-w-4"; - /** Constant dui_w_40 */ + CssClass dui_w_40 = () -> "dui-w-40"; - /** Constant dui_w_44 */ + CssClass dui_w_44 = () -> "dui-w-44"; - /** Constant dui_w_48 */ + CssClass dui_w_48 = () -> "dui-w-48"; - /** Constant dui_w_4px */ + CssClass dui_w_4px = () -> "dui-w-4px"; - /** Constant dui_w_5 */ + CssClass dui_w_5 = () -> "dui-w-5"; - /** Constant dui_w_52 */ + CssClass dui_w_52 = () -> "dui-w-52"; - /** Constant dui_w_56 */ + CssClass dui_w_56 = () -> "dui-w-56"; - /** Constant dui_w_6 */ + CssClass dui_w_6 = () -> "dui-w-6"; - /** Constant dui_w_60 */ + CssClass dui_w_60 = () -> "dui-w-60"; - /** Constant dui_w_64 */ + CssClass dui_w_64 = () -> "dui-w-64"; - /** Constant dui_w_7 */ + CssClass dui_w_7 = () -> "dui-w-7"; - /** Constant dui_w_72 */ + CssClass dui_w_72 = () -> "dui-w-72"; - /** Constant dui_w_8 */ + CssClass dui_w_8 = () -> "dui-w-8"; - /** Constant dui_w_80 */ + CssClass dui_w_80 = () -> "dui-w-80"; - /** Constant dui_w_8px */ + CssClass dui_w_8px = () -> "dui-w-8px"; - /** Constant dui_w_9 */ + CssClass dui_w_9 = () -> "dui-w-9"; - /** Constant dui_w_96 */ + CssClass dui_w_96 = () -> "dui-w-96"; - /** Constant dui_w_auto */ + CssClass dui_w_auto = () -> "dui-w-auto"; - /** Constant dui_w_full */ + CssClass dui_w_full = () -> "dui-w-full"; - /** Constant dui_w_px */ + CssClass dui_w_px = () -> "dui-w-px"; - /** Constant dui_z_0 */ + CssClass dui_z_0 = () -> "dui-z-0"; - /** Constant dui_z_10 */ + CssClass dui_z_10 = () -> "dui-z-10"; - /** Constant dui_z_20 */ + CssClass dui_z_20 = () -> "dui-z-20"; - /** Constant dui_z_30 */ + CssClass dui_z_30 = () -> "dui-z-30"; - /** Constant dui_z_40 */ + CssClass dui_z_40 = () -> "dui-z-40"; - /** Constant dui_z_50 */ + CssClass dui_z_50 = () -> "dui-z-50"; - /** Constant dui_z_auto */ + CssClass dui_z_auto = () -> "dui-z-auto"; - /** Constant dui_flex_row */ CssClass dui_flex_row = new ReplaceCssClass( CompositeCssClass.of( () -> "dui-flex-row-reverse", () -> "dui-flex-col", () -> "dui-flex-col-reverse")) .replaceWith(() -> "dui-flex-row"); - /** Constant dui_flex_row_reverse */ + CssClass dui_flex_row_reverse = new ReplaceCssClass( CompositeCssClass.of( () -> "dui-flex-row", () -> "dui-flex-col", () -> "dui-flex-col-reverse")) .replaceWith(() -> "dui-flex-row-reverse"); - /** Constant dui_flex_col */ + CssClass dui_flex_col = new ReplaceCssClass( CompositeCssClass.of( () -> "dui-flex-row", () -> "dui-flex-row-reverse", () -> "dui-flex-col-reverse")) .replaceWith(() -> "dui-flex-col"); - /** Constant dui_flex_col_reverse */ + CssClass dui_flex_col_reverse = new ReplaceCssClass( CompositeCssClass.of( () -> "dui-flex-row", () -> "dui-flex-row-reverse", () -> "dui-flex-col")) .replaceWith(() -> "dui-flex-col-reverse"); - /** Constant dui_flex_wrap */ CssClass dui_flex_wrap = new ReplaceCssClass( CompositeCssClass.of(() -> "dui-flex-wrap-reverse", () -> "dui-flex-nowrap")) .replaceWith(() -> "dui-flex-wrap"); - /** Constant dui_flex_wrap_reverse */ + CssClass dui_flex_wrap_reverse = new ReplaceCssClass(CompositeCssClass.of(() -> "dui-flex-wrap", () -> "dui-flex-nowrap")) .replaceWith(() -> "dui-flex-wrap-reverse"); - /** Constant dui_flex_nowrap */ + CssClass dui_flex_nowrap = new ReplaceCssClass( CompositeCssClass.of(() -> "dui-flex-wrap", () -> "dui-flex-wrap-reverse")) .replaceWith(() -> "dui-flex-nowrap"); - /** Constant dui_flex_1 */ + CssClass dui_flex_1 = () -> "dui-flex-1"; - /** Constant dui_flex_auto */ + CssClass dui_flex_auto = () -> "dui-flex-auto"; - /** Constant dui_flex_initial */ + CssClass dui_flex_initial = () -> "dui-flex-initial"; - /** Constant dui_flex_none */ + CssClass dui_flex_none = () -> "dui-flex-none"; - /** Constant dui_grow_0 */ + CssClass dui_grow_0 = () -> "dui-grow-0"; - /** Constant dui_grow_1 */ + CssClass dui_grow_1 = () -> "dui-grow-1"; - /** Constant dui_grow_2 */ + CssClass dui_grow_2 = () -> "dui-grow-2"; - /** Constant dui_grow_3 */ + CssClass dui_grow_3 = () -> "dui-grow-3"; - /** Constant dui_grow_4 */ + CssClass dui_grow_4 = () -> "dui-grow-4"; - /** Constant dui_grow_5 */ + CssClass dui_grow_5 = () -> "dui-grow-5"; - /** Constant dui_grow_6 */ + CssClass dui_grow_6 = () -> "dui-grow-6"; - /** Constant dui_grow_7 */ + CssClass dui_grow_7 = () -> "dui-grow-7"; - /** Constant dui_grow_8 */ + CssClass dui_grow_8 = () -> "dui-grow-8"; - /** Constant dui_grow_9 */ + CssClass dui_grow_9 = () -> "dui-grow-9"; - /** Constant dui_grow_10 */ + CssClass dui_grow_10 = () -> "dui-grow-10"; - /** Constant dui_grow_11 */ + CssClass dui_grow_11 = () -> "dui-grow-11"; - /** Constant dui_grow_12 */ + CssClass dui_grow_12 = () -> "dui-grow-12"; - /** Constant dui_shrink_0 */ + CssClass dui_shrink_0 = () -> "dui-shrink-0"; - /** Constant dui_shrink_1 */ + CssClass dui_shrink_1 = () -> "dui-shrink-1"; - /** Constant dui_shrink_2 */ + CssClass dui_shrink_2 = () -> "dui-shrink-2"; - /** Constant dui_shrink_3 */ + CssClass dui_shrink_3 = () -> "dui-shrink-3"; - /** Constant dui_shrink_4 */ + CssClass dui_shrink_4 = () -> "dui-shrink-4"; - /** Constant dui_shrink_5 */ + CssClass dui_shrink_5 = () -> "dui-shrink-5"; - /** Constant dui_shrink_6 */ + CssClass dui_shrink_6 = () -> "dui-shrink-6"; - /** Constant dui_shrink_7 */ + CssClass dui_shrink_7 = () -> "dui-shrink-7"; - /** Constant dui_shrink_8 */ + CssClass dui_shrink_8 = () -> "dui-shrink-8"; - /** Constant dui_shrink_9 */ + CssClass dui_shrink_9 = () -> "dui-shrink-9"; - /** Constant dui_shrink_10 */ + CssClass dui_shrink_10 = () -> "dui-shrink-10"; - /** Constant dui_shrink_11 */ + CssClass dui_shrink_11 = () -> "dui-shrink-11"; - /** Constant dui_shrink_12 */ + CssClass dui_shrink_12 = () -> "dui-shrink-12"; - /** Constant dui_order_1 */ + CssClass dui_order_1 = () -> "dui-order-1"; - /** Constant dui_order_2 */ + CssClass dui_order_2 = () -> "dui-order-2"; - /** Constant dui_order_3 */ + CssClass dui_order_3 = () -> "dui-order-3"; - /** Constant dui_order_4 */ + CssClass dui_order_4 = () -> "dui-order-4"; - /** Constant dui_order_5 */ + CssClass dui_order_5 = () -> "dui-order-5"; - /** Constant dui_order_6 */ + CssClass dui_order_6 = () -> "dui-order-6"; - /** Constant dui_order_7 */ + CssClass dui_order_7 = () -> "dui-order-7"; - /** Constant dui_order_8 */ + CssClass dui_order_8 = () -> "dui-order-8"; - /** Constant dui_order_9 */ + CssClass dui_order_9 = () -> "dui-order-9"; - /** Constant dui_order_10 */ + CssClass dui_order_10 = () -> "dui-order-10"; - /** Constant dui_order_20 */ + CssClass dui_order_20 = () -> "dui-order-20"; - /** Constant dui_order_30 */ + CssClass dui_order_30 = () -> "dui-order-30"; - /** Constant dui_order_40 */ + CssClass dui_order_40 = () -> "dui-order-40"; - /** Constant dui_order_50 */ + CssClass dui_order_50 = () -> "dui-order-50"; - /** Constant dui_order_60 */ + CssClass dui_order_60 = () -> "dui-order-60"; - /** Constant dui_order_70 */ + CssClass dui_order_70 = () -> "dui-order-70"; - /** Constant dui_order_80 */ + CssClass dui_order_80 = () -> "dui-order-80"; - /** Constant dui_order_90 */ + CssClass dui_order_90 = () -> "dui-order-90"; - /** Constant dui_order_100 */ + CssClass dui_order_100 = () -> "dui-order-100"; - /** Constant dui_order_first */ + CssClass dui_order_first = () -> "dui-order-first"; - /** Constant dui_order_first_1 */ + CssClass dui_order_first_1 = () -> "dui-order-first-1"; - /** Constant dui_order_first_2 */ + CssClass dui_order_first_2 = () -> "dui-order-first-2"; - /** Constant dui_order_first_3 */ + CssClass dui_order_first_3 = () -> "dui-order-first-3"; - /** Constant dui_order_first_4 */ + CssClass dui_order_first_4 = () -> "dui-order-first-4"; - /** Constant dui_order_last */ + CssClass dui_order_last = () -> "dui-order-last"; - /** Constant dui_order_last_1 */ + CssClass dui_order_last_1 = () -> "dui-order-last-1"; - /** Constant dui_order_last_2 */ + CssClass dui_order_last_2 = () -> "dui-order-last-2"; - /** Constant dui_order_last_3 */ + CssClass dui_order_last_3 = () -> "dui-order-last-3"; - /** Constant dui_order_last_4 */ + CssClass dui_order_last_4 = () -> "dui-order-last-4"; - /** Constant dui_order_none */ + CssClass dui_order_none = () -> "dui-order-none"; - /** Constant dui_grid_cols_1 */ + CssClass dui_grid_cols_1 = () -> "dui-grid-cols-1"; - /** Constant dui_grid_cols_2 */ + CssClass dui_grid_cols_2 = () -> "dui-grid-cols-2"; - /** Constant dui_grid_cols_3 */ + CssClass dui_grid_cols_3 = () -> "dui-grid-cols-3"; - /** Constant dui_grid_cols_4 */ + CssClass dui_grid_cols_4 = () -> "dui-grid-cols-4"; - /** Constant dui_grid_cols_5 */ + CssClass dui_grid_cols_5 = () -> "dui-grid-cols-5"; - /** Constant dui_grid_cols_6 */ + CssClass dui_grid_cols_6 = () -> "dui-grid-cols-6"; - /** Constant dui_grid_cols_7 */ + CssClass dui_grid_cols_7 = () -> "dui-grid-cols-7"; - /** Constant dui_grid_cols_8 */ + CssClass dui_grid_cols_8 = () -> "dui-grid-cols-8"; - /** Constant dui_grid_cols_9 */ + CssClass dui_grid_cols_9 = () -> "dui-grid-cols-9"; - /** Constant dui_grid_cols_10 */ + CssClass dui_grid_cols_10 = () -> "dui-grid-cols-10"; - /** Constant dui_grid_cols_11 */ + CssClass dui_grid_cols_11 = () -> "dui-grid-cols-11"; - /** Constant dui_grid_cols_12 */ + CssClass dui_grid_cols_12 = () -> "dui-grid-cols-12"; - /** Constant dui_grid_cols_none */ + CssClass dui_grid_cols_none = () -> "dui-grid-cols-none"; - /** Constant dui_col_auto */ + CssClass dui_col_auto = () -> "dui-col-auto"; - /** Constant dui_col_span_1 */ + CssClass dui_col_span_1 = () -> "dui-col-span-1"; - /** Constant dui_col_span_2 */ + CssClass dui_col_span_2 = () -> "dui-col-span-2"; - /** Constant dui_col_span_3 */ + CssClass dui_col_span_3 = () -> "dui-col-span-3"; - /** Constant dui_col_span_4 */ + CssClass dui_col_span_4 = () -> "dui-col-span-4"; - /** Constant dui_col_span_5 */ + CssClass dui_col_span_5 = () -> "dui-col-span-5"; - /** Constant dui_col_span_6 */ + CssClass dui_col_span_6 = () -> "dui-col-span-6"; - /** Constant dui_col_span_7 */ + CssClass dui_col_span_7 = () -> "dui-col-span-7"; - /** Constant dui_col_span_8 */ + CssClass dui_col_span_8 = () -> "dui-col-span-8"; - /** Constant dui_col_span_9 */ + CssClass dui_col_span_9 = () -> "dui-col-span-9"; - /** Constant dui_col_span_10 */ + CssClass dui_col_span_10 = () -> "dui-col-span-10"; - /** Constant dui_col_span_11 */ + CssClass dui_col_span_11 = () -> "dui-col-span-11"; - /** Constant dui_col_span_12 */ + CssClass dui_col_span_12 = () -> "dui-col-span-12"; - /** Constant dui_col_span_full */ + CssClass dui_col_span_full = () -> "dui-col-span-full"; - /** Constant dui_col_start_1 */ + CssClass dui_col_start_1 = () -> "dui-col-start-1"; - /** Constant dui_col_start_2 */ + CssClass dui_col_start_2 = () -> "dui-col-start-2"; - /** Constant dui_col_start_3 */ + CssClass dui_col_start_3 = () -> "dui-col-start-3"; - /** Constant dui_col_start_4 */ + CssClass dui_col_start_4 = () -> "dui-col-start-4"; - /** Constant dui_col_start_5 */ + CssClass dui_col_start_5 = () -> "dui-col-start-5"; - /** Constant dui_col_start_6 */ + CssClass dui_col_start_6 = () -> "dui-col-start-6"; - /** Constant dui_col_start_7 */ + CssClass dui_col_start_7 = () -> "dui-col-start-7"; - /** Constant dui_col_start_8 */ + CssClass dui_col_start_8 = () -> "dui-col-start-8"; - /** Constant dui_col_start_9 */ + CssClass dui_col_start_9 = () -> "dui-col-start-9"; - /** Constant dui_col_start_10 */ + CssClass dui_col_start_10 = () -> "dui-col-start-10"; - /** Constant dui_col_start_11 */ + CssClass dui_col_start_11 = () -> "dui-col-start-11"; - /** Constant dui_col_start_12 */ + CssClass dui_col_start_12 = () -> "dui-col-start-12"; - /** Constant dui_col_start_13 */ + CssClass dui_col_start_13 = () -> "dui-col-start-13"; - /** Constant dui_col_start_auto */ + CssClass dui_col_start_auto = () -> "dui-col-start-auto"; - /** Constant dui_col_end_1 */ + CssClass dui_col_end_1 = () -> "dui-col-end-1"; - /** Constant dui_col_end_2 */ + CssClass dui_col_end_2 = () -> "dui-col-end-2"; - /** Constant dui_col_end_3 */ + CssClass dui_col_end_3 = () -> "dui-col-end-3"; - /** Constant dui_col_end_4 */ + CssClass dui_col_end_4 = () -> "dui-col-end-4"; - /** Constant dui_col_end_5 */ + CssClass dui_col_end_5 = () -> "dui-col-end-5"; - /** Constant dui_col_end_6 */ + CssClass dui_col_end_6 = () -> "dui-col-end-6"; - /** Constant dui_col_end_7 */ + CssClass dui_col_end_7 = () -> "dui-col-end-7"; - /** Constant dui_col_end_8 */ + CssClass dui_col_end_8 = () -> "dui-col-end-8"; - /** Constant dui_col_end_9 */ + CssClass dui_col_end_9 = () -> "dui-col-end-9"; - /** Constant dui_col_end_10 */ + CssClass dui_col_end_10 = () -> "dui-col-end-10"; - /** Constant dui_col_end_11 */ + CssClass dui_col_end_11 = () -> "dui-col-end-11"; - /** Constant dui_col_end_12 */ + CssClass dui_col_end_12 = () -> "dui-col-end-12"; - /** Constant dui_col_end_13 */ + CssClass dui_col_end_13 = () -> "dui-col-end-13"; - /** Constant dui_col_end_auto */ + CssClass dui_col_end_auto = () -> "dui-col-end-auto"; - /** Constant dui_grid_rows_1 */ + CssClass dui_grid_rows_1 = () -> "dui-grid-rows-1"; - /** Constant dui_grid_rows_2 */ + CssClass dui_grid_rows_2 = () -> "dui-grid-rows-2"; - /** Constant dui_grid_rows_3 */ + CssClass dui_grid_rows_3 = () -> "dui-grid-rows-3"; - /** Constant dui_grid_rows_4 */ + CssClass dui_grid_rows_4 = () -> "dui-grid-rows-4"; - /** Constant dui_grid_rows_5 */ + CssClass dui_grid_rows_5 = () -> "dui-grid-rows-5"; - /** Constant dui_grid_rows_6 */ + CssClass dui_grid_rows_6 = () -> "dui-grid-rows-6"; - /** Constant dui_grid_rows_none */ + CssClass dui_grid_rows_none = () -> "dui-grid-rows-none"; - /** Constant dui_row_auto */ + CssClass dui_row_auto = () -> "dui-row-auto"; - /** Constant dui_row_span_1 */ + CssClass dui_row_span_1 = () -> "dui-row-span-1"; - /** Constant dui_row_span_2 */ + CssClass dui_row_span_2 = () -> "dui-row-span-2"; - /** Constant dui_row_span_3 */ + CssClass dui_row_span_3 = () -> "dui-row-span-3"; - /** Constant dui_row_span_4 */ + CssClass dui_row_span_4 = () -> "dui-row-span-4"; - /** Constant dui_row_span_5 */ + CssClass dui_row_span_5 = () -> "dui-row-span-5"; - /** Constant dui_row_span_6 */ + CssClass dui_row_span_6 = () -> "dui-row-span-6"; - /** Constant dui_row_span_full */ + CssClass dui_row_span_full = () -> "dui-row-span-full"; - /** Constant dui_row_start_1 */ + CssClass dui_row_start_1 = () -> "dui-row-start-1"; - /** Constant dui_row_start_2 */ + CssClass dui_row_start_2 = () -> "dui-row-start-2"; - /** Constant dui_row_start_3 */ + CssClass dui_row_start_3 = () -> "dui-row-start-3"; - /** Constant dui_row_start_4 */ + CssClass dui_row_start_4 = () -> "dui-row-start-4"; - /** Constant dui_row_start_5 */ + CssClass dui_row_start_5 = () -> "dui-row-start-5"; - /** Constant dui_row_start_6 */ + CssClass dui_row_start_6 = () -> "dui-row-start-6"; - /** Constant dui_row_start_7 */ + CssClass dui_row_start_7 = () -> "dui-row-start-7"; - /** Constant dui_row_start_auto */ + CssClass dui_row_start_auto = () -> "dui-row-start-auto"; - /** Constant dui_row_end_1 */ + CssClass dui_row_end_1 = () -> "dui-row-end-1"; - /** Constant dui_row_end_2 */ + CssClass dui_row_end_2 = () -> "dui-row-end-2"; - /** Constant dui_row_end_3 */ + CssClass dui_row_end_3 = () -> "dui-row-end-3"; - /** Constant dui_row_end_4 */ + CssClass dui_row_end_4 = () -> "dui-row-end-4"; - /** Constant dui_row_end_5 */ + CssClass dui_row_end_5 = () -> "dui-row-end-5"; - /** Constant dui_row_end_6 */ + CssClass dui_row_end_6 = () -> "dui-row-end-6"; - /** Constant dui_row_end_7 */ + CssClass dui_row_end_7 = () -> "dui-row-end-7"; - /** Constant dui_row_end_auto */ + CssClass dui_row_end_auto = () -> "dui-row-end-auto"; - /** Constant dui_grid_flow_row */ + CssClass dui_grid_flow_row = () -> "dui-grid-flow-row"; - /** Constant dui_grid_flow_col */ + CssClass dui_grid_flow_col = () -> "dui-grid-flow-col"; - /** Constant dui_grid_flow_row_dense */ + CssClass dui_grid_flow_row_dense = () -> "dui-grid-flow-row-dense"; - /** Constant dui_grid_flow_col_dense */ + CssClass dui_grid_flow_col_dense = () -> "dui-grid-flow-col-dense"; - /** Constant dui_auto_cols_auto */ + CssClass dui_auto_cols_auto = () -> "dui-auto-cols-auto"; - /** Constant dui_auto_cols_min */ + CssClass dui_auto_cols_min = () -> "dui-auto-cols-min"; - /** Constant dui_auto_cols_max */ + CssClass dui_auto_cols_max = () -> "dui-auto-cols-max"; - /** Constant dui_auto_cols_fr */ + CssClass dui_auto_cols_fr = () -> "dui-auto-cols-fr"; - /** Constant dui_auto_rows_auto */ + CssClass dui_auto_rows_auto = () -> "dui-auto-rows-auto"; - /** Constant dui_auto_rows_min */ + CssClass dui_auto_rows_min = () -> "dui-auto-rows-min"; - /** Constant dui_auto_rows_max */ + CssClass dui_auto_rows_max = () -> "dui-auto-rows-max"; - /** Constant dui_auto_rows_fr */ + CssClass dui_auto_rows_fr = () -> "dui-auto-rows-fr"; - /** Constant dui_justify_start */ + CssClass dui_justify_start = () -> "dui-justify-start"; - /** Constant dui_justify_end */ + CssClass dui_justify_end = () -> "dui-justify-end"; - /** Constant dui_justify_center */ + CssClass dui_justify_center = () -> "dui-justify-center"; - /** Constant dui_justify_between */ + CssClass dui_justify_between = () -> "dui-justify-between"; - /** Constant dui_justify_around */ + CssClass dui_justify_around = () -> "dui-justify-around"; - /** Constant dui_justify_evenly */ + CssClass dui_justify_evenly = () -> "dui-justify-evenly"; - /** Constant dui_justify_items_start */ + CssClass dui_justify_items_start = () -> "dui-justify-items-start"; - /** Constant dui_justify_items_end */ + CssClass dui_justify_items_end = () -> "dui-justify-items-end"; - /** Constant dui_justify_items_center */ + CssClass dui_justify_items_center = () -> "dui-justify-items-center"; - /** Constant dui_justify_items_stretch */ + CssClass dui_justify_items_stretch = () -> "dui-justify-items-stretch"; - /** Constant dui_justify_self_auto */ + CssClass dui_justify_self_auto = () -> "dui-justify-self-auto"; - /** Constant dui_justify_self_start */ + CssClass dui_justify_self_start = () -> "dui-justify-self-start"; - /** Constant dui_justify_self_end */ + CssClass dui_justify_self_end = () -> "dui-justify-self-end"; - /** Constant dui_justify_self_center */ + CssClass dui_justify_self_center = () -> "dui-justify-self-center"; - /** Constant dui_justify_self_stretch */ + CssClass dui_justify_self_stretch = () -> "dui-justify-self-stretch"; - /** Constant dui_content_center */ + CssClass dui_content_center = () -> "dui-content-center"; - /** Constant dui_content_start */ + CssClass dui_content_start = () -> "dui-content-start"; - /** Constant dui_content_end */ + CssClass dui_content_end = () -> "dui-content-end"; - /** Constant dui_content_between */ + CssClass dui_content_between = () -> "dui-content-between"; - /** Constant dui_content_around */ + CssClass dui_content_around = () -> "dui-content-around"; - /** Constant dui_content_evenly */ + CssClass dui_content_evenly = () -> "dui-content-evenly"; - /** Constant dui_items_start */ + CssClass dui_items_start = () -> "dui-items-start"; - /** Constant dui_items_end */ + CssClass dui_items_end = () -> "dui-items-end"; - /** Constant dui_items_center */ + CssClass dui_items_center = () -> "dui-items-center"; - /** Constant dui_items_baseline */ + CssClass dui_items_baseline = () -> "dui-items-baseline"; - /** Constant dui_items_stretch */ + CssClass dui_items_stretch = () -> "dui-items-stretch"; - /** Constant dui_self_auto */ + CssClass dui_self_auto = () -> "dui-self-auto"; - /** Constant dui_self_start */ + CssClass dui_self_start = () -> "dui-self-start"; - /** Constant dui_self_end */ + CssClass dui_self_end = () -> "dui-self-end"; - /** Constant dui_self_center */ + CssClass dui_self_center = () -> "dui-self-center"; - /** Constant dui_self_stretch */ + CssClass dui_self_stretch = () -> "dui-self-stretch"; - /** Constant dui_self_baseline */ + CssClass dui_self_baseline = () -> "dui-self-baseline"; - /** Constant dui_place_content_center */ + CssClass dui_place_content_center = () -> "dui-place-content-center"; - /** Constant dui_place_content_start */ + CssClass dui_place_content_start = () -> "dui-place-content-start"; - /** Constant dui_place_content_end */ + CssClass dui_place_content_end = () -> "dui-place-content-end"; - /** Constant dui_place_content_between */ + CssClass dui_place_content_between = () -> "dui-place-content-between"; - /** Constant dui_place_content_around */ + CssClass dui_place_content_around = () -> "dui-place-content-around"; - /** Constant dui_place_content_evenly */ + CssClass dui_place_content_evenly = () -> "dui-place-content-evenly"; - /** Constant dui_place_content_stretch */ + CssClass dui_place_content_stretch = () -> "dui-place-content-stretch"; - /** Constant dui_place_items_start */ + CssClass dui_place_items_start = () -> "dui-place-items-start"; - /** Constant dui_place_items_end */ + CssClass dui_place_items_end = () -> "dui-place-items-end"; - /** Constant dui_place_items_center */ + CssClass dui_place_items_center = () -> "dui-place-items-center"; - /** Constant dui_place_items_stretch */ + CssClass dui_place_items_stretch = () -> "dui-place-items-stretch"; - /** Constant dui_place_self_auto */ + CssClass dui_place_self_auto = () -> "dui-place-self-auto"; - /** Constant dui_place_self_start */ + CssClass dui_place_self_start = () -> "dui-place-self-start"; - /** Constant dui_place_self_end */ + CssClass dui_place_self_end = () -> "dui-place-self-end"; - /** Constant dui_place_self_center */ + CssClass dui_place_self_center = () -> "dui-place-self-center"; - /** Constant dui_place_self_stretch */ + CssClass dui_place_self_stretch = () -> "dui-place-self-stretch"; - /** Constant dui_w_screen */ + CssClass dui_w_screen = () -> "dui-w-screen"; - /** Constant dui_w_min */ + CssClass dui_w_min = () -> "dui-w-min"; - /** Constant dui_w_max */ + CssClass dui_w_max = () -> "dui-w-max"; - /** Constant dui_w_fit */ + CssClass dui_w_fit = () -> "dui-w-fit"; - /** Constant dui_min_w_min */ + CssClass dui_min_w_min = () -> "dui-min-w-min"; - /** Constant dui_min_w_max */ + CssClass dui_min_w_max = () -> "dui-min-w-max"; - /** Constant dui_min_w_fit */ + CssClass dui_min_w_fit = () -> "dui-min-w-fit"; - /** Constant dui_max_w_min */ + CssClass dui_max_w_min = () -> "dui-max-w-min"; - /** Constant dui_max_w_max */ + CssClass dui_max_w_max = () -> "dui-max-w-max"; - /** Constant dui_max_w_fit */ + CssClass dui_max_w_fit = () -> "dui-max-w-fit"; - /** Constant dui_h_screen */ + CssClass dui_h_screen = () -> "dui-h-screen"; - /** Constant dui_h_min */ + CssClass dui_h_min = () -> "dui-h-min"; - /** Constant dui_h_max */ + CssClass dui_h_max = () -> "dui-h-max"; - /** Constant dui_h_fit */ + CssClass dui_h_fit = () -> "dui-h-fit"; - /** Constant dui_min_h_screen */ + CssClass dui_min_h_screen = () -> "dui-min-h-screen"; - /** Constant dui_min_h_min */ + CssClass dui_min_h_min = () -> "dui-min-h-min"; - /** Constant dui_min_h_max */ + CssClass dui_min_h_max = () -> "dui-min-h-max"; - /** Constant dui_min_h_fit */ + CssClass dui_min_h_fit = () -> "dui-min-h-fit"; - /** Constant dui_max_h_screen */ + CssClass dui_max_h_screen = () -> "dui-max-h-screen"; - /** Constant dui_max_h_min */ + CssClass dui_max_h_min = () -> "dui-max-h-min"; - /** Constant dui_max_h_max */ + CssClass dui_max_h_max = () -> "dui-max-h-max"; - /** Constant dui_max_h_fit */ + CssClass dui_max_h_fit = () -> "dui-max-h-fit"; - /** Constant dui_font_sans */ + CssClass dui_font_sans = () -> "dui-font-sans"; - /** Constant dui_font_serif */ + CssClass dui_font_serif = () -> "dui-font-serif"; - /** Constant dui_font_mono */ + CssClass dui_font_mono = () -> "dui-font-mono"; - /** Constant dui_text_xs */ + CssClass dui_text_xs = () -> "dui-text-xs"; - /** Constant dui_text_sm */ + CssClass dui_text_sm = () -> "dui-text-sm"; - /** Constant dui_text_base */ + CssClass dui_text_base = () -> "dui-text-base"; - /** Constant dui_text_lg */ + CssClass dui_text_lg = () -> "dui-text-lg"; - /** Constant dui_text_xl */ + CssClass dui_text_xl = () -> "dui-text-xl"; - /** Constant dui_text_2xl */ + CssClass dui_text_2xl = () -> "dui-text-2xl"; - /** Constant dui_text_3xl */ + CssClass dui_text_3xl = () -> "dui-text-3xl"; - /** Constant dui_text_4xl */ + CssClass dui_text_4xl = () -> "dui-text-4xl"; - /** Constant dui_text_5xl */ + CssClass dui_text_5xl = () -> "dui-text-5xl"; - /** Constant dui_text_6xl */ + CssClass dui_text_6xl = () -> "dui-text-6xl"; - /** Constant dui_text_7xl */ + CssClass dui_text_7xl = () -> "dui-text-7xl"; - /** Constant dui_text_8xl */ + CssClass dui_text_8xl = () -> "dui-text-8xl"; - /** Constant dui_text_9xl */ + CssClass dui_text_9xl = () -> "dui-text-9xl"; - /** Constant dui_antialiased */ + CssClass dui_antialiased = () -> "dui-antialiased"; - /** Constant dui_subpixel_antialiased */ + CssClass dui_subpixel_antialiased = () -> "dui-subpixel-antialiased"; - /** Constant dui_italic */ + CssClass dui_italic = () -> "dui-italic"; - /** Constant dui_not_italic */ + CssClass dui_not_italic = () -> "dui-not-italic"; - /** Constant dui_font_thin */ + CssClass dui_font_thin = () -> "dui-font-thin"; - /** Constant dui_font_extralight */ + CssClass dui_font_extralight = () -> "dui-font-extralight"; - /** Constant dui_font_light */ + CssClass dui_font_light = () -> "dui-font-light"; - /** Constant dui_font_normal */ + CssClass dui_font_normal = () -> "dui-font-normal"; - /** Constant dui_font_medium */ + CssClass dui_font_medium = () -> "dui-font-medium"; - /** Constant dui_font_semibold */ + CssClass dui_font_semibold = () -> "dui-font-semibold"; - /** Constant dui_font_bold */ + CssClass dui_font_bold = () -> "dui-font-bold"; - /** Constant dui_font_extrabold */ + CssClass dui_font_extrabold = () -> "dui-font-extrabold"; - /** Constant dui_font_black */ + CssClass dui_font_black = () -> "dui-font-black"; - /** Constant dui_normal_nums */ + CssClass dui_normal_nums = () -> "dui-normal-nums"; - /** Constant dui_ordinal */ + CssClass dui_ordinal = () -> "dui-ordinal"; - /** Constant dui_slashed_zero */ + CssClass dui_slashed_zero = () -> "dui-slashed-zero"; - /** Constant dui_lining_nums */ + CssClass dui_lining_nums = () -> "dui-lining-nums"; - /** Constant dui_oldstyle_nums */ + CssClass dui_oldstyle_nums = () -> "dui-oldstyle-nums"; - /** Constant dui_proportional_nums */ + CssClass dui_proportional_nums = () -> "dui-proportional-nums"; - /** Constant dui_tabular_nums */ + CssClass dui_tabular_nums = () -> "dui-tabular-nums"; - /** Constant dui_diagonal_fractions */ + CssClass dui_diagonal_fractions = () -> "dui-diagonal-fractions"; - /** Constant dui_stacked_fractions */ + CssClass dui_stacked_fractions = () -> "dui-stacked-fractions"; - /** Constant dui_tracking_tighter */ + CssClass dui_tracking_tighter = () -> "dui-tracking-tighter"; - /** Constant dui_tracking_tight */ + CssClass dui_tracking_tight = () -> "dui-tracking-tight"; - /** Constant dui_tracking_normal */ + CssClass dui_tracking_normal = () -> "dui-tracking-normal"; - /** Constant dui_tracking_wide */ + CssClass dui_tracking_wide = () -> "dui-tracking-wide"; - /** Constant dui_tracking_wider */ + CssClass dui_tracking_wider = () -> "dui-tracking-wider"; - /** Constant dui_tracking_widest */ + CssClass dui_tracking_widest = () -> "dui-tracking-widest"; - /** Constant dui_leading_3 */ + CssClass dui_leading_3 = () -> "dui-leading-3"; - /** Constant dui_leading_4 */ + CssClass dui_leading_4 = () -> "dui-leading-4"; - /** Constant dui_leading_5 */ + CssClass dui_leading_5 = () -> "dui-leading-5"; - /** Constant dui_leading_6 */ + CssClass dui_leading_6 = () -> "dui-leading-6"; - /** Constant dui_leading_7 */ + CssClass dui_leading_7 = () -> "dui-leading-7"; - /** Constant dui_leading_8 */ + CssClass dui_leading_8 = () -> "dui-leading-8"; - /** Constant dui_leading_9 */ + CssClass dui_leading_9 = () -> "dui-leading-9"; - /** Constant dui_leading_10 */ + CssClass dui_leading_10 = () -> "dui-leading-10"; - /** Constant dui_leading_none */ + CssClass dui_leading_none = () -> "dui-leading-none"; - /** Constant dui_leading_tight */ + CssClass dui_leading_tight = () -> "dui-leading-tight"; - /** Constant dui_leading_snug */ + CssClass dui_leading_snug = () -> "dui-leading-snug"; - /** Constant dui_leading_normal */ + CssClass dui_leading_normal = () -> "dui-leading-normal"; - /** Constant dui_leading_relaxed */ + CssClass dui_leading_relaxed = () -> "dui-leading-relaxed"; - /** Constant dui_leading_loose */ + CssClass dui_leading_loose = () -> "dui-leading-loose"; - /** Constant dui_list_none */ + CssClass dui_list_none = () -> "dui-list-none"; - /** Constant dui_list_disc */ + CssClass dui_list_disc = () -> "dui-list-disc"; - /** Constant dui_list_decimal */ + CssClass dui_list_decimal = () -> "dui-list-decimal"; - /** Constant dui_list_inside */ + CssClass dui_list_inside = () -> "dui-list-inside"; - /** Constant dui_list_outside */ + CssClass dui_list_outside = () -> "dui-list-outside"; - /** Constant dui_text_left */ + CssClass dui_text_left = () -> "dui-text-left"; - /** Constant dui_text_center */ + CssClass dui_text_center = () -> "dui-text-center"; - /** Constant dui_text_right */ + CssClass dui_text_right = () -> "dui-text-right"; - /** Constant dui_text_justify */ + CssClass dui_text_justify = () -> "dui-text-justify"; - /** Constant dui_text_inherit */ + CssClass dui_text_inherit = () -> "dui-text-inherit"; - /** Constant dui_text_current */ + CssClass dui_text_current = () -> "dui-text-current"; - /** Constant dui_text_transparent */ + CssClass dui_text_transparent = () -> "dui-text-transparent"; - /** Constant dui_underline */ + CssClass dui_underline = () -> "dui-underline"; - /** Constant dui_overline */ + CssClass dui_overline = () -> "dui-overline"; - /** Constant dui_line_through */ + CssClass dui_line_through = () -> "dui-line-through"; - /** Constant dui_no_underline */ + CssClass dui_no_underline = () -> "dui-no-underline"; - /** Constant dui_decoration_inherit */ + CssClass dui_decoration_inherit = () -> "dui-decoration-inherit"; - /** Constant dui_decoration_current */ + CssClass dui_decoration_current = () -> "dui-decoration-current"; - /** Constant dui_decoration_transparent */ + CssClass dui_decoration_transparent = () -> "dui-decoration-transparent"; - /** Constant dui_decoration_solid */ + CssClass dui_decoration_solid = () -> "dui-decoration-solid"; - /** Constant dui_decoration_double */ + CssClass dui_decoration_double = () -> "dui-decoration-double"; - /** Constant dui_decoration_dotted */ + CssClass dui_decoration_dotted = () -> "dui-decoration-dotted"; - /** Constant dui_decoration_dashed */ + CssClass dui_decoration_dashed = () -> "dui-decoration-dashed"; - /** Constant dui_decoration_wavy */ + CssClass dui_decoration_wavy = () -> "dui-decoration-wavy"; - /** Constant dui_decoration_auto */ + CssClass dui_decoration_auto = () -> "dui-decoration-auto"; - /** Constant dui_decoration_from_font */ + CssClass dui_decoration_from_font = () -> "dui-decoration-from-font"; - /** Constant dui_decoration_0 */ + CssClass dui_decoration_0 = () -> "dui-decoration-0"; - /** Constant dui_decoration_1 */ + CssClass dui_decoration_1 = () -> "dui-decoration-1"; - /** Constant dui_decoration_2 */ + CssClass dui_decoration_2 = () -> "dui-decoration-2"; - /** Constant dui_decoration_4 */ + CssClass dui_decoration_4 = () -> "dui-decoration-4"; - /** Constant dui_decoration_8 */ + CssClass dui_decoration_8 = () -> "dui-decoration-8"; - /** Constant dui_underline_offset_auto */ + CssClass dui_underline_offset_auto = () -> "dui-underline-offset-auto"; - /** Constant dui_underline_offset_0 */ + CssClass dui_underline_offset_0 = () -> "dui-underline-offset-0"; - /** Constant dui_underline_offset_1 */ + CssClass dui_underline_offset_1 = () -> "dui-underline-offset-1"; - /** Constant dui_underline_offset_2 */ + CssClass dui_underline_offset_2 = () -> "dui-underline-offset-2"; - /** Constant dui_underline_offset_4 */ + CssClass dui_underline_offset_4 = () -> "dui-underline-offset-4"; - /** Constant dui_underline_offset_8 */ + CssClass dui_underline_offset_8 = () -> "dui-underline-offset-8"; - /** Constant dui_uppercase */ + CssClass dui_uppercase = () -> "dui-uppercase"; - /** Constant dui_lowercase */ + CssClass dui_lowercase = () -> "dui-lowercase"; - /** Constant dui_capitalize */ + CssClass dui_capitalize = () -> "dui-capitalize"; - /** Constant dui_normal_case */ + CssClass dui_normal_case = () -> "dui-normal-case"; - /** Constant dui_truncate */ + CssClass dui_truncate = () -> "dui-truncate"; - /** Constant dui_text_ellipsis */ + CssClass dui_text_ellipsis = () -> "dui-text-ellipsis"; - /** Constant dui_text_clip */ + CssClass dui_text_clip = () -> "dui-text-clip"; - /** Constant dui_align_baseline */ + CssClass dui_align_baseline = () -> "dui-align-baseline"; - /** Constant dui_align_top */ + CssClass dui_align_top = () -> "dui-align-top"; - /** Constant dui_align_middle */ + CssClass dui_align_middle = () -> "dui-align-middle"; - /** Constant dui_align_bottom */ + CssClass dui_align_bottom = () -> "dui-align-bottom"; - /** Constant dui_align_text_top */ + CssClass dui_align_text_top = () -> "dui-align-text-top"; - /** Constant dui_align_text_bottom */ + CssClass dui_align_text_bottom = () -> "dui-align-text-bottom"; - /** Constant dui_align_sub */ + CssClass dui_align_sub = () -> "dui-align-sub"; - /** Constant dui_align_super */ + CssClass dui_align_super = () -> "dui-align-super"; - /** Constant dui_whitespace_normal */ + CssClass dui_whitespace_normal = () -> "dui-whitespace-normal"; - /** Constant dui_whitespace_nowrap */ + CssClass dui_whitespace_nowrap = () -> "dui-whitespace-nowrap"; - /** Constant dui_whitespace_pre */ + CssClass dui_whitespace_pre = () -> "dui-whitespace-pre"; - /** Constant dui_whitespace_pre_line */ + CssClass dui_whitespace_pre_line = () -> "dui-whitespace-pre-line"; - /** Constant dui_whitespace_pre_wrap */ + CssClass dui_whitespace_pre_wrap = () -> "dui-whitespace-pre-wrap"; - /** Constant dui_break_normal */ + CssClass dui_break_normal = () -> "dui-break-normal"; - /** Constant dui_break_words */ + CssClass dui_break_words = () -> "dui-break-words"; - /** Constant dui_break_all */ + CssClass dui_break_all = () -> "dui-break-all"; - /** Constant dui_content_none */ + CssClass dui_content_none = () -> "dui-content-none"; - /** Constant dui_bg_fixed */ + CssClass dui_bg_fixed = () -> "dui-bg-fixed"; - /** Constant dui_bg_local */ + CssClass dui_bg_local = () -> "dui-bg-local"; - /** Constant dui_bg_scroll */ + CssClass dui_bg_scroll = () -> "dui-bg-scroll"; - /** Constant dui_bg_clip_border */ + CssClass dui_bg_clip_border = () -> "dui-bg-clip-border"; - /** Constant dui_bg_clip_padding */ + CssClass dui_bg_clip_padding = () -> "dui-bg-clip-padding"; - /** Constant dui_bg_clip_content */ + CssClass dui_bg_clip_content = () -> "dui-bg-clip-content"; - /** Constant dui_bg_clip_text */ + CssClass dui_bg_clip_text = () -> "dui-bg-clip-text"; - /** Constant dui_bg_origin_border */ + CssClass dui_bg_origin_border = () -> "dui-bg-origin-border"; - /** Constant dui_bg_origin_padding */ + CssClass dui_bg_origin_padding = () -> "dui-bg-origin-padding"; - /** Constant dui_bg_origin_content */ + CssClass dui_bg_origin_content = () -> "dui-bg-origin-content"; - /** Constant dui_bg_bottom */ + CssClass dui_bg_bottom = () -> "dui-bg-bottom"; - /** Constant dui_bg_center */ + CssClass dui_bg_center = () -> "dui-bg-center"; - /** Constant dui_bg_left */ + CssClass dui_bg_left = () -> "dui-bg-left"; - /** Constant dui_bg_left_bottom */ + CssClass dui_bg_left_bottom = () -> "dui-bg-left-bottom"; - /** Constant dui_bg_left_top */ + CssClass dui_bg_left_top = () -> "dui-bg-left-top"; - /** Constant dui_bg_right */ + CssClass dui_bg_right = () -> "dui-bg-right"; - /** Constant dui_bg_right_bottom */ + CssClass dui_bg_right_bottom = () -> "dui-bg-right-bottom"; - /** Constant dui_bg_right_top */ + CssClass dui_bg_right_top = () -> "dui-bg-right-top"; - /** Constant dui_bg_top */ + CssClass dui_bg_top = () -> "dui-bg-top"; - /** Constant dui_bg_repeat */ + CssClass dui_bg_repeat = () -> "dui-bg-repeat"; - /** Constant dui_bg_no_repeat */ + CssClass dui_bg_no_repeat = () -> "dui-bg-no-repeat"; - /** Constant dui_bg_repeat_x */ + CssClass dui_bg_repeat_x = () -> "dui-bg-repeat-x"; - /** Constant dui_bg_repeat_y */ + CssClass dui_bg_repeat_y = () -> "dui-bg-repeat-y"; - /** Constant dui_bg_repeat_round */ + CssClass dui_bg_repeat_round = () -> "dui-bg-repeat-round"; - /** Constant dui_bg_repeat_space */ + CssClass dui_bg_repeat_space = () -> "dui-bg-repeat-space"; - /** Constant dui_bg_auto */ + CssClass dui_bg_auto = () -> "dui-bg-auto"; - /** Constant dui_bg_cover */ + CssClass dui_bg_cover = () -> "dui-bg-cover"; - /** Constant dui_bg_contain */ + CssClass dui_bg_contain = () -> "dui-bg-contain"; - /** Constant dui_rounded_none */ + CssClass dui_rounded_none = () -> "dui-rounded-none"; - /** Constant dui_rounded_inherit */ CssClass dui_rounded_inherit = () -> "dui_rounded_inherit"; - /** Constant dui_rounded_t_inherit */ + CssClass dui_rounded_t_inherit = () -> "dui_rounded_t_inherit"; - /** Constant dui_rounded_b_inherit */ + CssClass dui_rounded_b_inherit = () -> "dui_rounded_b_inherit"; - /** Constant dui_rounded_l_inherit */ + CssClass dui_rounded_l_inherit = () -> "dui_rounded_l_inherit"; - /** Constant dui_rounded_r_inherit */ + CssClass dui_rounded_r_inherit = () -> "dui_rounded_r_inherit"; - /** Constant dui_rounded_tl_inherit */ + CssClass dui_rounded_tl_inherit = () -> "dui_rounded_tl_inherit"; - /** Constant dui_rounded_tr_inherit */ + CssClass dui_rounded_tr_inherit = () -> "dui_rounded_tr_inherit"; - /** Constant dui_rounded_br_inherit */ + CssClass dui_rounded_br_inherit = () -> "dui_rounded_br_inherit"; - /** Constant dui_rounded_bl_inherit */ + CssClass dui_rounded_bl_inherit = () -> "dui_rounded_bl_inherit"; - /** Constant dui_rounded_sm */ CssClass dui_rounded_sm = () -> "dui-rounded-sm"; - /** Constant dui_rounded */ + CssClass dui_rounded = () -> "dui-rounded"; - /** Constant dui_rounded_md */ + CssClass dui_rounded_md = () -> "dui-rounded-md"; - /** Constant dui_rounded_lg */ + CssClass dui_rounded_lg = () -> "dui-rounded-lg"; - /** Constant dui_rounded_xl */ + CssClass dui_rounded_xl = () -> "dui-rounded-xl"; - /** Constant dui_rounded_2xl */ + CssClass dui_rounded_2xl = () -> "dui-rounded-2xl"; - /** Constant dui_rounded_3xl */ + CssClass dui_rounded_3xl = () -> "dui-rounded-3xl"; - /** Constant dui_rounded_full */ + CssClass dui_rounded_full = () -> "dui-rounded-full"; - /** Constant dui_rounded_circle */ + CssClass dui_rounded_circle = () -> "dui-rounded-circle"; - /** Constant dui_rounded_t_none */ + CssClass dui_rounded_t_none = () -> "dui-rounded-t-none"; - /** Constant dui_rounded_t_sm */ + CssClass dui_rounded_t_sm = () -> "dui-rounded-t-sm"; - /** Constant dui_rounded_t */ + CssClass dui_rounded_t = () -> "dui-rounded-t"; - /** Constant dui_rounded_t_md */ + CssClass dui_rounded_t_md = () -> "dui-rounded-t-md"; - /** Constant dui_rounded_t_lg */ + CssClass dui_rounded_t_lg = () -> "dui-rounded-t-lg"; - /** Constant dui_rounded_t_xl */ + CssClass dui_rounded_t_xl = () -> "dui-rounded-t-xl"; - /** Constant dui_rounded_t_2xl */ + CssClass dui_rounded_t_2xl = () -> "dui-rounded-t-2xl"; - /** Constant dui_rounded_t_3xl */ + CssClass dui_rounded_t_3xl = () -> "dui-rounded-t-3xl"; - /** Constant dui_rounded_t_full */ + CssClass dui_rounded_t_full = () -> "dui-rounded-t-full"; - /** Constant dui_rounded_r_none */ + CssClass dui_rounded_r_none = () -> "dui-rounded-r-none"; - /** Constant dui_rounded_r_sm */ + CssClass dui_rounded_r_sm = () -> "dui-rounded-r-sm"; - /** Constant dui_rounded_r */ + CssClass dui_rounded_r = () -> "dui-rounded-r"; - /** Constant dui_rounded_r_md */ + CssClass dui_rounded_r_md = () -> "dui-rounded-r-md"; - /** Constant dui_rounded_r_lg */ + CssClass dui_rounded_r_lg = () -> "dui-rounded-r-lg"; - /** Constant dui_rounded_r_xl */ + CssClass dui_rounded_r_xl = () -> "dui-rounded-r-xl"; - /** Constant dui_rounded_r_2xl */ + CssClass dui_rounded_r_2xl = () -> "dui-rounded-r-2xl"; - /** Constant dui_rounded_r_3xl */ + CssClass dui_rounded_r_3xl = () -> "dui-rounded-r-3xl"; - /** Constant dui_rounded_r_full */ + CssClass dui_rounded_r_full = () -> "dui-rounded-r-full"; - /** Constant dui_rounded_b_none */ + CssClass dui_rounded_b_none = () -> "dui-rounded-b-none"; - /** Constant dui_rounded_b_sm */ + CssClass dui_rounded_b_sm = () -> "dui-rounded-b-sm"; - /** Constant dui_rounded_b */ + CssClass dui_rounded_b = () -> "dui-rounded-b"; - /** Constant dui_rounded_b_md */ + CssClass dui_rounded_b_md = () -> "dui-rounded-b-md"; - /** Constant dui_rounded_b_lg */ + CssClass dui_rounded_b_lg = () -> "dui-rounded-b-lg"; - /** Constant dui_rounded_b_xl */ + CssClass dui_rounded_b_xl = () -> "dui-rounded-b-xl"; - /** Constant dui_rounded_b_2xl */ + CssClass dui_rounded_b_2xl = () -> "dui-rounded-b-2xl"; - /** Constant dui_rounded_b_3xl */ + CssClass dui_rounded_b_3xl = () -> "dui-rounded-b-3xl"; - /** Constant dui_rounded_b_full */ + CssClass dui_rounded_b_full = () -> "dui-rounded-b-full"; - /** Constant dui_rounded_l_none */ + CssClass dui_rounded_l_none = () -> "dui-rounded-l-none"; - /** Constant dui_rounded_l_sm */ + CssClass dui_rounded_l_sm = () -> "dui-rounded-l-sm"; - /** Constant dui_rounded_l */ + CssClass dui_rounded_l = () -> "dui-rounded-l"; - /** Constant dui_rounded_l_md */ + CssClass dui_rounded_l_md = () -> "dui-rounded-l-md"; - /** Constant dui_rounded_l_lg */ + CssClass dui_rounded_l_lg = () -> "dui-rounded-l-lg"; - /** Constant dui_rounded_l_xl */ + CssClass dui_rounded_l_xl = () -> "dui-rounded-l-xl"; - /** Constant dui_rounded_l_2xl */ + CssClass dui_rounded_l_2xl = () -> "dui-rounded-l-2xl"; - /** Constant dui_rounded_l_3xl */ + CssClass dui_rounded_l_3xl = () -> "dui-rounded-l-3xl"; - /** Constant dui_rounded_l_full */ + CssClass dui_rounded_l_full = () -> "dui-rounded-l-full"; - /** Constant dui_rounded_tl_none */ + CssClass dui_rounded_tl_none = () -> "dui-rounded-tl-none"; - /** Constant dui_rounded_tl_sm */ + CssClass dui_rounded_tl_sm = () -> "dui-rounded-tl-sm"; - /** Constant dui_rounded_tl */ + CssClass dui_rounded_tl = () -> "dui-rounded-tl"; - /** Constant dui_rounded_tl_md */ + CssClass dui_rounded_tl_md = () -> "dui-rounded-tl-md"; - /** Constant dui_rounded_tl_lg */ + CssClass dui_rounded_tl_lg = () -> "dui-rounded-tl-lg"; - /** Constant dui_rounded_tl_xl */ + CssClass dui_rounded_tl_xl = () -> "dui-rounded-tl-xl"; - /** Constant dui_rounded_tl_2xl */ + CssClass dui_rounded_tl_2xl = () -> "dui-rounded-tl-2xl"; - /** Constant dui_rounded_tl_3xl */ + CssClass dui_rounded_tl_3xl = () -> "dui-rounded-tl-3xl"; - /** Constant dui_rounded_tl_full */ + CssClass dui_rounded_tl_full = () -> "dui-rounded-tl-full"; - /** Constant dui_rounded_tr_none */ + CssClass dui_rounded_tr_none = () -> "dui-rounded-tr-none"; - /** Constant dui_rounded_tr_sm */ + CssClass dui_rounded_tr_sm = () -> "dui-rounded-tr-sm"; - /** Constant dui_rounded_tr */ + CssClass dui_rounded_tr = () -> "dui-rounded-tr"; - /** Constant dui_rounded_tr_md */ + CssClass dui_rounded_tr_md = () -> "dui-rounded-tr-md"; - /** Constant dui_rounded_tr_lg */ + CssClass dui_rounded_tr_lg = () -> "dui-rounded-tr-lg"; - /** Constant dui_rounded_tr_xl */ + CssClass dui_rounded_tr_xl = () -> "dui-rounded-tr-xl"; - /** Constant dui_rounded_tr_2xl */ + CssClass dui_rounded_tr_2xl = () -> "dui-rounded-tr-2xl"; - /** Constant dui_rounded_tr_3xl */ + CssClass dui_rounded_tr_3xl = () -> "dui-rounded-tr-3xl"; - /** Constant dui_rounded_tr_full */ + CssClass dui_rounded_tr_full = () -> "dui-rounded-tr-full"; - /** Constant dui_rounded_br_none */ + CssClass dui_rounded_br_none = () -> "dui-rounded-br-none"; - /** Constant dui_rounded_br_sm */ + CssClass dui_rounded_br_sm = () -> "dui-rounded-br-sm"; - /** Constant dui_rounded_br */ + CssClass dui_rounded_br = () -> "dui-rounded-br"; - /** Constant dui_rounded_br_md */ + CssClass dui_rounded_br_md = () -> "dui-rounded-br-md"; - /** Constant dui_rounded_br_lg */ + CssClass dui_rounded_br_lg = () -> "dui-rounded-br-lg"; - /** Constant dui_rounded_br_xl */ + CssClass dui_rounded_br_xl = () -> "dui-rounded-br-xl"; - /** Constant dui_rounded_br_2xl */ + CssClass dui_rounded_br_2xl = () -> "dui-rounded-br-2xl"; - /** Constant dui_rounded_br_3xl */ + CssClass dui_rounded_br_3xl = () -> "dui-rounded-br-3xl"; - /** Constant dui_rounded_br_full */ + CssClass dui_rounded_br_full = () -> "dui-rounded-br-full"; - /** Constant dui_rounded_bl_none */ + CssClass dui_rounded_bl_none = () -> "dui-rounded-bl-none"; - /** Constant dui_rounded_bl_sm */ + CssClass dui_rounded_bl_sm = () -> "dui-rounded-bl-sm"; - /** Constant dui_rounded_bl */ + CssClass dui_rounded_bl = () -> "dui-rounded-bl"; - /** Constant dui_rounded_bl_md */ + CssClass dui_rounded_bl_md = () -> "dui-rounded-bl-md"; - /** Constant dui_rounded_bl_lg */ + CssClass dui_rounded_bl_lg = () -> "dui-rounded-bl-lg"; - /** Constant dui_rounded_bl_xl */ + CssClass dui_rounded_bl_xl = () -> "dui-rounded-bl-xl"; - /** Constant dui_rounded_bl_2xl */ + CssClass dui_rounded_bl_2xl = () -> "dui-rounded-bl-2xl"; - /** Constant dui_rounded_bl_3xl */ + CssClass dui_rounded_bl_3xl = () -> "dui-rounded-bl-3xl"; - /** Constant dui_rounded_bl_full */ + CssClass dui_rounded_bl_full = () -> "dui-rounded-bl-full"; - /** Constant dui_border_0 */ + CssClass dui_border_0 = () -> "dui-border-0"; - /** Constant dui_border */ + CssClass dui_border = () -> "dui-border"; - /** Constant dui_border_2px */ + CssClass dui_border_2px = () -> "dui-border-2px"; - /** Constant dui_border_4px */ + CssClass dui_border_4px = () -> "dui-border-4px"; - /** Constant dui_border_8px */ + CssClass dui_border_8px = () -> "dui-border-8px"; - /** Constant dui_border_9999px */ + CssClass dui_border_9999px = () -> "dui-border-9999px"; - /** Constant dui_border_0_5 */ + CssClass dui_border_0_5 = () -> "dui-border-0_5"; - /** Constant dui_border_1 */ + CssClass dui_border_1 = () -> "dui-border-1"; - /** Constant dui_border_1_5 */ + CssClass dui_border_1_5 = () -> "dui-border-1_5"; - /** Constant dui_border_2 */ + CssClass dui_border_2 = () -> "dui-border-2"; - /** Constant dui_border_2_5 */ + CssClass dui_border_2_5 = () -> "dui-border-2_5"; - /** Constant dui_border_3 */ + CssClass dui_border_3 = () -> "dui-border-3"; - /** Constant dui_border_3_5 */ + CssClass dui_border_3_5 = () -> "dui-border-3_5"; - /** Constant dui_border_4 */ + CssClass dui_border_4 = () -> "dui-border-4"; - /** Constant dui_border_5 */ + CssClass dui_border_5 = () -> "dui-border-5"; - /** Constant dui_border_6 */ + CssClass dui_border_6 = () -> "dui-border-6"; - /** Constant dui_border_7 */ + CssClass dui_border_7 = () -> "dui-border-7"; - /** Constant dui_border_8 */ + CssClass dui_border_8 = () -> "dui-border-8"; - /** Constant dui_border_9 */ + CssClass dui_border_9 = () -> "dui-border-9"; - /** Constant dui_border_10 */ + CssClass dui_border_10 = () -> "dui-border-10"; - /** Constant dui_border_11 */ + CssClass dui_border_11 = () -> "dui-border-11"; - /** Constant dui_border_12 */ + CssClass dui_border_12 = () -> "dui-border-12"; - /** Constant dui_border_14 */ + CssClass dui_border_14 = () -> "dui-border-14"; - /** Constant dui_border_16 */ + CssClass dui_border_16 = () -> "dui-border-16"; - /** Constant dui_border_20 */ + CssClass dui_border_20 = () -> "dui-border-20"; - /** Constant dui_border_24 */ + CssClass dui_border_24 = () -> "dui-border-24"; - /** Constant dui_border_28 */ + CssClass dui_border_28 = () -> "dui-border-28"; - /** Constant dui_border_32 */ + CssClass dui_border_32 = () -> "dui-border-32"; - /** Constant dui_border_36 */ + CssClass dui_border_36 = () -> "dui-border-36"; - /** Constant dui_border_40 */ + CssClass dui_border_40 = () -> "dui-border-40"; - /** Constant dui_border_44 */ + CssClass dui_border_44 = () -> "dui-border-44"; - /** Constant dui_border_48 */ + CssClass dui_border_48 = () -> "dui-border-48"; - /** Constant dui_border_52 */ + CssClass dui_border_52 = () -> "dui-border-52"; - /** Constant dui_border_56 */ + CssClass dui_border_56 = () -> "dui-border-56"; - /** Constant dui_border_60 */ + CssClass dui_border_60 = () -> "dui-border-60"; - /** Constant dui_border_64 */ + CssClass dui_border_64 = () -> "dui-border-64"; - /** Constant dui_border_72 */ + CssClass dui_border_72 = () -> "dui-border-72"; - /** Constant dui_border_80 */ + CssClass dui_border_80 = () -> "dui-border-80"; - /** Constant dui_border_96 */ + CssClass dui_border_96 = () -> "dui-border-96"; - /** Constant dui_border_x_0 */ + CssClass dui_border_x_0 = () -> "dui-border-x-0"; - /** Constant dui_border_x */ + CssClass dui_border_x = () -> "dui-border-x"; - /** Constant dui_border_x_2px */ + CssClass dui_border_x_2px = () -> "dui-border-x-2px"; - /** Constant dui_border_x_4px */ + CssClass dui_border_x_4px = () -> "dui-border-x-4px"; - /** Constant dui_border_x_8px */ + CssClass dui_border_x_8px = () -> "dui-border-x-8px"; - /** Constant dui_border_x_9999px */ + CssClass dui_border_x_9999px = () -> "dui-border-x-9999px"; - /** Constant dui_border_x_0_5 */ + CssClass dui_border_x_0_5 = () -> "dui-border-x-0_5"; - /** Constant dui_border_x_1 */ + CssClass dui_border_x_1 = () -> "dui-border-x-1"; - /** Constant dui_border_x_1_5 */ + CssClass dui_border_x_1_5 = () -> "dui-border-x-1_5"; - /** Constant dui_border_x_2 */ + CssClass dui_border_x_2 = () -> "dui-border-x-2"; - /** Constant dui_border_x_2_5 */ + CssClass dui_border_x_2_5 = () -> "dui-border-x-2_5"; - /** Constant dui_border_x_3 */ + CssClass dui_border_x_3 = () -> "dui-border-x-3"; - /** Constant dui_border_x_3_5 */ + CssClass dui_border_x_3_5 = () -> "dui-border-x-3_5"; - /** Constant dui_border_x_4 */ + CssClass dui_border_x_4 = () -> "dui-border-x-4"; - /** Constant dui_border_x_5 */ + CssClass dui_border_x_5 = () -> "dui-border-x-5"; - /** Constant dui_border_x_6 */ + CssClass dui_border_x_6 = () -> "dui-border-x-6"; - /** Constant dui_border_x_7 */ + CssClass dui_border_x_7 = () -> "dui-border-x-7"; - /** Constant dui_border_x_8 */ + CssClass dui_border_x_8 = () -> "dui-border-x-8"; - /** Constant dui_border_x_9 */ + CssClass dui_border_x_9 = () -> "dui-border-x-9"; - /** Constant dui_border_x_10 */ + CssClass dui_border_x_10 = () -> "dui-border-x-10"; - /** Constant dui_border_x_11 */ + CssClass dui_border_x_11 = () -> "dui-border-x-11"; - /** Constant dui_border_x_12 */ + CssClass dui_border_x_12 = () -> "dui-border-x-12"; - /** Constant dui_border_x_14 */ + CssClass dui_border_x_14 = () -> "dui-border-x-14"; - /** Constant dui_border_x_16 */ + CssClass dui_border_x_16 = () -> "dui-border-x-16"; - /** Constant dui_border_x_20 */ + CssClass dui_border_x_20 = () -> "dui-border-x-20"; - /** Constant dui_border_x_24 */ + CssClass dui_border_x_24 = () -> "dui-border-x-24"; - /** Constant dui_border_x_28 */ + CssClass dui_border_x_28 = () -> "dui-border-x-28"; - /** Constant dui_border_x_32 */ + CssClass dui_border_x_32 = () -> "dui-border-x-32"; - /** Constant dui_border_x_36 */ + CssClass dui_border_x_36 = () -> "dui-border-x-36"; - /** Constant dui_border_x_40 */ + CssClass dui_border_x_40 = () -> "dui-border-x-40"; - /** Constant dui_border_x_44 */ + CssClass dui_border_x_44 = () -> "dui-border-x-44"; - /** Constant dui_border_x_48 */ + CssClass dui_border_x_48 = () -> "dui-border-x-48"; - /** Constant dui_border_x_52 */ + CssClass dui_border_x_52 = () -> "dui-border-x-52"; - /** Constant dui_border_x_56 */ + CssClass dui_border_x_56 = () -> "dui-border-x-56"; - /** Constant dui_border_x_60 */ + CssClass dui_border_x_60 = () -> "dui-border-x-60"; - /** Constant dui_border_x_64 */ + CssClass dui_border_x_64 = () -> "dui-border-x-64"; - /** Constant dui_border_x_72 */ + CssClass dui_border_x_72 = () -> "dui-border-x-72"; - /** Constant dui_border_x_80 */ + CssClass dui_border_x_80 = () -> "dui-border-x-80"; - /** Constant dui_border_x_96 */ + CssClass dui_border_x_96 = () -> "dui-border-x-96"; - /** Constant dui_border_y_0 */ + CssClass dui_border_y_0 = () -> "dui-border-y-0"; - /** Constant dui_border_y */ + CssClass dui_border_y = () -> "dui-border-y"; - /** Constant dui_border_y_2px */ + CssClass dui_border_y_2px = () -> "dui-border-y-2px"; - /** Constant dui_border_y_4px */ + CssClass dui_border_y_4px = () -> "dui-border-y-4px"; - /** Constant dui_border_y_8px */ + CssClass dui_border_y_8px = () -> "dui-border-y-8px"; - /** Constant dui_border_y_9999px */ + CssClass dui_border_y_9999px = () -> "dui-border-y-9999px"; - /** Constant dui_border_y_0_5 */ + CssClass dui_border_y_0_5 = () -> "dui-border-y-0_5"; - /** Constant dui_border_y_1 */ + CssClass dui_border_y_1 = () -> "dui-border-y-1"; - /** Constant dui_border_y_1_5 */ + CssClass dui_border_y_1_5 = () -> "dui-border-y-1_5"; - /** Constant dui_border_y_2 */ + CssClass dui_border_y_2 = () -> "dui-border-y-2"; - /** Constant dui_border_y_2_5 */ + CssClass dui_border_y_2_5 = () -> "dui-border-y-2_5"; - /** Constant dui_border_y_3 */ + CssClass dui_border_y_3 = () -> "dui-border-y-3"; - /** Constant dui_border_y_3_5 */ + CssClass dui_border_y_3_5 = () -> "dui-border-y-3_5"; - /** Constant dui_border_y_4 */ + CssClass dui_border_y_4 = () -> "dui-border-y-4"; - /** Constant dui_border_y_5 */ + CssClass dui_border_y_5 = () -> "dui-border-y-5"; - /** Constant dui_border_y_6 */ + CssClass dui_border_y_6 = () -> "dui-border-y-6"; - /** Constant dui_border_y_7 */ + CssClass dui_border_y_7 = () -> "dui-border-y-7"; - /** Constant dui_border_y_8 */ + CssClass dui_border_y_8 = () -> "dui-border-y-8"; - /** Constant dui_border_y_9 */ + CssClass dui_border_y_9 = () -> "dui-border-y-9"; - /** Constant dui_border_y_10 */ + CssClass dui_border_y_10 = () -> "dui-border-y-10"; - /** Constant dui_border_y_11 */ + CssClass dui_border_y_11 = () -> "dui-border-y-11"; - /** Constant dui_border_y_12 */ + CssClass dui_border_y_12 = () -> "dui-border-y-12"; - /** Constant dui_border_y_14 */ + CssClass dui_border_y_14 = () -> "dui-border-y-14"; - /** Constant dui_border_y_16 */ + CssClass dui_border_y_16 = () -> "dui-border-y-16"; - /** Constant dui_border_y_20 */ + CssClass dui_border_y_20 = () -> "dui-border-y-20"; - /** Constant dui_border_y_24 */ + CssClass dui_border_y_24 = () -> "dui-border-y-24"; - /** Constant dui_border_y_28 */ + CssClass dui_border_y_28 = () -> "dui-border-y-28"; - /** Constant dui_border_y_32 */ + CssClass dui_border_y_32 = () -> "dui-border-y-32"; - /** Constant dui_border_y_36 */ + CssClass dui_border_y_36 = () -> "dui-border-y-36"; - /** Constant dui_border_y_40 */ + CssClass dui_border_y_40 = () -> "dui-border-y-40"; - /** Constant dui_border_y_44 */ + CssClass dui_border_y_44 = () -> "dui-border-y-44"; - /** Constant dui_border_y_48 */ + CssClass dui_border_y_48 = () -> "dui-border-y-48"; - /** Constant dui_border_y_52 */ + CssClass dui_border_y_52 = () -> "dui-border-y-52"; - /** Constant dui_border_y_56 */ + CssClass dui_border_y_56 = () -> "dui-border-y-56"; - /** Constant dui_border_y_60 */ + CssClass dui_border_y_60 = () -> "dui-border-y-60"; - /** Constant dui_border_y_64 */ + CssClass dui_border_y_64 = () -> "dui-border-y-64"; - /** Constant dui_border_y_72 */ + CssClass dui_border_y_72 = () -> "dui-border-y-72"; - /** Constant dui_border_y_80 */ + CssClass dui_border_y_80 = () -> "dui-border-y-80"; - /** Constant dui_border_y_96 */ + CssClass dui_border_y_96 = () -> "dui-border-y-96"; - /** Constant dui_border_t_0 */ + CssClass dui_border_t_0 = () -> "dui-border-t-0"; - /** Constant dui_border_t */ + CssClass dui_border_t = () -> "dui-border-t"; - /** Constant dui_border_t_2px */ + CssClass dui_border_t_2px = () -> "dui-border-t-2px"; - /** Constant dui_border_t_4px */ + CssClass dui_border_t_4px = () -> "dui-border-t-4px"; - /** Constant dui_border_t_8px */ + CssClass dui_border_t_8px = () -> "dui-border-t-8px"; - /** Constant dui_border_t_9999px */ + CssClass dui_border_t_9999px = () -> "dui-border-t-9999px"; - /** Constant dui_border_t_0_5 */ + CssClass dui_border_t_0_5 = () -> "dui-border-t-0_5"; - /** Constant dui_border_t_1 */ + CssClass dui_border_t_1 = () -> "dui-border-t-1"; - /** Constant dui_border_t_1_5 */ + CssClass dui_border_t_1_5 = () -> "dui-border-t-1_5"; - /** Constant dui_border_t_2 */ + CssClass dui_border_t_2 = () -> "dui-border-t-2"; - /** Constant dui_border_t_2_5 */ + CssClass dui_border_t_2_5 = () -> "dui-border-t-2_5"; - /** Constant dui_border_t_3 */ + CssClass dui_border_t_3 = () -> "dui-border-t-3"; - /** Constant dui_border_t_3_5 */ + CssClass dui_border_t_3_5 = () -> "dui-border-t-3_5"; - /** Constant dui_border_t_4 */ + CssClass dui_border_t_4 = () -> "dui-border-t-4"; - /** Constant dui_border_t_5 */ + CssClass dui_border_t_5 = () -> "dui-border-t-5"; - /** Constant dui_border_t_6 */ + CssClass dui_border_t_6 = () -> "dui-border-t-6"; - /** Constant dui_border_t_7 */ + CssClass dui_border_t_7 = () -> "dui-border-t-7"; - /** Constant dui_border_t_8 */ + CssClass dui_border_t_8 = () -> "dui-border-t-8"; - /** Constant dui_border_t_9 */ + CssClass dui_border_t_9 = () -> "dui-border-t-9"; - /** Constant dui_border_t_10 */ + CssClass dui_border_t_10 = () -> "dui-border-t-10"; - /** Constant dui_border_t_11 */ + CssClass dui_border_t_11 = () -> "dui-border-t-11"; - /** Constant dui_border_t_12 */ + CssClass dui_border_t_12 = () -> "dui-border-t-12"; - /** Constant dui_border_t_14 */ + CssClass dui_border_t_14 = () -> "dui-border-t-14"; - /** Constant dui_border_t_16 */ + CssClass dui_border_t_16 = () -> "dui-border-t-16"; - /** Constant dui_border_t_20 */ + CssClass dui_border_t_20 = () -> "dui-border-t-20"; - /** Constant dui_border_t_24 */ + CssClass dui_border_t_24 = () -> "dui-border-t-24"; - /** Constant dui_border_t_28 */ + CssClass dui_border_t_28 = () -> "dui-border-t-28"; - /** Constant dui_border_t_32 */ + CssClass dui_border_t_32 = () -> "dui-border-t-32"; - /** Constant dui_border_t_36 */ + CssClass dui_border_t_36 = () -> "dui-border-t-36"; - /** Constant dui_border_t_40 */ + CssClass dui_border_t_40 = () -> "dui-border-t-40"; - /** Constant dui_border_t_44 */ + CssClass dui_border_t_44 = () -> "dui-border-t-44"; - /** Constant dui_border_t_48 */ + CssClass dui_border_t_48 = () -> "dui-border-t-48"; - /** Constant dui_border_t_52 */ + CssClass dui_border_t_52 = () -> "dui-border-t-52"; - /** Constant dui_border_t_56 */ + CssClass dui_border_t_56 = () -> "dui-border-t-56"; - /** Constant dui_border_t_60 */ + CssClass dui_border_t_60 = () -> "dui-border-t-60"; - /** Constant dui_border_t_64 */ + CssClass dui_border_t_64 = () -> "dui-border-t-64"; - /** Constant dui_border_t_72 */ + CssClass dui_border_t_72 = () -> "dui-border-t-72"; - /** Constant dui_border_t_80 */ + CssClass dui_border_t_80 = () -> "dui-border-t-80"; - /** Constant dui_border_t_96 */ + CssClass dui_border_t_96 = () -> "dui-border-t-96"; - /** Constant dui_border_r_0 */ + CssClass dui_border_r_0 = () -> "dui-border-r-0"; - /** Constant dui_border_r */ + CssClass dui_border_r = () -> "dui-border-r"; - /** Constant dui_border_r_2px */ + CssClass dui_border_r_2px = () -> "dui-border-r-2px"; - /** Constant dui_border_r_4px */ + CssClass dui_border_r_4px = () -> "dui-border-r-4px"; - /** Constant dui_border_r_8px */ + CssClass dui_border_r_8px = () -> "dui-border-r-8px"; - /** Constant dui_border_r_9999px */ + CssClass dui_border_r_9999px = () -> "dui-border-r-9999px"; - /** Constant dui_border_r_0_5 */ + CssClass dui_border_r_0_5 = () -> "dui-border-r-0_5"; - /** Constant dui_border_r_1 */ + CssClass dui_border_r_1 = () -> "dui-border-r-1"; - /** Constant dui_border_r_1_5 */ + CssClass dui_border_r_1_5 = () -> "dui-border-r-1_5"; - /** Constant dui_border_r_2 */ + CssClass dui_border_r_2 = () -> "dui-border-r-2"; - /** Constant dui_border_r_2_5 */ + CssClass dui_border_r_2_5 = () -> "dui-border-r-2_5"; - /** Constant dui_border_r_3 */ + CssClass dui_border_r_3 = () -> "dui-border-r-3"; - /** Constant dui_border_r_3_5 */ + CssClass dui_border_r_3_5 = () -> "dui-border-r-3_5"; - /** Constant dui_border_r_4 */ + CssClass dui_border_r_4 = () -> "dui-border-r-4"; - /** Constant dui_border_r_5 */ + CssClass dui_border_r_5 = () -> "dui-border-r-5"; - /** Constant dui_border_r_6 */ + CssClass dui_border_r_6 = () -> "dui-border-r-6"; - /** Constant dui_border_r_7 */ + CssClass dui_border_r_7 = () -> "dui-border-r-7"; - /** Constant dui_border_r_8 */ + CssClass dui_border_r_8 = () -> "dui-border-r-8"; - /** Constant dui_border_r_9 */ + CssClass dui_border_r_9 = () -> "dui-border-r-9"; - /** Constant dui_border_r_10 */ + CssClass dui_border_r_10 = () -> "dui-border-r-10"; - /** Constant dui_border_r_11 */ + CssClass dui_border_r_11 = () -> "dui-border-r-11"; - /** Constant dui_border_r_12 */ + CssClass dui_border_r_12 = () -> "dui-border-r-12"; - /** Constant dui_border_r_14 */ + CssClass dui_border_r_14 = () -> "dui-border-r-14"; - /** Constant dui_border_r_16 */ + CssClass dui_border_r_16 = () -> "dui-border-r-16"; - /** Constant dui_border_r_20 */ + CssClass dui_border_r_20 = () -> "dui-border-r-20"; - /** Constant dui_border_r_24 */ + CssClass dui_border_r_24 = () -> "dui-border-r-24"; - /** Constant dui_border_r_28 */ + CssClass dui_border_r_28 = () -> "dui-border-r-28"; - /** Constant dui_border_r_32 */ + CssClass dui_border_r_32 = () -> "dui-border-r-32"; - /** Constant dui_border_r_36 */ + CssClass dui_border_r_36 = () -> "dui-border-r-36"; - /** Constant dui_border_r_40 */ + CssClass dui_border_r_40 = () -> "dui-border-r-40"; - /** Constant dui_border_r_44 */ + CssClass dui_border_r_44 = () -> "dui-border-r-44"; - /** Constant dui_border_r_48 */ + CssClass dui_border_r_48 = () -> "dui-border-r-48"; - /** Constant dui_border_r_52 */ + CssClass dui_border_r_52 = () -> "dui-border-r-52"; - /** Constant dui_border_r_56 */ + CssClass dui_border_r_56 = () -> "dui-border-r-56"; - /** Constant dui_border_r_60 */ + CssClass dui_border_r_60 = () -> "dui-border-r-60"; - /** Constant dui_border_r_64 */ + CssClass dui_border_r_64 = () -> "dui-border-r-64"; - /** Constant dui_border_r_72 */ + CssClass dui_border_r_72 = () -> "dui-border-r-72"; - /** Constant dui_border_r_80 */ + CssClass dui_border_r_80 = () -> "dui-border-r-80"; - /** Constant dui_border_r_96 */ + CssClass dui_border_r_96 = () -> "dui-border-r-96"; - /** Constant dui_border_b_0 */ + CssClass dui_border_b_0 = () -> "dui-border-b-0"; - /** Constant dui_border_b */ + CssClass dui_border_b = () -> "dui-border-b"; - /** Constant dui_border_b_2px */ + CssClass dui_border_b_2px = () -> "dui-border-b-2px"; - /** Constant dui_border_b_4px */ + CssClass dui_border_b_4px = () -> "dui-border-b-4px"; - /** Constant dui_border_b_8px */ + CssClass dui_border_b_8px = () -> "dui-border-b-8px"; - /** Constant dui_border_b_9999px */ + CssClass dui_border_b_9999px = () -> "dui-border-b-9999px"; - /** Constant dui_border_b_0_5 */ + CssClass dui_border_b_0_5 = () -> "dui-border-b-0_5"; - /** Constant dui_border_b_1 */ + CssClass dui_border_b_1 = () -> "dui-border-b-1"; - /** Constant dui_border_b_1_5 */ + CssClass dui_border_b_1_5 = () -> "dui-border-b-1_5"; - /** Constant dui_border_b_2 */ + CssClass dui_border_b_2 = () -> "dui-border-b-2"; - /** Constant dui_border_b_2_5 */ + CssClass dui_border_b_2_5 = () -> "dui-border-b-2_5"; - /** Constant dui_border_b_3 */ + CssClass dui_border_b_3 = () -> "dui-border-b-3"; - /** Constant dui_border_b_3_5 */ + CssClass dui_border_b_3_5 = () -> "dui-border-b-3_5"; - /** Constant dui_border_b_4 */ + CssClass dui_border_b_4 = () -> "dui-border-b-4"; - /** Constant dui_border_b_5 */ + CssClass dui_border_b_5 = () -> "dui-border-b-5"; - /** Constant dui_border_b_6 */ + CssClass dui_border_b_6 = () -> "dui-border-b-6"; - /** Constant dui_border_b_7 */ + CssClass dui_border_b_7 = () -> "dui-border-b-7"; - /** Constant dui_border_b_8 */ + CssClass dui_border_b_8 = () -> "dui-border-b-8"; - /** Constant dui_border_b_9 */ + CssClass dui_border_b_9 = () -> "dui-border-b-9"; - /** Constant dui_border_b_10 */ + CssClass dui_border_b_10 = () -> "dui-border-b-10"; - /** Constant dui_border_b_11 */ + CssClass dui_border_b_11 = () -> "dui-border-b-11"; - /** Constant dui_border_b_12 */ + CssClass dui_border_b_12 = () -> "dui-border-b-12"; - /** Constant dui_border_b_14 */ + CssClass dui_border_b_14 = () -> "dui-border-b-14"; - /** Constant dui_border_b_16 */ + CssClass dui_border_b_16 = () -> "dui-border-b-16"; - /** Constant dui_border_b_20 */ + CssClass dui_border_b_20 = () -> "dui-border-b-20"; - /** Constant dui_border_b_24 */ + CssClass dui_border_b_24 = () -> "dui-border-b-24"; - /** Constant dui_border_b_28 */ + CssClass dui_border_b_28 = () -> "dui-border-b-28"; - /** Constant dui_border_b_32 */ + CssClass dui_border_b_32 = () -> "dui-border-b-32"; - /** Constant dui_border_b_36 */ + CssClass dui_border_b_36 = () -> "dui-border-b-36"; - /** Constant dui_border_b_40 */ + CssClass dui_border_b_40 = () -> "dui-border-b-40"; - /** Constant dui_border_b_44 */ + CssClass dui_border_b_44 = () -> "dui-border-b-44"; - /** Constant dui_border_b_48 */ + CssClass dui_border_b_48 = () -> "dui-border-b-48"; - /** Constant dui_border_b_52 */ + CssClass dui_border_b_52 = () -> "dui-border-b-52"; - /** Constant dui_border_b_56 */ + CssClass dui_border_b_56 = () -> "dui-border-b-56"; - /** Constant dui_border_b_60 */ + CssClass dui_border_b_60 = () -> "dui-border-b-60"; - /** Constant dui_border_b_64 */ + CssClass dui_border_b_64 = () -> "dui-border-b-64"; - /** Constant dui_border_b_72 */ + CssClass dui_border_b_72 = () -> "dui-border-b-72"; - /** Constant dui_border_b_80 */ + CssClass dui_border_b_80 = () -> "dui-border-b-80"; - /** Constant dui_border_b_96 */ + CssClass dui_border_b_96 = () -> "dui-border-b-96"; - /** Constant dui_border_l_0 */ + CssClass dui_border_l_0 = () -> "dui-border-l-0"; - /** Constant dui_border_l */ + CssClass dui_border_l = () -> "dui-border-l"; - /** Constant dui_border_l_2px */ + CssClass dui_border_l_2px = () -> "dui-border-l-2px"; - /** Constant dui_border_l_4px */ + CssClass dui_border_l_4px = () -> "dui-border-l-4px"; - /** Constant dui_border_l_8px */ + CssClass dui_border_l_8px = () -> "dui-border-l-8px"; - /** Constant dui_border_l_9999px */ + CssClass dui_border_l_9999px = () -> "dui-border-l-9999px"; - /** Constant dui_border_l_0_5 */ + CssClass dui_border_l_0_5 = () -> "dui-border-l-0_5"; - /** Constant dui_border_l_1 */ + CssClass dui_border_l_1 = () -> "dui-border-l-1"; - /** Constant dui_border_l_1_5 */ + CssClass dui_border_l_1_5 = () -> "dui-border-l-1_5"; - /** Constant dui_border_l_2 */ + CssClass dui_border_l_2 = () -> "dui-border-l-2"; - /** Constant dui_border_l_2_5 */ + CssClass dui_border_l_2_5 = () -> "dui-border-l-2_5"; - /** Constant dui_border_l_3 */ + CssClass dui_border_l_3 = () -> "dui-border-l-3"; - /** Constant dui_border_l_3_5 */ + CssClass dui_border_l_3_5 = () -> "dui-border-l-3_5"; - /** Constant dui_border_l_4 */ + CssClass dui_border_l_4 = () -> "dui-border-l-4"; - /** Constant dui_border_l_5 */ + CssClass dui_border_l_5 = () -> "dui-border-l-5"; - /** Constant dui_border_l_6 */ + CssClass dui_border_l_6 = () -> "dui-border-l-6"; - /** Constant dui_border_l_7 */ + CssClass dui_border_l_7 = () -> "dui-border-l-7"; - /** Constant dui_border_l_8 */ + CssClass dui_border_l_8 = () -> "dui-border-l-8"; - /** Constant dui_border_l_9 */ + CssClass dui_border_l_9 = () -> "dui-border-l-9"; - /** Constant dui_border_l_10 */ + CssClass dui_border_l_10 = () -> "dui-border-l-10"; - /** Constant dui_border_l_11 */ + CssClass dui_border_l_11 = () -> "dui-border-l-11"; - /** Constant dui_border_l_12 */ + CssClass dui_border_l_12 = () -> "dui-border-l-12"; - /** Constant dui_border_l_14 */ + CssClass dui_border_l_14 = () -> "dui-border-l-14"; - /** Constant dui_border_l_16 */ + CssClass dui_border_l_16 = () -> "dui-border-l-16"; - /** Constant dui_border_l_20 */ + CssClass dui_border_l_20 = () -> "dui-border-l-20"; - /** Constant dui_border_l_24 */ + CssClass dui_border_l_24 = () -> "dui-border-l-24"; - /** Constant dui_border_l_28 */ + CssClass dui_border_l_28 = () -> "dui-border-l-28"; - /** Constant dui_border_l_32 */ + CssClass dui_border_l_32 = () -> "dui-border-l-32"; - /** Constant dui_border_l_36 */ + CssClass dui_border_l_36 = () -> "dui-border-l-36"; - /** Constant dui_border_l_40 */ + CssClass dui_border_l_40 = () -> "dui-border-l-40"; - /** Constant dui_border_l_44 */ + CssClass dui_border_l_44 = () -> "dui-border-l-44"; - /** Constant dui_border_l_48 */ + CssClass dui_border_l_48 = () -> "dui-border-l-48"; - /** Constant dui_border_l_52 */ + CssClass dui_border_l_52 = () -> "dui-border-l-52"; - /** Constant dui_border_l_56 */ + CssClass dui_border_l_56 = () -> "dui-border-l-56"; - /** Constant dui_border_l_60 */ + CssClass dui_border_l_60 = () -> "dui-border-l-60"; - /** Constant dui_border_l_64 */ + CssClass dui_border_l_64 = () -> "dui-border-l-64"; - /** Constant dui_border_l_72 */ + CssClass dui_border_l_72 = () -> "dui-border-l-72"; - /** Constant dui_border_l_80 */ + CssClass dui_border_l_80 = () -> "dui-border-l-80"; - /** Constant dui_border_l_96 */ + CssClass dui_border_l_96 = () -> "dui-border-l-96"; - /** Constant dui_divide_x_0 */ + CssClass dui_divide_x_0 = () -> "dui-divide-x-0"; - /** Constant dui_divide_x_2 */ + CssClass dui_divide_x_2 = () -> "dui-divide-x-2"; - /** Constant dui_divide_x_4 */ + CssClass dui_divide_x_4 = () -> "dui-divide-x-4"; - /** Constant dui_divide_x_8 */ + CssClass dui_divide_x_8 = () -> "dui-divide-x-8"; - /** Constant dui_divide_x */ + CssClass dui_divide_x = () -> "dui-divide-x"; - /** Constant dui_divide_y_0 */ + CssClass dui_divide_y_0 = () -> "dui-divide-y-0"; - /** Constant dui_divide_y_2 */ + CssClass dui_divide_y_2 = () -> "dui-divide-y-2"; - /** Constant dui_divide_y_4 */ + CssClass dui_divide_y_4 = () -> "dui-divide-y-4"; - /** Constant dui_divide_y_8 */ + CssClass dui_divide_y_8 = () -> "dui-divide-y-8"; - /** Constant dui_divide_y */ + CssClass dui_divide_y = () -> "dui-divide-y"; - /** Constant dui_outline_0 */ + CssClass dui_outline_0 = () -> "dui-outline-0"; - /** Constant dui_outline_1 */ + CssClass dui_outline_1 = () -> "dui-outline-1"; - /** Constant dui_outline_2 */ + CssClass dui_outline_2 = () -> "dui-outline-2"; - /** Constant dui_outline_4 */ + CssClass dui_outline_4 = () -> "dui-outline-4"; - /** Constant dui_outline_8 */ + CssClass dui_outline_8 = () -> "dui-outline-8"; - /** Constant dui_outline_offset_0 */ + CssClass dui_outline_offset_0 = () -> "dui-outline-offset-0"; - /** Constant dui_outline_offset_1 */ + CssClass dui_outline_offset_1 = () -> "dui-outline-offset-1"; - /** Constant dui_outline_offset_2 */ + CssClass dui_outline_offset_2 = () -> "dui-outline-offset-2"; - /** Constant dui_outline_offset_4 */ + CssClass dui_outline_offset_4 = () -> "dui-outline-offset-4"; - /** Constant dui_outline_offset_8 */ + CssClass dui_outline_offset_8 = () -> "dui-outline-offset-8"; - /** Constant dui_font_size_0 */ CssClass dui_font_size_0 = () -> "dui-font-size-0"; - /** Constant dui_font_size_px */ + CssClass dui_font_size_px = () -> "dui-font-size-px"; - /** Constant dui_font_size_2px */ + CssClass dui_font_size_2px = () -> "dui-font-size-2px"; - /** Constant dui_font_size_4px */ + CssClass dui_font_size_4px = () -> "dui-font-size-4px"; - /** Constant dui_font_size_8px */ + CssClass dui_font_size_8px = () -> "dui-font-size-8px"; - /** Constant dui_font_size_0_5 */ + CssClass dui_font_size_0_5 = () -> "dui-font-size-0_5"; - /** Constant dui_font_size_1 */ + CssClass dui_font_size_1 = () -> "dui-font-size-1"; - /** Constant dui_font_size_1_5 */ + CssClass dui_font_size_1_5 = () -> "dui-font-size-1_5"; - /** Constant dui_font_size_2 */ + CssClass dui_font_size_2 = () -> "dui-font-size-2"; - /** Constant dui_font_size_2_5 */ + CssClass dui_font_size_2_5 = () -> "dui-font-size-2_5"; - /** Constant dui_font_size_3 */ + CssClass dui_font_size_3 = () -> "dui-font-size-3"; - /** Constant dui_font_size_3_5 */ + CssClass dui_font_size_3_5 = () -> "dui-font-size-3_5"; - /** Constant dui_font_size_4 */ + CssClass dui_font_size_4 = () -> "dui-font-size-4"; - /** Constant dui_font_size_5 */ + CssClass dui_font_size_5 = () -> "dui-font-size-5"; - /** Constant dui_font_size_6 */ + CssClass dui_font_size_6 = () -> "dui-font-size-6"; - /** Constant dui_font_size_7 */ + CssClass dui_font_size_7 = () -> "dui-font-size-7"; - /** Constant dui_font_size_8 */ + CssClass dui_font_size_8 = () -> "dui-font-size-8"; - /** Constant dui_font_size_9 */ + CssClass dui_font_size_9 = () -> "dui-font-size-9"; - /** Constant dui_font_size_10 */ + CssClass dui_font_size_10 = () -> "dui-font-size-10"; - /** Constant dui_font_size_11 */ + CssClass dui_font_size_11 = () -> "dui-font-size-11"; - /** Constant dui_font_size_12 */ + CssClass dui_font_size_12 = () -> "dui-font-size-12"; - /** Constant dui_font_size_14 */ + CssClass dui_font_size_14 = () -> "dui-font-size-14"; - /** Constant dui_font_size_16 */ + CssClass dui_font_size_16 = () -> "dui-font-size-16"; - /** Constant dui_font_size_20 */ + CssClass dui_font_size_20 = () -> "dui-font-size-20"; - /** Constant dui_font_size_24 */ + CssClass dui_font_size_24 = () -> "dui-font-size-24"; - /** Constant dui_font_size_28 */ + CssClass dui_font_size_28 = () -> "dui-font-size-28"; - /** Constant dui_font_size_32 */ + CssClass dui_font_size_32 = () -> "dui-font-size-32"; - /** Constant dui_font_size_36 */ + CssClass dui_font_size_36 = () -> "dui-font-size-36"; - /** Constant dui_font_size_40 */ + CssClass dui_font_size_40 = () -> "dui-font-size-40"; - /** Constant dui_font_size_44 */ + CssClass dui_font_size_44 = () -> "dui-font-size-44"; - /** Constant dui_font_size_48 */ + CssClass dui_font_size_48 = () -> "dui-font-size-48"; - /** Constant dui_font_size_52 */ + CssClass dui_font_size_52 = () -> "dui-font-size-52"; - /** Constant dui_font_size_56 */ + CssClass dui_font_size_56 = () -> "dui-font-size-56"; - /** Constant dui_font_size_60 */ + CssClass dui_font_size_60 = () -> "dui-font-size-60"; - /** Constant dui_font_size_64 */ + CssClass dui_font_size_64 = () -> "dui-font-size-64"; - /** Constant dui_font_size_72 */ + CssClass dui_font_size_72 = () -> "dui-font-size-72"; - /** Constant dui_font_size_80 */ + CssClass dui_font_size_80 = () -> "dui-font-size-80"; - /** Constant dui_font_size_96 */ + CssClass dui_font_size_96 = () -> "dui-font-size-96"; - /** Constant dui_font_size_1_2p */ + CssClass dui_font_size_1_2p = () -> "dui-font-size-1_2p"; - /** Constant dui_font_size_1_3p */ + CssClass dui_font_size_1_3p = () -> "dui-font-size-1_3p"; - /** Constant dui_font_size_2_3p */ + CssClass dui_font_size_2_3p = () -> "dui-font-size-2_3p"; - /** Constant dui_font_size_1_4p */ + CssClass dui_font_size_1_4p = () -> "dui-font-size-1_4p"; - /** Constant dui_font_size_3_4p */ + CssClass dui_font_size_3_4p = () -> "dui-font-size-3_4p"; - /** Constant dui_font_size_full */ + CssClass dui_font_size_full = () -> "dui-font-size-full"; } diff --git a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/Style.java b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/Style.java index df0bef0ff..e41443f7c 100644 --- a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/Style.java +++ b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/Style.java @@ -25,16 +25,20 @@ import org.dominokit.domino.ui.DominoElementAdapter; import org.dominokit.domino.ui.IsElement; -/** Style class. */ +/** + * A utility class for manipulating the CSS styles of an HTML element. + * + * @param The type of the HTML element. + */ public class Style implements DominoStyle> { public final CSSStyleDeclaration style; private E element; /** - * Constructor for Style. + * Constructs a new Style instance for the given HTML element. * - * @param element a E object. + * @param element The HTML element to apply styles to. */ public Style(E element) { this.element = element; @@ -42,78 +46,126 @@ public Style(E element) { } /** - * of. + * Creates a new Style instance for the given HTML element. * - * @param element a E object. - * @param a E object. - * @return a {@link org.dominokit.domino.ui.style.Style} object. + * @param The type of the HTML element. + * @param element The HTML element to apply styles to. + * @return A new Style instance. */ public static Style of(E element) { return new Style<>(element); } /** - * of. + * Creates a new Style instance for the given IsElement. * - * @param isElement a T object. - * @param a E object. - * @param a T object. - * @return a {@link org.dominokit.domino.ui.style.Style} object. + * @param The type of the HTML element. + * @param isElement The IsElement interface representing the HTML element. + * @return A new Style instance. */ public static > Style of(T isElement) { return new Style<>(isElement.element()); } - /** {@inheritDoc} */ + /** + * Sets a CSS property with the specified name and value. + * + * @param name The name of the CSS property. + * @param value The value to set. + * @return This Style instance for method chaining. + */ @Override public Style setCssProperty(String name, String value) { style.setProperty(name, value); return this; } - /** {@inheritDoc} */ + /** + * Sets a CSS property with the specified name and numeric value. + * + * @param name The name of the CSS property. + * @param value The numeric value to set. + * @return This Style instance for method chaining. + */ @Override public Style setCssProperty(String name, Number value) { style.setProperty(name, String.valueOf(value)); return this; } - /** {@inheritDoc} */ + /** + * Sets a CSS property with the specified name and integer value. + * + * @param name The name of the CSS property. + * @param value The integer value to set. + * @return This Style instance for method chaining. + */ @Override public Style setCssProperty(String name, int value) { style.setProperty(name, String.valueOf(value)); return this; } - /** {@inheritDoc} */ + /** + * Sets a CSS property with the specified name and double value. + * + * @param name The name of the CSS property. + * @param value The double value to set. + * @return This Style instance for method chaining. + */ @Override public Style setCssProperty(String name, double value) { style.setProperty(name, String.valueOf(value)); return this; } - /** {@inheritDoc} */ + /** + * Sets a CSS property with the specified name and short value. + * + * @param name The name of the CSS property. + * @param value The short value to set. + * @return This Style instance for method chaining. + */ @Override public Style setCssProperty(String name, short value) { style.setProperty(name, String.valueOf(value)); return this; } - /** {@inheritDoc} */ + /** + * Sets a CSS property with the specified name and float value. + * + * @param name The name of the CSS property. + * @param value The float value to set. + * @return This Style instance for method chaining. + */ @Override public Style setCssProperty(String name, float value) { style.setProperty(name, String.valueOf(value)); return this; } - /** {@inheritDoc} */ + /** + * Sets a CSS property with the specified name and boolean value. + * + * @param name The name of the CSS property. + * @param value The boolean value to set. + * @return This Style instance for method chaining. + */ @Override public Style setCssProperty(String name, boolean value) { style.setProperty(name, String.valueOf(value)); return this; } - /** {@inheritDoc} */ + /** + * Sets a CSS property with the specified name and value, with optional importance. + * + * @param name The name of the CSS property. + * @param value The value to set. + * @param important If true, the property is marked as important. + * @return This Style instance for method chaining. + */ @Override public Style setCssProperty(String name, String value, boolean important) { if (important) { @@ -124,7 +176,14 @@ public Style setCssProperty(String name, String value, boolean important) { return this; } - /** {@inheritDoc} */ + /** + * Sets or removes a CSS property based on a predicate. + * + * @param name The name of the CSS property. + * @param value The value to set. + * @param predicate The predicate that determines whether to set or remove the property. + * @return This Style instance for method chaining. + */ public Style setOrRemoveCssProperty(String name, String value, Predicate> predicate) { if (predicate.test(this)) { setCssProperty(name, value); @@ -134,14 +193,24 @@ public Style setOrRemoveCssProperty(String name, String value, Predicate removeCssProperty(String name) { style.removeProperty(name); return this; } - /** {@inheritDoc} */ + /** + * Adds one or more CSS classes to the HTML element. + * + * @param cssClass The CSS class(es) to add. + * @return This Style instance for method chaining. + */ @Override public Style addCss(String cssClass) { if (nonNull(cssClass) && !cssClass.isEmpty()) { @@ -150,7 +219,12 @@ public Style addCss(String cssClass) { return this; } - /** {@inheritDoc} */ + /** + * Adds one or more CSS classes to the HTML element. + * + * @param cssClasses The CSS classes to add. + * @return This Style instance for method chaining. + */ @Override public Style addCss(String... cssClasses) { if (nonNull(cssClasses) && cssClasses.length > 0) { @@ -159,56 +233,96 @@ public Style addCss(String... cssClasses) { return this; } - /** {@inheritDoc} */ + /** + * Adds a CSS class to the HTML element. + * + * @param cssClasses The CSS class to add. + * @return This Style instance for method chaining. + */ @Override public Style addCss(CssClass cssClasses) { cssClasses.apply(element); return this; } - /** {@inheritDoc} */ + /** + * Adds a CSS class to the HTML element. + * + * @param hasCssClass An object implementing HasCssClass. + * @return This Style instance for method chaining. + */ @Override public Style addCss(HasCssClass hasCssClass) { addCss(hasCssClass.getCssClass()); return this; } - /** {@inheritDoc} */ + /** + * Adds one or more CSS classes to the HTML element. + * + * @param cssClasses An array of CSS classes to add. + * @return This Style instance for method chaining. + */ @Override public Style addCss(CssClass... cssClasses) { Arrays.asList(cssClasses).forEach(this::addCss); return this; } - /** {@inheritDoc} */ + /** + * Adds CSS classes from an object that implements the HasCssClasses interface. + * + * @param hasCssClasses An object that implements HasCssClasses interface. + * @return This Style instance for method chaining. + */ @Override public Style addCss(HasCssClasses hasCssClasses) { addCss(hasCssClasses.getCssClasses()); return this; } - /** {@inheritDoc} */ + /** + * Removes a CSS class from the HTML element. + * + * @param cssClass The CSS class to remove. + * @return This Style instance for method chaining. + */ @Override public Style removeCss(String cssClass) { if (nonNull(cssClass) && !cssClass.isEmpty()) element.classList.remove(cssClass); return this; } - /** {@inheritDoc} */ + /** + * Removes a CSS class represented by a CssClass instance from the HTML element. + * + * @param cssClass The CssClass instance to remove. + * @return This Style instance for method chaining. + */ @Override public Style removeCss(CssClass cssClass) { cssClass.remove(element); return this; } - /** {@inheritDoc} */ + /** + * Removes CSS classes from an object that implements the HasCssClass interface. + * + * @param hasCssClass An object that implements HasCssClass interface. + * @return This Style instance for method chaining. + */ @Override public Style removeCss(HasCssClass hasCssClass) { hasCssClass.getCssClass().remove(element); return this; } - /** {@inheritDoc} */ + /** + * Removes one or more CSS classes from the HTML element. + * + * @param cssClasses An array of CSS classes to remove. + * @return This Style instance for method chaining. + */ @Override public Style removeCss(String... cssClasses) { if (nonNull(cssClasses) && cssClasses.length > 0) { @@ -220,7 +334,13 @@ public Style removeCss(String... cssClasses) { } return this; } - /** {@inheritDoc} */ + + /** + * Removes one or more CSS classes represented by CssClass instances from the HTML element. + * + * @param cssClasses An array of CssClass instances to remove. + * @return This Style instance for method chaining. + */ @Override public Style removeCss(CssClass... cssClasses) { if (nonNull(cssClasses) && cssClasses.length > 0) { @@ -233,7 +353,13 @@ public Style removeCss(CssClass... cssClasses) { return this; } - /** {@inheritDoc} */ + /** + * Replaces one CSS class with another in the HTML element's class list. + * + * @param cssClass The CSS class to be replaced. + * @param replacementClass The CSS class to replace it with. + * @return This Style instance for method chaining. + */ @Override public Style replaceCss(String cssClass, String replacementClass) { if (containsCss(cssClass)) { @@ -243,448 +369,798 @@ public Style replaceCss(String cssClass, String replacementClass) { return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `border` property of the HTML element. + * + * @param border The value to set for the `border` property. + * @return This Style instance for method chaining. + */ @Override public Style setBorder(String border) { setCssProperty("border", border); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `border-color` property of the HTML element. + * + * @param borderColor The value to set for the `border-color` property. + * @return This Style instance for method chaining. + */ @Override public Style setBorderColor(String borderColor) { setCssProperty("border-color", borderColor); return this; } - /** {@inheritDoc} */ + /** + * Sets the width of the HTML element. + * + * @param width The width value. + * @return This Style instance for method chaining. + */ @Override public Style setWidth(String width) { setWidth(width, false); return this; } - /** {@inheritDoc} */ + /** + * Sets the width of the HTML element with optional importance. + * + * @param width The width value. + * @param important If true, the property is marked as important. + * @return This Style instance for method chaining. + */ @Override public Style setWidth(String width, boolean important) { setCssProperty("width", width, important); return this; } - /** {@inheritDoc} */ + /** + * Sets the minimum width of the HTML element. + * + * @param width The minimum width value. + * @return This Style instance for method chaining. + */ @Override public Style setMinWidth(String width) { setMinWidth(width, false); return this; } - /** {@inheritDoc} */ + /** + * Sets the minimum width of the HTML element with optional importance. + * + * @param width The minimum width value. + * @param important If true, the property is marked as important. + * @return This Style instance for method chaining. + */ @Override public Style setMinWidth(String width, boolean important) { setCssProperty("min-width", width, important); return this; } - /** {@inheritDoc} */ + /** + * Sets the maximum width of the HTML element. + * + * @param width The maximum width value. + * @return This Style instance for method chaining. + */ @Override public Style setMaxWidth(String width) { setMaxWidth(width, false); return this; } - /** {@inheritDoc} */ + /** + * Sets the maximum width of the HTML element with optional importance. + * + * @param width The maximum width value. + * @param important If true, the property is marked as important. + * @return This Style instance for method chaining. + */ @Override public Style setMaxWidth(String width, boolean important) { setCssProperty("max-width", width, important); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `height` property of the HTML element. + * + * @param height The height value. + * @return This Style instance for method chaining. + */ @Override public Style setHeight(String height) { setHeight(height, false); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `height` property of the HTML element with optional importance. + * + * @param height The height value. + * @param important If true, the property is marked as important. + * @return This Style instance for method chaining. + */ @Override public Style setHeight(String height, boolean important) { setCssProperty("height", height, important); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `min-height` property of the HTML element. + * + * @param height The minimum height value. + * @return This Style instance for method chaining. + */ @Override public Style setMinHeight(String height) { setMinHeight(height, false); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `min-height` property of the HTML element with optional importance. + * + * @param height The minimum height value. + * @param important If true, the property is marked as important. + * @return This Style instance for method chaining. + */ @Override public Style setMinHeight(String height, boolean important) { setCssProperty("min-height", height, important); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `max-height` property of the HTML element. + * + * @param height The maximum height value. + * @return This Style instance for method chaining. + */ @Override public Style setMaxHeight(String height) { setMaxHeight(height, false); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `max-height` property of the HTML element with optional importance. + * + * @param height The maximum height value. + * @param important If true, the property is marked as important. + * @return This Style instance for method chaining. + */ @Override public Style setMaxHeight(String height, boolean important) { setCssProperty("max-height", height, important); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `text-align` property of the HTML element. + * + * @param textAlign The text alignment value. + * @return This Style instance for method chaining. + */ @Override public Style setTextAlign(String textAlign) { setTextAlign(textAlign, false); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `text-align` property of the HTML element with optional importance. + * + * @param textAlign The text alignment value. + * @param important If true, the property is marked as important. + * @return This Style instance for method chaining. + */ @Override public Style setTextAlign(String textAlign, boolean important) { setCssProperty("text-align", textAlign, important); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `color` property of the HTML element. + * + * @param color The color value. + * @return This Style instance for method chaining. + */ @Override public Style setColor(String color) { setColor(color, false); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `color` property of the HTML element with optional importance. + * + * @param color The color value. + * @param important If true, the property is marked as important. + * @return This Style instance for method chaining. + */ @Override public Style setColor(String color, boolean important) { setCssProperty("color", color, important); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `background-color` property of the HTML element. + * + * @param color The background color value. + * @return This Style instance for method chaining. + */ @Override public Style setBackgroundColor(String color) { setBackgroundColor(color, false); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `background-color` property of the HTML element with optional importance. + * + * @param color The background color value. + * @param important If true, the property is marked as important. + * @return This Style instance for method chaining. + */ @Override public Style setBackgroundColor(String color, boolean important) { setCssProperty("background-color", color, important); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `margin` property of the HTML element. + * + * @param margin The margin value. + * @return This Style instance for method chaining. + */ @Override public Style setMargin(String margin) { setMargin(margin, false); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `margin` property of the HTML element with optional importance. + * + * @param margin The margin value. + * @param important If true, the property is marked as important. + * @return This Style instance for method chaining. + */ @Override public Style setMargin(String margin, boolean important) { setCssProperty("margin", margin, important); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `margin-top` property of the HTML element. + * + * @param margin The margin value for the top. + * @return This Style instance for method chaining. + */ @Override public Style setMarginTop(String margin) { setMarginTop(margin, false); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `margin-top` property of the HTML element with optional importance. + * + * @param margin The margin value for the top. + * @param important If true, the property is marked as important. + * @return This Style instance for method chaining. + */ @Override public Style setMarginTop(String margin, boolean important) { setCssProperty("margin-top", margin, important); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `margin-bottom` property of the HTML element. + * + * @param margin The margin value for the bottom. + * @return This Style instance for method chaining. + */ @Override public Style setMarginBottom(String margin) { setMarginBottom(margin, false); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `margin-bottom` property of the HTML element with optional importance. + * + * @param margin The margin value for the bottom. + * @param important If true, the property is marked as important. + * @return This Style instance for method chaining. + */ @Override public Style setMarginBottom(String margin, boolean important) { setCssProperty("margin-bottom", margin, important); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `margin-left` property of the HTML element. + * + * @param margin The margin value for the left. + * @return This Style instance for method chaining. + */ @Override public Style setMarginLeft(String margin) { setMarginLeft(margin, false); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `margin-left` property of the HTML element with optional importance. + * + * @param margin The margin value for the left. + * @param important If true, the property is marked as important. + * @return This Style instance for method chaining. + */ @Override public Style setMarginLeft(String margin, boolean important) { setCssProperty("margin-left", margin, important); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `margin-right` property of the HTML element. + * + * @param margin The margin value for the right. + * @return This Style instance for method chaining. + */ @Override public Style setMarginRight(String margin) { setMarginRight(margin, false); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `margin-right` property of the HTML element with optional importance. + * + * @param margin The margin value for the right. + * @param important If true, the property is marked as important. + * @return This Style instance for method chaining. + */ @Override public Style setMarginRight(String margin, boolean important) { setCssProperty("margin-right", margin, important); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `padding-right` property of the HTML element. + * + * @param padding The padding value for the right. + * @return This Style instance for method chaining. + */ @Override public Style setPaddingRight(String padding) { setPaddingRight(padding, false); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `padding-right` property of the HTML element. + * + * @param padding The padding value for the right. + * @param important If true, the property is marked as important. + * @return This Style instance for method chaining. + */ @Override public Style setPaddingRight(String padding, boolean important) { setCssProperty("padding-right", padding, important); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `padding-left` property of the HTML element. + * + * @param padding The padding value for the left. + * @return This Style instance for method chaining. + */ @Override public Style setPaddingLeft(String padding) { setPaddingLeft(padding, false); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `padding-left` property of the HTML element with optional importance. + * + * @param padding The padding value for the left. + * @param important If true, the property is marked as important. + * @return This Style instance for method chaining. + */ @Override public Style setPaddingLeft(String padding, boolean important) { setCssProperty("padding-left", padding, important); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `padding-bottom` property of the HTML element. + * + * @param padding The padding value for the bottom. + * @return This Style instance for method chaining. + */ @Override public Style setPaddingBottom(String padding) { setPaddingBottom(padding, false); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `padding-bottom` property of the HTML element with optional importance. + * + * @param padding The padding value for the bottom. + * @param important If true, the property is marked as important. + * @return This Style instance for method chaining. + */ @Override public Style setPaddingBottom(String padding, boolean important) { setCssProperty("padding-bottom", padding, important); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `padding-top` property of the HTML element. + * + * @param padding The padding value for the top. + * @return This Style instance for method chaining. + */ @Override public Style setPaddingTop(String padding) { setPaddingTop(padding, false); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `padding-top` property of the HTML element with optional importance. + * + * @param padding The padding value for the top. + * @param important If true, the property is marked as important. + * @return This Style instance for method chaining. + */ @Override public Style setPaddingTop(String padding, boolean important) { setCssProperty("padding-top", padding, important); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `padding` property of the HTML element. + * + * @param padding The padding value. + * @return This Style instance for method chaining. + */ @Override public Style setPadding(String padding) { setPadding(padding, false); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `padding` property of the HTML element with optional importance. + * + * @param padding The padding value. + * @param important If true, the property is marked as important. + * @return This Style instance for method chaining. + */ @Override public Style setPadding(String padding, boolean important) { setCssProperty("padding", padding, important); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `display` property of the HTML element. + * + * @param display The display value. + * @return This Style instance for method chaining. + */ @Override public Style setDisplay(String display) { setDisplay(display, false); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `display` property of the HTML element with optional importance. + * + * @param display The display value. + * @param important If true, the property is marked as important. + * @return This Style instance for method chaining. + */ @Override public Style setDisplay(String display, boolean important) { setCssProperty("display", display, important); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `font-size` property of the HTML element. + * + * @param fontSize The font size value. + * @return This Style instance for method chaining. + */ @Override public Style setFontSize(String fontSize) { setFontSize(fontSize, false); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `font-size` property of the HTML element with optional importance. + * + * @param fontSize The font size value. + * @param important If true, the property is marked as important. + * @return This Style instance for method chaining. + */ @Override public Style setFontSize(String fontSize, boolean important) { setCssProperty("font-size", fontSize, important); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `float` property of the HTML element. + * + * @param cssFloat The float value. + * @return This Style instance for method chaining. + */ @Override public Style setFloat(String cssFloat) { setFloat(cssFloat, false); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `float` property of the HTML element with optional importance. + * + * @param cssFloat The float value. + * @param important If true, the property is marked as important. + * @return This Style instance for method chaining. + */ @Override public Style setFloat(String cssFloat, boolean important) { setCssProperty("float", cssFloat, important); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `line-height` property of the HTML element. + * + * @param lineHeight The line-height value. + * @return This Style instance for method chaining. + */ @Override public Style setLineHeight(String lineHeight) { setLineHeight(lineHeight, false); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `line-height` property of the HTML element with optional importance. + * + * @param lineHeight The line-height value. + * @param important If true, the property is marked as important. + * @return This Style instance for method chaining. + */ @Override public Style setLineHeight(String lineHeight, boolean important) { setCssProperty("line-height", lineHeight, important); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `overflow` property of the HTML element. + * + * @param overFlow The overflow value. + * @return This Style instance for method chaining. + */ @Override public Style setOverFlow(String overFlow) { setOverFlow(overFlow, false); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `overflow` property of the HTML element with optional importance. + * + * @param overFlow The overflow value. + * @param important If true, the property is marked as important. + * @return This Style instance for method chaining. + */ @Override public Style setOverFlow(String overFlow, boolean important) { setCssProperty("overflow", overFlow, important); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `cursor` property of the HTML element. + * + * @param cursor The cursor value. + * @return This Style instance for method chaining. + */ @Override public Style setCursor(String cursor) { setCursor(cursor, false); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `cursor` property of the HTML element with optional importance. + * + * @param cursor The cursor value. + * @param important If true, the property is marked as important. + * @return This Style instance for method chaining. + */ @Override public Style setCursor(String cursor, boolean important) { setCssProperty("cursor", cursor, important); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `position` property of the HTML element. + * + * @param position The position value. + * @return This Style instance for method chaining. + */ @Override public Style setPosition(String position) { setPosition(position, false); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `position` property of the HTML element with optional importance. + * + * @param position The position value. + * @param important If true, the property is marked as important. + * @return This Style instance for method chaining. + */ @Override public Style setPosition(String position, boolean important) { setCssProperty("position", position, important); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `left` property of the HTML element. + * + * @param left The left value. + * @return This Style instance for method chaining. + */ @Override public Style setLeft(String left) { setLeft(left, false); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `left` property of the HTML element with optional importance. + * + * @param left The left value. + * @param important If true, the property is marked as important. + * @return This Style instance for method chaining. + */ @Override public Style setLeft(String left, boolean important) { setCssProperty("left", left, important); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `right` property of the HTML element. + * + * @param right The right value. + * @return This Style instance for method chaining. + */ @Override public Style setRight(String right) { setRight(right, false); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `right` property of the HTML element with optional importance. + * + * @param right The right value. + * @param important If true, the property is marked as important. + * @return This Style instance for method chaining. + */ @Override public Style setRight(String right, boolean important) { setCssProperty("right", right, important); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `top` property of the HTML element. + * + * @param top The top value. + * @return This Style instance for method chaining. + */ @Override public Style setTop(String top) { setTop(top, false); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `top` property of the HTML element with optional importance. + * + * @param top The top value. + * @param important If true, the property is marked as important. + * @return This Style instance for method chaining. + */ @Override public Style setTop(String top, boolean important) { setCssProperty("top", top, important); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `bottom` property of the HTML element. + * + * @param bottom The bottom value. + * @return This Style instance for method chaining. + */ @Override public Style setBottom(String bottom) { setBottom(bottom, false); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `bottom` property of the HTML element with optional importance. + * + * @param bottom The bottom value. + * @param important If true, the property is marked as important. + * @return This Style instance for method chaining. + */ @Override public Style setBottom(String bottom, boolean important) { setCssProperty("bottom", bottom, important); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `z-index` property of the HTML element. + * + * @param zIndex The z-index value. + * @return This Style instance for method chaining. + */ @Override public Style setZIndex(int zindex) { setCssProperty("z-index", zindex + ""); return this; } - /** {@inheritDoc} */ + /** + * Checks if the HTML element contains the specified CSS class. + * + * @param cssClass The CSS class to check. + * @return True if the class is present; otherwise, false. + */ @Override public boolean containsCss(String cssClass) { if (nonNull(cssClass) && !cssClass.isEmpty()) { @@ -693,100 +1169,180 @@ public boolean containsCss(String cssClass) { return false; } - /** {@inheritDoc} */ + /** + * Adds CSS classes to align the HTML element center. + * + * @return This Style instance for method chaining. + */ @Override public Style alignCenter() { addCss(SpacingCss.dui_text_center); return this; } - /** {@inheritDoc} */ + /** + * Adds CSS classes to align the HTML element right. + * + * @return This Style instance for method chaining. + */ @Override public Style alignRight() { addCss(SpacingCss.dui_text_right); return this; } - /** {@inheritDoc} */ + /** + * Sets the CSS `style.cssText` property of the HTML element. + * + * @param cssText The CSS text to set. + * @return This Style instance for method chaining. + */ @Override public Style cssText(String cssText) { style.cssText = cssText; return this; } - /** {@inheritDoc} */ + /** + * Gets the count of CSS classes applied to the HTML element. + * + * @return The count of CSS classes. + */ @Override public int cssClassesCount() { return element.classList.length; } - /** {@inheritDoc} */ + /** + * Gets a CSS class by its index. + * + * @param index The index of the CSS class. + * @return The CSS class at the specified index. + */ @Override public String cssClassByIndex(int index) { return element.classList.item(index); } - /** {@inheritDoc} */ + /** + * Sets the CSS `pointer-events` property of the HTML element. + * + * @param pointerEvents The pointer-events value. + * @return This Style instance for method chaining. + */ @Override public Style setPointerEvents(String pointerEvents) { return setCssProperty("pointer-events", pointerEvents); } - /** {@inheritDoc} */ + /** + * Sets the CSS `align-items` property of the HTML element. + * + * @param alignItems The align-items value. + * @return This Style instance for method chaining. + */ @Override public Style setAlignItems(String alignItems) { return setCssProperty("align-items", alignItems); } - /** {@inheritDoc} */ + /** + * Sets the CSS `overflow-y` property of the HTML element. + * + * @param overflow The overflow value for the Y-axis. + * @return This Style instance for method chaining. + */ @Override public Style setOverFlowY(String overflow) { return setCssProperty("overflow-y", overflow); } - /** {@inheritDoc} */ + /** + * Sets the CSS `overflow-y` property of the HTML element with optional importance. + * + * @param overflow The overflow value for the Y-axis. + * @param important If true, the property is marked as important. + * @return This Style instance for method chaining. + */ @Override public Style setOverFlowY(String overflow, boolean important) { return setCssProperty("overflow-y", overflow, important); } - /** {@inheritDoc} */ + /** + * Sets the CSS `overflow-x` property of the HTML element. + * + * @param overflow The overflow value for the X-axis. + * @return This Style instance for method chaining. + */ @Override public Style setOverFlowX(String overflow) { return setCssProperty("overflow-x", overflow); } - /** {@inheritDoc} */ + /** + * Sets the CSS `overflow-x` property of the HTML element with optional importance. + * + * @param overflow The overflow value for the X-axis. + * @param important If true, the property is marked as important. + * @return This Style instance for method chaining. + */ @Override public Style setOverFlowX(String overflow, boolean important) { return setCssProperty("overflow-x", overflow, important); } - /** {@inheritDoc} */ + /** + * Sets the CSS `box-shadow` property of the HTML element. + * + * @param boxShadow The box-shadow value. + * @return This Style instance for method chaining. + */ @Override public Style setBoxShadow(String boxShadow) { return setCssProperty("box-shadow", boxShadow); } - /** {@inheritDoc} */ + /** + * Sets the CSS `transition-duration` property of the HTML element. + * + * @param transactionDuration The transition-duration value. + * @return This Style instance for method chaining. + */ @Override public Style setTransitionDuration(String transactionDuration) { return setCssProperty("transaction-duration", transactionDuration); } - /** {@inheritDoc} */ + /** + * Sets the CSS `flex` property of the HTML element. + * + * @param flex The flex value. + * @return This Style instance for method chaining. + */ @Override public Style setFlex(String flex) { return setCssProperty("flex", flex); } - /** {@inheritDoc} */ + /** + * Sets the CSS `opacity` property of the HTML element. + * + * @param opacity The opacity value (0.0 to 1.0). + * @return This Style instance for method chaining. + */ @Override public Style setOpacity(double opacity) { return setCssProperty("opacity", opacity + ""); } - /** {@inheritDoc} */ + /** + * Sets the CSS `opacity` property of the HTML element with optional importance. + * + * @param opacity The opacity value (0.0 to 1.0). + * @param important If true, the property is marked as important. + * @return This Style instance for method chaining. + */ @Override public Style setOpacity(double opacity, boolean important) { return setCssProperty("opacity", opacity + "", important); diff --git a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/SwapCssClass.java b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/SwapCssClass.java index d4ec3be1f..edfddc5e9 100644 --- a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/SwapCssClass.java +++ b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/SwapCssClass.java @@ -13,64 +13,58 @@ * See the License for the specific language governing permissions and * limitations under the License. */ +/** A utility class for swapping CSS classes applied to HTML elements. */ package org.dominokit.domino.ui.style; import static java.util.Objects.nonNull; import elemental2.dom.Element; -/** SwapCssClass class. */ public class SwapCssClass implements CssClass { private CssClass current = CssClass.NONE; private CssClass replacement = CssClass.NONE; - /** - * of. - * - * @return a {@link org.dominokit.domino.ui.style.SwapCssClass} object. - */ + /** Creates a new instance of SwapCssClass with no initial styles. */ public static SwapCssClass of() { return new SwapCssClass(); } /** - * of. + * Creates a new instance of SwapCssClass with the given initial style. * - * @param initialStyle a {@link org.dominokit.domino.ui.style.CssClass} object. - * @return a {@link org.dominokit.domino.ui.style.SwapCssClass} object. + * @param initialStyle The initial CSS class to apply. */ public static SwapCssClass of(CssClass initialStyle) { return new SwapCssClass(initialStyle); } /** - * of. + * Creates a new instance of SwapCssClass with the CSS class from the provided HasCssClass + * instance. * - * @param initialStyle a {@link org.dominokit.domino.ui.style.HasCssClass} object. - * @return a {@link org.dominokit.domino.ui.style.SwapCssClass} object. + * @param initialStyle The initial HasCssClass instance. */ public static SwapCssClass of(HasCssClass initialStyle) { return new SwapCssClass(initialStyle.getCssClass()); } /** - * of. + * Creates a new instance of SwapCssClass with the given CSS class. * - * @param cssClass a {@link java.lang.String} object. - * @return a {@link org.dominokit.domino.ui.style.SwapCssClass} object. + * @param cssClass The initial CSS class to apply. */ public static SwapCssClass of(String cssClass) { return new SwapCssClass(cssClass); } - /** Constructor for SwapCssClass. */ + /** Constructs a new SwapCssClass instance with no initial style. */ public SwapCssClass() {} /** - * Constructor for SwapCssClass. + * Constructs a new SwapCssClass instance with the given initial style. * - * @param initialStyle a {@link org.dominokit.domino.ui.style.CssClass} object. + * @param initialStyle The initial CSS class to apply. */ public SwapCssClass(CssClass initialStyle) { this.current = initialStyle; @@ -78,9 +72,9 @@ public SwapCssClass(CssClass initialStyle) { } /** - * Constructor for SwapCssClass. + * Constructs a new SwapCssClass instance with the given CSS class. * - * @param cssClass a {@link java.lang.String} object. + * @param cssClass The initial CSS class to apply. */ public SwapCssClass(String cssClass) { this.current = () -> cssClass; @@ -88,10 +82,10 @@ public SwapCssClass(String cssClass) { } /** - * replaceWith. + * Replaces the current CSS class with the provided replacement CSS class. * - * @param replacement a {@link org.dominokit.domino.ui.style.CssClass} object. - * @return a {@link org.dominokit.domino.ui.style.SwapCssClass} object. + * @param replacement The CSS class to replace the current class with. + * @return This SwapCssClass instance for method chaining. */ public SwapCssClass replaceWith(CssClass replacement) { this.replacement = replacement; @@ -99,10 +93,10 @@ public SwapCssClass replaceWith(CssClass replacement) { } /** - * replaceWith. + * Replaces the current CSS class with the CSS class from the provided HasCssClass instance. * - * @param replacement a {@link org.dominokit.domino.ui.style.HasCssClass} object. - * @return a {@link org.dominokit.domino.ui.style.SwapCssClass} object. + * @param replacement The HasCssClass instance containing the replacement CSS class. + * @return This SwapCssClass instance for method chaining. */ public SwapCssClass replaceWith(HasCssClass replacement) { if (nonNull(replacement)) { @@ -111,7 +105,11 @@ public SwapCssClass replaceWith(HasCssClass replacement) { return this; } - /** {@inheritDoc} */ + /** + * Removes the current CSS class from the given HTML element, if it is not null. + * + * @param element The HTML element from which to remove the current CSS class. + */ @Override public void remove(Element element) { if (nonNull(current)) { @@ -119,7 +117,11 @@ public void remove(Element element) { } } - /** {@inheritDoc} */ + /** + * Applies the replacement CSS class to the given HTML element, replacing the current class. + * + * @param element The HTML element to apply the replacement CSS class to. + */ @Override public void apply(Element element) { remove(element); @@ -128,24 +130,28 @@ public void apply(Element element) { } /** - * Getter for the field current. + * Gets the currently applied CSS class. * - * @return a {@link org.dominokit.domino.ui.style.CssClass} object. + * @return The current CSS class. */ public CssClass getCurrent() { return current; } /** - * Getter for the field replacement. + * Gets the replacement CSS class. * - * @return a {@link org.dominokit.domino.ui.style.CssClass} object. + * @return The replacement CSS class. */ public CssClass getReplacement() { return replacement; } - /** {@inheritDoc} */ + /** + * Gets the CSS class represented by this SwapCssClass instance. + * + * @return The CSS class represented by this instance (equivalent to the replacement class). + */ @Override public String getCssClass() { return replacement.getCssClass(); diff --git a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/ToggleCssClass.java b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/ToggleCssClass.java index be09e128c..9c4a80432 100644 --- a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/ToggleCssClass.java +++ b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/ToggleCssClass.java @@ -13,55 +13,59 @@ * See the License for the specific language governing permissions and * limitations under the License. */ + package org.dominokit.domino.ui.style; import elemental2.dom.Element; -/** ToggleCssClass class. */ +/** A utility class for toggling a CSS class on an HTML element. */ public class ToggleCssClass implements CssClass { private final CssClass cssClass; /** - * of. + * Creates a new instance of ToggleCssClass with the given CSS class. * - * @param cssClass a {@link org.dominokit.domino.ui.style.CssClass} object. - * @return a {@link org.dominokit.domino.ui.style.ToggleCssClass} object. + * @param cssClass The CSS class to toggle. */ public static ToggleCssClass of(CssClass cssClass) { return new ToggleCssClass(cssClass); } /** - * of. + * Creates a new instance of ToggleCssClass with the CSS class from the provided HasCssClass + * instance. * - * @param cssClass a {@link org.dominokit.domino.ui.style.HasCssClass} object. - * @return a {@link org.dominokit.domino.ui.style.ToggleCssClass} object. + * @param cssClass The HasCssClass instance containing the CSS class to toggle. */ public static ToggleCssClass of(HasCssClass cssClass) { return new ToggleCssClass(cssClass.getCssClass()); } /** - * of. + * Creates a new instance of ToggleCssClass with the given CSS class. * - * @param cssClass a {@link java.lang.String} object. - * @return a {@link org.dominokit.domino.ui.style.ToggleCssClass} object. + * @param cssClass The CSS class to toggle. */ public static ToggleCssClass of(String cssClass) { return new ToggleCssClass(() -> cssClass); } /** - * Constructor for ToggleCssClass. + * Constructs a new ToggleCssClass instance with the given CSS class. * - * @param cssClass a {@link org.dominokit.domino.ui.style.CssClass} object. + * @param cssClass The CSS class to toggle. */ public ToggleCssClass(CssClass cssClass) { this.cssClass = cssClass; } - /** {@inheritDoc} */ + /** + * Toggles the CSS class on the given HTML element. If the class is already applied, it will be + * removed; otherwise, it will be added. + * + * @param element The HTML element on which to toggle the CSS class. + */ @Override public void apply(Element element) { if (element.classList.contains(getCssClass())) { @@ -71,7 +75,11 @@ public void apply(Element element) { } } - /** {@inheritDoc} */ + /** + * Gets the CSS class represented by this ToggleCssClass instance. + * + * @return The CSS class to toggle. + */ @Override public String getCssClass() { return cssClass.getCssClass(); diff --git a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/XSmallCss.java b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/XSmallCss.java deleted file mode 100644 index ab6505d98..000000000 --- a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/style/XSmallCss.java +++ /dev/null @@ -1,130 +0,0 @@ -/* - * Copyright © 2019 Dominokit - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ -package org.dominokit.domino.ui.style; - -import elemental2.dom.Element; -import java.util.Arrays; -import java.util.Collection; -import java.util.HashSet; -import java.util.Set; -import java.util.stream.Collectors; -import org.dominokit.domino.ui.IsElement; -import org.dominokit.domino.ui.mediaquery.MediaQuery; - -/** XSmallCss class. */ -public class XSmallCss implements CssClass { - - private Set cssClasses = new HashSet<>(); - - /** - * of. - * - * @param cssClasses a {@link java.util.Collection} object. - * @return a {@link org.dominokit.domino.ui.style.XSmallCss} object. - */ - public static XSmallCss of(Collection cssClasses) { - return new XSmallCss(cssClasses); - } - - /** - * of. - * - * @param cssClasses a {@link org.dominokit.domino.ui.style.CssClass} object. - * @return a {@link org.dominokit.domino.ui.style.XSmallCss} object. - */ - public static XSmallCss of(CssClass... cssClasses) { - return new XSmallCss(cssClasses); - } - - /** - * of. - * - * @param element a {@link elemental2.dom.Element} object. - * @return a {@link org.dominokit.domino.ui.style.XSmallCss} object. - */ - public static XSmallCss of(Element element) { - return of( - element.classList.asList().stream() - .map(s -> (CssClass) () -> s) - .collect(Collectors.toList())); - } - - /** - * of. - * - * @param element a {@link org.dominokit.domino.ui.IsElement} object. - * @return a {@link org.dominokit.domino.ui.style.XSmallCss} object. - */ - public static XSmallCss of(IsElement element) { - return of(element.element()); - } - - /** - * Constructor for XSmallCss. - * - * @param cssClasses a {@link java.util.Collection} object. - */ - public XSmallCss(Collection cssClasses) { - this.cssClasses.addAll(cssClasses); - } - - /** - * Constructor for XSmallCss. - * - * @param cssClasses a {@link org.dominokit.domino.ui.style.CssClass} object. - */ - public XSmallCss(CssClass... cssClasses) { - this(Arrays.asList(cssClasses)); - } - - /** {@inheritDoc} */ - @Override - public String getCssClass() { - return cssClasses.stream().map(CssClass::getCssClass).collect(Collectors.joining(" ")); - } - - /** {@inheritDoc} */ - @Override - public void apply(Element element) { - MediaQuery.addOnXSmallAndDownListener(() -> {}); - - cssClasses.forEach(cssClass -> cssClass.apply(element)); - } - - /** {@inheritDoc} */ - @Override - public boolean isAppliedTo(Element element) { - return cssClasses.stream().allMatch(cssClass -> cssClass.isAppliedTo(element)); - } - - /** {@inheritDoc} */ - @Override - public boolean isAppliedTo(IsElement element) { - return isAppliedTo(element.element()); - } - - /** {@inheritDoc} */ - @Override - public void remove(Element element) { - cssClasses.forEach(cssClass -> cssClass.remove(element)); - } - - /** {@inheritDoc} */ - @Override - public void remove(IsElement element) { - remove(element.element()); - } -} diff --git a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/themes/Theme.java b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/themes/Theme.java index df2f8c46a..6dad3e018 100644 --- a/domino-ui-shared/src/main/java/org/dominokit/domino/ui/themes/Theme.java +++ b/domino-ui-shared/src/main/java/org/dominokit/domino/ui/themes/Theme.java @@ -13,6 +13,10 @@ * See the License for the specific language governing permissions and * limitations under the License. */ +/** + * The Theme class represents a color theme for a user interface. It provides a set of predefined + * color schemes and allows changing the current theme dynamically. + */ package org.dominokit.domino.ui.themes; import static elemental2.dom.DomGlobal.document; @@ -23,88 +27,68 @@ import org.dominokit.domino.ui.style.ColorScheme; import org.dominokit.domino.ui.style.Style; -/** Theme class. */ public class Theme { private static List themeChangeHandlers = new ArrayList<>(); - /** Constant RED */ + /** Predefined color scheme: Red. */ public static final ColorScheme RED = ColorScheme.RED; - /** Constant PINK */ + /** Predefined color scheme: Pink. */ public static final ColorScheme PINK = ColorScheme.PINK; - /** Constant PURPLE */ + /** Predefined color scheme: Purple. */ public static final ColorScheme PURPLE = ColorScheme.PURPLE; - /** Constant DEEP_PURPLE */ public static final ColorScheme DEEP_PURPLE = ColorScheme.DEEP_PURPLE; - /** Constant INDIGO */ public static final ColorScheme INDIGO = ColorScheme.INDIGO; - /** Constant BLUE */ public static final ColorScheme BLUE = ColorScheme.BLUE; - /** Constant LIGHT_BLUE */ public static final ColorScheme LIGHT_BLUE = ColorScheme.LIGHT_BLUE; - /** Constant CYAN */ public static final ColorScheme CYAN = ColorScheme.CYAN; - /** Constant TEAL */ public static final ColorScheme TEAL = ColorScheme.TEAL; - /** Constant GREEN */ public static final ColorScheme GREEN = ColorScheme.GREEN; - /** Constant LIGHT_GREEN */ public static final ColorScheme LIGHT_GREEN = ColorScheme.LIGHT_GREEN; - /** Constant LIME */ public static final ColorScheme LIME = ColorScheme.LIME; - /** Constant YELLOW */ public static final ColorScheme YELLOW = ColorScheme.YELLOW; - /** Constant AMBER */ public static final ColorScheme AMBER = ColorScheme.AMBER; - /** Constant ORANGE */ public static final ColorScheme ORANGE = ColorScheme.ORANGE; - /** Constant DEEP_ORANGE */ public static final ColorScheme DEEP_ORANGE = ColorScheme.DEEP_ORANGE; - /** Constant BROWN */ public static final ColorScheme BROWN = ColorScheme.BROWN; - /** Constant GREY */ public static final ColorScheme GREY = ColorScheme.GREY; - /** Constant BLUE_GREY */ public static final ColorScheme BLUE_GREY = ColorScheme.BLUE_GREY; - /** Constant BLACK */ public static final ColorScheme BLACK = ColorScheme.BLACK; - /** Constant WHITE */ public static final ColorScheme WHITE = ColorScheme.WHITE; - /** Constant TRANSPARENT */ public static final ColorScheme TRANSPARENT = ColorScheme.TRANSPARENT; private final ColorScheme scheme; private final String themeStyle; private final String name; - /** Constant currentTheme */ + /** The currently active theme. */ public static Theme currentTheme = new Theme(ColorScheme.RED); /** - * Constructor for Theme. + * Creates a new Theme instance with the specified color scheme. * - * @param scheme a {@link org.dominokit.domino.ui.style.ColorScheme} object. + * @param scheme The color scheme for this theme. */ public Theme(ColorScheme scheme) { this.scheme = scheme; @@ -113,53 +97,51 @@ public Theme(ColorScheme scheme) { } /** - * Getter for the field scheme. + * Gets the color scheme associated with this theme. * - * @return a {@link org.dominokit.domino.ui.style.ColorScheme} object. + * @return The color scheme. */ public ColorScheme getScheme() { return scheme; } /** - * Getter for the field themeStyle. + * Gets the CSS class representing the theme's style. * - * @return a {@link java.lang.String} object. + * @return The CSS class. */ public String getThemeStyle() { return themeStyle; } /** - * Getter for the field name. + * Gets the name of the theme. * - * @return a {@link java.lang.String} object. + * @return The name of the theme. */ public String getName() { return name; } /** - * addThemeChangeHandler. + * Adds a theme change handler to be notified when the theme changes. * - * @param themeChangeHandler a {@link org.dominokit.domino.ui.themes.Theme.ThemeChangeHandler} - * object. + * @param themeChangeHandler The theme change handler to add. */ public static void addThemeChangeHandler(ThemeChangeHandler themeChangeHandler) { themeChangeHandlers.add(themeChangeHandler); } /** - * removeThemeChangeHandler. + * Removes a theme change handler. * - * @param themeChangeHandler a {@link org.dominokit.domino.ui.themes.Theme.ThemeChangeHandler} - * object. + * @param themeChangeHandler The theme change handler to remove. */ public static void removeThemeChangeHandler(ThemeChangeHandler themeChangeHandler) { themeChangeHandlers.remove(themeChangeHandler); } - /** apply. */ + /** Applies this theme to the document's body element, changing the UI's color scheme. */ public void apply() { Theme oldTheme = currentTheme; if (nonNull(currentTheme)) document.body.classList.remove(currentTheme.themeStyle); @@ -169,8 +151,15 @@ public void apply() { themeChangeHandler -> themeChangeHandler.onThemeChanged(oldTheme, this)); } + /** A functional interface for handling theme change events. */ @FunctionalInterface public interface ThemeChangeHandler { + /** + * Called when the theme changes. + * + * @param oldTheme The previous theme. + * @param newTheme The new theme. + */ void onThemeChanged(Theme oldTheme, Theme newTheme); } } diff --git a/domino-ui-shared/src/main/javadoc/docs/jdocs.css b/domino-ui-shared/src/main/javadoc/docs/jdocs.css new file mode 100644 index 000000000..b2f939b88 --- /dev/null +++ b/domino-ui-shared/src/main/javadoc/docs/jdocs.css @@ -0,0 +1,51 @@ +/** + * Copyright © 2019 Dominokit + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +#fields-inherited-from-class-class\\.org\\.dominokit\\.domino\\.ui\\.style\\.ColorsCss, +#fields-inherited-from-class-class\\.org\\.dominokit\\.domino\\.ui\\.style\\.ColorsCss > h3, +#fields-inherited-from-class-class\\.org\\.dominokit\\.domino\\.ui\\.style\\.ColorsCss > code, + +#fields-inherited-from-class-class\\.org\\.dominokit\\.domino\\.ui\\.style\\.SpacingCss, +#fields-inherited-from-class-class\\.org\\.dominokit\\.domino\\.ui\\.style\\.SpacingCss > h3, +#fields-inherited-from-class-class\\.org\\.dominokit\\.domino\\.ui\\.style\\.SpacingCss > code, + +#fields-inherited-from-class-class\\.org\\.dominokit\\.domino\\.ui\\.style\\.DisplayCss, +#fields-inherited-from-class-class\\.org\\.dominokit\\.domino\\.ui\\.style\\.DisplayCss > h3, +#fields-inherited-from-class-class\\.org\\.dominokit\\.domino\\.ui\\.style\\.DisplayCss > code, + +#fields-inherited-from-class-class\\.org\\.dominokit\\.domino\\.ui\\.style\\.GenericCss, +#fields-inherited-from-class-class\\.org\\.dominokit\\.domino\\.ui\\.style\\.GenericCss > h3, +#fields-inherited-from-class-class\\.org\\.dominokit\\.domino\\.ui\\.style\\.GenericCss > code, + + +#fields\\.inherited\\.from\\.class\\.org\\.dominokit\\.domino\\.ui\\.style\\.ColorsCss, +#fields\\.inherited\\.from\\.class\\.org\\.dominokit\\.domino\\.ui\\.style\\.ColorsCss > h3, +#fields\\.inherited\\.from\\.class\\.org\\.dominokit\\.domino\\.ui\\.style\\.ColorsCss > code, + +#fields\\.inherited\\.from\\.class\\.org\\.dominokit\\.domino\\.ui\\.style\\.SpacingCss, +#fields\\.inherited\\.from\\.class\\.org\\.dominokit\\.domino\\.ui\\.style\\.SpacingCss > h3, +#fields\\.inherited\\.from\\.class\\.org\\.dominokit\\.domino\\.ui\\.style\\.SpacingCss > code, + +#fields\\.inherited\\.from\\.class\\.org\\.dominokit\\.domino\\.ui\\.style\\.DisplayCss, +#fields\\.inherited\\.from\\.class\\.org\\.dominokit\\.domino\\.ui\\.style\\.DisplayCss > h3, +#fields\\.inherited\\.from\\.class\\.org\\.dominokit\\.domino\\.ui\\.style\\.DisplayCss > code, + +#fields\\.inherited\\.from\\.class\\.org\\.dominokit\\.domino\\.ui\\.style\\.GenericCss, +#fields\\.inherited\\.from\\.class\\.org\\.dominokit\\.domino\\.ui\\.style\\.GenericCss > h3, +#fields\\.inherited\\.from\\.class\\.org\\.dominokit\\.domino\\.ui\\.style\\.GenericCss > code + +{ + display: none; +} diff --git a/domino-ui-tools/mdi-icons-processor/pom.xml b/domino-ui-tools/mdi-icons-processor/pom.xml index 2b85dbefe..aa38c1ae7 100644 --- a/domino-ui-tools/mdi-icons-processor/pom.xml +++ b/domino-ui-tools/mdi-icons-processor/pom.xml @@ -5,7 +5,7 @@ domino-ui-tools org.dominokit - 2.0.0-RC3 + 2.0.0-RC4 4.0.0 diff --git a/domino-ui-tools/pom.xml b/domino-ui-tools/pom.xml index 02d9239c6..93bec8500 100644 --- a/domino-ui-tools/pom.xml +++ b/domino-ui-tools/pom.xml @@ -5,7 +5,7 @@ domino-ui-parent org.dominokit - 2.0.0-RC3 + 2.0.0-RC4 4.0.0 diff --git a/domino-ui-webjar/pom.xml b/domino-ui-webjar/pom.xml index 0f6622243..637519591 100644 --- a/domino-ui-webjar/pom.xml +++ b/domino-ui-webjar/pom.xml @@ -5,7 +5,7 @@ domino-ui-parent org.dominokit - 2.0.0-RC3 + 2.0.0-RC4 jar 4.0.0 diff --git a/domino-ui/pom.xml b/domino-ui/pom.xml index c49db97c8..d40953f69 100644 --- a/domino-ui/pom.xml +++ b/domino-ui/pom.xml @@ -6,7 +6,7 @@ org.dominokit domino-ui-parent - 2.0.0-RC3 + 2.0.0-RC4 domino-ui @@ -75,6 +75,12 @@ domino-slf4j-logger 1.0.2 + + org.dominokit + domino-doc-tool + ${domino.doc.tool.version} + test + @@ -120,14 +126,8 @@ domino-ui.css - loaders/domino-ui-waitMe.css - - **/*.min.css - - - ${build.directory}/classes diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/alerts/Alert.java b/domino-ui/src/main/java/org/dominokit/domino/ui/alerts/Alert.java index 6476eef14..edc314996 100644 --- a/domino-ui/src/main/java/org/dominokit/domino/ui/alerts/Alert.java +++ b/domino-ui/src/main/java/org/dominokit/domino/ui/alerts/Alert.java @@ -22,13 +22,13 @@ import elemental2.dom.HTMLDivElement; import org.dominokit.domino.ui.button.RemoveButton; import org.dominokit.domino.ui.elements.DivElement; -import org.dominokit.domino.ui.style.Color; import org.dominokit.domino.ui.utils.*; /** - * Displays messages on the screen. + * Displays a none floating message anywhere in the page, the message can be permanent or + * dismissible * - *

This component provides four basic types of severity: + *

This component can be themed based on context, for example: * *

    *
  • Success @@ -37,10 +37,7 @@ *
  • Error *
* - *

Customize the component can be done by overwriting classes provided by {@link - * org.dominokit.domino.ui.alerts.AlertStyles} - * - *

For example: + *

Example: * * 

  *     Alert.success()
@@ -49,17 +46,17 @@
  *
* * @see BaseDominoElement - * @see HasBackground - * @see Color */ public class Alert extends BaseDominoElement { - private boolean dismissible = false; private final DivElement element; private final DivElement bodyElement; private LazyChild removeButton; - /** Constructor for Alert. */ + /** + * Creates an Alert message without assuming a specific context, context can be applied by adding + * a context css class like dui_success, dui_error, dui_info, .. etc + */ public Alert() { element = div().addCss(dui_alert).appendChild(bodyElement = div().addCss(dui_alert_body)); removeButton = LazyChild.of(RemoveButton.create().addClickListener(evt -> remove()), element); @@ -68,83 +65,91 @@ public Alert() { } /** - * Creates alert with default style + * Factory method to create an Alert message without assuming a specific context, context can be + * applied by adding a context css class like dui_success, dui_error, dui_info, .. etc * - * @return new alert instance + * @return new Alert instance */ public static Alert create() { return new Alert(); } /** - * Creates alert with primary context + * Factory method to create an Alert with primary context, primary context will set the message + * background to the theme primary context color * - * @return new alert instance + * @return new Alert instance */ public static Alert primary() { return create().addCss(dui_primary); } /** - * Creates alert with secondary context + * Factory method to create an Alert with secondary context, primary context will set the message + * background to the theme secondary context color * - * @return new alert instance + * @return new Alert instance */ public static Alert secondary() { return create().addCss(dui_secondary); } /** - * Creates alert with dominant context + * Factory method to create an Alert with dominant context, primary context will set the message + * background to the theme dominant context color * - * @return new alert instance + * @return new Alert instance */ public static Alert dominant() { return create().addCss(dui_dominant); } /** - * Creates alert with success context + * Factory method to create an Alert with success context, primary context will set the message + * background to the theme success context color * - * @return new alert instance + * @return new Alert instance */ public static Alert success() { return create().addCss(dui_success); } /** - * Creates alert with info context + * Factory method to create an Alert with info context, primary context will set the message + * background to the theme info context color * - * @return new alert instance + * @return new Alert instance */ public static Alert info() { return create().addCss(dui_info); } /** - * Creates alert with warning context + * Factory method to create an Alert with warning context, primary context will set the message + * background to the theme warning context color * - * @return new alert instance + * @return new Alert instance */ public static Alert warning() { return create().addCss(dui_warning); } /** - * Creates alert with error context + * Factory method to create an Alert with error context, primary context will set the message + * background to the theme error context color * - * @return new alert instance + * @return new Alert instance */ public static Alert error() { return create().addCss(dui_error); } /** - * Passing true means that the alert will be closable and a close button will be added to the - * element to hide it + * Use to show or hide the Alert message close button, clicking the close button will remove the + * Alert message from the dom. * - * @param dismissible true to set it as closable, false otherwise - * @return same instance + * @param dismissible true to show the close button, false to hide the close button + * @return Same Alert instance */ public Alert setDismissible(boolean dismissible) { if (dismissible) { @@ -155,40 +160,37 @@ public Alert setDismissible(boolean dismissible) { } /** - * Sets the alert to closable and a close button will be added to the element to hide it + * A shortcut method for setDismissible(true) * - * @return same instance + * @return Same Alert instance */ public Alert dismissible() { - dismissible = true; removeButton.get(); return this; } /** - * Sets the alert to not closable and the close button will be removed if exist, the alert can be - * hidden programmatically using {@link org.dominokit.domino.ui.alerts.Alert#remove()} + * Shortcut method for setDismissible(false) * - * @return same instance + * @return Same Alert instance */ public Alert unDismissible() { - dismissible = false; removeButton.remove(); return this; } - /** @return true if the alert is closable, false otherwise */ /** - * isDismissible. + * Use to check if the Alert instance is dismissible or not. * - * @return a boolean + * @return true if the alert is dismissible, false otherwise */ public boolean isDismissible() { - return dismissible; + return removeButton.isInitialized(); } /** - * Returns the close button for customization + * When this method is called, it is assumed the button will be customized for a dismissible alert + * and so the alert will be marked as dismissible. * * @return the close button element */ @@ -197,10 +199,11 @@ public RemoveButton getCloseButton() { } /** - * withCloseButton. + * Applies customization on the close button without breaking the fluent API chain, this will have + * the same effect as getCloseButton() * * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object - * @return a {@link org.dominokit.domino.ui.alerts.Alert} object + * @return Same Alert instance. */ public Alert withCloseButton(ChildHandler handler) { handler.apply(this, removeButton.get()); @@ -208,22 +211,22 @@ public Alert withCloseButton(ChildHandler handler) { } /** - * withCloseButton. + * This will be effectively same as setDismissible(true) * - * @return a {@link org.dominokit.domino.ui.alerts.Alert} object + * @return Same Alert instance */ public Alert withCloseButton() { removeButton.get(); return this; } - /** {@inheritDoc} */ + /** @dominokit-site-ignore {@inheritDoc} */ @Override public Element getAppendTarget() { return bodyElement.element(); } - /** {@inheritDoc} */ + /** @dominokit-site-ignore {@inheritDoc} */ @Override public HTMLDivElement element() { return element.element(); diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/animations/Animation.java b/domino-ui/src/main/java/org/dominokit/domino/ui/animations/Animation.java index c7ac0c774..76bc09752 100644 --- a/domino-ui/src/main/java/org/dominokit/domino/ui/animations/Animation.java +++ b/domino-ui/src/main/java/org/dominokit/domino/ui/animations/Animation.java @@ -26,12 +26,12 @@ import org.gwtproject.timer.client.Timer; /** - * Animates an {@link elemental2.dom.HTMLElement} + * Animates components and elements. * *

This class is used to animate an HTMLElement and provide a set of method to configure the - * animation, also provide some method to add some callback during different animation phases + * animation and register callbacks like, onBeforeStart and onComplete * - *

For example: + *

Example: * * 

  *
@@ -59,20 +59,20 @@ public class Animation {
   private EventListener stopListener;
   private double repeatCount = 1;
 
-  /** @param element an {@link HTMLElement} to be animated */
   /**
-   * Constructor for Animation.
+   * Creates a new Animation instance for the provided element.
    *
-   * @param element a {@link elemental2.dom.Element} object
+   * @param element an {@link Element} to be animated
    */
   public Animation(Element element) {
     this.element = elements.elementOf(element);
   }
 
   /**
-   * Constructor for Animation.
+   * Creates a new Animation instance for the provided element and specify the duration, delay and
+   * the if it will be an infinite animation or not.
    *
-   * @param element an {@link elemental2.dom.HTMLElement} to be animated
+   * @param element an {@link elemental2.dom.Element} to be animated
    * @param duration int duration of animation in milliseconds
    * @param delay int delay in millisecond before the animation starts
    * @param infinite boolean repeat this animation infinitely or until {@link
@@ -86,9 +86,9 @@ public Animation(HTMLElement element, int duration, int delay, boolean infinite)
   }
 
   /**
-   * static factory method to create an animation for an {@link elemental2.dom.HTMLElement}
+   * Factory method to create an animation for an {@link elemental2.dom.Element}
    *
-   * @param element an {@link elemental2.dom.HTMLElement} to be animated
+   * @param element an {@link elemental2.dom.Element} to be animated
    * @return an {@link org.dominokit.domino.ui.animations.Animation} instance
    */
   public static Animation create(Element element) {
@@ -119,7 +119,7 @@ public Animation duration(int duration) {
   }
 
   /**
-   * sets the time the animation should wait before actually animate the element after {@link
+   * Sets the time the animation should wait before actually animate the element after {@link
    * Animation#animate()} is called
    *
    * @param delay in delay in milliseconds
@@ -131,7 +131,7 @@ public Animation delay(int delay) {
   }
 
   /**
-   * sets the animation as infinite so once the animation starts it will repeat infinitely or until
+   * Sets the animation as infinite so once the animation starts it will repeat infinitely or until
    * {@link org.dominokit.domino.ui.animations.Animation#stop()} is called
    *
    * @return same instance
@@ -142,7 +142,7 @@ public Animation infinite() {
   }
 
   /**
-   * sets the transition type for this animation.
+   * Sets the transition type for this animation.
    *
    * @param transition a {@link org.dominokit.domino.ui.animations.Transition} value
    * @return same instance
@@ -153,11 +153,10 @@ public Animation transition(Transition transition) {
   }
 
   /**
-   * sets the animation to repeat for a specific number of times or until {@link
+   * Sets the animation to repeat for a specific number of times or until {@link
    * org.dominokit.domino.ui.animations.Animation#stop()} is called.
    *
-   * @param repeatCount double the number of times the animation to be repeated e.g
-   *     
2.5

+   * @param repeatCount double, The number of times the animation to be repeated, Example 2.5
    *     repeats the animation 2 times and a half
    * @return same instance
    */
@@ -167,7 +166,7 @@ public Animation repeat(double repeatCount) {
   }
 
   /**
-   * sets some logic to be executed when the animation is completed
+   * Register a callback be executed when the animation is completed
    *
    * @param callback a {@link org.dominokit.domino.ui.animations.Animation.CompleteCallback} to be
    *     executed
@@ -179,7 +178,7 @@ public Animation callback(CompleteCallback callback) {
   }
 
   /**
-   * sets some logic to be executed before the animation starts
+   * Register a callback be executed before the animation starts
    *
    * @param startHandler {@link org.dominokit.domino.ui.animations.Animation.StartHandler} to be
    *     executed
@@ -191,7 +190,7 @@ public Animation beforeStart(StartHandler startHandler) {
   }
 
   /**
-   * starts animating the element, if there is a delay the animation will start after the delay
+   * Starts animating the element, if there is a delay the animation will start after the delay
    *
    * @return same instance
    */
@@ -239,17 +238,18 @@ private void animateElement() {
 
   /**
    * stops the animation and calls the {@link
-   * org.dominokit.domino.ui.animations.Animation.CompleteCallback} if it is set.
+   * org.dominokit.domino.ui.animations.Animation.CompleteCallback} if registered.
    */
   public void stop() {
     stop(false);
   }
 
   /**
-   * stops the animation and calls the {@link
-   * org.dominokit.domino.ui.animations.Animation.CompleteCallback} if it is set.
+   * Stops the animation and calls the registered {@link
+   * org.dominokit.domino.ui.animations.Animation.CompleteCallback} only if silent is set to false.
    *
-   * @param silent a boolean
+   * @param silent boolean, true to ignore the callback when animation completed,
+   *     false to execute the callback.
    */
   public void stop(boolean silent) {
     element.removeCss(transition.getStyle());
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/badges/Badge.java b/domino-ui/src/main/java/org/dominokit/domino/ui/badges/Badge.java
index 18df34cc1..213886539 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/badges/Badge.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/badges/Badge.java
@@ -24,30 +24,26 @@
 import org.dominokit.domino.ui.utils.*;
 
 /**
- * Displays small label with color.
+ * Displays a label that fits within other components and elements.
  *
- * 
This component provides a small label that has background color and a text. Customize the
- * component can be done by overwriting classes provided by {@link
- * org.dominokit.domino.ui.badges.BadgeStyles}
+ * 
The component will auto-fit within other elements and will float to the right by default, and
+ * will show at the top right if appended to icons.
  *
- * 
For example:
+ * 
Example:
  *
  * 
  *     Badge.create("label")
  * 

  *
  * @see BaseDominoElement
- * @see HasBackground
  */
 public class Badge extends BaseDominoElement {
   private final Text textNode = ElementsFactory.elements.text();
-
-  private boolean removable = false;
   private final SpanElement element;
-  private LazyChild removeButton;
+  private final LazyChild removeButton;
 
   /**
-   * Creates badge with {@code content}
+   * factory method to create a badge with a text {@code content}
    *
    * @param content the text to be added to the badge
    * @return new badge instance
@@ -58,7 +54,7 @@ public static Badge create(String content) {
     return badge;
   }
 
-  /** Constructor for Badge. */
+  /** Creates an empty badge instance. */
   public Badge() {
     element = span().addCss(dui_badge);
     removeButton = LazyChild.of(RemoveButton.create().addClickListener(evt -> remove()), element);
@@ -66,18 +62,19 @@ public Badge() {
     appendChild(textNode);
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public HTMLElement element() {
     return element.element();
   }
 
   /**
-   * Passing true means that the alert will be closable and a close button will be added to the
-   * element to hide it
+   * Sets the badge as removable or not, removable badges will have a close button, clicking the
+   * close button will remove the badge from the dom.
    *
-   * @param removable true to set it as closable, false otherwise
-   * @return same instance
+   * @param removable true to set it as removable and show the close button, false the
+   *     badge is not removable and close button will be removed.
+   * @return Same badge instance
    */
   public Badge setRemovable(boolean removable) {
     if (removable) {
@@ -88,40 +85,39 @@ public Badge setRemovable(boolean removable) {
   }
 
   /**
-   * Sets the alert to closable and a close button will be added to the element to hide it
+   * Shortcut method for setRemovable(true) Sets the alert to closable and a close button
+   * will be added.
    *
-   * @return same instance
+   * @return Same badge instance
    */
   public Badge removable() {
-    removable = true;
     removeButton.get();
     return this;
   }
 
   /**
-   * Sets the alert to not closable and the close button will be removed if exist, the alert can be
-   * hidden programmatically using {@link org.dominokit.domino.ui.alerts.Alert#remove()}
+   * Sets the alert to not closable and the close button will be removed if exists, the alert can be
+   * removed programmatically using {@link org.dominokit.domino.ui.alerts.Alert#remove()}
    *
-   * @return same instance
+   * @return Same badge instance
    */
   public Badge unRemovable() {
-    removable = false;
     removeButton.remove();
     return this;
   }
 
-  /** @return true if the alert is closable, false otherwise */
   /**
-   * isRemovable.
+   * Use to check if the badge is removable or not
    *
-   * @return a boolean
+   * @return a boolean, true if removable and false otherwise.
    */
   public boolean isRemovable() {
-    return removable;
+    return removeButton.isInitialized();
   }
 
   /**
-   * Returns the close button for customization
+   * Use to get a reference to the close button, calling this will assume the badge should be
+   * removable and will add the remove button to the badge
    *
    * @return the close button element
    */
@@ -130,10 +126,13 @@ public RemoveButton getCloseButton() {
   }
 
   /**
-   * withCloseButton.
+   * Use to customize the close button without breaking the fluent API chain. using this method will
+   * produce the same behavior as the getCloseButton method, it will add the remove button to
+   * the badge
    *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a {@link org.dominokit.domino.ui.badges.Badge} object
+   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} to applied on the remove
+   *     button
+   * @return same badge instance
    */
   public Badge withCloseButton(ChildHandler handler) {
     handler.apply(this, removeButton.get());
@@ -141,9 +140,9 @@ public Badge withCloseButton(ChildHandler handler) {
   }
 
   /**
-   * withCloseButton.
+   * Adds the remove button to the badge.
    *
-   * @return a {@link org.dominokit.domino.ui.badges.Badge} object
+   * @return same badge instance
    */
   public Badge withCloseButton() {
     removeButton.get();
@@ -151,10 +150,10 @@ public Badge withCloseButton() {
   }
 
   /**
-   * Sets the text content of the badge
+   * Sets the html textContent of the badge element.
    *
    * @param text the new content
-   * @return same instance
+   * @return same badge instance
    */
   public Badge setText(String text) {
     textNode.textContent = text;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/breadcrumbs/Breadcrumb.java b/domino-ui/src/main/java/org/dominokit/domino/ui/breadcrumbs/Breadcrumb.java
index 62bf0b28e..b6bfa14a7 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/breadcrumbs/Breadcrumb.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/breadcrumbs/Breadcrumb.java
@@ -27,22 +27,16 @@
 import org.dominokit.domino.ui.elements.OListElement;
 import org.dominokit.domino.ui.icons.Icon;
 import org.dominokit.domino.ui.utils.BaseDominoElement;
-import org.dominokit.domino.ui.utils.HasBackground;
 import org.dominokit.domino.ui.utils.HasChangeListeners;
 
 /**
- * Provides current location in a navigational hierarchy.
+ * A component to represent the navigation path the user took to reach the current view or page
  *
  * 
This component displays locations with the ability to navigate between them and highlighting
- * the current one, each location can have text and icon with a click listener that will be called
- * when user clicks on it.
- *
- * 
Customize the component can be done by overwriting classes provided by {@link
- * BreadcrumbStyles}
+ * the current one, each location can have text and icon with a click listener.
  *
+ * @see HasChangeListeners
  * @see BaseDominoElement
- * @see HasBackground
- * @see BreadcrumbItem
  */
 public class Breadcrumb extends BaseDominoElement
     implements HasChangeListeners {
@@ -54,14 +48,14 @@ public class Breadcrumb extends BaseDominoElement
 
   private boolean changeListenersPaused = false;
 
-  /** Constructor for Breadcrumb. */
+  /** Creates an empty breadcrumb instance */
   public Breadcrumb() {
     element = ol().addCss(dui_breadcrumb);
     init(this);
   }
 
   /**
-   * Creates new empty breadcrumb
+   * Factory method to create new empty breadcrumb instance
    *
    * @return new breadcrumb instance
    */
@@ -75,7 +69,7 @@ public static Breadcrumb create() {
    * @param text the label of the location
    * @param onClick {@link elemental2.dom.EventListener} that will be called when the location is
    *     clicked
-   * @return same instance
+   * @return same breadcrumb instance
    */
   public Breadcrumb appendChild(String text, EventListener onClick) {
     BreadcrumbItem item = BreadcrumbItem.create(text);
@@ -85,13 +79,14 @@ public Breadcrumb appendChild(String text, EventListener onClick) {
   }
 
   /**
-   * Adds new location with {@code text}, {@code icon} and {@code onClick} listener
+   * Creates a new {@link BreadcrumbItem} with the provided icon, text, and
+   * click listener and add it to the current breadcrumb instance
    *
    * @param icon the {@link org.dominokit.domino.ui.icons.Icon} of the location
    * @param text the label of the location
    * @param onClick {@link elemental2.dom.EventListener} that will be called when the location is
    *     clicked
-   * @return same instance
+   * @return same breadcrumb instance
    */
   public Breadcrumb appendChild(Icon icon, String text, EventListener onClick) {
     BreadcrumbItem item = BreadcrumbItem.create(icon, text);
@@ -101,24 +96,23 @@ public Breadcrumb appendChild(Icon icon, String text, EventListener onClick)
   }
 
   /**
-   * Adds new location by providing {@link org.dominokit.domino.ui.breadcrumbs.BreadcrumbItem},
-   * change handler can be triggered
+   * Adds provided {@link BreadcrumbItem}s to the current Breadcrumb instance
    *
-   * @param items the {@link org.dominokit.domino.ui.breadcrumbs.BreadcrumbItem} location to be
-   *     added
-   * @return same instance
+   * @param items the {@link org.dominokit.domino.ui.breadcrumbs.BreadcrumbItem}s to be added
+   * @return same breadcrumb instance
    */
   public Breadcrumb appendChild(BreadcrumbItem... items) {
     return appendChild(false, items);
   }
 
   /**
-   * Adds new location by providing {@link org.dominokit.domino.ui.breadcrumbs.BreadcrumbItem}
+   * Adds the provided {@link org.dominokit.domino.ui.breadcrumbs.BreadcrumbItem}s then activate the
+   * last item and checks the silent flag to decide on calling the change listeners.
    *
-   * @param silent boolean, if true dont trigger change handlers
-   * @param items the {@link org.dominokit.domino.ui.breadcrumbs.BreadcrumbItem} location to be
-   *     added
-   * @return same instance
+   * @param silent boolean, if true to ignore the change listeners, otherwise change
+   *     listeners will be triggered.
+   * @param items the {@link org.dominokit.domino.ui.breadcrumbs.BreadcrumbItem}s to be added
+   * @return same breadcrumb instance
    */
   public Breadcrumb appendChild(boolean silent, BreadcrumbItem... items) {
     for (BreadcrumbItem item : items) {
@@ -129,10 +123,11 @@ public Breadcrumb appendChild(boolean silent, BreadcrumbItem... items) {
   }
 
   /**
-   * Adds new location by providing {@link org.dominokit.domino.ui.breadcrumbs.BreadcrumbItem}
+   * Adds the provided {@link org.dominokit.domino.ui.breadcrumbs.BreadcrumbItem} to the current
+   * breadcrumb instance
    *
-   * @param item the {@link org.dominokit.domino.ui.breadcrumbs.BreadcrumbItem} location to be added
-   * @return same instance
+   * @param item the {@link org.dominokit.domino.ui.breadcrumbs.BreadcrumbItem} to be added
+   * @return same breadcrumb instance
    */
   public Breadcrumb appendChild(BreadcrumbItem item) {
     addAndActivateNewItem(item);
@@ -140,12 +135,11 @@ public Breadcrumb appendChild(BreadcrumbItem item) {
   }
 
   /**
-   * Remove child BreadcrumbItems from a given index, inclusive.
+   * Remove all breadcrumb items starting from the provided index inclusive.
    *
-   * @param itemFromIndex the {@link org.dominokit.domino.ui.breadcrumbs.BreadcrumbItem} index from
-   *     which and all its siblings are removed.
-   * @param silent boolean, if true dont trigger change handlers
-   * @return same instance
+   * @param itemFromIndex the starting index from of the breadcrumb items to be removed
+   * @param silent boolean, if true dont trigger change listeners
+   * @return same breadcrumb instance
    */
   public Breadcrumb removeChildFrom(int itemFromIndex, boolean silent) {
     List removedItems = items.subList(itemFromIndex, items.size());
@@ -179,21 +173,22 @@ private void addNewItem(BreadcrumbItem item) {
   }
 
   /**
-   * Set a given item as the active item of the breadcrumb, change handler can be triggered
+   * Set a given item as the active item of the breadcrumb and trigger the change listeners.
    *
    * @param item The item be set as active one
-   * @return same instance
+   * @return same breadcrumb instance
    */
   public Breadcrumb setActiveItem(BreadcrumbItem item) {
     return setActiveItem(item, false);
   }
 
   /**
-   * Set a given item as the active item of the breadcrumb
+   * Set the active breadcrumb item and ignore the change listeners if the silent flag is
+   * true.
    *
    * @param item The item be set as active one
    * @param silent boolean, if true dont trigger change handlers
-   * @return same instance
+   * @return same breadcrumb instance
    */
   public Breadcrumb setActiveItem(BreadcrumbItem item, boolean silent) {
     // If item is already active, do nothing here.
@@ -226,9 +221,11 @@ public Breadcrumb setActiveItem(BreadcrumbItem item, boolean silent) {
   }
 
   /**
-   * If true, then selecting location will remove the tailing ones.
+   * If true, then activating a breadcrumb item will remove the tailing ones.
    *
-   * 
For example:
+   * 
Default to false
+   *
+   * 
Example:
    *
    * 
    
    *   
  • Given {@code removeTail} is true and having 4 locations as follows:
@@ -242,8 +239,9 @@ public Breadcrumb setActiveItem(BreadcrumbItem item, boolean silent) {
    *       D
    * 

    *
-   * @param removeTail true for activating remove tail, false otherwise
-   * @return same instance
+   * @param removeTail true to enable remove tail on item activation, false to disable
+   *     it.
+   * @return same breadcrumb instance
    */
   public Breadcrumb setRemoveActiveTailItem(boolean removeTail) {
     this.removeTail = removeTail;
@@ -251,9 +249,9 @@ public Breadcrumb setRemoveActiveTailItem(boolean removeTail) {
   }
 
   /**
-   * Removes all locations from the breadcrumb
+   * Removes all breadcrumb items from the breadcrumb
    *
-   * @return same instance
+   * @return same breadcrumb instance
    */
   public Breadcrumb removeAll() {
     items.forEach(BaseDominoElement::remove);
@@ -262,86 +260,76 @@ public Breadcrumb removeAll() {
     return this;
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public HTMLOListElement element() {
     return element.element();
   }
 
-  /** @return The active {@link BreadcrumbItem} location */
-  /**
-   * Getter for the field activeItem.
-   *
-   * @return a {@link org.dominokit.domino.ui.breadcrumbs.BreadcrumbItem} object
-   */
+  /** @return a current active {@link org.dominokit.domino.ui.breadcrumbs.BreadcrumbItem} */
   public BreadcrumbItem getActiveItem() {
     return activeItem;
   }
 
-  /** @return All {@link BreadcrumbItem} locations */
-  /**
-   * Getter for the field items.
-   *
-   * @return a {@link java.util.List} object
-   */
+  /** @return a List of all breadcrumb items currently available in the breadcrumb instance. */
   public List getItems() {
     return items;
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} {@link HasChangeListeners} */
   @Override
   public Breadcrumb addChangeListener(ChangeListener changeListener) {
     changeListeners.add(changeListener);
     return this;
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} {@link HasChangeListeners} */
   @Override
   public Breadcrumb removeChangeListener(ChangeListener changeListener) {
     changeListeners.remove(changeListener);
     return this;
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} {@link HasChangeListeners} */
   @Override
   public boolean hasChangeListener(ChangeListener changeListener) {
     return changeListeners.contains(changeListener);
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} {@link HasChangeListeners} */
   @Override
   public Breadcrumb pauseChangeListeners() {
     this.changeListenersPaused = true;
     return this;
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} {@link HasChangeListeners} */
   @Override
   public Breadcrumb resumeChangeListeners() {
     this.changeListenersPaused = false;
     return this;
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} {@link HasChangeListeners} */
   @Override
   public Breadcrumb togglePauseChangeListeners(boolean toggle) {
     this.changeListenersPaused = toggle;
     return this;
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} {@link HasChangeListeners} */
   @Override
   public Set> getChangeListeners() {
     return changeListeners;
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} {@link HasChangeListeners} */
   @Override
   public boolean isChangeListenersPaused() {
     return this.changeListenersPaused;
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} {@link HasChangeListeners} */
   @Override
   public Breadcrumb triggerChangeListeners(BreadcrumbItem oldValue, BreadcrumbItem newValue) {
     changeListeners.forEach(changeListener -> changeListener.onValueChanged(oldValue, newValue));
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/breadcrumbs/BreadcrumbItem.java b/domino-ui/src/main/java/org/dominokit/domino/ui/breadcrumbs/BreadcrumbItem.java
index f07809eec..afea2c830 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/breadcrumbs/BreadcrumbItem.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/breadcrumbs/BreadcrumbItem.java
@@ -21,24 +21,18 @@
 import org.dominokit.domino.ui.elements.AnchorElement;
 import org.dominokit.domino.ui.elements.LIElement;
 import org.dominokit.domino.ui.icons.Icon;
-import org.dominokit.domino.ui.style.BooleanCssClass;
-import org.dominokit.domino.ui.style.GenericCss;
 import org.dominokit.domino.ui.utils.BaseDominoElement;
 import org.dominokit.domino.ui.utils.ChildHandler;
 import org.dominokit.domino.ui.utils.HasClickableElement;
 
 /**
- * A component for {@link org.dominokit.domino.ui.breadcrumbs.Breadcrumb} location.
+ * A component used within {@link Breadcrumb} and represent a navigation path taken to reach a
+ * specific page and view.
  *
- * 
This component provides basic styles of a location and functionalities that allows switching
- * between location statuses
+ * 
Clicking a BreadcrumbItem would trigger change listeners defined on the Breadcrumb, the
+ * library user can use them to navigate the user to different views or pages.
  *
- * 
Customize the component can be done by overwriting classes provided by {@link
- * BreadcrumbStyles}
- *
- * @see Breadcrumb
  * @see BaseDominoElement
- * @see HasClickableElement
  */
 public class BreadcrumbItem extends BaseDominoElement
     implements HasClickableElement {
@@ -49,11 +43,11 @@ public class BreadcrumbItem extends BaseDominoElement icon;
 
   /**
-   * Constructor for BreadcrumbItem.
+   * Creates a BreadcrumbItem with a text
    *
-   * @param text a {@link java.lang.String} object
+   * @param text The label text for the BreadcrumbItem
    */
-  protected BreadcrumbItem(String text) {
+  public BreadcrumbItem(String text) {
     element = li();
     init(this);
     anchorElement = a().removeHref();
@@ -63,41 +57,52 @@ protected BreadcrumbItem(String text) {
   }
 
   /**
-   * Constructor for BreadcrumbItem.
+   * Creates a BreadcrumbItem with a text and icon
+   *
+   * @param text The label text for the BreadcrumbItem
+   * @param icon An {@link org.dominokit.domino.ui.icons.Icon} that prefix the BreadcrumbItem labels
+   */
+  public BreadcrumbItem(String text, Icon icon) {
+    this(text);
+    this.icon = icon;
+    this.anchorElement.insertFirst(icon);
+  }
+
+  /**
+   * Creates a BreadcrumbItem with a text and icon
    *
-   * @param text a {@link java.lang.String} object
-   * @param icon a {@link org.dominokit.domino.ui.icons.Icon} object
+   * @param icon An {@link org.dominokit.domino.ui.icons.Icon} that prefix the BreadcrumbItem labels
+   * @param text The label text for the BreadcrumbItem
    */
-  protected BreadcrumbItem(String text, Icon icon) {
+  public BreadcrumbItem(Icon icon, String text) {
     this(text);
     this.icon = icon;
     this.anchorElement.insertFirst(icon);
   }
 
   /**
-   * Creates location with text content
+   * Factory method to create a BreadcrumbItem with a text
    *
-   * @param text the content of the item
-   * @return new instance
+   * @param text The label text for the BreadcrumbItem
+   * @return new BreadcrumbItem instance
    */
   public static BreadcrumbItem create(String text) {
     return new BreadcrumbItem(text);
   }
 
   /**
-   * Creates item with text content and icon
+   * Factory method to create a BreadcrumbItem with a text and icon
    *
-   * @param icon the {@link org.dominokit.domino.ui.icons.Icon} of the item
-   * @param text the content of the item
-   * @return new instance
+   * @param icon An {@link org.dominokit.domino.ui.icons.Icon} that prefix the BreadcrumbItem labels
+   * @param text The label text for the BreadcrumbItem
+   * @return new BreadcrumbItem instance
    */
   public static BreadcrumbItem create(Icon icon, String text) {
     return new BreadcrumbItem(text, icon);
   }
 
   /**
-   * Sets item as active, customizing the active style can be done by overwriting {@link
-   * GenericCss#dui_active} CSS class
+   * Apply the active style to this BreadcrumbItem instance
    *
    * @return same instance
    */
@@ -107,7 +112,7 @@ BreadcrumbItem activate() {
   }
 
   /**
-   * Sets item as inactive
+   * Remove the active style from this BreadcrumbItem instance
    *
    * @return same instance
    */
@@ -116,62 +121,47 @@ BreadcrumbItem deActivate() {
     return this;
   }
 
-  /**
-   * If true, sets the status to active, otherwise sets the status to inactive
-   *
-   * @param active the boolean to set the status
-   * @return same instance
-   * @deprecated This method should be no longer used directly. Use {@link
-   *     Breadcrumb#setActiveItem(BreadcrumbItem)} instead
-   */
-  @Deprecated
-  public BreadcrumbItem setActive(boolean active) {
-    addCss(BooleanCssClass.of(dui_active, active));
-    return this;
-  }
-
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public HTMLLIElement element() {
     return element.element();
   }
 
-  /** {@inheritDoc} */
+  /**
+   * @return the element instance within this component that would receive the clicks when we
+   *     register a click event listener directly to the BreadcrumbItem
+   */
   @Override
   public HTMLAnchorElement getClickableElement() {
     return anchorElement.element();
   }
 
-  /** @return the {@link Text} content */
-  /**
-   * Getter for the field textElement.
-   *
-   * @return a {@link elemental2.dom.Text} object
-   */
+  /** @return a {@link elemental2.dom.Text} node for this BreadcrumbItem label text */
   public Text getTextElement() {
     return textElement;
   }
 
-  /** @return the {@link Icon} */
   /**
-   * Getter for the field icon.
-   *
-   * @return a {@link org.dominokit.domino.ui.icons.Icon} object
+   * @return The {@link org.dominokit.domino.ui.icons.Icon} of this BreadcrumbItem instance if
+   *     present or null.
    */
   public Icon getIcon() {
     return icon;
   }
 
-  /** @return true if the item is active, false otherwise */
-  /**
-   * isActive.
-   *
-   * @return a boolean
-   */
+  /** @return true if the item is active, false otherwise. */
   public boolean isActive() {
     return dui_active.isAppliedTo(this);
   }
 
+  /**
+   * Use to customize the AnchorElement of this BreadcrumbItem instance without breaking the fluent
+   * API chain.
+   *
+   * @param handler A {@link ChildHandler} that will apply the desired customization, holds a
+   *     reference to both the BreadcrumbItem and the AnchorElement
+   * @return same BreadcrumbItem instance
+   */
   public BreadcrumbItem withAnchor(ChildHandler handler) {
     handler.apply(this, anchorElement);
     return this;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/button/BaseButton.java b/domino-ui/src/main/java/org/dominokit/domino/ui/button/BaseButton.java
index 5b8a72d57..ac2465fa6 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/button/BaseButton.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/button/BaseButton.java
@@ -106,23 +106,26 @@ protected BaseButton(Icon icon) {
     setIcon(icon);
   }
 
-  /** {@inheritDoc} */
+  /** @hidden {@inheritDoc} */
   @Override
   public Element getAppendTarget() {
     return bodyElement.element();
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Update the button text
+   *
+   * @return an instance of B implementation extending from BaseButton
+   */
   @Override
   public B setTextContent(String text) {
     return setText(text);
   }
 
   /**
-   * setText.
+   * Update the button text
    *
-   * @param text a {@link java.lang.String} object
-   * @return a B object
+   * @return an instance of B implementation extending from BaseButton
    */
   public B setText(String text) {
     textElement.get().setTextContent(text);
@@ -132,8 +135,8 @@ public B setText(String text) {
   /**
    * {@inheritDoc}
    *
-   * 
return the clickable {@link HTMLElement} of this component, which the component button
-   * element.
+   * @return the element that will receive click events when click listeners ar added to this
+   *     component
    */
   @Override
   public HTMLElement getClickableElement() {
@@ -141,10 +144,9 @@ public HTMLElement getClickableElement() {
   }
 
   /**
-   * changes the button to a circle button by applying {@link
-   * org.dominokit.domino.ui.button.ButtonStyles#dui_circle}
+   * changes the button to a circle button by applying dui_circle css style
    *
-   * @return same instance
+   * @return same Button instance.
    */
   public B circle() {
     buttonElement.addCss(ButtonStyles.dui_circle);
@@ -168,19 +170,22 @@ public B setIcon(Icon icon) {
   }
 
   /**
-   * Getter for the field textElement.
+   * This will automatically initialize the button text element and append to the button if it was
+   * not initialized yet.
    *
-   * @return a {@link org.dominokit.domino.ui.elements.SpanElement} object
+   * @return a {@link org.dominokit.domino.ui.elements.SpanElement} that holds the button text.
    */
   public SpanElement getTextElement() {
     return textElement.get();
   }
 
   /**
-   * withTextElement.
+   * Use this to apply customizations to the button text element without breaking the fluent API
+   * chain this will initialize the text element and append it to the button if it was not yet
+   * initialized.
    *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a B object
+   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} to apply the customization
+   * @return same button instance
    */
   public B withTextElement(ChildHandler handler) {
     handler.apply((B) this, textElement.get());
@@ -188,9 +193,10 @@ public B withTextElement(ChildHandler handler) {
   }
 
   /**
-   * withTextElement.
+   * This will initialize the text element and append it to the button if it was not yet
+   * initialized.
    *
-   * @return a B object
+   * @return same button instance
    */
   public B withTextElement() {
     textElement.get();
@@ -198,10 +204,12 @@ public B withTextElement() {
   }
 
   /**
-   * withIconElement.
+   * Use this to apply customizations to the button icon element without breaking the fluent API
+   * chain this will initialize the icon element and append it to the button if it was not yet
+   * initialized.
    *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a B object
+   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} to apply the customization
+   * @return same button instance
    */
   public B withIconElement(ChildHandler> handler) {
     if (nonNull(iconElement)) {
@@ -211,9 +219,10 @@ public B withIconElement(ChildHandler> handler) {
   }
 
   /**
-   * withIconElement.
+   * This will initialize the icon element and append it to the button if it was not yet
+   * initialized.
    *
-   * @return a B object
+   * @return same button instance
    */
   public B withIconElement() {
     if (nonNull(iconElement)) {
@@ -222,29 +231,37 @@ public B withIconElement() {
     return (B) this;
   }
 
+  /**
+   * Use this to apply customizations to the button body element without breaking the fluent API
+   * chain
+   *
+   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} to apply the customization
+   * @return same button instance
+   */
   public B withBodyElement(ChildHandler handler) {
     handler.apply((B) this, bodyElement);
     return (B) this;
   }
 
   /**
-   * setReversed.
+   * Reverse the order of the button icon and text
    *
-   * @param reversed a boolean
-   * @return a B object
+   * @param reversed true to order text to the left and icon to the right, false icon
+   *     to the right and text to the left
+   * @return same button instance
    */
   public B setReversed(boolean reversed) {
     addCss(BooleanCssClass.of(dui_button_reversed, reversed));
     return (B) this;
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public HTMLElement element() {
     return buttonElement.element();
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public B asButton() {
     return (B) this;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/button/Button.java b/domino-ui/src/main/java/org/dominokit/domino/ui/button/Button.java
index c0205ace5..7eda77be1 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/button/Button.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/button/Button.java
@@ -23,18 +23,15 @@
  * a simple button component
  *
  * 
this class provide a set of factory methods to create simple buttons with different styles and
- * a combination of a text and icon. example
+ * a combination of a text and icon.
  */
 public class Button extends BaseButton {
 
-  /**
-   * creates a Button without a text and with {@link
-   * org.dominokit.domino.ui.style.Elevation#LEVEL_1}
-   */
+  /** Creates an empty button */
   public Button() {}
 
   /**
-   * create a Button with a text and with {@link org.dominokit.domino.ui.style.Elevation#LEVEL_1}
+   * create a Button with a text.
    *
    * @param text String, the button text
    */
@@ -43,7 +40,7 @@ public Button(String text) {
   }
 
   /**
-   * creates a Button with an icon and {@link org.dominokit.domino.ui.style.Elevation#LEVEL_1}
+   * Creates a Button with an icon
    *
    * @param icon The button icon
    */
@@ -52,17 +49,17 @@ public Button(Icon icon) {
   }
 
   /**
-   * Constructor for Button.
+   * Creates button with text and icon
    *
-   * @param text a {@link java.lang.String} object
-   * @param icon a {@link org.dominokit.domino.ui.icons.Icon} object
+   * @param text The button text
+   * @param icon The button icon
    */
   public Button(String text, Icon icon) {
     super(text, icon);
   }
 
   /**
-   * creats a Button using {@link org.dominokit.domino.ui.button.Button#Button()}
+   * Factory method to create empty button
    *
    * @return new Button instance
    */
@@ -71,9 +68,9 @@ public static Button create() {
   }
 
   /**
-   * create a button using {@link org.dominokit.domino.ui.button.Button#Button(String)}
+   * Factory method to create a button with a text.
    *
-   * @param text String button text
+   * @param text The button text
    * @return new Button instance
    */
   public static Button create(String text) {
@@ -81,10 +78,9 @@ public static Button create(String text) {
   }
 
   /**
-   * creates a Button with an icon by calling {@link
-   * org.dominokit.domino.ui.button.Button#Button(Icon)}
+   * Factory method to create a button with an icon.
    *
-   * @param icon {@link org.dominokit.domino.ui.icons.Icon}, the button icon
+   * @param icon the button icon
    * @return new Button instance
    */
   public static Button create(Icon icon) {
@@ -92,30 +88,28 @@ public static Button create(Icon icon) {
   }
 
   /**
-   * creates a Button with an icon by calling {@link
-   * org.dominokit.domino.ui.button.Button#Button(Icon)}
+   * Factory method to create button with a text and icon.
    *
-   * @param icon {@link org.dominokit.domino.ui.icons.Icon}, the button icon
-   * @return new Button instance
    * @param text a {@link java.lang.String} object
+   * @param icon the button icon
+   * @return new Button instance
    */
   public static Button create(String text, Icon icon) {
     return new Button(text, icon);
   }
 
   /**
-   * creates a Button with an icon by calling {@link
-   * org.dominokit.domino.ui.button.Button#Button(Icon)}
+   * Factory method to create button with a text and icon.
    *
-   * @param icon {@link org.dominokit.domino.ui.icons.Icon}, the button icon
-   * @return new Button instance
+   * @param icon the button icon
    * @param text a {@link java.lang.String} object
+   * @return new Button instance
    */
   public static Button create(Icon icon, String text) {
     return new Button(text, icon);
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   protected ButtonElement createButtonElement() {
     return button();
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/button/ButtonsToolbar.java b/domino-ui/src/main/java/org/dominokit/domino/ui/button/ButtonsToolbar.java
index 1e00f35c0..db7ef7ba8 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/button/ButtonsToolbar.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/button/ButtonsToolbar.java
@@ -24,23 +24,24 @@
 /**
  * a component for a toolbar that has many buttons
  *
- * 
This class is used to group buttons in a set of groups to form a toolbar
+ * 
This class is used to group buttons in a set of sub-groups to form a toolbar
+ *
+ * @see BaseDominoElement
  */
 public class ButtonsToolbar extends BaseDominoElement {
 
   private DivElement toolbarElement;
 
-  /** default constructor */
+  /** Creates and empty ButtonsToolbar */
   public ButtonsToolbar() {
     toolbarElement = div().addCss(ButtonStyles.dui_button_toolbar).setAttribute("role", "toolbar");
     init(this);
   }
 
-  /** @return a new ButtonsToolbar instance */
   /**
-   * create.
+   * Factory method to create an empty ButtonsToolbar.
    *
-   * @return a {@link org.dominokit.domino.ui.button.ButtonsToolbar} object
+   * @return a new ButtonsToolbar instance
    */
   public static ButtonsToolbar create() {
     return new ButtonsToolbar();
@@ -50,7 +51,7 @@ public static ButtonsToolbar create() {
    * Adds a ButtonsGroup to the toolbar
    *
    * @param group {@link org.dominokit.domino.ui.button.group.ButtonsGroup}
-   * @return new ButtonsToolbar instance
+   * @return same ButtonsToolbar instance
    */
   public ButtonsToolbar appendChild(ButtonsGroup group) {
     toolbarElement.appendChild(group.element());
@@ -58,27 +59,27 @@ public ButtonsToolbar appendChild(ButtonsGroup group) {
   }
 
   /**
-   * Adds a ButtonsGroup to the toolbar
+   * Adds provided ButtonsGroups to the toolbar
    *
    * @param groups {@link org.dominokit.domino.ui.button.group.ButtonsGroup}
-   * @return new ButtonsToolbar instance
+   * @return same ButtonsToolbar instance
    */
   public ButtonsToolbar appendChild(ButtonsGroup... groups) {
     Arrays.stream(groups).forEach(this::appendChild);
     return this;
   }
   /**
-   * Adds a ButtonsGroup to the toolbar
+   * Adds provided buttons to the toolbar
    *
    * @param buttons {@link IsButton}
-   * @return new ButtonsToolbar instance
+   * @return same ButtonsToolbar instance
    */
   public ButtonsToolbar appendChild(IsButton... buttons) {
     Arrays.stream(buttons).forEach(this::appendChild);
     return this;
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public HTMLDivElement element() {
     return toolbarElement.element();
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/button/DropdownButton.java b/domino-ui/src/main/java/org/dominokit/domino/ui/button/DropdownButton.java
index f88d018fd..7bd8a0033 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/button/DropdownButton.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/button/DropdownButton.java
@@ -23,7 +23,9 @@
 /**
  * A Button with dropdown menu component
  *
- * 
This Button component will open a dropdown menu when clicked by default
+ * 
By default this Button component will open a dropdown menu when clicked
+ *
+ * @see BaseDominoElement
  */
 public class DropdownButton, V>
     extends BaseDominoElement> implements IsButton {
@@ -32,13 +34,13 @@ public class DropdownButton, V>
   private Menu menu;
 
   /**
-   * create.
+   * Factory method to create a DropdownButton button from the provided button and menu
    *
-   * @param button a T object
-   * @param menu a {@link org.dominokit.domino.ui.menu.Menu} object
+   * @param button The button to be used as dropdown menu target
+   * @param menu The {@link org.dominokit.domino.ui.menu.Menu} to be used as a dropdown menu
    * @param  a T class
    * @param  a V class
-   * @return a {@link org.dominokit.domino.ui.button.DropdownButton} object
+   * @return new {@link org.dominokit.domino.ui.button.DropdownButton} instance
    */
   public static , V> DropdownButton create(
       T button, Menu menu) {
@@ -46,10 +48,10 @@ public static , V> DropdownButton create(
   }
 
   /**
-   * Creates a Dropdown button from a button and a menu
+   * Creates a DropdownButton from a button and a menu
    *
-   * @param button a T object
-   * @param menu a {@link org.dominokit.domino.ui.menu.Menu} object
+   * @param button The button to be used as dropdown menu target
+   * @param menu The {@link org.dominokit.domino.ui.menu.Menu} to be used as a dropdown menu
    */
   public DropdownButton(T button, Menu menu) {
     this.button = button;
@@ -63,29 +65,22 @@ public DropdownButton(T button, Menu menu) {
     init(this);
   }
 
-  /**
-   * Getter for the field button.
-   *
-   * @return a T object
-   */
+  /** @return The button component of this DropdownButton instance. */
   public T getButton() {
     return button;
   }
 
-  /**
-   * Getter for the field menu.
-   *
-   * @return a {@link org.dominokit.domino.ui.menu.Menu} object
-   */
+  /** @return The menu component of this DropdownButton instance */
   public Menu getMenu() {
     return menu;
   }
 
   /**
-   * withButton.
+   * Use to apply customization to the button component of this DropdownButton instance without
+   * breaking the fluent API chain. {@link ChildHandler}
    *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a {@link org.dominokit.domino.ui.button.DropdownButton} object
+   * @param handler a {@link ChildHandler} that applies the customization.
+   * @return same DropdownButton instance
    */
   public DropdownButton withButton(ChildHandler, T> handler) {
     handler.apply(this, button);
@@ -93,23 +88,24 @@ public DropdownButton withButton(ChildHandler, T> han
   }
 
   /**
-   * withMenu.
+   * Use to apply customization to the menu component of this DropdownButton instance without
+   * breaking the fluent API chain. {@link ChildHandler}
    *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a {@link org.dominokit.domino.ui.button.DropdownButton} object
+   * @param handler a {@link ChildHandler} that applies the customization.
+   * @return same DropdownButton instance
    */
   public DropdownButton withMenu(ChildHandler, Menu> handler) {
     handler.apply(this, menu);
     return this;
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public HTMLElement element() {
     return button.element();
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public T asButton() {
     return button;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/button/LinkButton.java b/domino-ui/src/main/java/org/dominokit/domino/ui/button/LinkButton.java
index 8f9330d22..d4be49445 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/button/LinkButton.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/button/LinkButton.java
@@ -20,49 +20,47 @@
 import org.dominokit.domino.ui.icons.Icon;
 import org.dominokit.domino.ui.utils.ChildHandler;
 
-/** LinkButton class. */
+/**
+ * This component is a Link being rendered as a button and provide the means to set the link href
+ * attribute.
+ */
 public class LinkButton extends BaseButton {
 
   private AnchorElement anchorElement;
 
-  /**
-   * creates a Button without a text and with {@link
-   * org.dominokit.domino.ui.style.Elevation#LEVEL_1}
-   */
+  /** Creates an empty LinkButton */
   public LinkButton() {}
 
-  /** @param text String, the button text */
   /**
-   * Constructor for LinkButton.
+   * Creates a LinkButton with text
    *
-   * @param text a {@link java.lang.String} object
+   * @param text String, the button text
    */
   public LinkButton(String text) {
     super(text);
   }
 
-  /** @param icon The button icon */
   /**
-   * Constructor for LinkButton.
+   * Creates a LinkButton with icon
    *
-   * @param icon a {@link org.dominokit.domino.ui.icons.Icon} object
+   * @param icon The button icon
    */
   public LinkButton(Icon icon) {
     super(icon);
   }
 
   /**
-   * Constructor for LinkButton.
+   * Creates a LinkButton with icon and text
    *
-   * @param icon a {@link org.dominokit.domino.ui.icons.Icon} object
-   * @param text a {@link java.lang.String} object
+   * @param icon The button icon
+   * @param text the button text
    */
   public LinkButton(Icon icon, String text) {
     super(text, icon);
   }
 
   /**
-   * creats a Button using {@link org.dominokit.domino.ui.button.Button#Button()}
+   * Factory method to create an empty LinkButton
    *
    * @return new Button instance
    */
@@ -71,7 +69,7 @@ public static LinkButton create() {
   }
 
   /**
-   * create a button using {@link org.dominokit.domino.ui.button.Button#Button(String)}
+   * Factory method to create a LinkButton with text
    *
    * @param text String button text
    * @return new Button instance
@@ -81,8 +79,7 @@ public static LinkButton create(String text) {
   }
 
   /**
-   * creates a Button with an icon by calling {@link
-   * org.dominokit.domino.ui.button.Button#Button(Icon)}
+   * Factory method to create a LinkButton with icon
    *
    * @param icon {@link org.dominokit.domino.ui.icons.Icon}, the button icon
    * @return new Button instance
@@ -92,33 +89,50 @@ public static LinkButton create(Icon icon) {
   }
 
   /**
-   * creates a Button with an icon by calling {@link
-   * org.dominokit.domino.ui.button.LinkButton#LinkButton(Icon)}
+   * Factory method to create a LinkButton with text and icon.
    *
    * @param icon {@link org.dominokit.domino.ui.icons.Icon}, the button icon
-   * @return new Button instance
    * @param text a {@link java.lang.String} object
+   * @return new Button instance
    */
   public static LinkButton create(Icon icon, String text) {
     return new LinkButton(icon, text);
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   protected AnchorElement createButtonElement() {
     return anchorElement = a().removeHref();
   }
 
+  /**
+   * Use to apply customization to the AnchorElement component of this LinkButton instance without
+   * breaking the fluent API chain. {@link ChildHandler}
+   *
+   * @param handler a {@link ChildHandler} that applies the customization.
+   * @return same LinkButton instance
+   */
   public LinkButton withAnchorElement(ChildHandler handler) {
     handler.apply(this, anchorElement);
     return this;
   }
 
+  /**
+   * Sets the href attribute for this LinkButton AnchorElement
+   *
+   * @param href the href attribute value
+   * @return same LinkButton instance
+   */
   public LinkButton setHref(String href) {
     anchorElement.setHref(href);
     return this;
   }
 
+  /**
+   * clears the href attribute for this LinkButton AnchorElement
+   *
+   * @return same LinkButton instance
+   */
   public LinkButton removeHref() {
     anchorElement.removeHref();
     return this;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/button/RemoveButton.java b/domino-ui/src/main/java/org/dominokit/domino/ui/button/RemoveButton.java
index 42cb00fdd..aa3b0aacf 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/button/RemoveButton.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/button/RemoveButton.java
@@ -20,13 +20,19 @@
 import org.dominokit.domino.ui.style.GenericCss;
 import org.dominokit.domino.ui.utils.BaseDominoElement;
 
-/** RemoveButton class. */
+/**
+ * A special button class that used to create a button with a remove button style same the remove
+ * buttons use in {@link org.dominokit.domino.ui.badges.Badge} and {@link
+ * org.dominokit.domino.ui.chips.Chip}
+ *
+ * @see BaseDominoElement
+ */
 public class RemoveButton extends BaseDominoElement {
 
   private ButtonElement button;
 
   /**
-   * create.
+   * Creates a RemoveButton with the required css classes.
    *
    * @return a {@link org.dominokit.domino.ui.button.RemoveButton} object
    */
@@ -43,7 +49,7 @@ public RemoveButton() {
     init(this);
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public HTMLButtonElement element() {
     return button.element();
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/button/group/ButtonsGroup.java b/domino-ui/src/main/java/org/dominokit/domino/ui/button/group/ButtonsGroup.java
index 9206262d6..36ea569cb 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/button/group/ButtonsGroup.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/button/group/ButtonsGroup.java
@@ -25,74 +25,76 @@
 import org.dominokit.domino.ui.utils.BaseDominoElement;
 
 /**
- * a component to group a set of buttons.
+ * a component to group a set of buttons and align them horizontally or vertically, by default
+ * buttons will be aligned horizontally.
  *
- * 
This component wraps a set of different Buttons into one group the grouped buttons can be
- * aligned horizontally or vertically and the group can apply some properties to all grouped button
+ * @see BaseDominoElement
  */
 public class ButtonsGroup extends BaseDominoElement {
 
   private DivElement groupElement;
 
-  /** default constructor */
+  /** Creates an empty ButtonsGroup */
   public ButtonsGroup() {
     groupElement = div().addCss(dui_button_group).setAttribute("role", "group");
     init(this);
   }
 
   /**
-   * default constructor
+   * Creates a ButtonsGroup that holds the provided buttons
    *
-   * @param buttons a {@link org.dominokit.domino.ui.button.IsButton} object
+   * @param buttons The set of {@link org.dominokit.domino.ui.button.IsButton} components to be
+   *     appended to the ButtonsGroup
    */
   public ButtonsGroup(IsButton... buttons) {
     this();
     appendChild(buttons);
   }
 
-  /** @return a new ButtonsGroup instance */
   /**
-   * create.
+   * Factory method to create an empty ButtonsGroup
    *
-   * @return a {@link org.dominokit.domino.ui.button.group.ButtonsGroup} object
+   * @return An empty {@link org.dominokit.domino.ui.button.group.ButtonsGroup}.
    */
   public static ButtonsGroup create() {
     return new ButtonsGroup();
   }
 
-  /** @return a new ButtonsGroup instance */
   /**
-   * create.
+   * Factory method to create a ButtonsGroup that holds the provided buttons
    *
-   * @param buttons a {@link org.dominokit.domino.ui.button.IsButton} object
-   * @return a {@link org.dominokit.domino.ui.button.group.ButtonsGroup} object
+   * @param buttons The set of {@link org.dominokit.domino.ui.button.IsButton} components to be
+   *     appended to the ButtonsGroup
+   * @return A {@link org.dominokit.domino.ui.button.group.ButtonsGroup}
    */
   public static ButtonsGroup create(IsButton... buttons) {
     return new ButtonsGroup(buttons);
   }
 
   /**
-   * appendChild.
+   * Appends the provided button to the ButtonsGroup
    *
-   * @param buttons a {@link org.dominokit.domino.ui.button.IsButton} object
-   * @return a {@link org.dominokit.domino.ui.button.group.ButtonsGroup} object
+   * @param buttons a {@link org.dominokit.domino.ui.button.IsButton} to be appended
+   * @return same ButtonsGroup instance
    */
   public ButtonsGroup appendChild(IsButton... buttons) {
     Arrays.stream(buttons).forEach(btn -> appendChild(btn.asButton()));
     return this;
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public HTMLElement element() {
     return groupElement.element();
   }
 
   /**
-   * setVertical.
+   * Aligns the buttons within this ButtonsGroup instance vertically if the provided flag is true,
+   * otherwise revert to default alignment -Horizontally-.
    *
-   * @param vertical a boolean
-   * @return a {@link org.dominokit.domino.ui.button.group.ButtonsGroup} object
+   * @param vertical a boolean, true to align the buttons vertically, false revert to
+   *     horizontal default alignment
+   * @return same ButtonsGroup instance
    */
   public ButtonsGroup setVertical(boolean vertical) {
     addCss(BooleanCssClass.of(dui_vertical, vertical));
@@ -100,18 +102,19 @@ public ButtonsGroup setVertical(boolean vertical) {
   }
 
   /**
-   * {@inheritDoc}
+   * Shortcut method for setVertical(true)
    *
-   * @return a {@link org.dominokit.domino.ui.button.group.ButtonsGroup} object
+   * @return same ButtonsGroup instance
    */
   public ButtonsGroup vertical() {
     return addCss(dui_vertical);
   }
 
   /**
-   * {@inheritDoc}
+   * Remove the vertical alignment and switch to the horizontal default alignment this is same as
+   * calling setVertical(false)
    *
-   * @return a {@link org.dominokit.domino.ui.button.group.ButtonsGroup} object
+   * @return same ButtonsGroup instance
    */
   public ButtonsGroup horizontal() {
     dui_vertical.remove(this.element());
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/cards/Card.java b/domino-ui/src/main/java/org/dominokit/domino/ui/cards/Card.java
index a86c434b5..5d63c8153 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/cards/Card.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/cards/Card.java
@@ -36,7 +36,13 @@
 import org.dominokit.domino.ui.style.BooleanCssClass;
 import org.dominokit.domino.ui.utils.*;
 
-/** Card class. */
+/**
+ * A container component to host other components and elements that provide some extended features
+ * like, collapsible body, feature rich header that comes with logo area, title, description and
+ * actions toolbar and more.
+ *
+ * @see BaseDominoElement
+ */
 public class Card extends BaseDominoElement
     implements CardStyles, CollapsibleElement, HasComponentConfig {
   private DivElement element;
@@ -51,7 +57,7 @@ public class Card extends BaseDominoElement
   private final ToggleIcon collapseIcon;
 
   /**
-   * create.
+   * factory method to create an empty card without a header
    *
    * @return a {@link org.dominokit.domino.ui.cards.Card} object
    */
@@ -60,30 +66,30 @@ public static Card create() {
   }
 
   /**
-   * create.
+   * Factory method to create a card with a title in the header
    *
-   * @param title a {@link java.lang.String} object
-   * @return a {@link org.dominokit.domino.ui.cards.Card} object
+   * @param title The card title text.
+   * @return new Card instance
    */
   public static Card create(String title) {
     return new Card(title);
   }
 
   /**
-   * create.
+   * Factory method to create a card with a title in the header and a description below the title
    *
-   * @param title a {@link java.lang.String} object
-   * @param description a {@link java.lang.String} object
-   * @return a {@link org.dominokit.domino.ui.cards.Card} object
+   * @param title The card title text
+   * @param description The card description text
+   * @return new Card instance
    */
   public static Card create(String title, String description) {
     return new Card(title, description);
   }
 
   /**
-   * Constructor for Card.
+   * Creates a card with title in the header
    *
-   * @param title a {@link java.lang.String} object
+   * @param title The card title text
    */
   public Card(String title) {
     this();
@@ -91,17 +97,17 @@ public Card(String title) {
   }
 
   /**
-   * Constructor for Card.
+   * Creates a card with the title in the header and a description below the title
    *
-   * @param title a {@link java.lang.String} object
-   * @param description a {@link java.lang.String} object
+   * @param title The card title text
+   * @param description The card description text
    */
   public Card(String title, String description) {
     this(title);
     setDescription(description);
   }
 
-  /** Constructor for Card. */
+  /** Creates an empty Card without a header. */
   public Card() {
     element = div().addCss(dui_card).appendChild(body = div().addCss(dui_card_body));
     header = LazyChild.of(CardHeader.create(), element);
@@ -111,19 +117,22 @@ public Card() {
   }
 
   /**
-   * Getter for the field header.
+   * Calling this will assume the Header is needed to for customization and will initialize the
+   * header and append it to the card if not already initialized.
    *
-   * @return a {@link org.dominokit.domino.ui.cards.CardHeader} object
+   * @return This {@link org.dominokit.domino.ui.cards.CardHeader} component instance for this card
    */
   public CardHeader getHeader() {
     return header.get();
   }
 
   /**
-   * withHeader.
+   * Use this to apply customization to the header of this card instance, this will initialize the
+   * card header and append it to the card if not already initialized.
    *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a {@link org.dominokit.domino.ui.cards.Card} object
+   * @param handler The {@link org.dominokit.domino.ui.utils.ChildHandler} applying the
+   *     customizations
+   * @return same Card instance
    */
   public Card withHeader(ChildHandler handler) {
     handler.apply(this, header.get());
@@ -131,9 +140,9 @@ public Card withHeader(ChildHandler handler) {
   }
 
   /**
-   * withHeader.
+   * Initialize the card header and append it to the card if not already initialized.
    *
-   * @return a {@link org.dominokit.domino.ui.cards.Card} object
+   * @return same Card instance
    */
   public Card withHeader() {
     header.get();
@@ -141,18 +150,23 @@ public Card withHeader() {
   }
 
   /**
-   * getSubHeader.
+   * Calling this will assume the Header is needed to for customization and will initialize the
+   * header and append it to the card if not already initialized. And will also initialize and
+   * append the sub-header to the card header if not already initialized.
    *
-   * @return a {@link org.dominokit.domino.ui.elements.DivElement} object
+   * @return The {@link org.dominokit.domino.ui.elements.DivElement} that represent this card
+   *     sub-header, sub-header is part of the card header.
    */
   public DivElement getSubHeader() {
     return header.get().getSubHeader();
   }
 
   /**
-   * withSubHeader.
+   * Calling this will assume the Header is needed to for customization and will initialize the
+   * header and append it to the card if not already initialized. And will also initialize and
+   * append the sub-header to the card header if not already initialized.
    *
-   * @return a {@link org.dominokit.domino.ui.cards.Card} object
+   * @return same Card instance
    */
   public Card withSubHeader() {
     header.get().getSubHeader();
@@ -160,10 +174,12 @@ public Card withSubHeader() {
   }
 
   /**
-   * withSubHeader.
+   * Use to apply customization to the card sub-header, this will initialize both the CardHeader and
+   * the sub-header and append them if not yet initialized.
    *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a {@link org.dominokit.domino.ui.cards.Card} object
+   * @param handler The {@link org.dominokit.domino.ui.utils.ChildHandler} applying the
+   *     customization
+   * @return same Card instance
    */
   public Card withSubHeader(ChildHandler handler) {
     handler.apply(header.get(), header.get().getSubHeader());
@@ -171,10 +187,10 @@ public Card withSubHeader(ChildHandler handler) {
   }
 
   /**
-   * setTitle.
+   * Sets the card title, this will initialize and append the card header if not yet initialized.
    *
-   * @param title a {@link java.lang.String} object
-   * @return a {@link org.dominokit.domino.ui.cards.Card} object
+   * @param title The card title text
+   * @return same Card instance
    */
   public Card setTitle(String title) {
     header.get().setTitle(title);
@@ -182,10 +198,11 @@ public Card setTitle(String title) {
   }
 
   /**
-   * setDescription.
+   * Sets the card description, this will initialize and append the card header if not yet
+   * initialized.
    *
-   * @param text a {@link java.lang.String} object
-   * @return a {@link org.dominokit.domino.ui.cards.Card} object
+   * @param text The card description text
+   * @return same Card instance
    */
   public Card setDescription(String text) {
     header.get().setDescription(text);
@@ -193,18 +210,19 @@ public Card setDescription(String text) {
   }
 
   /**
-   * getTitleElement.
+   * This will initialize and append the card header if not yet initialized.
    *
-   * @return a {@link org.dominokit.domino.ui.elements.DivElement} object
+   * @return The {@link org.dominokit.domino.ui.elements.DivElement} that holds both the card title
+   *     and description.
    */
   public DivElement getTitleElement() {
     return header.get().getTitleElement();
   }
 
   /**
-   * withTitle.
+   * This will initialize and append the card header if not yet initialized.
    *
-   * @return a {@link org.dominokit.domino.ui.cards.Card} object
+   * @return same Card instance
    */
   public Card withTitle() {
     header.get().withTitle();
@@ -212,10 +230,12 @@ public Card withTitle() {
   }
 
   /**
-   * withTitle.
+   * Use to apply customization on the Card title element without breaking the fluent API chain.
+   * This will initialize and append the card header if not yet initialized.
    *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a {@link org.dominokit.domino.ui.cards.Card} object
+   * @param handler The {@link org.dominokit.domino.ui.utils.ChildHandler} applying the
+   *     customizations.
+   * @return same Card instance
    */
   public Card withTitle(ChildHandler handler) {
     handler.apply(header.get(), header.get().getTitleElement());
@@ -223,18 +243,19 @@ public Card withTitle(ChildHandler handler) {
   }
 
   /**
-   * getMainTitleElement.
+   * This will initialize and append the card header if not yet initialized.
    *
-   * @return a {@link org.dominokit.domino.ui.elements.HeadingElement} object
+   * @return The {@link org.dominokit.domino.ui.elements.HeadingElement} that holds the card main
+   *     title text
    */
   public HeadingElement getMainTitleElement() {
     return header.get().getMainTitleElement();
   }
 
   /**
-   * withMainTitle.
+   * This will initialize and append the card header if not yet initialized.
    *
-   * @return a {@link org.dominokit.domino.ui.cards.Card} object
+   * @return same Card instance
    */
   public Card withMainTitle() {
     header.get().withMainTitle();
@@ -242,10 +263,11 @@ public Card withMainTitle() {
   }
 
   /**
-   * withMainTitle.
+   * Sets the card main title. This will initialize and append the card header if not yet
+   * initialized.
    *
-   * @param title a {@link java.lang.String} object
-   * @return a {@link org.dominokit.domino.ui.cards.Card} object
+   * @param title The card main title text
+   * @return same Card instance
    */
   public Card withMainTitle(String title) {
     header.get().setTitle(title);
@@ -253,10 +275,12 @@ public Card withMainTitle(String title) {
   }
 
   /**
-   * withMainTitle.
+   * Use to apply customization on the Card main title element without breaking the fluent API
+   * chain. This will initialize and append the card header if not yet initialized.
    *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a {@link org.dominokit.domino.ui.cards.Card} object
+   * @param handler The {@link org.dominokit.domino.ui.utils.ChildHandler} applying the
+   *     customizations.
+   * @return same Card instance
    */
   public Card withMainTitle(ChildHandler handler) {
     handler.apply(header.get(), header.get().getMainTitleElement());
@@ -264,18 +288,18 @@ public Card withMainTitle(ChildHandler handler) {
   }
 
   /**
-   * getDescriptionElement.
+   * This will initialize and append the card header if not yet initialized.
    *
-   * @return a {@link org.dominokit.domino.ui.elements.SmallElement} object
+   * @return The element that represent the card description.
    */
   public SmallElement getDescriptionElement() {
     return header.get().getDescriptionElement();
   }
 
   /**
-   * withDescription.
+   * This will initialize and append the card header if not yet initialized.
    *
-   * @return a {@link org.dominokit.domino.ui.cards.Card} object
+   * @return same Card instance
    */
   public Card withDescription() {
     header.get().withDescription();
@@ -283,10 +307,10 @@ public Card withDescription() {
   }
 
   /**
-   * withDescription.
+   * Sets the card description This will initialize and append the card header if not yet
+   * initialized.
    *
-   * @param description a {@link java.lang.String} object
-   * @return a {@link org.dominokit.domino.ui.cards.Card} object
+   * @return same Card instance
    */
   public Card withDescription(String description) {
     header.get().setDescription(description);
@@ -294,10 +318,12 @@ public Card withDescription(String description) {
   }
 
   /**
-   * withDescription.
+   * Use to apply customization on the Card description element without breaking the fluent API
+   * chain. This will initialize and append the card header if not yet initialized.
    *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a {@link org.dominokit.domino.ui.cards.Card} object
+   * @param handler The {@link org.dominokit.domino.ui.utils.ChildHandler} applying the
+   *     customizations.
+   * @return same Card instance
    */
   public Card withDescription(ChildHandler handler) {
     handler.apply(header.get(), header.get().getDescriptionElement());
@@ -305,19 +331,18 @@ public Card withDescription(ChildHandler handler) {
   }
 
   /**
-   * Getter for the field body.
-   *
-   * @return a {@link org.dominokit.domino.ui.elements.DivElement} object
+   * @return The {@link org.dominokit.domino.ui.elements.DivElement} that is the card body element.
    */
   public DivElement getBody() {
     return body;
   }
 
   /**
-   * withBody.
+   * Use to apply customization on the Card body element without breaking the fluent API chain.
    *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a {@link org.dominokit.domino.ui.cards.Card} object
+   * @param handler The {@link org.dominokit.domino.ui.utils.ChildHandler} applying the
+   *     customizations.
+   * @return same Card instance
    */
   public Card withBody(ChildHandler handler) {
     handler.apply(this, body);
@@ -325,10 +350,10 @@ public Card withBody(ChildHandler handler) {
   }
 
   /**
-   * setLogo.
+   * Sets the card logo This will initialize and append the card header if not yet initialized.
    *
-   * @param img a {@link elemental2.dom.HTMLImageElement} object
-   * @return a {@link org.dominokit.domino.ui.cards.Card} object
+   * @param img The {@link elemental2.dom.HTMLImageElement} to be used as card logo.
+   * @return same Card instance
    */
   public Card setLogo(HTMLImageElement img) {
     header.get().setLogo(img);
@@ -336,10 +361,10 @@ public Card setLogo(HTMLImageElement img) {
   }
 
   /**
-   * setLogo.
+   * Sets the card logo This will initialize and append the card header if not yet initialized.
    *
-   * @param img a {@link org.dominokit.domino.ui.elements.ImageElement} object
-   * @return a {@link org.dominokit.domino.ui.cards.Card} object
+   * @param img The {@link ImageElement} to be used as card logo.
+   * @return same Card instance
    */
   public Card setLogo(ImageElement img) {
     header.get().setLogo(img);
@@ -347,10 +372,10 @@ public Card setLogo(ImageElement img) {
   }
 
   /**
-   * setLogo.
+   * Sets the card logo This will initialize and append the card header if not yet initialized.
    *
-   * @param img a {@link org.dominokit.domino.ui.IsElement} object
-   * @return a {@link org.dominokit.domino.ui.cards.Card} object
+   * @param img a {@link org.dominokit.domino.ui.IsElement} to be used as card logo.
+   * @return same Card instance
    */
   public Card setLogo(IsElement img) {
     header.get().setLogo(img.element());
@@ -358,19 +383,19 @@ public Card setLogo(IsElement img) {
   }
 
   /**
-   * getLogo.
+   * This will initialize and append the card header if not yet initialized.
    *
-   * @return a {@link org.dominokit.domino.ui.elements.ImageElement} object
+   * @return The {@link ImageElement} that represent the card logo.
    */
   public ImageElement getLogo() {
     return header.get().getLogo();
   }
 
   /**
-   * withLogo.
+   * Sets the card logo This will initialize and append the card header if not yet initialized.
    *
-   * @param img a {@link elemental2.dom.HTMLImageElement} object
-   * @return a {@link org.dominokit.domino.ui.cards.Card} object
+   * @param img a {@link HTMLImageElement} to be used as card logo.
+   * @return same Card instance
    */
   public Card withLogo(HTMLImageElement img) {
     header.get().setLogo(img);
@@ -378,10 +403,10 @@ public Card withLogo(HTMLImageElement img) {
   }
 
   /**
-   * withLogo.
+   * Sets the card logo This will initialize and append the card header if not yet initialized.
    *
-   * @param img a {@link org.dominokit.domino.ui.IsElement} object
-   * @return a {@link org.dominokit.domino.ui.cards.Card} object
+   * @param img a {@link org.dominokit.domino.ui.IsElement} to be used as card logo.
+   * @return same Card instance
    */
   public Card withLogo(IsElement img) {
     header.get().setLogo(img.element());
@@ -389,9 +414,9 @@ public Card withLogo(IsElement img) {
   }
 
   /**
-   * withLogo.
+   * This will initialize and append the card header if not yet initialized.
    *
-   * @return a {@link org.dominokit.domino.ui.cards.Card} object
+   * @return same Card instance
    */
   public Card withLogo() {
     header.get().withLogo();
@@ -399,10 +424,12 @@ public Card withLogo() {
   }
 
   /**
-   * withLogo.
+   * Use to apply customization on the Card logo element without breaking the fluent API chain. This
+   * will initialize and append the card header if not yet initialized.
    *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a {@link org.dominokit.domino.ui.cards.Card} object
+   * @param handler The {@link org.dominokit.domino.ui.utils.ChildHandler} applying the
+   *     customizations.
+   * @return same Card instance
    */
   public Card withLogo(ChildHandler handler) {
     handler.apply(header.get(), header.get().getLogo());
@@ -410,10 +437,11 @@ public Card withLogo(ChildHandler handler) {
   }
 
   /**
-   * setIcon.
+   * Sets the card icon, card icon fits between the logo and the title. This will initialize and
+   * append the card header if not yet initialized.
    *
-   * @param icon a {@link org.dominokit.domino.ui.icons.Icon} object
-   * @return a {@link org.dominokit.domino.ui.cards.Card} object
+   * @param icon a {@link Icon} to be used as card logo.
+   * @return same Card instance
    */
   public Card setIcon(Icon icon) {
     header.get().setIcon(icon);
@@ -421,19 +449,20 @@ public Card setIcon(Icon icon) {
   }
 
   /**
-   * getIcon.
+   * This will initialize and append the card header if not yet initialized.
    *
-   * @return a {@link org.dominokit.domino.ui.icons.Icon} object
+   * @return The {@link Icon} of this card instance
    */
   public Icon getIcon() {
     return header.get().getIcon();
   }
 
   /**
-   * withIcon.
+   * Sets the card icon, card icon fits between the logo and the title. This will initialize and
+   * append the card header if not yet initialized.
    *
-   * @param icon a {@link org.dominokit.domino.ui.icons.Icon} object
-   * @return a {@link org.dominokit.domino.ui.cards.Card} object
+   * @param icon a {@link Icon} to be used as card icon.
+   * @return same Card instance
    */
   public Card withIcon(Icon icon) {
     setIcon(icon);
@@ -441,9 +470,9 @@ public Card withIcon(Icon icon) {
   }
 
   /**
-   * withIcon.
+   * This will initialize and append the card header if not yet initialized.
    *
-   * @return a {@link org.dominokit.domino.ui.cards.Card} object
+   * @return same Card instance
    */
   public Card withIcon() {
     header.get().withIcon();
@@ -451,10 +480,12 @@ public Card withIcon() {
   }
 
   /**
-   * withIcon.
+   * Use to apply customization on the Card icon element without breaking the fluent API chain. This
+   * will initialize and append the card header if not yet initialized.
    *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a {@link org.dominokit.domino.ui.cards.Card} object
+   * @param handler The {@link org.dominokit.domino.ui.utils.ChildHandler} applying the
+   *     customizations.
+   * @return same Card instance
    */
   public Card withIcon(ChildHandler> handler) {
     handler.apply(header.get(), header.get().getIcon());
@@ -462,32 +493,43 @@ public Card withIcon(ChildHandler> handler) {
   }
 
   /**
-   * appendChild.
+   * Appends an element to the right side of the card header.
    *
-   * @param utility a {@link org.dominokit.domino.ui.utils.PostfixAddOn} object
-   * @return a {@link org.dominokit.domino.ui.cards.Card} object
+   * @param postfix A {@link org.dominokit.domino.ui.utils.PostfixAddOn} wrapped element
+   * @return same card instance
    */
-  public Card appendChild(PostfixAddOn utility) {
-    header.get().appendChild(utility);
+  public Card appendChild(PostfixAddOn postfix) {
+    header.get().appendChild(postfix);
     return this;
   }
 
   /**
-   * withUtility.
+   * Appends an element to the left side of the card header, between the logo and the title.
    *
-   * @param utility a {@link org.dominokit.domino.ui.utils.PostfixAddOn} object
-   * @return a {@link org.dominokit.domino.ui.cards.Card} object
+   * @param prefix A {@link org.dominokit.domino.ui.utils.PrefixAddOn} wrapped element
+   * @return same card instance
    */
-  public Card withUtility(PostfixAddOn utility) {
-    header.get().appendChild(utility);
+  public Card appendChild(PrefixAddOn prefix) {
+    header.get().appendChild(prefix);
     return this;
   }
 
   /**
-   * setHeaderPosition.
+   * Appends an element to the right side of the card header.
    *
-   * @param headerPosition a {@link org.dominokit.domino.ui.cards.HeaderPosition} object
-   * @return a {@link org.dominokit.domino.ui.cards.Card} object
+   * @param postfix A {@link org.dominokit.domino.ui.utils.PostfixAddOn} wrapped element
+   * @return same card instance
+   */
+  public Card withUtility(PostfixAddOn postfix) {
+    header.get().appendChild(postfix);
+    return this;
+  }
+
+  /**
+   * Changes the position of the CardHeader to be at the top or bottom of the card.
+   *
+   * @param headerPosition The {@link org.dominokit.domino.ui.cards.HeaderPosition}
+   * @return same card instance
    */
   public Card setHeaderPosition(HeaderPosition headerPosition) {
     addCss(BooleanCssClass.of(dui_card_header_bottom, HeaderPosition.BOTTOM == headerPosition));
@@ -499,7 +541,14 @@ public Card setHeaderPosition(HeaderPosition headerPosition) {
     return this;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Toggle the card collapsible feature, collapsible card will show a collapse action button in the
+   * card header, clicking the action will toggle the card body collapse state.
+   *
+   * @param collapsible boolean, true to enable card body collapse feature, false
+   *     disable the card body collapse feature.
+   * @return same card instance
+   */
   @Override
   public Card setCollapsible(boolean collapsible) {
     collapseElement.remove();
@@ -535,20 +584,34 @@ public Card setCollapsible(boolean collapsible) {
     return this;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * @return boolean, true if the card body is collapsed, false if the card body
+   *     expanded.
+   */
   @Override
   public boolean isCollapsed() {
     return body.isCollapsed();
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Toggle the card body collapse state, if collapsed it will be expanded, if expanded it will be
+   * collapsed.
+   *
+   * @return same card instance
+   */
   @Override
   public Card toggleCollapse() {
     toggleCollapse(!isCollapsed());
     return this;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Toggle the card body collapse state based on provided flag.
+   *
+   * @param collapse boolean, true collapses the card body, false expands the card
+   *     body
+   * @return same card instance
+   */
   @Override
   public Card toggleCollapse(boolean collapse) {
     if (collapse) {
@@ -559,7 +622,11 @@ public Card toggleCollapse(boolean collapse) {
     return this;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Expands the card body if collapsed.
+   *
+   * @return same card instance
+   */
   @Override
   public Card expand() {
     body.getCollapsible().expand();
@@ -569,7 +636,11 @@ public Card expand() {
     return this;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Collapses the card body if expanded.
+   *
+   * @return same card instance
+   */
   @Override
   public Card collapse() {
     body.getCollapsible().collapse();
@@ -579,25 +650,25 @@ public Card collapse() {
     return this;
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public Set> getCollapseHandlers() {
     return this.collapseHandlers;
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public Set> getExpandHandlers() {
     return this.expandHandlers;
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public HTMLElement getAppendTarget() {
     return body.element();
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public HTMLDivElement element() {
     return element.element();
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/cards/CardHeader.java b/domino-ui/src/main/java/org/dominokit/domino/ui/cards/CardHeader.java
index 126cb0b1c..73a74916d 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/cards/CardHeader.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/cards/CardHeader.java
@@ -26,7 +26,11 @@
 import org.dominokit.domino.ui.icons.Icon;
 import org.dominokit.domino.ui.utils.*;
 
-/** CardHeader class. */
+/**
+ * The component is used as {@link Card} header
+ *
+ * @see BaseDominoElement
+ */
 public class CardHeader extends BaseDominoElement {
 
   private DivElement element;
@@ -40,9 +44,9 @@ public class CardHeader extends BaseDominoElement {
   private LazyChild> cardIcon = NullLazyChild.of();
 
   /**
-   * create.
+   * Factory method to create empty CardHeader.
    *
-   * @return a {@link org.dominokit.domino.ui.cards.CardHeader} object
+   * @return new {@link org.dominokit.domino.ui.cards.CardHeader} instance
    */
   public static CardHeader create() {
     return new CardHeader();
@@ -63,9 +67,9 @@ public static CardHeader create() {
   }
 
   /**
-   * Constructor for CardHeader.
+   * Creates a CardHeader with a title.
    *
-   * @param title a {@link java.lang.String} object
+   * @param title The card header title text
    */
   public CardHeader(String title) {
     this();
@@ -73,10 +77,10 @@ public CardHeader(String title) {
   }
 
   /**
-   * Constructor for CardHeader.
+   * Creates a CardHeader with a title and description.
    *
-   * @param title a {@link java.lang.String} object
-   * @param description a {@link java.lang.String} object
+   * @param title The card header title text
+   * @param description The card header description text
    */
   public CardHeader(String title, String description) {
     this(title);
@@ -84,18 +88,19 @@ public CardHeader(String title, String description) {
   }
 
   /**
-   * Getter for the field mainHeader.
+   * This will initialize the CardHeader main container if not yet initialized.
    *
-   * @return a {@link org.dominokit.domino.ui.elements.DivElement} object
+   * @return The {@link org.dominokit.domino.ui.elements.DivElement} representing the CardHeader
+   *     main container.
    */
   public DivElement getMainHeader() {
     return mainHeader.get();
   }
 
   /**
-   * withMainHeader.
+   * This will initialize the CardHeader main container if not yet initialized.
    *
-   * @return a {@link org.dominokit.domino.ui.cards.CardHeader} object
+   * @return same CardHeader instance
    */
   public CardHeader withMainHeader() {
     mainHeader.get();
@@ -103,10 +108,12 @@ public CardHeader withMainHeader() {
   }
 
   /**
-   * withMainHeader.
+   * Use to apply customization on the CardHeader main container element without breaking the fluent
+   * API chain. This will initialize and append the card header if not yet initialized.
    *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a {@link org.dominokit.domino.ui.cards.CardHeader} object
+   * @param handler The {@link org.dominokit.domino.ui.utils.ChildHandler} applying the
+   *     customizations.
+   * @return same CardHeader instance
    */
   public CardHeader withMainHeader(ChildHandler handler) {
     handler.apply(this, mainHeader.get());
@@ -114,18 +121,19 @@ public CardHeader withMainHeader(ChildHandler handler) {
   }
 
   /**
-   * Getter for the field subHeader.
+   * This will initialize the CardHeader sub-header container if not yet initialized.
    *
-   * @return a {@link org.dominokit.domino.ui.elements.DivElement} object
+   * @return The {@link org.dominokit.domino.ui.elements.DivElement} representing the Card
+   *     sub-header container
    */
   public DivElement getSubHeader() {
     return subHeader.get();
   }
 
   /**
-   * withSubHeader.
+   * This will initialize the CardHeader sub-header container if not yet initialized.
    *
-   * @return a {@link org.dominokit.domino.ui.cards.CardHeader} object
+   * @return same CardHeader instance
    */
   public CardHeader withSubHeader() {
     subHeader.get();
@@ -133,10 +141,12 @@ public CardHeader withSubHeader() {
   }
 
   /**
-   * withSubHeader.
+   * Use to apply customization on the Card sub-header container element without breaking the fluent
+   * API chain. This will initialize and append the card header if not yet initialized.
    *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a {@link org.dominokit.domino.ui.cards.CardHeader} object
+   * @param handler The {@link org.dominokit.domino.ui.utils.ChildHandler} applying the
+   *     customizations.
+   * @return same CardHeader instance
    */
   public CardHeader withSubHeader(ChildHandler handler) {
     handler.apply(this, subHeader.get());
@@ -144,10 +154,11 @@ public CardHeader withSubHeader(ChildHandler handler) {
   }
 
   /**
-   * Setter for the field title.
+   * Sets the CardHeader title, this will initialize and append the main header container if not yet
+   * initialized.
    *
-   * @param title a {@link java.lang.String} object
-   * @return a {@link org.dominokit.domino.ui.cards.CardHeader} object
+   * @param title The CardHeader title text
+   * @return same CardHeader instance
    */
   public CardHeader setTitle(String title) {
     mainTitle.get().setTextContent(title);
@@ -155,10 +166,11 @@ public CardHeader setTitle(String title) {
   }
 
   /**
-   * Setter for the field description.
+   * Sets the CardHeader description, this will initialize and append the description container if
+   * not yet initialized.
    *
-   * @param text a {@link java.lang.String} object
-   * @return a {@link org.dominokit.domino.ui.cards.CardHeader} object
+   * @param text The CardHeader description text
+   * @return same CardHeader instance
    */
   public CardHeader setDescription(String text) {
     description.get().setTextContent(text);
@@ -166,18 +178,19 @@ public CardHeader setDescription(String text) {
   }
 
   /**
+   * this will initialize and append the CardHeader title container if not yet initialized.
    * getTitleElement.
    *
-   * @return a {@link org.dominokit.domino.ui.elements.DivElement} object
+   * @return The {@link org.dominokit.domino.ui.elements.DivElement} of the CardHeader title.
    */
   public DivElement getTitleElement() {
     return title.get();
   }
 
   /**
-   * withTitle.
+   * This will initialize and append the CardHeader title container if not yet initialized.
    *
-   * @return a {@link org.dominokit.domino.ui.cards.CardHeader} object
+   * @return same CardHeader instance
    */
   public CardHeader withTitle() {
     title.get();
@@ -185,10 +198,12 @@ public CardHeader withTitle() {
   }
 
   /**
-   * withTitle.
+   * Use to apply customization on the CardHeader title element without breaking the fluent API
+   * chain. This will initialize and append the card title element if not yet initialized.
    *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a {@link org.dominokit.domino.ui.cards.CardHeader} object
+   * @param handler The {@link org.dominokit.domino.ui.utils.ChildHandler} applying the
+   *     customizations.
+   * @return same CardHeader instance
    */
   public CardHeader withTitle(ChildHandler handler) {
     handler.apply(this, title.get());
@@ -196,18 +211,19 @@ public CardHeader withTitle(ChildHandler handler) {
   }
 
   /**
-   * getMainTitleElement.
+   * This will initialize and append the CardHeader main title container if not yet initialized.
    *
-   * @return a {@link org.dominokit.domino.ui.elements.HeadingElement} object
+   * @return The {@link org.dominokit.domino.ui.elements.HeadingElement} of the CardHeader main
+   *     title
    */
   public HeadingElement getMainTitleElement() {
     return mainTitle.get();
   }
 
   /**
-   * withMainTitle.
+   * This will initialize and append the CardHeader main title container if not yet initialized.
    *
-   * @return a {@link org.dominokit.domino.ui.cards.CardHeader} object
+   * @return same CardHeader instance
    */
   public CardHeader withMainTitle() {
     mainTitle.get();
@@ -215,10 +231,11 @@ public CardHeader withMainTitle() {
   }
 
   /**
-   * withMainTitle.
+   * Sets the CardHeader main title. This will initialize and append the card header main title
+   * element if not yet initialized.
    *
-   * @param title a {@link java.lang.String} object
-   * @return a {@link org.dominokit.domino.ui.cards.CardHeader} object
+   * @param title The card main title text
+   * @return same CardHeader instance
    */
   public CardHeader withMainTitle(String title) {
     setTitle(title);
@@ -226,10 +243,12 @@ public CardHeader withMainTitle(String title) {
   }
 
   /**
-   * withMainTitle.
+   * Use to apply customization on the CardHeader main title element without breaking the fluent API
+   * chain. This will initialize and append the card header if not yet initialized.
    *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a {@link org.dominokit.domino.ui.cards.CardHeader} object
+   * @param handler The {@link org.dominokit.domino.ui.utils.ChildHandler} applying the
+   *     customizations.
+   * @return same CardHeader instance
    */
   public CardHeader withMainTitle(ChildHandler handler) {
     handler.apply(this, mainTitle.get());
@@ -237,18 +256,18 @@ public CardHeader withMainTitle(ChildHandler handler
   }
 
   /**
-   * getDescriptionElement.
+   * This will initialize and append the card header description element if not yet initialized.
    *
-   * @return a {@link org.dominokit.domino.ui.elements.SmallElement} object
+   * @return The {@link org.dominokit.domino.ui.elements.SmallElement} of the CardHeader description
    */
   public SmallElement getDescriptionElement() {
     return description.get();
   }
 
   /**
-   * withDescription.
+   * This will initialize and append the card header description element if not yet initialized.
    *
-   * @return a {@link org.dominokit.domino.ui.cards.CardHeader} object
+   * @return same CardHeader instance
    */
   public CardHeader withDescription() {
     description.get();
@@ -256,10 +275,11 @@ public CardHeader withDescription() {
   }
 
   /**
-   * withDescription.
+   * Sets the CardHeader description. This will initialize and append the card header description
+   * element if not yet initialized.
    *
-   * @param description a {@link java.lang.String} object
-   * @return a {@link org.dominokit.domino.ui.cards.CardHeader} object
+   * @param description The CardHeader description text
+   * @return same CardHeader instance
    */
   public CardHeader withDescription(String description) {
     setDescription(description);
@@ -267,10 +287,13 @@ public CardHeader withDescription(String description) {
   }
 
   /**
-   * withDescription.
+   * Use to apply customization on the CardHeader description element without breaking the fluent
+   * API chain. This will initialize and append the card header description element if not yet
+   * initialized.
    *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a {@link org.dominokit.domino.ui.cards.CardHeader} object
+   * @param handler The {@link org.dominokit.domino.ui.utils.ChildHandler} applying the
+   *     customizations.
+   * @return same CardHeader instance
    */
   public CardHeader withDescription(ChildHandler handler) {
     handler.apply(this, description.get());
@@ -278,20 +301,22 @@ public CardHeader withDescription(ChildHandler handler
   }
 
   /**
-   * Setter for the field logo.
+   * Sets the CardHeader logo This will initialize and append the card header logo element if not
+   * yet initialized.
    *
-   * @param img a {@link elemental2.dom.HTMLImageElement} object
-   * @return a {@link org.dominokit.domino.ui.cards.CardHeader} object
+   * @param img The {@link elemental2.dom.HTMLImageElement} to be used as CardHeader logo.
+   * @return same CardHeader instance
    */
   public CardHeader setLogo(HTMLImageElement img) {
     return setLogo(ImageElement.of(img));
   }
 
   /**
-   * Setter for the field logo.
+   * Sets the CardHeader logo This will initialize and append the card header logo element if not
+   * yet initialized.
    *
-   * @param img a {@link org.dominokit.domino.ui.elements.ImageElement} object
-   * @return a {@link org.dominokit.domino.ui.cards.CardHeader} object
+   * @param img The {@link ImageElement} to be used as CardHeader logo.
+   * @return same CardHeader instance
    */
   public CardHeader setLogo(ImageElement img) {
     logo.remove();
@@ -301,28 +326,29 @@ public CardHeader setLogo(ImageElement img) {
   }
 
   /**
-   * Getter for the field logo.
+   * This will initialize and append the card header logo element if not yet initialized.
    *
-   * @return a {@link org.dominokit.domino.ui.elements.ImageElement} object
+   * @return The {@link ImageElement} of the CardHeader logo
    */
   public ImageElement getLogo() {
     return logo.get();
   }
 
   /**
-   * withLogo.
+   * Sets the CardHeader logo This will initialize and append the card header logo element if not
+   * yet initialized.
    *
-   * @param img a {@link elemental2.dom.HTMLImageElement} object
-   * @return a {@link org.dominokit.domino.ui.cards.CardHeader} object
+   * @param img The {@link HTMLImageElement} to be used as CardHeader logo.
+   * @return same CardHeader instance
    */
   public CardHeader withLogo(HTMLImageElement img) {
     return setLogo(img);
   }
 
   /**
-   * withLogo.
+   * This will initialize and append the card header logo element if not yet initialized.
    *
-   * @return a {@link org.dominokit.domino.ui.cards.CardHeader} object
+   * @return same CardHeader instance
    */
   public CardHeader withLogo() {
     logo.get();
@@ -330,10 +356,12 @@ public CardHeader withLogo() {
   }
 
   /**
-   * withLogo.
+   * Use to apply customization on the CardHeader logo element without breaking the fluent API
+   * chain. This will initialize and append the card header logo element if not yet initialized.
    *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a {@link org.dominokit.domino.ui.cards.CardHeader} object
+   * @param handler The {@link org.dominokit.domino.ui.utils.ChildHandler} applying the
+   *     customizations.
+   * @return same CardHeader instance
    */
   public CardHeader withLogo(ChildHandler handler) {
     handler.apply(this, logo.get());
@@ -341,10 +369,11 @@ public CardHeader withLogo(ChildHandler handler) {
   }
 
   /**
-   * setIcon.
+   * Sets the CardHeader icon, CardHeader icon fits between the logo and the title. This will
+   * initialize and append the card header icon if not yet initialized.
    *
-   * @param icon a {@link org.dominokit.domino.ui.icons.Icon} object
-   * @return a {@link org.dominokit.domino.ui.cards.CardHeader} object
+   * @param icon a {@link Icon} to be used as card logo.
+   * @return same Card instance
    */
   public CardHeader setIcon(Icon icon) {
     cardIcon.remove();
@@ -354,19 +383,20 @@ public CardHeader setIcon(Icon icon) {
   }
 
   /**
-   * getIcon.
+   * This will initialize and append the card header icon if not yet initialized.
    *
-   * @return a {@link org.dominokit.domino.ui.icons.Icon} object
+   * @return The {@link Icon} of this CardHeader instance
    */
   public Icon getIcon() {
     return cardIcon.get();
   }
 
   /**
-   * withIcon.
+   * Sets the card header icon, card header icon fits between the logo and the title. This will
+   * initialize and append the card header icon if not yet initialized.
    *
-   * @param icon a {@link org.dominokit.domino.ui.icons.Icon} object
-   * @return a {@link org.dominokit.domino.ui.cards.CardHeader} object
+   * @param icon a {@link Icon} to be used as card header icon.
+   * @return same CardHeader instance
    */
   public CardHeader withIcon(Icon icon) {
     setIcon(icon);
@@ -374,9 +404,9 @@ public CardHeader withIcon(Icon icon) {
   }
 
   /**
-   * withIcon.
+   * This will initialize and append the card header icon if not yet initialized.
    *
-   * @return a {@link org.dominokit.domino.ui.cards.CardHeader} object
+   * @return same CardHeader instance
    */
   public CardHeader withIcon() {
     cardIcon.get();
@@ -384,10 +414,12 @@ public CardHeader withIcon() {
   }
 
   /**
-   * withIcon.
+   * Use to apply customization on the CardHeader icon element without breaking the fluent API
+   * chain. This will initialize and append the card header icon element if not yet initialized.
    *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a {@link org.dominokit.domino.ui.cards.CardHeader} object
+   * @param handler The {@link org.dominokit.domino.ui.utils.ChildHandler} applying the
+   *     customizations.
+   * @return same Card instance
    */
   public CardHeader withIcon(ChildHandler> handler) {
     handler.apply(this, cardIcon.get());
@@ -395,10 +427,10 @@ public CardHeader withIcon(ChildHandler> handler) {
   }
 
   /**
-   * appendChild.
+   * Appends an element to the right side of the card header.
    *
-   * @param postfixAddOn a {@link org.dominokit.domino.ui.utils.PostfixAddOn} object
-   * @return a {@link org.dominokit.domino.ui.cards.CardHeader} object
+   * @param postfixAddOn A {@link org.dominokit.domino.ui.utils.PostfixAddOn} wrapped element
+   * @return same CardHeader instance
    */
   public CardHeader appendChild(PostfixAddOn postfixAddOn) {
     mainHeader.get().appendChild(postfixAddOn);
@@ -406,17 +438,17 @@ public CardHeader appendChild(PostfixAddOn postfixAddOn) {
   }
 
   /**
-   * appendChild.
+   * Appends an element to the left side of the card header, between the logo and the title.
    *
-   * @param prefixAddOn a {@link org.dominokit.domino.ui.utils.PrefixAddOn} object
-   * @return a {@link org.dominokit.domino.ui.cards.CardHeader} object
+   * @param prefixAddOn A {@link org.dominokit.domino.ui.utils.PrefixAddOn} wrapped element
+   * @return same card instance
    */
   public CardHeader appendChild(PrefixAddOn prefixAddOn) {
     mainHeader.get().appendChild(prefixAddOn);
     return this;
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public HTMLDivElement element() {
     return element.element();
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/cards/HeaderPosition.java b/domino-ui/src/main/java/org/dominokit/domino/ui/cards/HeaderPosition.java
index d81c3e646..6728078df 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/cards/HeaderPosition.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/cards/HeaderPosition.java
@@ -15,8 +15,10 @@
  */
 package org.dominokit.domino.ui.cards;
 
-/** HeaderPosition class. */
+/** An enum representing the card header position */
 public enum HeaderPosition {
+  /** Places the card header at the top above the body */
   TOP,
+  /** Places the card header at the bottom below the body */
   BOTTOM;
 }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/carousel/Carousel.java b/domino-ui/src/main/java/org/dominokit/domino/ui/carousel/Carousel.java
index 7d2a7832b..c41aeeab4 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/carousel/Carousel.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/carousel/Carousel.java
@@ -33,14 +33,10 @@
 /**
  * A slideshow component for cycling through elements.
  *
- * 
The component provides APIs for going through all the elements by next/previous indicators.
- * Also, it provides automatic sliding with configurable duration.
- *
- * 
Customize the component can be done by overwriting classes provided by {@link
- * org.dominokit.domino.ui.carousel.CarouselStyles}
+ * 
The component provides the means needed to go through a set of elements using next/previous
+ * buttons or automatically switch between them with configurable duration.
  *
  * @see BaseDominoElement
- * @see CarouselStyles
  */
 public class Carousel extends BaseDominoElement {
   /** Constant NEXT="next" */
@@ -65,7 +61,7 @@ public class Carousel extends BaseDominoElement {
   private int autoSlideDuration = 3000;
   private boolean attached = false;
 
-  /** Constructor for Carousel. */
+  /** Creates and empty Carousel */
   public Carousel() {
 
     element =
@@ -141,7 +137,7 @@ private void addAttachListener() {
   }
 
   /**
-   * Creates new carousel
+   * Factory method to create an empty Carousel
    *
    * @return new instance
    */
@@ -150,11 +146,10 @@ public static Carousel create() {
   }
 
   /**
-   * Adds new {@link org.dominokit.domino.ui.carousel.Slide}, event listeners will be added to the
-   * slide for removing the motion styles
+   * Adds new {@link org.dominokit.domino.ui.carousel.Slide} to this Carousel
    *
-   * @param slide a {@link org.dominokit.domino.ui.carousel.Slide} to be added
-   * @return same instance
+   * @param slide The {@link org.dominokit.domino.ui.carousel.Slide} to be added
+   * @return same carousel instance
    */
   public Carousel appendChild(Slide slide) {
     getIndicatorsElement().appendChild(slide.getIndicatorElement().element());
@@ -264,7 +259,7 @@ private void removeMotionStyles() {
   /**
    * Slides through items every {@code slideDuration}
    *
-   * @param slideDuration the time between slide between each element
+   * @param slideDuration The duration to wait before moving the next slide
    * @return same instance
    */
   public Carousel startAutoSlide(int slideDuration) {
@@ -291,37 +286,34 @@ public Carousel stopAutoSlide() {
     return this;
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public HTMLDivElement element() {
     return element.element();
   }
 
-  /** @return the indicator element */
   /**
-   * Getter for the field indicatorsElement.
-   *
-   * @return a {@link org.dominokit.domino.ui.elements.OListElement} object
+   * @return The {@link org.dominokit.domino.ui.elements.OListElement} holding the slides indicators
    */
   public OListElement getIndicatorsElement() {
     return indicatorsElement;
   }
 
-  /** @return the slides element which has all the slides */
   /**
-   * Getter for the field slidesElement.
-   *
-   * @return a {@link org.dominokit.domino.ui.elements.DivElement} object
+   * @return a {@link org.dominokit.domino.ui.elements.DivElement} that holds all the slides
+   *     elements
    */
   public DivElement getSlidesElement() {
     return slidesElement;
   }
 
   /**
-   * withSlidesElement.
+   * Use to apply customizations to the element containing all the slides without breaking the
+   * fluent API chain.
    *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a {@link org.dominokit.domino.ui.carousel.Carousel} object
+   * @param handler The {@link org.dominokit.domino.ui.utils.ChildHandler} applying the
+   *     customizations
+   * @return same carousel instance
    */
   public Carousel withSlidesElement(ChildHandler handler) {
     handler.apply(this, slidesElement);
@@ -329,10 +321,12 @@ public Carousel withSlidesElement(ChildHandler handler) {
   }
 
   /**
-   * withIndicatorsElement.
+   * Use to apply customizations to the element holding the slides indicators without breaking the
+   * fluent API chain.
    *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a {@link org.dominokit.domino.ui.carousel.Carousel} object
+   * @param handler The {@link org.dominokit.domino.ui.utils.ChildHandler} applying the
+   *     customizations
+   * @return same carousel instance
    */
   public Carousel withIndicatorsElement(ChildHandler handler) {
     handler.apply(this, indicatorsElement);
@@ -340,10 +334,11 @@ public Carousel withIndicatorsElement(ChildHandler handl
   }
 
   /**
-   * withPreviousElement.
+   * Use to apply customizations to the previous slide button without breaking the fluent API chain.
    *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a {@link org.dominokit.domino.ui.carousel.Carousel} object
+   * @param handler The {@link org.dominokit.domino.ui.utils.ChildHandler} applying the
+   *     customizations
+   * @return same carousel instance
    */
   public Carousel withPreviousElement(ChildHandler handler) {
     handler.apply(this, prevElement);
@@ -351,32 +346,23 @@ public Carousel withPreviousElement(ChildHandler handle
   }
 
   /**
-   * withNextElement.
+   * Use to apply customizations to the next slide button without breaking the fluent API chain.
    *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a {@link org.dominokit.domino.ui.carousel.Carousel} object
+   * @param handler The {@link org.dominokit.domino.ui.utils.ChildHandler} applying the
+   *     customizations
+   * @return same carousel instance
    */
   public Carousel withNextElement(ChildHandler handler) {
     handler.apply(this, nextElement);
     return this;
   }
 
-  /** @return All the added slides */
-  /**
-   * Getter for the field slides.
-   *
-   * @return a {@link java.util.List} object
-   */
+  /** @return a {@link java.util.List} of all slides in this carousel */
   public List getSlides() {
     return slides;
   }
 
-  /** @return the currently active slide */
-  /**
-   * Getter for the field activeSlide.
-   *
-   * @return a {@link org.dominokit.domino.ui.carousel.Slide} object
-   */
+  /** @return The current active {@link org.dominokit.domino.ui.carousel.Slide} component */
   public Slide getActiveSlide() {
     return activeSlide;
   }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/carousel/Slide.java b/domino-ui/src/main/java/org/dominokit/domino/ui/carousel/Slide.java
index e6b0b0c9c..3bef9c483 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/carousel/Slide.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/carousel/Slide.java
@@ -37,12 +37,12 @@
 import org.dominokit.domino.ui.utils.LazyChild;
 
 /**
- * A component for an element for {@link org.dominokit.domino.ui.carousel.Carousel}
+ * A slide component used with {@link org.dominokit.domino.ui.carousel.Carousel}
  *
- * 
Images can be added to the component with the ability to add label and description
+ * 
The component provide the means to create an image slide with different types of image
+ * elements or components
  *
  * @see BaseDominoElement
- * @see Carousel
  */
 public class Slide extends BaseDominoElement {
 
@@ -67,54 +67,57 @@ private Slide(HTMLElement element) {
   }
 
   /**
-   * Constructor for Slide.
+   * Creates an image slide from the provided image url
    *
-   * @param imageSrc a {@link java.lang.String} object
+   * @param imageSrc The string image source that will be used as the value for the img tag src
+   *     attribute.
    */
   public Slide(String imageSrc) {
     this(elements.img(imageSrc).element());
   }
 
   /**
-   * Constructor for Slide.
+   * Creates an image slide from the provided image element
    *
-   * @param image a {@link elemental2.dom.HTMLImageElement} object
+   * @param image The {@link elemental2.dom.HTMLImageElement} element to be used for the slide
    */
   public Slide(HTMLImageElement image) {
     this((HTMLElement) image);
   }
 
   /**
-   * Constructor for Slide.
+   * Creates an image slide from the provided picture element
    *
-   * @param pictureElement a {@link elemental2.dom.HTMLPictureElement} object
+   * @param pictureElement The {@link elemental2.dom.HTMLPictureElement} element to be used for the
+   *     slide.
    */
   public Slide(HTMLPictureElement pictureElement) {
     this((HTMLElement) pictureElement);
   }
 
   /**
-   * Constructor for Slide.
+   * Creates an image slide from the provided image component
    *
-   * @param image a {@link org.dominokit.domino.ui.elements.ImageElement} object
+   * @param image The {@link ImageElement} element to be used for the slide.
    */
   public Slide(ImageElement image) {
     this(image.element());
   }
 
   /**
-   * Constructor for Slide.
+   * Creates an image slide from the provided picture component
    *
-   * @param pictureElement a {@link org.dominokit.domino.ui.elements.PictureElement} object
+   * @param pictureElement The {@link PictureElement} element to be used for the slide.
    */
   public Slide(PictureElement pictureElement) {
     this(pictureElement.element());
   }
 
   /**
-   * Creates new slide with image source
+   * Factory method to create an image slide from the provided image url
    *
-   * @param imageSrc the url for the image
+   * @param imageSrc The string image source that will be used as the value for the img tag src
+   *     attribute.
    * @return new instance
    */
   public static Slide create(String imageSrc) {
@@ -122,9 +125,9 @@ public static Slide create(String imageSrc) {
   }
 
   /**
-   * Creates new slide with {@link elemental2.dom.HTMLImageElement}
+   * Factory method to create an image slide from the provided image element
    *
-   * @param image the {@link elemental2.dom.HTMLImageElement}
+   * @param image The {@link elemental2.dom.HTMLImageElement} element to be used for the slide
    * @return new instance
    */
   public static Slide create(HTMLImageElement image) {
@@ -132,9 +135,10 @@ public static Slide create(HTMLImageElement image) {
   }
 
   /**
-   * Creates new slide with {@link elemental2.dom.HTMLPictureElement}
+   * Factory method to create an image slide from the provided picture element
    *
-   * @param pictureElement the {@link elemental2.dom.HTMLPictureElement}
+   * @param pictureElement The {@link elemental2.dom.HTMLPictureElement} element to be used for the
+   *     slide.
    * @return new instance
    */
   public static Slide create(HTMLPictureElement pictureElement) {
@@ -142,9 +146,9 @@ public static Slide create(HTMLPictureElement pictureElement) {
   }
 
   /**
-   * Creates new slide with {@link org.dominokit.domino.ui.elements.ImageElement}
+   * Factory method to create an image slide from the provided image component
    *
-   * @param image the {@link org.dominokit.domino.ui.elements.ImageElement}
+   * @param image The {@link ImageElement} element to be used for the slide.
    * @return new instance
    */
   public static Slide create(ImageElement image) {
@@ -152,16 +156,16 @@ public static Slide create(ImageElement image) {
   }
 
   /**
-   * Creates new slide with {@link org.dominokit.domino.ui.elements.PictureElement}
+   * Factory method to create an image slide from the provided picture component
    *
-   * @param pictureElement the {@link org.dominokit.domino.ui.elements.PictureElement}
+   * @param pictureElement The {@link PictureElement} element to be used for the slide.
    * @return new instance
    */
   public static Slide create(PictureElement pictureElement) {
     return new Slide(pictureElement);
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public HTMLDivElement element() {
     return slideElement.element();
@@ -169,54 +173,54 @@ public HTMLDivElement element() {
 
   /**
    * Activates this slide. This will add {@link org.dominokit.domino.ui.style.GenericCss#dui_active}
-   * style to the slide
+   * style to the slide This method is a shortcut for setActive(true)
    *
-   * @return same instance
+   * @return same slide instance
    */
   public Slide activate() {
     setActive(true);
     return this;
   }
 
+  /**
+   * Deactivate this slide. This will remove {@link
+   * org.dominokit.domino.ui.style.GenericCss#dui_active} style from the slide This method is a
+   * shortcut for setActive(false)
+   */
   void deActivate() {
     setActive(false);
   }
 
   /**
-   * Sets the slide to active without changing the styles
+   * Change the style active state
    *
-   * @param active a boolean that indicates this slide is active
+   * @param active a boolean, true to make the slide active, false make the slide
+   *     inactive.
    */
   public void setActive(boolean active) {
     indicatorElement.addCss(BooleanCssClass.of(dui_active, active));
     addCss(BooleanCssClass.of(dui_active, active));
   }
 
-  /** @return True if this slide is active, false otherwise */
   /**
-   * isActive.
+   * Use to check if the slide is currently active or not.
    *
-   * @return a boolean
+   * @return a boolean, true if the slide is active, false if the slide is not active.
    */
   public boolean isActive() {
     return dui_active.isAppliedTo(element());
   }
 
-  /** @return The indicator element */
-  /**
-   * Getter for the field indicatorElement.
-   *
-   * @return a {@link org.dominokit.domino.ui.utils.DominoElement} object
-   */
+  /** @return This slide indicator element attached to the carousel slides indicators. */
   public DominoElement getIndicatorElement() {
     return elementOf(indicatorElement);
   }
 
   /**
-   * setLabel.
+   * Sets the slide title
    *
-   * @param text a {@link java.lang.String} object
-   * @return a {@link org.dominokit.domino.ui.carousel.Slide} object
+   * @param text the slide title text.
+   * @return same slide instance
    */
   public Slide setLabel(String text) {
     slideLabelElement.get().textContent(text);
@@ -224,53 +228,47 @@ public Slide setLabel(String text) {
   }
 
   /**
-   * setDescription.
+   * sets the slide description text
    *
-   * @param text a {@link java.lang.String} object
-   * @return a {@link org.dominokit.domino.ui.carousel.Slide} object
+   * @param text slide description text
+   * @return same slide instance
    */
   public Slide setDescription(String text) {
     slideDescriptionElement.get().textContent(text);
     return this;
   }
 
-  /** @return The slide label element */
-  /**
-   * Getter for the field slideLabelElement.
-   *
-   * @return a {@link org.dominokit.domino.ui.elements.HeadingElement} object
-   */
+  /** @return The {@link org.dominokit.domino.ui.elements.HeadingElement} of the slide title. */
   public HeadingElement getSlideLabelElement() {
     return slideLabelElement.get();
   }
 
-  /** @return The slide label element */
   /**
-   * withSlideLabelElement.
+   * Use to apply customizations to the slide title element without breaking the fluent API chain.
    *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a {@link org.dominokit.domino.ui.carousel.Slide} object
+   * @param handler The {@link org.dominokit.domino.ui.utils.ChildHandler} applying the
+   *     customizations
+   * @return same carousel instance
    */
   public Slide withSlideLabelElement(ChildHandler handler) {
     handler.apply(this, slideLabelElement.get());
     return this;
   }
 
-  /** @return The slide description element */
   /**
-   * Getter for the field slideDescriptionElement.
-   *
-   * @return a {@link org.dominokit.domino.ui.elements.ParagraphElement} object
+   * @return The {@link org.dominokit.domino.ui.elements.ParagraphElement} of the slide description.
    */
   public ParagraphElement getSlideDescriptionElement() {
     return slideDescriptionElement.get();
   }
 
   /**
-   * withSlideDescriptionElement.
+   * Use to apply customizations to the slide description element without breaking the fluent API
+   * chain.
    *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a {@link org.dominokit.domino.ui.carousel.Slide} object
+   * @param handler The {@link org.dominokit.domino.ui.utils.ChildHandler} applying the
+   *     customizations
+   * @return same carousel instance
    */
   public Slide withSlideDescriptionElement(ChildHandler handler) {
     handler.apply(this, slideDescriptionElement.get());
@@ -278,32 +276,27 @@ public Slide withSlideDescriptionElement(ChildHandler h
   }
 
   /**
-   * withSlideCaptionElement.
+   * Use to apply customizations to the slide caption element which holds the title and description
+   * without breaking the fluent API chain.
    *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a {@link org.dominokit.domino.ui.carousel.Slide} object
+   * @param handler The {@link org.dominokit.domino.ui.utils.ChildHandler} applying the
+   *     customizations
+   * @return same carousel instance
    */
   public Slide withSlideCaptionElement(ChildHandler handler) {
     handler.apply(this, captionElement.get());
     return this;
   }
 
-  /** @return The slide caption element */
   /**
-   * Getter for the field captionElement.
-   *
-   * @return a {@link org.dominokit.domino.ui.elements.DivElement} object
+   * @return The {@link org.dominokit.domino.ui.elements.DivElement} that holds the title and
+   *     description elements
    */
   public DivElement getCaptionElement() {
     return captionElement.get();
   }
 
-  /** @return The image element */
-  /**
-   * Getter for the field imageElement.
-   *
-   * @return a {@link org.dominokit.domino.ui.utils.DominoElement} object
-   */
+  /** @return The element of the image of this slide. */
   public DominoElement getImageElement() {
     return elementOf(imageElement);
   }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/chips/Chip.java b/domino-ui/src/main/java/org/dominokit/domino/ui/chips/Chip.java
index 4e841c22d..1f61ff856 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/chips/Chip.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/chips/Chip.java
@@ -40,7 +40,11 @@
 import org.dominokit.domino.ui.utils.PrefixAddOn;
 import org.dominokit.domino.ui.utils.Selectable;
 
-/** Chip class. */
+/**
+ * A component for a Tag that can have a text and icon or image and can be set to be removable.
+ *
+ * @see BaseDominoElement
+ */
 public class Chip extends BaseDominoElement
     implements HasSelectionListeners, Selectable, AcceptDisable {
 
@@ -56,19 +60,19 @@ public class Chip extends BaseDominoElement
   private boolean removable = false;
 
   /**
-   * create.
+   * factory methiod to create a Chip with the provided text.
    *
-   * @param text a {@link java.lang.String} object
-   * @return a {@link org.dominokit.domino.ui.chips.Chip} object
+   * @param text The chip text
+   * @return new Chip instance
    */
   public static Chip create(String text) {
     return new Chip(text);
   }
 
   /**
-   * Constructor for Chip.
+   * Creates a chip with the provided text
    *
-   * @param text a {@link java.lang.String} object
+   * @param text The chip text
    */
   public Chip(String text) {
     root =
@@ -122,46 +126,46 @@ public Chip(String text) {
         });
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public Chip pauseSelectionListeners() {
     this.selectionListenersPaused = true;
     return this;
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public Chip resumeSelectionListeners() {
     this.selectionListenersPaused = false;
     return this;
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public Chip togglePauseSelectionListeners(boolean toggle) {
     this.selectionListenersPaused = toggle;
     return this;
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public Set> getSelectionListeners() {
     return selectionListeners;
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public Set> getDeselectionListeners() {
     return deselectionListeners;
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public boolean isSelectionListenersPaused() {
     return this.selectionListenersPaused;
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public Chip triggerSelectionListeners(Chip source, Chip selection) {
     selectionListeners.forEach(
@@ -169,7 +173,7 @@ public Chip triggerSelectionListeners(Chip source, Chip selection) {
     return this;
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public Chip triggerDeselectionListeners(Chip source, Chip selection) {
     deselectionListeners.forEach(
@@ -177,7 +181,7 @@ public Chip triggerDeselectionListeners(Chip source, Chip selection) {
     return this;
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public Chip getSelection() {
     if (isSelected()) {
@@ -186,19 +190,33 @@ public Chip getSelection() {
     return null;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Selects the chip and trigger the selection listeners if not paused
+   *
+   * @return same chip instance
+   */
   @Override
   public Chip select() {
     return select(isSelectionListenersPaused());
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Deselects the chip and trigger the deselection listeners if not paused
+   *
+   * @return same chip instance
+   */
   @Override
   public Chip deselect() {
     return deselect(isSelectionListenersPaused());
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Selects the chip and trigger the selection listeners if the silent flag not true.
+   *
+   * @param silent boolean, true to ignore selection listeners, false to trigger
+   *     selection listeners
+   * @return same chip instance
+   */
   @Override
   public Chip select(boolean silent) {
     if (!isDisabled() && isSelectable()) {
@@ -210,7 +228,13 @@ public Chip select(boolean silent) {
     return this;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Deselects the chip and trigger the deselection listeners if the silent flag not true.
+   *
+   * @param silent boolean, true to ignore deselection listeners, false to trigger
+   *     deselection listeners
+   * @return same chip instance
+   */
   @Override
   public Chip deselect(boolean silent) {
     if (!isDisabled() && isSelectable()) {
@@ -222,12 +246,25 @@ public Chip deselect(boolean silent) {
     return this;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Change the chip selection state based on the provided flag.
+   *
+   * @param selected boolean, true selects the chip, false deselect the chip
+   * @return same chip instance
+   */
   public Chip setSelected(boolean selected) {
     return setSelected(selected, isSelectionListenersPaused());
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Change the chip selection state based on the provided flag and trigger the selection listeners
+   * based on the silent flag.
+   *
+   * @param selected boolean, true selects the chip, false deselect the chip
+   * @param silent boolean, true ignore the selection/deselection listener, false
+   *     trigger the selection/deselection listener
+   * @return same chip instance
+   */
   @Override
   public Chip setSelected(boolean selected, boolean silent) {
     if (!isReadOnly() && !isDisabled()) {
@@ -245,19 +282,28 @@ private void doSetSelected(boolean selected) {
     this.selected = selected;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * @return boolean, true if the chip is selectable and currently selected, otherwise
+   *     false
+   */
   @Override
   public boolean isSelected() {
     return selected && isSelectable();
   }
 
-  /** {@inheritDoc} */
+  /** @return boolean, true if the chip is selectable otherwise false */
   @Override
   public boolean isSelectable() {
     return selectable;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Sets this chip to be selectable or not.
+   *
+   * @param selectable boolean, true to make the chip selectable, false to make it not
+   *     selectable
+   * @return same chip instance
+   */
   @Override
   public Chip setSelectable(boolean selectable) {
     this.selectable = selectable;
@@ -265,19 +311,20 @@ public Chip setSelectable(boolean selectable) {
   }
 
   /**
-   * isRemovable.
+   * Use to check if this chip is removable or not.
    *
-   * @return a boolean
+   * @return a boolean, true if the chip is removable otherwise false
    */
   public boolean isRemovable() {
     return removable;
   }
 
   /**
-   * Setter for the field removable.
+   * Toggle the chip removable state based on the provided flag
    *
-   * @param removable a boolean
-   * @return a {@link org.dominokit.domino.ui.chips.Chip} object
+   * @param removable a boolean, true to make the chip removable, false to make it not
+   *     removable.
+   * @return same chip instance
    */
   public Chip setRemovable(boolean removable) {
     this.removable = removable;
@@ -290,10 +337,10 @@ public Chip setRemovable(boolean removable) {
   }
 
   /**
-   * setText.
+   * Set the chip text
    *
-   * @param text a {@link java.lang.String} object
-   * @return a {@link org.dominokit.domino.ui.chips.Chip} object
+   * @param text the chip text string
+   * @return same chip instance
    */
   public Chip setText(String text) {
     textElement.setTextContent(text);
@@ -301,30 +348,28 @@ public Chip setText(String text) {
   }
 
   /**
-   * withTextElement.
+   * Use to apply customization to the chip text element without breaking the fluent api chain
    *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a {@link org.dominokit.domino.ui.chips.Chip} object
+   * @param handler The {@link org.dominokit.domino.ui.utils.ChildHandler} applying the
+   *     customizations
+   * @return same chip instance
    */
   public Chip withTextElement(ChildHandler handler) {
     handler.apply(this, textElement);
     return this;
   }
 
-  /**
-   * Getter for the field textElement.
-   *
-   * @return a {@link org.dominokit.domino.ui.elements.SpanElement} object
-   */
+  /** @return The {@link org.dominokit.domino.ui.elements.SpanElement} of this chip text. */
   public SpanElement getTextElement() {
     return textElement;
   }
 
   /**
-   * appendChild.
+   * Appends a element to the left side of the chip
    *
-   * @param prefixAddOn a {@link org.dominokit.domino.ui.utils.PrefixAddOn} object
-   * @return a {@link org.dominokit.domino.ui.chips.Chip} object
+   * @param prefixAddOn The {@link org.dominokit.domino.ui.utils.PrefixAddOn} wrapping another
+   *     element
+   * @return same chip instance
    */
   public Chip appendChild(PrefixAddOn prefixAddOn) {
     this.addon.get().appendChild(prefixAddOn);
@@ -332,39 +377,39 @@ public Chip appendChild(PrefixAddOn prefixAddOn) {
   }
 
   /**
-   * setLetters.
+   * Appends a text as prefix to the chip
    *
-   * @param text a {@link java.lang.String} object
-   * @return a {@link org.dominokit.domino.ui.chips.Chip} object
+   * @param text The text to be appended as a prefix.
+   * @return same chip instance
    */
   public Chip setLetters(String text) {
     return appendChild(PrefixAddOn.of(span().textContent(text)));
   }
 
   /**
-   * setImage.
+   * Appends an image as a prefix to this chip
    *
-   * @param img a {@link elemental2.dom.HTMLImageElement} object
-   * @return a {@link org.dominokit.domino.ui.chips.Chip} object
+   * @param img The {@link elemental2.dom.HTMLImageElement} to be appended as prefix
+   * @return same chip instance
    */
   public Chip setImage(HTMLImageElement img) {
     return appendChild(PrefixAddOn.of(img));
   }
 
   /**
-   * setImage.
+   * Sets the prefix with the provided image.
    *
-   * @param img a {@link org.dominokit.domino.ui.elements.ImageElement} object
-   * @return a {@link org.dominokit.domino.ui.chips.Chip} object
+   * @param img The {@link ImageElement} to be appended as prefix
+   * @return same chip instance
    */
   public Chip setImage(ImageElement img) {
     return appendChild(PrefixAddOn.of(img));
   }
 
   /**
-   * clearAddOn.
+   * Removes all elements appended as prefix to this chi[
    *
-   * @return a {@link org.dominokit.domino.ui.chips.Chip} object
+   * @return same chip instance
    */
   public Chip clearAddOn() {
     addon.remove();
@@ -372,17 +417,19 @@ public Chip clearAddOn() {
   }
 
   /**
-   * withAddon.
+   * Use to apply customization to the element containing prefixes appended to this chip without
+   * breaking the fluent api chain.
    *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a {@link org.dominokit.domino.ui.chips.Chip} object
+   * @param handler The {@link org.dominokit.domino.ui.utils.ChildHandler} applying the
+   *     customization
+   * @return same chip instance
    */
   public Chip withAddon(ChildHandler handler) {
     handler.apply(this, addon.get());
     return this;
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public HTMLDivElement element() {
     return root.element();
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/chips/ChipsGroup.java b/domino-ui/src/main/java/org/dominokit/domino/ui/chips/ChipsGroup.java
index 6392e5a78..65074dc50 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/chips/ChipsGroup.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/chips/ChipsGroup.java
@@ -21,17 +21,11 @@
 import org.dominokit.domino.ui.utils.*;
 
 /**
- * This component provides a group of {@link org.dominokit.domino.ui.chips.Chip} which handles the
- * selection behaviour between them.
- *
- * 
This component will handle the switching between all the chips configured, so that one chip
- * will be select at one time
+ * This component groups a set of {@link org.dominokit.domino.ui.chips.Chip}s and controls the
+ * selection behavior of grouped chips
  *
+ * @see HasSelectionListeners
  * @see BaseDominoElement
- * @see Chip
- * @see HasSelectionHandler
- * @see HasDeselectionHandler
- * @see AcceptDisable
  */
 public class ChipsGroup extends BaseDominoElement
     implements AcceptDisable, HasSelectionListeners> {
@@ -48,30 +42,29 @@ public class ChipsGroup extends BaseDominoElement
       new HashSet<>();
   private boolean selectionListenersPaused = false;
 
-  /** Constructor for ChipsGroup. */
+  /** Creates and empty chips group */
   public ChipsGroup() {
     root = div();
     init(this);
   }
 
-  /** @return new instance */
   /**
-   * create.
+   * Factory method to create an empty chips group
    *
-   * @return a {@link org.dominokit.domino.ui.chips.ChipsGroup} object
+   * @return new ChipsGroup instance
    */
   public static ChipsGroup create() {
     return new ChipsGroup();
   }
 
   /**
-   * Adds new {@link org.dominokit.domino.ui.chips.Chip}
+   * Adds a {@link org.dominokit.domino.ui.chips.Chip} to this chips group
    *
-   * 
This will set the chip as selectable and adds selection/deselection handler to handle the
-   * switching between all the chips.
+   * 
This will automatically set the chip as selectable and adds selection/deselection handler to
+   * handle the switching between all the chips.
    *
-   * @param chip the new {@link org.dominokit.domino.ui.chips.Chip} to add
-   * @return same instance
+   * @param chip the {@link org.dominokit.domino.ui.chips.Chip} to be added to the group
+   * @return same ChipsGroup instance
    */
   public ChipsGroup appendChild(Chip chip) {
     chip.setSelectable(true);
@@ -112,44 +105,44 @@ public ChipsGroup appendChild(Chip chip) {
     return this;
   }
 
-  /** {@inheritDoc} */
+  /** Enables chips selection */
   @Override
   public ChipsGroup enable() {
     chips.forEach(Chip::enable);
     return this;
   }
 
-  /** {@inheritDoc} */
+  /** Disables chips selection */
   @Override
   public ChipsGroup disable() {
     chips.forEach(Chip::disable);
     return this;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Use to check if this group chips selection is enabled
+   *
+   * @return boolean, true if selection is enabled, false if selection is not enabled
+   */
   @Override
   public boolean isEnabled() {
     return chips.stream().allMatch(Chip::isEnabled);
   }
 
-  /** @return The current selected chip */
-  /**
-   * Getter for the field selectedChips.
-   *
-   * @return a {@link java.util.List} object
-   */
+  /** @return a {@link java.util.List} of currently selected chips in this group */
   public List getSelectedChips() {
     return selectedChips;
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public HTMLDivElement element() {
     return root.element();
   }
 
   /**
-   * Selects a chip at an {@code index}
+   * Selects a chip at provided index {@code index} only if the index within the acceptable range,
+   * otherwise ignore.
    *
    * @param index the index of the chip to select
    * @return same instance
@@ -161,56 +154,51 @@ public ChipsGroup selectAt(int index) {
     return this;
   }
 
-  /** @return All the chips added to this group */
-  /**
-   * Getter for the field chips.
-   *
-   * @return a {@link java.util.List} object
-   */
+  /** @return a {@link java.util.List} of all chips in this group. */
   public List getChips() {
     return chips;
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public ChipsGroup pauseSelectionListeners() {
     this.selectionListenersPaused = true;
     return this;
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public ChipsGroup resumeSelectionListeners() {
     this.selectionListenersPaused = false;
     return this;
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public ChipsGroup togglePauseSelectionListeners(boolean toggle) {
     this.selectionListenersPaused = toggle;
     return this;
   }
 
-  /** {@inheritDoc} */
+  /** {@dominokit-site-ignore @inheritDoc} */
   @Override
   public Set>> getSelectionListeners() {
     return selectionListeners;
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public Set>> getDeselectionListeners() {
     return deselectionListeners;
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public boolean isSelectionListenersPaused() {
     return this.selectionListenersPaused;
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public ChipsGroup triggerSelectionListeners(Chip source, List selection) {
     selectionListeners.forEach(
@@ -219,7 +207,7 @@ public ChipsGroup triggerSelectionListeners(Chip source, List selection) {
     return this;
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public ChipsGroup triggerDeselectionListeners(Chip source, List selection) {
     deselectionListeners.forEach(
@@ -228,26 +216,27 @@ public ChipsGroup triggerDeselectionListeners(Chip source, List selection)
     return this;
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public List getSelection() {
     return selectedChips;
   }
 
   /**
-   * isMultiSelect.
+   * Use to check if this group allows the selection of multiple chips at the same time.
    *
-   * @return a boolean
+   * @return a boolean, true multi-select is enabled, false multi-select is disabled
    */
   public boolean isMultiSelect() {
     return multiSelect;
   }
 
   /**
-   * Setter for the field multiSelect.
+   * Enable/Disable multi-selection based on the provided flag.
    *
-   * @param multiSelect a boolean
-   * @return a {@link org.dominokit.domino.ui.chips.ChipsGroup} object
+   * @param multiSelect a boolean, true enables multi-selection, false disable
+   *     multi-selection
+   * @return same ChipsGroup instance
    */
   public ChipsGroup setMultiSelect(boolean multiSelect) {
     this.multiSelect = multiSelect;
@@ -259,19 +248,21 @@ public ChipsGroup setMultiSelect(boolean multiSelect) {
   }
 
   /**
-   * isRemovable.
+   * Check if the chips in this group are removable or not.
    *
-   * @return a boolean
+   * @return a boolean, true the chips in this group are removable, false the chips in
+   *     this group are not removable
    */
   public boolean isRemovable() {
     return removable;
   }
 
   /**
-   * Setter for the field removable.
+   * Set all chips in this group to removable or not based on the provided flag.
    *
-   * @param removable a boolean
-   * @return a {@link org.dominokit.domino.ui.chips.ChipsGroup} object
+   * @param removable a boolean, true set all chips in this group to be removable,
+   *     false set all chips in this group to be not removable.
+   * @return same ChipsGroup instance
    */
   public ChipsGroup setRemovable(boolean removable) {
     this.removable = removable;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/code/Code.java b/domino-ui/src/main/java/org/dominokit/domino/ui/code/Code.java
index b4ad24cca..e4399459f 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/code/Code.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/code/Code.java
@@ -47,6 +47,8 @@ public class Code {
    * 
pre

    *
    * 
element
+   *
+   * @see BaseDominoElement
    */
   public static class Block extends BaseDominoElement {
     private final PreElement element;
@@ -90,6 +92,8 @@ public HTMLPreElement element() {
    * 
code

    *
    * 
element
+   *
+   * @see BaseDominoElement
    */
   public static class Statement extends BaseDominoElement {
     private final DominoElement element;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/collapsible/Accordion.java b/domino-ui/src/main/java/org/dominokit/domino/ui/collapsible/Accordion.java
index 7549be50f..bb8499c24 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/collapsible/Accordion.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/collapsible/Accordion.java
@@ -28,12 +28,13 @@
  * A drawer like component that allow you to show and hide content.
  *
  * 
Accordion component can work in different mode to give the user the ability to show and hide
- * content an accordion can multiple {@link org.dominokit.domino.ui.collapsible.AccordionPanel} and
- * the user click on a panel to show/hide its content by default only one panel will be open and the
- * other panels will be closed unless the multi open flag is set which will allow more than one
- * panel to be open at once.
+ * content, accordions can have multiple {@link org.dominokit.domino.ui.collapsible.AccordionPanel}
+ * when the user clicks on a panel to show/hide its content, there will be only one panel opened at
+ * a time by default, the other panels will be closed unless the multi open flag is set which will
+ * allow opening more than one panel at the same time
  *
- * @see AccordionPanel
+ * @see CollapseStrategy
+ * @see BaseDominoElement
  */
 public class Accordion extends BaseDominoElement
     implements CollapsibleStyles {
@@ -43,14 +44,14 @@ public class Accordion extends BaseDominoElement
   private boolean multiOpen = false;
   private CollapseStrategy panelsCollapseStrategy;
 
-  /** Default constructor */
+  /** Creates an empty accordion */
   public Accordion() {
     element = div().addCss(dui_collapse_group);
     init(this);
   }
 
   /**
-   * A facttory to create a new Accordion instance
+   * Factory method to create an empty accordion
    *
    * @return new Accordion instance
    */
@@ -59,10 +60,9 @@ public static Accordion create() {
   }
 
   /**
-   * Adds an accordion panel to the accordion and allow overriding the accordion panel colors with
-   * the colors from the Accordion
+   * Adds an accordion panel to the accordion
    *
-   * @param panel {@link org.dominokit.domino.ui.collapsible.AccordionPanel}
+   * @param panel The {@link org.dominokit.domino.ui.collapsible.AccordionPanel} to be added
    * @return same accordion instance
    */
   public Accordion appendChild(AccordionPanel panel) {
@@ -79,12 +79,13 @@ public Accordion appendChild(AccordionPanel panel) {
   }
 
   /**
-   * Toggles the Accordion panel open state. if it is open it will be closed and if closed it will
-   * open
+   * Only if the provided AccordionPanel is one of the panels in this accordion toggle the Accordion
+   * panel open state. if it is open it will be closed and if closed it will open
    *
-   * @param panel {@link org.dominokit.domino.ui.collapsible.AccordionPanel}
+   * @param panel The {@link org.dominokit.domino.ui.collapsible.AccordionPanel} to be toggled
+   * @return same accordion instance
    */
-  public void togglePanel(AccordionPanel panel) {
+  public Accordion togglePanel(AccordionPanel panel) {
     if (panels.contains(panel)) {
       if (!multiOpen) {
         List accordionPanels = otherPanels(panel);
@@ -101,6 +102,7 @@ public void togglePanel(AccordionPanel panel) {
         panel.toggleCollapse();
       }
     }
+    return this;
   }
 
   private List otherPanels(AccordionPanel exclude) {
@@ -120,18 +122,20 @@ public Accordion multiOpen() {
   }
 
   /**
-   * isMultiOpen.
+   * Use to check if this accordion allows multiple opened accordion panels.
    *
-   * @return a boolean
+   * @return a boolean, true if multiple opened panels enabled, false if multiple
+   *     opened panel is disabled
    */
   public boolean isMultiOpen() {
     return multiOpen;
   }
 
   /**
-   * Setter for the field multiOpen.
+   * Enable/Disable open multiple panels based on the provided flag
    *
-   * @param multiOpen a boolean
+   * @param multiOpen a boolean, true enables open multiple panels, false disable open
+   *     multiple panel.
    * @return a {@link org.dominokit.domino.ui.collapsible.Accordion} object
    */
   public Accordion setMultiOpen(boolean multiOpen) {
@@ -140,10 +144,11 @@ public Accordion setMultiOpen(boolean multiOpen) {
   }
 
   /**
-   * setPanelCollapseStrategy.
+   * Sets the collapse/expand strategy for the accordion panels.
    *
-   * @param strategy a {@link org.dominokit.domino.ui.collapsible.CollapseStrategy} object
-   * @return a {@link org.dominokit.domino.ui.collapsible.Accordion} object
+   * @param strategy The {@link org.dominokit.domino.ui.collapsible.CollapseStrategy} to use when
+   *     the accordion panels are collapsed/expaned
+   * @return Same accordion instance
    */
   public Accordion setPanelCollapseStrategy(CollapseStrategy strategy) {
     this.panelsCollapseStrategy = strategy;
@@ -152,17 +157,15 @@ public Accordion setPanelCollapseStrategy(CollapseStrategy strategy) {
     return this;
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public HTMLDivElement element() {
     return element.element();
   }
 
-  /** @return {@link List} of {@link AccordionPanel} that are added to this accordion */
   /**
-   * Getter for the field panels.
-   *
-   * @return a {@link java.util.List} object
+   * @return A {@link java.util.List} of the {@link AccordionPanel}s in this added to this accordion
+   *     instance
    */
   public List getPanels() {
     return panels;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/collapsible/AccordionPanel.java b/domino-ui/src/main/java/org/dominokit/domino/ui/collapsible/AccordionPanel.java
index e59cde4f7..e3313f1dd 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/collapsible/AccordionPanel.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/collapsible/AccordionPanel.java
@@ -24,12 +24,11 @@
 import org.dominokit.domino.ui.utils.*;
 
 /**
- * A component to show/hide content inside an {@link org.dominokit.domino.ui.collapsible.Accordion}
- *
- * 
The accordion panel can be appended to an Accordion to show/hide some content when the user
- * clicks on the panel header
+ * A component used with the {@link org.dominokit.domino.ui.collapsible.Accordion} component to host
+ * part of the content that needs to be collapsed/expanded when the user clicks on the panel header
  *
  * @see Accordion
+ * @see BaseDominoElement
  */
 public class AccordionPanel extends BaseDominoElement
     implements IsCollapsible,
@@ -44,7 +43,7 @@ public class AccordionPanel extends BaseDominoElement contentHeader;
   private LazyChild contentFooter;
 
-  /** Constructor for AccordionPanel. */
+  /** Creates an empty AccordionPanel */
   public AccordionPanel() {
     element =
         div()
@@ -68,11 +67,10 @@ public AccordionPanel() {
     collapse();
   }
 
-  /** @param title String, the accordion panel header title */
   /**
-   * Constructor for AccordionPanel.
+   * Creates an accordion panel with a title in the header
    *
-   * @param title a {@link java.lang.String} object
+   * @param title The title text
    */
   public AccordionPanel(String title) {
     this();
@@ -80,26 +78,28 @@ public AccordionPanel(String title) {
   }
 
   /**
-   * A factory to create Accordion panel with a title
+   * Factory method to create an accordion panel with a title
    *
-   * @param title String, the accordion panel header title
+   * @param title The title text
    * @return new Accordion instance
    */
   public static AccordionPanel create(String title) {
     return new AccordionPanel(title);
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public HTMLElement getAppendTarget() {
     return bodyElement.element();
   }
 
   /**
-   * appendChild.
+   * Appends a component or element to the right side of the panel header. This will initialize and
+   * append the panel header if not yet initialized.
    *
-   * @param element a {@link org.dominokit.domino.ui.utils.PostfixAddOn} object
-   * @return a {@link org.dominokit.domino.ui.collapsible.AccordionPanel} object
+   * @param element The element or component wrapped as a postfix.
+   * @return Same AccordionPanel instance
+   * @see NavBar
    */
   public AccordionPanel appendChild(PostfixAddOn element) {
     headerElement.get().appendChild(element.addCss(dui_panel_utility));
@@ -107,10 +107,12 @@ public AccordionPanel appendChild(PostfixAddOn element) {
   }
 
   /**
-   * appendChild.
+   * Appends a component or element to the content body header section This will initialize and
+   * append the content header section if not yet initialized.
    *
-   * @param element a {@link org.dominokit.domino.ui.utils.HeaderContent} object
-   * @return a {@link org.dominokit.domino.ui.collapsible.AccordionPanel} object
+   * @param element The component or element wrapped as a {@link HeaderContent}
+   * @return Same AccordionPanel instance
+   * @see NavBar
    */
   public AccordionPanel appendChild(HeaderContent element) {
     contentHeader.get().appendChild(element);
@@ -118,26 +120,29 @@ public AccordionPanel appendChild(HeaderContent element) {
   }
 
   /**
-   * appendChild.
+   * Appends a component or element to the content body footer section This will initialize and
+   * append the content footer section if not yet initialized.
    *
-   * @param element a {@link org.dominokit.domino.ui.utils.FooterContent} object
-   * @return a {@link org.dominokit.domino.ui.collapsible.AccordionPanel} object
+   * @param element The component or element wrapped as a {@link FooterContent}
+   * @return Same AccordionPanel instance
+   * @see NavBar
    */
   public AccordionPanel appendChild(FooterContent element) {
     contentFooter.get().appendChild(element);
     return this;
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public HTMLElement getCollapsibleElement() {
     return contentElement.element();
   }
 
   /**
-   * Change the panel header title.
+   * Sets the panel header title. This will initialize and append the header element if not yet
+   * initialized.
    *
-   * @param title String, the accordion panel header title
+   * @param title The accordion panel header title
    * @return same AccordionPanel instance
    */
   public AccordionPanel setTitle(String title) {
@@ -146,9 +151,10 @@ public AccordionPanel setTitle(String title) {
   }
 
   /**
-   * Change the panel header title.
+   * Sets the panel header title. This will initialize and append the header element if not yet
+   * initialized.
    *
-   * @param title String, the accordion panel header title
+   * @param title The accordion panel header title
    * @return same AccordionPanel instance
    */
   public AccordionPanel withTitle(String title) {
@@ -156,10 +162,13 @@ public AccordionPanel withTitle(String title) {
   }
 
   /**
-   * withHeader.
+   * Use to customize the header element of this AccordionPanel instance without breaking the fluent
+   * API chain. This will initialize and append header if not yet initialized
    *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a {@link org.dominokit.domino.ui.collapsible.AccordionPanel} object
+   * @see ChildHandler
+   * @see NavBar
+   * @param handler The {@code ChildHandler} applying the customizations
+   * @return same AccordionPanel instance
    */
   public AccordionPanel withHeader(ChildHandler handler) {
     handler.apply(this, headerElement.get());
@@ -167,19 +176,20 @@ public AccordionPanel withHeader(ChildHandler handler) {
   }
 
   /**
-   * getHeader.
+   * This will initialize and append the header element if not yet initialized.
    *
-   * @return a {@link org.dominokit.domino.ui.layout.NavBar} object
+   * @return The {@link org.dominokit.domino.ui.layout.NavBar} representing the panel header
    */
   public NavBar getHeader() {
     return headerElement.get();
   }
 
   /**
-   * setIcon.
+   * Sets the icon in the panel header. This will initialize and append the header element if not
+   * yet initialized
    *
-   * @param icon a {@link org.dominokit.domino.ui.icons.Icon} object
-   * @return a {@link org.dominokit.domino.ui.collapsible.AccordionPanel} object
+   * @param icon The {@link org.dominokit.domino.ui.icons.Icon} to be used in the panel header
+   * @return Same AccordionPanel instance
    */
   public AccordionPanel setIcon(Icon icon) {
     panelIcon.remove();
@@ -189,35 +199,34 @@ public AccordionPanel setIcon(Icon icon) {
   }
 
   /**
-   * withIcon.
+   * Sets the icon in the panel header. This will initialize and append the header element if not
+   * yet initialized
    *
-   * @param icon a {@link org.dominokit.domino.ui.icons.Icon} object
-   * @return a {@link org.dominokit.domino.ui.collapsible.AccordionPanel} object
+   * @param icon The {@link org.dominokit.domino.ui.icons.Icon} to be used in the panel header
+   * @return Same AccordionPanel instance
    */
   public AccordionPanel withIcon(Icon icon) {
     return setIcon(icon);
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public HTMLDivElement element() {
     return element.element();
   }
 
-  /**
-   * getContentBody.
-   *
-   * @return a {@link org.dominokit.domino.ui.elements.DivElement} object
-   */
+  /** @return The {@link org.dominokit.domino.ui.elements.DivElement} that host the panel content */
   public DivElement getContentBody() {
     return bodyElement;
   }
 
   /**
-   * withContentBody.
+   * Use to customize the content body element of this AccordionPanel instance without breaking the
+   * fluent API chain.
    *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a {@link org.dominokit.domino.ui.collapsible.AccordionPanel} object
+   * @see ChildHandler
+   * @param handler The {@code ChildHandler} applying the customizations
+   * @return same AccordionPanel instance
    */
   public AccordionPanel withContentBody(ChildHandler handler) {
     handler.apply(this, bodyElement);
@@ -225,19 +234,20 @@ public AccordionPanel withContentBody(ChildHandler h
   }
 
   /**
-   * getContent.
-   *
-   * @return a {@link org.dominokit.domino.ui.elements.DivElement} object
+   * @return The {@link org.dominokit.domino.ui.elements.DivElement} representing the panel content
+   *     element
    */
   public DivElement getContent() {
     return contentElement;
   }
 
   /**
-   * withContent.
+   * Use to customize the content element of this AccordionPanel instance without breaking the
+   * fluent API chain. This will initialize and append content if not yet initialized
    *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a {@link org.dominokit.domino.ui.collapsible.AccordionPanel} object
+   * @see ChildHandler
+   * @param handler The {@code ChildHandler} applying the customizations
+   * @return same AccordionPanel instance
    */
   public AccordionPanel withContent(ChildHandler handler) {
     handler.apply(this, contentElement);
@@ -245,19 +255,21 @@ public AccordionPanel withContent(ChildHandler handl
   }
 
   /**
-   * Getter for the field contentHeader.
-   *
-   * @return a {@link org.dominokit.domino.ui.layout.NavBar} object
+   * @return The {@link org.dominokit.domino.ui.layout.NavBar} representing the panel content
+   *     header.
    */
   public NavBar getContentHeader() {
     return contentHeader.get();
   }
 
   /**
-   * withContentHeader.
+   * Use to customize the content header element of this AccordionPanel instance without breaking
+   * the fluent API chain. This will initialize and append content header if not yet initialized
    *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a {@link org.dominokit.domino.ui.collapsible.AccordionPanel} object
+   * @see ChildHandler
+   * @see NavBar
+   * @param handler The {@code ChildHandler} applying the customizations
+   * @return same AccordionPanel instance
    */
   public AccordionPanel withContentHeader(ChildHandler handler) {
     handler.apply(this, contentHeader.get());
@@ -265,9 +277,9 @@ public AccordionPanel withContentHeader(ChildHandler han
   }
 
   /**
-   * withContentHeader.
+   * Initialize and append the content header element if not yet initialized.
    *
-   * @return a {@link org.dominokit.domino.ui.collapsible.AccordionPanel} object
+   * @return Same AccordionPanel instance
    */
   public AccordionPanel withContentHeader() {
     contentHeader.get();
@@ -275,19 +287,21 @@ public AccordionPanel withContentHeader() {
   }
 
   /**
-   * Getter for the field contentFooter.
-   *
-   * @return a {@link org.dominokit.domino.ui.layout.NavBar} object
+   * @return The {@link org.dominokit.domino.ui.layout.NavBar} representing the content footer
+   *     element
    */
   public NavBar getContentFooter() {
     return contentFooter.get();
   }
 
   /**
-   * withContentFooter.
+   * Use to customize the content footer element of this AccordionPanel instance without breaking
+   * the fluent API chain. This will initialize and append content footer if not yet initialized
    *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a {@link org.dominokit.domino.ui.collapsible.AccordionPanel} object
+   * @see ChildHandler
+   * @see NavBar
+   * @param handler The {@code ChildHandler} applying the customizations
+   * @return same AccordionPanel instance
    */
   public AccordionPanel withContentFooter(ChildHandler handler) {
     handler.apply(this, contentFooter.get());
@@ -295,9 +309,9 @@ public AccordionPanel withContentFooter(ChildHandler han
   }
 
   /**
-   * withContentFooter.
+   * Initialize and append the content footer element if not yet initialized.
    *
-   * @return a {@link org.dominokit.domino.ui.collapsible.AccordionPanel} object
+   * @return Same AccordionPanel instance
    */
   public AccordionPanel withContentFooter() {
     contentFooter.get();
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/collapsible/AnimationCollapseOptions.java b/domino-ui/src/main/java/org/dominokit/domino/ui/collapsible/AnimationCollapseOptions.java
index c5631d59d..11966f432 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/collapsible/AnimationCollapseOptions.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/collapsible/AnimationCollapseOptions.java
@@ -17,29 +17,29 @@
 
 import org.dominokit.domino.ui.animations.Transition;
 
-/** AnimationCollapseOptions class. */
+/** A class to provide animation collapse/expand animation configuration options */
 public class AnimationCollapseOptions {
 
   private Transition showTransition;
   private Transition hideTransition;
-  private CollapseDuration showDuration;
-  private CollapseDuration hideDuration;
+  private CollapsibleDuration showDuration;
+  private CollapsibleDuration hideDuration;
   private int showDelay = 0;
 
   /**
-   * Getter for the field showTransition.
-   *
-   * @return a {@link org.dominokit.domino.ui.animations.Transition} object
+   * @return The {@link org.dominokit.domino.ui.animations.Transition} used to animation the element
+   *     when it is being shown/expanded
    */
   public Transition getShowTransition() {
     return showTransition;
   }
 
   /**
-   * Setter for the field showTransition.
+   * The {@link org.dominokit.domino.ui.animations.Transition} to be used to animation the element
+   * when it is being shown/expanded
    *
-   * @param showTransition a {@link org.dominokit.domino.ui.animations.Transition} object
-   * @return a {@link org.dominokit.domino.ui.collapsible.AnimationCollapseOptions} object
+   * @param showTransition a {@link org.dominokit.domino.ui.animations.Transition}
+   * @return Same AnimationCollapseOptions instance
    */
   public AnimationCollapseOptions setShowTransition(Transition showTransition) {
     this.showTransition = showTransition;
@@ -47,79 +47,71 @@ public AnimationCollapseOptions setShowTransition(Transition showTransition) {
   }
 
   /**
-   * Getter for the field hideTransition.
-   *
-   * @return a {@link org.dominokit.domino.ui.animations.Transition} object
+   * @return The {@link org.dominokit.domino.ui.animations.Transition} used to animation the element
+   *     when it is being hidden/collapsed
    */
   public Transition getHideTransition() {
     return hideTransition;
   }
 
   /**
-   * Setter for the field hideTransition.
+   * The {@link org.dominokit.domino.ui.animations.Transition} to be used to animation the element
+   * when it is being hidden/collapsed
    *
-   * @param hideTransition a {@link org.dominokit.domino.ui.animations.Transition} object
-   * @return a {@link org.dominokit.domino.ui.collapsible.AnimationCollapseOptions} object
+   * @param hideTransition a {@link org.dominokit.domino.ui.animations.Transition}
+   * @return Same AnimationCollapseOptions instance
    */
   public AnimationCollapseOptions setHideTransition(Transition hideTransition) {
     this.hideTransition = hideTransition;
     return this;
   }
 
-  /**
-   * Getter for the field showDuration.
-   *
-   * @return a {@link org.dominokit.domino.ui.collapsible.CollapseDuration} object
-   */
-  public CollapseDuration getShowDuration() {
+  /** @return The show/expand animation duration, {@link CollapsibleDuration} */
+  public CollapsibleDuration getShowDuration() {
     return showDuration;
   }
 
   /**
-   * Setter for the field showDuration.
+   * Sets the show/expand animation duration
    *
-   * @param showDuration a {@link org.dominokit.domino.ui.collapsible.CollapseDuration} object
-   * @return a {@link org.dominokit.domino.ui.collapsible.AnimationCollapseOptions} object
+   * @param showDuration The duration, one of enums provided byt {@link CollapsibleDuration}
+   * @return Same AnimationCollapseOptions instance
    */
-  public AnimationCollapseOptions setShowDuration(CollapseDuration showDuration) {
+  public AnimationCollapseOptions setShowDuration(CollapsibleDuration showDuration) {
     this.showDuration = showDuration;
     return this;
   }
 
-  /**
-   * Getter for the field hideDuration.
-   *
-   * @return a {@link org.dominokit.domino.ui.collapsible.CollapseDuration} object
-   */
-  public CollapseDuration getHideDuration() {
+  /** @return The hide/collapse animation duration, {@link CollapsibleDuration} */
+  public CollapsibleDuration getHideDuration() {
     return hideDuration;
   }
 
   /**
-   * Setter for the field hideDuration.
+   * Sets the hide/collapse animation duration
    *
-   * @param hideDuration a {@link org.dominokit.domino.ui.collapsible.CollapseDuration} object
-   * @return a {@link org.dominokit.domino.ui.collapsible.AnimationCollapseOptions} object
+   * @param hideDuration The duration, one of enums provided byt {@link CollapsibleDuration}
+   * @return Same AnimationCollapseOptions instance
    */
-  public AnimationCollapseOptions setHideDuration(CollapseDuration hideDuration) {
+  public AnimationCollapseOptions setHideDuration(CollapsibleDuration hideDuration) {
     this.hideDuration = hideDuration;
     return this;
   }
 
   /**
-   * Getter for the field showDelay.
-   *
-   * @return a int
+   * @return An int number representing the delay in milliseconds to wait before show/expand
+   *     animation is started after we show/expand the element.
    */
   public int getShowDelay() {
     return showDelay;
   }
 
   /**
-   * Setter for the field showDelay.
+   * Sets the delay in milliseconds to wait before show/expand animation is started after we
+   * show/expand the element.
    *
-   * @param showDelay a int
-   * @return a {@link org.dominokit.domino.ui.collapsible.AnimationCollapseOptions} object
+   * @param showDelay The delay in milliseconds
+   * @return Same AnimationCollapseOptions instance
    */
   public AnimationCollapseOptions setShowDelay(int showDelay) {
     this.showDelay = showDelay;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/collapsible/AnimationCollapseStrategy.java b/domino-ui/src/main/java/org/dominokit/domino/ui/collapsible/AnimationCollapseStrategy.java
index 000f57999..8acc54586 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/collapsible/AnimationCollapseStrategy.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/collapsible/AnimationCollapseStrategy.java
@@ -26,7 +26,7 @@
 
 /**
  * An implementation of {@link org.dominokit.domino.ui.collapsible.CollapseStrategy} that uses the
- * css display property to hide/show the collapsible element
+ * css animations to hide/show the collapsible element
  */
 public class AnimationCollapseStrategy implements CollapseStrategy {
 
@@ -37,21 +37,24 @@ public class AnimationCollapseStrategy implements CollapseStrategy {
   private CollapsibleHandlers handlers;
   private Animation showAnimation;
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public void init(Element element, CollapsibleHandlers handlers) {
     this.handlers = handlers;
   }
 
   /**
-   * Constructor for AnimationCollapseStrategy.
+   * Creates an AnimationCollapseStrategy with the provided transitions and duration
    *
-   * @param showTransition a {@link org.dominokit.domino.ui.animations.Transition} object
-   * @param hideTransition a {@link org.dominokit.domino.ui.animations.Transition} object
-   * @param duration a {@link org.dominokit.domino.ui.collapsible.CollapseDuration} object
+   * @param showTransition The show/expand animation {@link
+   *     org.dominokit.domino.ui.animations.Transition}
+   * @param hideTransition The hide/collapse animation {@link
+   *     org.dominokit.domino.ui.animations.Transition}
+   * @param duration The {@link CollapsibleDuration} to be used for both the show and hide
+   *     animations.
    */
   public AnimationCollapseStrategy(
-      Transition showTransition, Transition hideTransition, CollapseDuration duration) {
+      Transition showTransition, Transition hideTransition, CollapsibleDuration duration) {
     this.options =
         new AnimationCollapseOptions()
             .setShowTransition(showTransition)
@@ -61,12 +64,14 @@ public AnimationCollapseStrategy(
   }
 
   /**
-   * Constructor for AnimationCollapseStrategy.
+   * Creates an AnimationCollapseStrategy with the provided transitions and duration
    *
-   * @param transition a {@link org.dominokit.domino.ui.animations.Transition} object
-   * @param duration a {@link org.dominokit.domino.ui.collapsible.CollapseDuration} object
+   * @param transition The show/expand and hide/collapse animation {@link
+   *     org.dominokit.domino.ui.animations.Transition}
+   * @param duration The {@link CollapsibleDuration} to be used for both the show and hide
+   *     animations.
    */
-  public AnimationCollapseStrategy(Transition transition, CollapseDuration duration) {
+  public AnimationCollapseStrategy(Transition transition, CollapsibleDuration duration) {
     this.options =
         new AnimationCollapseOptions()
             .setShowTransition(transition)
@@ -76,15 +81,16 @@ public AnimationCollapseStrategy(Transition transition, CollapseDuration duratio
   }
 
   /**
-   * Constructor for AnimationCollapseStrategy.
+   * Creates an AnimationCollapseStrategy from the provided AnimationCollapseOptions
    *
-   * @param options a {@link org.dominokit.domino.ui.collapsible.AnimationCollapseOptions} object
+   * @param options The {@link org.dominokit.domino.ui.collapsible.AnimationCollapseOptions} to
+   *     configure the strategy
    */
   public AnimationCollapseStrategy(AnimationCollapseOptions options) {
     this.options = options;
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public void expand(Element element) {
     if (!showing) {
@@ -117,7 +123,7 @@ public void expand(Element element) {
     }
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public void collapse(Element element) {
     Optional.ofNullable(showAnimation).ifPresent(animation -> animation.stop(false));
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/collapsible/CollapseDuration.java b/domino-ui/src/main/java/org/dominokit/domino/ui/collapsible/CollapsibleDuration.java
similarity index 93%
rename from domino-ui/src/main/java/org/dominokit/domino/ui/collapsible/CollapseDuration.java
rename to domino-ui/src/main/java/org/dominokit/domino/ui/collapsible/CollapsibleDuration.java
index 88ce2abb5..f6dafc92b 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/collapsible/CollapseDuration.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/collapsible/CollapsibleDuration.java
@@ -18,7 +18,7 @@
 import org.dominokit.domino.ui.style.CssClass;
 
 /** CollapseDuration class. */
-public enum CollapseDuration implements CollapsibleStyles {
+public enum CollapsibleDuration implements CollapsibleStyles {
   _100ms(dui_height_collapsed_trans_100, 100),
   _200ms(dui_height_collapsed_trans_200, 200),
   _300ms(dui_height_collapsed_trans_300, 300),
@@ -34,7 +34,7 @@ public enum CollapseDuration implements CollapsibleStyles {
   private final CssClass style;
   private final int duration;
 
-  CollapseDuration(CssClass style, int duration) {
+  CollapsibleDuration(CssClass style, int duration) {
     this.style = style;
     this.duration = duration;
   }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/collapsible/DisplayCollapseStrategy.java b/domino-ui/src/main/java/org/dominokit/domino/ui/collapsible/DisplayCollapseStrategy.java
index 0c4ce09b3..de1c5a893 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/collapsible/DisplayCollapseStrategy.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/collapsible/DisplayCollapseStrategy.java
@@ -29,13 +29,13 @@ public class DisplayCollapseStrategy implements CollapseStrategy, CollapsibleSty
 
   private CollapsibleHandlers handlers;
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public void init(Element element, CollapsibleHandlers handlers) {
     this.handlers = handlers;
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public void expand(Element element) {
     elements.elementOf(element).removeCss(dui_hidden).removeAttribute(DUI_COLLAPSED);
@@ -43,7 +43,7 @@ public void expand(Element element) {
     this.handlers.onExpandCompleted().run();
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public void collapse(Element element) {
     this.handlers.onBeforeCollapse().run();
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/collapsible/HeightCollapseStrategy.java b/domino-ui/src/main/java/org/dominokit/domino/ui/collapsible/HeightCollapseStrategy.java
index fefbc9b46..4e602dda5 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/collapsible/HeightCollapseStrategy.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/collapsible/HeightCollapseStrategy.java
@@ -29,38 +29,35 @@
 
 /**
  * An implementation of {@link org.dominokit.domino.ui.collapsible.CollapseStrategy} that uses the
- * css display property to hide/show the collapsible element
+ * height to hide/show the collapsible element
  */
 public class HeightCollapseStrategy implements CollapseStrategy, CollapsibleStyles {
 
-  /** Constant EXPAND_COLLAPSE_HEIGHT_VAR="--dui-element-expand-collapse-height-" */
-  public static final String EXPAND_COLLAPSE_HEIGHT_VAR = "--dui-element-expand-collapse-height-";
-  /** Constant DUI_EXPANDED_HEIGHT="dui-expanded-height" */
-  public static final String DUI_EXPANDED_HEIGHT = "dui-expanded-height";
-  /** Constant DUI_EXPAND_COLLAPSE_VAR="dui-expand-collapse-var" */
-  public static final String DUI_EXPAND_COLLAPSE_VAR = "dui-expand-collapse-var";
+  private static final String EXPAND_COLLAPSE_HEIGHT_VAR = "--dui-element-expand-collapse-height-";
+  private static final String DUI_EXPANDED_HEIGHT = "dui-expanded-height";
+  private static final String DUI_EXPAND_COLLAPSE_VAR = "dui-expand-collapse-var";
 
-  private final CollapseDuration transition;
+  private final CollapsibleDuration transition;
   private final String heightVar;
   private CollapsibleHandlers handlers;
   private DominoElement target;
 
-  /** Constructor for HeightCollapseStrategy. */
+  /** Create a HeightCollapseStrategy with a default duration of 300ms */
   public HeightCollapseStrategy() {
-    this(CollapseDuration._300ms);
+    this(CollapsibleDuration._300ms);
   }
 
   /**
-   * Constructor for HeightCollapseStrategy.
+   * Create a HeightCollapseStrategy with the provided duration
    *
-   * @param transition a {@link org.dominokit.domino.ui.collapsible.CollapseDuration} object
+   * @param transition The height animation {@link CollapsibleDuration}
    */
-  public HeightCollapseStrategy(CollapseDuration transition) {
+  public HeightCollapseStrategy(CollapsibleDuration transition) {
     this.transition = transition;
     this.heightVar = DominoId.unique(EXPAND_COLLAPSE_HEIGHT_VAR);
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public void init(Element element, CollapsibleHandlers handlers) {
     this.target = elements.elementOf(element);
@@ -70,14 +67,14 @@ public void init(Element element, CollapsibleHandlers handlers) {
     this.target.addCss(dui_height_collapsed_overflow).addCss(transition.getStyle());
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public void cleanup(Element element) {
     elements.elementOf(element).addCss(dui_height_collapsed_overflow).addCss(transition.getStyle());
     element.removeAttribute("dom-ui-collapse-height");
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public void expand(Element element) {
     this.target.nowOrWhenAttached(
@@ -142,7 +139,7 @@ private void expandElement(Element element) {
     }
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public void collapse(Element element) {
     boolean disableAnimation = dui_transition_none.isAppliedTo(this.target);
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/collapsible/TreeHeightCollapseStrategy.java b/domino-ui/src/main/java/org/dominokit/domino/ui/collapsible/TreeHeightCollapseStrategy.java
index 883dbca57..2b7774a2f 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/collapsible/TreeHeightCollapseStrategy.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/collapsible/TreeHeightCollapseStrategy.java
@@ -28,21 +28,18 @@
 import org.dominokit.domino.ui.utils.IsCollapsible;
 
 /**
- * An implementation of {@link org.dominokit.domino.ui.collapsible.CollapseStrategy} that uses the
- * css display property to hide/show the collapsible element
+ * An implementation of {@link org.dominokit.domino.ui.collapsible.CollapseStrategy} that is meant
+ * to be used with the {@link org.dominokit.domino.ui.tree.Tree} component
  */
 public class TreeHeightCollapseStrategy implements CollapseStrategy, CollapsibleStyles {
 
-  /** Constant EXPAND_COLLAPSE_HEIGHT_VAR="--dui-tree-item-expand-collapse-height-" */
-  public static final String EXPAND_COLLAPSE_HEIGHT_VAR = "--dui-tree-item-expand-collapse-height-";
-  /** Constant DUI_COLLAPSED_HEIGHT="dui-collapsed-height" */
-  public static final String DUI_COLLAPSED_HEIGHT = "dui-collapsed-height";
-  /** Constant DUI_EXPANDED_HEIGHT="dui-expanded-height" */
-  public static final String DUI_EXPANDED_HEIGHT = "dui-expanded-height";
-  /** Constant DUI_EXPAND_COLLAPSE_VAR="dui-expand-collapse-var" */
-  public static final String DUI_EXPAND_COLLAPSE_VAR = "dui-expand-collapse-var";
+  private static final String EXPAND_COLLAPSE_HEIGHT_VAR =
+      "--dui-tree-item-expand-collapse-height-";
+  private static final String DUI_COLLAPSED_HEIGHT = "dui-collapsed-height";
+  private static final String DUI_EXPANDED_HEIGHT = "dui-expanded-height";
+  private static final String DUI_EXPAND_COLLAPSE_VAR = "dui-expand-collapse-var";
 
-  private final CollapseDuration transition;
+  private final CollapsibleDuration transition;
   private final String heightVar;
   private CollapsibleHandlers handlers;
   private final TreeItem treeItem;
@@ -53,16 +50,16 @@ public class TreeHeightCollapseStrategy implements CollapseStrategy, Collapsible
    * @param treeItem a {@link org.dominokit.domino.ui.tree.TreeItem} object
    */
   public TreeHeightCollapseStrategy(TreeItem treeItem) {
-    this(treeItem, CollapseDuration._300ms);
+    this(treeItem, CollapsibleDuration._300ms);
   }
 
   /**
    * Constructor for TreeHeightCollapseStrategy.
    *
    * @param treeItem a {@link org.dominokit.domino.ui.tree.TreeItem} object
-   * @param transition a {@link org.dominokit.domino.ui.collapsible.CollapseDuration} object
+   * @param transition a {@link CollapsibleDuration} object
    */
-  public TreeHeightCollapseStrategy(TreeItem treeItem, CollapseDuration transition) {
+  public TreeHeightCollapseStrategy(TreeItem treeItem, CollapsibleDuration transition) {
     this.treeItem = treeItem;
     this.transition = transition;
     this.heightVar = DominoId.unique(EXPAND_COLLAPSE_HEIGHT_VAR);
@@ -70,7 +67,7 @@ public TreeHeightCollapseStrategy(TreeItem treeItem, CollapseDuration transit
     this.treeItem.setCssProperty("height", "var(" + this.heightVar + ", auto)");
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public void init(Element element, CollapsibleHandlers handlers) {
     this.handlers = handlers;
@@ -84,14 +81,14 @@ public void init(Element element, CollapsibleHandlers handlers) {
     element.setAttribute(DUI_COLLAPSED, true);
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public void cleanup(Element element) {
     elements.elementOf(element).addCss(dui_height_collapsed_overflow).addCss(transition.getStyle());
     element.removeAttribute("dom-ui-collapse-height");
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public void expand(Element element) {
     treeItem.nowOrWhenAttached(
@@ -147,7 +144,7 @@ private void expandElement(Element element) {
     }
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public void collapse(Element element) {
     treeItem.setCssProperty(this.heightVar, getActualHeight() + "px");
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/config/AccordionConfig.java b/domino-ui/src/main/java/org/dominokit/domino/ui/config/AccordionConfig.java
index 52ee0aa80..35da5fe3d 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/config/AccordionConfig.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/config/AccordionConfig.java
@@ -19,13 +19,18 @@
 import org.dominokit.domino.ui.collapsible.CollapseStrategy;
 import org.dominokit.domino.ui.collapsible.HeightCollapseStrategy;
 
-/** AccordionConfig interface. */
+/**
+ * Implementations of this interface can be used to configure defaults for {@link
+ * org.dominokit.domino.ui.collapsible.Accordion} component
+ */
 public interface AccordionConfig extends ComponentConfig {
 
   /**
-   * getDefaultAccordionCollapseStrategySupplier.
+   * Use this method to define the default CollapseStrategy for accordions
+   *
+   * 
Defaults to : {@code HeightCollapseStrategy}
    *
-   * @return a {@link java.util.function.Supplier} object
+   * @return a {@code Supplier}
    */
   default Supplier getDefaultAccordionCollapseStrategySupplier() {
     return HeightCollapseStrategy::new;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/config/CalendarConfig.java b/domino-ui/src/main/java/org/dominokit/domino/ui/config/CalendarConfig.java
index 2471da324..51a7f12a0 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/config/CalendarConfig.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/config/CalendarConfig.java
@@ -19,31 +19,40 @@
 import org.dominokit.domino.ui.icons.Icon;
 import org.dominokit.domino.ui.icons.lib.Icons;
 
-/** CalendarConfig interface. */
+/**
+ * Implementations of this interface can be used to configure defaults for {@link
+ * org.dominokit.domino.ui.datepicker.Calendar} component
+ */
 public interface CalendarConfig extends ComponentConfig {
 
   /**
-   * defaultCalendarNextIcon.
+   * Use this method to define the default icon for calendar next button.
+   *
+   * 
Defaults to : {@code chevron_right}
    *
-   * @return a {@link java.util.function.Supplier} object
+   * @return a {@code Supplier>}
    */
   default Supplier> defaultCalendarNextIcon() {
     return Icons::chevron_right;
   }
 
   /**
-   * defaultCalendarPreviousIcon.
+   * Use this method to define the default icon for calendar previous button.
    *
-   * @return a {@link java.util.function.Supplier} object
+   * 
Defaults to : {@code chevron_left}
+   *
+   * @return a {@code Supplier>}
    */
   default Supplier> defaultCalendarPreviousIcon() {
     return Icons::chevron_left;
   }
 
   /**
-   * defaultDateBoxIcon.
+   * Use this method to define the default icon for a datebox.
+   *
+   * 
Defaults to : {@code calendar}
    *
-   * @return a {@link java.util.function.Supplier} object
+   * @return a {@code Supplier>}
    */
   default Supplier> defaultDateBoxIcon() {
     return Icons::calendar;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/config/CardConfig.java b/domino-ui/src/main/java/org/dominokit/domino/ui/config/CardConfig.java
index b902792a6..3832f2551 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/config/CardConfig.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/config/CardConfig.java
@@ -22,22 +22,29 @@
 import org.dominokit.domino.ui.icons.ToggleMdiIcon;
 import org.dominokit.domino.ui.icons.lib.Icons;
 
-/** CardConfig interface. */
+/**
+ * Implementations of this interface can be used to configure defaults for {@link
+ * org.dominokit.domino.ui.cards.Card} component
+ */
 public interface CardConfig extends ComponentConfig {
 
   /**
-   * getDefaultCardCollapseStrategySupplier.
+   * Use this method to define the default CollapseStrategy for card body
+   *
+   * 
Defaults to : {@code HeightCollapseStrategy}
    *
-   * @return a {@link java.util.function.Supplier} object
+   * @return a {@code Supplier}
    */
   default Supplier getDefaultCardCollapseStrategySupplier() {
     return HeightCollapseStrategy::new;
   }
 
   /**
-   * getCardCollapseExpandIcon.
+   * Use this method to define the default card expand/collapse icons
+   *
+   * 
Defaults to : {@code chevron_up, chevron_down}
    *
-   * @return a {@link java.util.function.Supplier} object
+   * @return a {@code Supplier>}
    */
   default Supplier> getCardCollapseExpandIcon() {
     return () -> ToggleMdiIcon.create(Icons.chevron_up(), Icons.chevron_down());
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/config/CollapseConfig.java b/domino-ui/src/main/java/org/dominokit/domino/ui/config/CollapseConfig.java
deleted file mode 100644
index 41dd7b0db..000000000
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/config/CollapseConfig.java
+++ /dev/null
@@ -1,32 +0,0 @@
-/*
- * Copyright © 2019 Dominokit
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-package org.dominokit.domino.ui.config;
-
-import java.util.function.Supplier;
-import org.dominokit.domino.ui.collapsible.CollapseStrategy;
-import org.dominokit.domino.ui.collapsible.DisplayCollapseStrategy;
-
-/** CollapseConfig interface. */
-public interface CollapseConfig extends ComponentConfig {
-  /**
-   * getDefaultCollapseStrategySupplier.
-   *
-   * @return a {@link java.util.function.Supplier} object
-   */
-  default Supplier getDefaultCollapseStrategySupplier() {
-    return DisplayCollapseStrategy::new;
-  }
-}
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/config/FormsFieldsConfig.java b/domino-ui/src/main/java/org/dominokit/domino/ui/config/FormsFieldsConfig.java
index 6014f6be9..e1972bc1e 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/config/FormsFieldsConfig.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/config/FormsFieldsConfig.java
@@ -28,71 +28,107 @@
 import org.dominokit.domino.ui.forms.LongBox;
 import org.dominokit.domino.ui.forms.ShortBox;
 
-/** FormsFieldsConfig interface. */
+/**
+ * Implementations of this interface can be used to configure defaults for form fields components
+ */
 public interface FormsFieldsConfig extends ComponentConfig, CalendarConfig {
 
   /**
-   * getRequiredIndicator.
+   * Use this method to define the default element to be used as a required indicator in form
+   * fields.
+   *
+   * 
Defaults to : *
    *
-   * @return a supplier of {@link elemental2.dom.Node}, this should return a new Node instance
-   *     everytime it is call and that will be used as a required field indicator the default will
-   *     supply a text node of *
+   * @return a {@code Supplier}, the supplier should return a new Node instance
+   *     everytime it is called.
    */
   default Supplier getRequiredIndicator() {
     return () -> elements.span().textContent("*").element();
   }
 
-  /** @return a boolean representing if the errors position should be fixed */
   /**
-   * isFixErrorsPosition.
+   * Use this method to define the default behavior for fixing the error messages space below the
+   * field, so it is always reserved, or it should only be available when there is errors.
    *
-   * @return a boolean
+   * 
Defaults to : false
+   *
+   * @return a boolean, true Errors element will take a fixed space even if no errors
+   *     reported, false Errors element will only take space when the field has errors.
    */
   default boolean isFixErrorsPosition() {
     return false;
   }
 
-  /** @return true if press enter key will move the focus to the next input field if exists */
   /**
-   * isFocusNextFieldOnEnter.
+   * Use this method to define the default behavior for form field to focus on next field on enter
+   * key press or not.
+   *
+   * 
Defaults to : false
    *
-   * @return a boolean
+   * @return a boolean, true Press enter on a field will move the focus to the next field,
+   *     false Press enter on a field will not move the focus to the next field.
    */
   default boolean isFocusNextFieldOnEnter() {
     return false;
   }
 
   /**
-   * isSpellCheckEnabled.
+   * Use this method to enable/disable spellcheck for input fields by default.
    *
-   * @return a boolean
+   * 
Defaults to : false
+   *
+   * @return a boolean, true Enables spellcheck for input fields by default, false
+   *     Disables spellcheck for input fields by default.
    */
   default boolean isSpellCheckEnabled() {
     return false;
   }
 
   /**
-   * isFixedLabelSpace.
+   * Use this method to configure fixed the label space even if the field does not have a label.
+   *
+   * 
Defaults to : true
    *
-   * @return a boolean
+   * @return a boolean, true The space for the field label will be preserved even if the
+   *     field does not have a label, false The space for the field label will not be
+   *     preserved when the field does not have a label.
    */
   default boolean isFixedLabelSpace() {
     return true;
   }
 
   /**
-   * getNumberParsers.
+   * Use this method to define the default implementation for {@link NumberParsers} for number
+   * fields.
    *
-   * @return a {@link org.dominokit.domino.ui.config.FormsFieldsConfig.NumberParsers} object
+   * 
Defaults to : {@link NumberParsers}
+   *
+   * @return A NumberParsers implementation.
    */
   default NumberParsers getNumberParsers() {
     return new NumberParsers() {};
   }
 
   /**
-   * isFormFieldFloatLabelLeft.
+   * Use this method to configure if pressing tab while select field is focused will move the focus
+   * to the select arrow addon or not.
+   *
+   * 
Defaults to : false
+   *
+   * @return a boolean, true to enable focus on select arrow by pressing tab, false
+   *     disable focus on select arrow when pressing tab.
+   */
+  default boolean isTabFocusSelectArrowEnabled() {
+    return false;
+  }
+
+  /**
+   * Use this method to define the default position of the field label, top or left
+   *
+   * 
Defaults to : false
    *
-   * @return a boolean
+   * @return A boolean, true to position the label on the left side of the field,
+   *     false position the label on the top of the field.
    */
   default boolean isFormFieldFloatLabelLeft() {
     return false;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/config/ProgressBarConfig.java b/domino-ui/src/main/java/org/dominokit/domino/ui/config/ProgressBarConfig.java
index b2c8ce343..1b7c8e50b 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/config/ProgressBarConfig.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/config/ProgressBarConfig.java
@@ -15,26 +15,35 @@
  */
 package org.dominokit.domino.ui.config;
 
-/** ProgressBarConfig interface. */
+/**
+ * Implementations of this interface can be used to configure defaults for {@link
+ * org.dominokit.domino.ui.progress.ProgressBar} component
+ */
 public interface ProgressBarConfig extends ComponentConfig {
 
   /**
-   * getDefaultProgressExpression.
+   * Use this method to define the default progress expression.
+   *
+   * 
Defaults to : {@code {percent}%}
+   *
+   * 
Can use the following variables in the expression {percent}, {value},
+   * {maxValue}
    *
-   * @return a {@link java.lang.String} object
+   * @return Expression text.
    */
   default String getDefaultProgressExpression() {
     return "{percent}%";
   }
 
   /**
-   * evaluateProgressBarExpression.
+   * Use this method to define the default implementation to evaluate the progress expression with
+   * the provided progress values.
    *
-   * @param expression a {@link java.lang.String} object
-   * @param percent a int
-   * @param value a double
-   * @param maxValue a double
-   * @return a {@link java.lang.String} object
+   * @param expression The text expression from {@code getDefaultProgressExpression()}
+   * @param percent integer percent of the current progress state.
+   * @param value double value of the current progress state.
+   * @param maxValue the double maximum value the progress can reach.
+   * @return an evaluated progress text representing the progress status.
    */
   default String evaluateProgressBarExpression(
       String expression, int percent, double value, double maxValue) {
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/config/SearchConfig.java b/domino-ui/src/main/java/org/dominokit/domino/ui/config/SearchConfig.java
index fc3d3a7ab..f1d056e4a 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/config/SearchConfig.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/config/SearchConfig.java
@@ -15,13 +15,18 @@
  */
 package org.dominokit.domino.ui.config;
 
-/** SearchConfig interface. */
+/**
+ * Implementations of this interface can be used to configure defaults for {@link
+ * org.dominokit.domino.ui.search.SearchBox} component
+ */
 public interface SearchConfig extends ComponentConfig {
 
   /**
-   * getAutoSearchDelay.
+   * Use this method to define the default auto search delay for SearchBox in milliseconds
+   *
+   * 
Defaults to : 200ms>
    *
-   * @return a int
+   * @return an integer delay in milliseconds
    */
   default int getAutoSearchDelay() {
     return 200;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/config/SpinConfig.java b/domino-ui/src/main/java/org/dominokit/domino/ui/config/SpinConfig.java
index 107a93127..265021101 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/config/SpinConfig.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/config/SpinConfig.java
@@ -19,40 +19,51 @@
 import org.dominokit.domino.ui.icons.Icon;
 import org.dominokit.domino.ui.icons.lib.Icons;
 
-/** SpinConfig interface. */
+/**
+ * Implementations of this interface can be used to configure defaults for {@link
+ * org.dominokit.domino.ui.spin.SpinSelect} component
+ */
 public interface SpinConfig extends ComponentConfig {
 
   /**
-   * getDefaultBackIconSupplier.
+   * Use this method to define the default icon for spin back element.
+   *
+   * 
Defaults to : {@code chevron_left}
    *
-   * @return a {@link java.util.function.Supplier} object
+   * @return a {@code Supplier>}
    */
   default Supplier> getDefaultBackIconSupplier() {
     return Icons::chevron_left;
   }
 
   /**
-   * getDefaultForwardIconSupplier.
+   * Use this method to define the default icon for spin forward element.
+   *
+   * 
Defaults to : {@code chevron_right}
    *
-   * @return a {@link java.util.function.Supplier} object
+   * @return a {@code Supplier>}
    */
   default Supplier> getDefaultForwardIconSupplier() {
     return Icons::chevron_right;
   }
 
   /**
-   * getDefaultUpIconSupplier.
+   * Use this method to define the default icon for spin up element.
    *
-   * @return a {@link java.util.function.Supplier} object
+   * 
Defaults to : {@code chevron_up}
+   *
+   * @return a {@code Supplier>}
    */
   default Supplier> getDefaultUpIconSupplier() {
     return Icons::chevron_up;
   }
 
   /**
-   * getDefaultDownIconSupplier.
+   * Use this method to define the default icon for spin down element.
+   *
+   * 
Defaults to : {@code chevron_down}
    *
-   * @return a {@link java.util.function.Supplier} object
+   * @return a {@code Supplier>}
    */
   default Supplier> getDefaultDownIconSupplier() {
     return Icons::chevron_down;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/config/StepperConfig.java b/domino-ui/src/main/java/org/dominokit/domino/ui/config/StepperConfig.java
index 4dab03e35..08660ad0a 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/config/StepperConfig.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/config/StepperConfig.java
@@ -17,13 +17,18 @@
 
 import org.dominokit.domino.ui.stepper.StepState;
 
-/** StepperConfig interface. */
+/**
+ * Implementations of this interface can be used to configure defaults for {@link
+ * org.dominokit.domino.ui.stepper.Stepper} component
+ */
 public interface StepperConfig extends ComponentConfig {
 
   /**
-   * getDefaultStepState.
+   * Use this method to define the default StepState for Stepper steps
+   *
+   * 
Defaults to : {@code StepState.INACTIVE}
    *
-   * @return a {@link org.dominokit.domino.ui.stepper.StepState} object
+   * @return a {@link StepState}
    */
   default StepState getDefaultStepState() {
     return StepState.INACTIVE;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/config/TabsConfig.java b/domino-ui/src/main/java/org/dominokit/domino/ui/config/TabsConfig.java
index 153e10b8e..cc6f2de3a 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/config/TabsConfig.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/config/TabsConfig.java
@@ -19,13 +19,18 @@
 import org.dominokit.domino.ui.icons.Icon;
 import org.dominokit.domino.ui.icons.lib.Icons;
 
-/** TabsConfig interface. */
+/**
+ * Implementations of this interface can be used to configure defaults for {@link
+ * org.dominokit.domino.ui.tabs.TabsPanel} component
+ */
 public interface TabsConfig extends ComponentConfig {
 
   /**
-   * getDefaultTabCloseIcon.
+   * Use this method to define the default tab close icon
+   *
+   * 
Defaults to : {@code close}
    *
-   * @return a {@link java.util.function.Supplier} object
+   * @return a {@code Supplier>}
    */
   default Supplier> getDefaultTabCloseIcon() {
     return Icons::close;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/config/TimePickerConfig.java b/domino-ui/src/main/java/org/dominokit/domino/ui/config/TimePickerConfig.java
index d7545bd35..78df01c84 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/config/TimePickerConfig.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/config/TimePickerConfig.java
@@ -19,12 +19,17 @@
 import org.dominokit.domino.ui.icons.Icon;
 import org.dominokit.domino.ui.icons.lib.Icons;
 
-/** TimePickerConfig interface. */
+/**
+ * Implementations of this interface can be used to configure defaults for {@link
+ * org.dominokit.domino.ui.timepicker.TimePicker} component
+ */
 public interface TimePickerConfig extends ComponentConfig {
   /**
-   * defaultTimeBoxIcon.
+   * Use this method to define the default icon for a timebox.
+   *
+   * 
Defaults to : {@code clock_outline}
    *
-   * @return a {@link java.util.function.Supplier} object
+   * @return a {@code Supplier>}
    */
   default Supplier> defaultTimeBoxIcon() {
     return Icons::clock_outline;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/config/TreeConfig.java b/domino-ui/src/main/java/org/dominokit/domino/ui/config/TreeConfig.java
index 7c76ae5ef..3c90865dd 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/config/TreeConfig.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/config/TreeConfig.java
@@ -20,14 +20,19 @@
 import org.dominokit.domino.ui.collapsible.TreeHeightCollapseStrategy;
 import org.dominokit.domino.ui.tree.TreeItem;
 
-/** TreeConfig interface. */
+/**
+ * Implementations of this interface can be used to configure defaults for {@link
+ * org.dominokit.domino.ui.tree.Tree} component
+ */
 public interface TreeConfig extends ComponentConfig {
 
   /**
-   * getTreeDefaultCollapseStrategy.
+   * Use this method to define the default CollapseStrategy for a tree component items
+   *
+   * 
Defaults to : {@code TreeHeightCollapseStrategy}
    *
-   * @param treeItem a {@link org.dominokit.domino.ui.tree.TreeItem} object
-   * @return a {@link java.util.function.Supplier} object
+   * @param treeItem The TreeItem we are creating the strategy for.
+   * @return a {@code Supplier}
    */
   default Supplier getTreeDefaultCollapseStrategy(TreeItem treeItem) {
     return () -> new TreeHeightCollapseStrategy(treeItem);
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/config/UIConfig.java b/domino-ui/src/main/java/org/dominokit/domino/ui/config/UIConfig.java
index 5de459a09..0811b5548 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/config/UIConfig.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/config/UIConfig.java
@@ -21,7 +21,6 @@ public interface UIConfig
         ZIndexConfig,
         AccordionConfig,
         CardConfig,
-        CollapseConfig,
         ProgressBarConfig,
         SearchConfig,
         SpinConfig,
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/config/UploadConfig.java b/domino-ui/src/main/java/org/dominokit/domino/ui/config/UploadConfig.java
index eb06e1e91..493f4f385 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/config/UploadConfig.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/config/UploadConfig.java
@@ -20,54 +20,63 @@
 import org.dominokit.domino.ui.icons.lib.Icons;
 import org.dominokit.domino.ui.upload.*;
 
-/** UploadConfig interface. */
+/**
+ * Implementations of this interface can be used to configure defaults for {@link FileUpload}
+ * component
+ */
 public interface UploadConfig extends ComponentConfig {
 
   /**
-   * getDefaultUploadIcon.
+   * Use this method to define the default upload icon
+   *
+   * 
Defaults to : {@code upload}
    *
-   * @return a {@link java.util.function.Supplier} object
+   * @return a {@code Supplier>}
    */
   default Supplier> getDefaultUploadIcon() {
     return Icons::upload;
   }
 
   /**
-   * getDefaultRemoveIcon.
+   * Use this method to define the default remove file item icon
+   *
+   * 
Defaults to : {@code trash_can}
    *
-   * @return a {@link java.util.function.Supplier} object
+   * @return a {@code Supplier>}
    */
   default Supplier> getDefaultRemoveIcon() {
     return Icons::trash_can;
   }
 
   /**
-   * getDefaultCancelIcon.
+   * Use this method to define the default cancel upload icon
    *
-   * @return a {@link java.util.function.Supplier} object
+   * 
Defaults to : {@code cancel}
+   *
+   * @return a {@code Supplier>}
    */
   default Supplier> getDefaultCancelIcon() {
     return Icons::cancel;
   }
 
   /**
-   * getFilePreviewFactory.
+   * Use this method to define the default implementation for {@link FilePreviewFactory}
+   *
+   * 
Defaults to : {@code DefaultFilePreview}
    *
-   * @return a {@link org.dominokit.domino.ui.upload.FilePreviewFactory} object
+   * @return a {@code FilePreviewFactory}
    */
   default FilePreviewFactory getFilePreviewFactory() {
-    return new FilePreviewFactory() {
-      @Override
-      public IsFilePreview forFile(FileItem fileItem, FileUpload fileUpload) {
-        return new DefaultFilePreview(fileItem, fileUpload);
-      }
-    };
+    return DefaultFilePreview::new;
   }
 
   /**
-   * getDefaultFilePreviewContainer.
+   * Use this method to define the default container that will be used to host file previews
+   * elements
+   *
+   * 
Defaults to : {@code DefaultFilePreviewContainer}
    *
-   * @return a {@link java.util.function.Supplier} object
+   * @return a {@code Supplier>}
    */
   default Supplier> getDefaultFilePreviewContainer() {
     return DefaultFilePreviewContainer::new;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/config/ZIndexConfig.java b/domino-ui/src/main/java/org/dominokit/domino/ui/config/ZIndexConfig.java
index 2d2674570..bf50f8b04 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/config/ZIndexConfig.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/config/ZIndexConfig.java
@@ -18,31 +18,40 @@
 import org.dominokit.domino.ui.dialogs.DefaultZIndexManager;
 import org.dominokit.domino.ui.dialogs.ZIndexManager;
 
-/** ZIndexConfig interface. */
+/**
+ * Implementations of this interface can be used to configure defaults for z-index configuration
+ * used with pop-ups and modals
+ */
 public interface ZIndexConfig extends ComponentConfig {
 
   /**
-   * getInitialZIndex.
+   * Use this method to define the default initial start z-index
+   *
+   * 
Defaults to : {@code 8388635}
    *
-   * @return a int
+   * @return integer z-index
    */
   default int getInitialZIndex() {
     return 8388635;
   }
 
   /**
-   * getzIndexIncrement.
+   * Use this method to define the default the increment applied every time a z-index is requested
    *
-   * @return a int
+   * 
Defaults to : {@code 1}
+   *
+   * @return integer increment
    */
   default int getzIndexIncrement() {
     return 1;
   }
 
   /**
-   * getZindexManager.
+   * Use this method to define the default implementation of the {@link ZIndexManager}
+   *
+   * 
Defaults to : {@code DefaultZIndexManager}
    *
-   * @return a {@link org.dominokit.domino.ui.dialogs.ZIndexManager} object
+   * @return a ZIndexManager instance
    */
   default ZIndexManager getZindexManager() {
     return DefaultZIndexManager.INSTANCE;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/counter/Counter.java b/domino-ui/src/main/java/org/dominokit/domino/ui/counter/Counter.java
index 874bf5f48..ec527b2fe 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/counter/Counter.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/counter/Counter.java
@@ -25,6 +25,14 @@
  * notified through a handler everytime the count it changed
  *
  * 
e.g : count from 0 to 100 by 1 increment every 1 second and log the count to the console
+ *
+ * 
+ *     Counter.countFrom(0)
+ *          .countTo(100)
+ *          .every(1000) // Interval in milliseconds
+ *          .incrementBy(1)
+ *          .onCount(count-> DomGlobal.console.info("counting:"+count))
+ *          .startCounting()
  * 

  */
 public class Counter {
@@ -49,7 +57,7 @@ private Counter(
   }
 
   /**
-   * static factory to create a new counter instance with count start
+   * Factory method to create a new counter instance with a starting value
    *
    * @param countFrom int
    * @return {@link org.dominokit.domino.ui.counter.Counter.CanCountTo}
@@ -92,7 +100,7 @@ public void startCounting() {
     timer.scheduleRepeating(interval);
   }
 
-  /** An interface to define a handler to be called after each count */
+  /** Use to add an implementation of a handler to be called after each count */
   @FunctionalInterface
   public interface CountHandler {
     /** @param count int the current counter value */
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/CellRenderer.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/CellRenderer.java
index 1abfea286..d697494dd 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/CellRenderer.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/CellRenderer.java
@@ -22,25 +22,26 @@
 import org.dominokit.domino.ui.forms.validations.ValidationResult;
 
 /**
- * An implementation of this interface will determine in how a table cell content will be displayed
- * and rendered in the table
+ * A functional interface representing the renderer responsible for rendering a cell within the data
+ * table.
  *
- * @param  the type of the data table records
+ * @param  the type of data contained within the table row.
  */
 @FunctionalInterface
 public interface CellRenderer {
+
   /**
-   * Takes a cell info to determine what content to append to the cell element
+   * Converts the given cell information into a displayable Node element.
    *
-   * @param cellInfo {@link org.dominokit.domino.ui.datatable.CellRenderer.CellInfo}
-   * @return the {@link elemental2.dom.Node} to be appended to the table cell element
+   * @param cellInfo information about the cell being rendered.
+   * @return the Node representation of the cell content.
    */
   Node asElement(CellInfo cellInfo);
 
   /**
-   * A class containing all information required about a cell in a data table
+   * Represents the detailed information of a specific cell in the data table.
    *
-   * @param  the type of the data table records
+   * @param  the type of data contained within the table row.
    */
   class CellInfo {
     private final TableRow tableRow;
@@ -49,36 +50,47 @@ class CellInfo {
     private CellValidator cellValidator = ValidationResult::valid;
 
     /**
-     * Creates an instance with the row that the belongs to and the cell html element
+     * Creates a new cell information instance.
      *
-     * @param tableRow {@link TableRow}
-     * @param element {@link HTMLTableCellElement} the td element
+     * @param tableRow the table row containing the cell.
+     * @param element the HTML element representation of the cell.
      */
     public CellInfo(TableRow tableRow, HTMLTableCellElement element) {
       this.tableRow = tableRow;
       this.element = element;
     }
 
-    /** @return the {@link TableRow} the cell belongs to */
+    /**
+     * Returns the table row containing the cell.
+     *
+     * @return the table row.
+     */
     public TableRow getTableRow() {
       return tableRow;
     }
 
-    /** @return the {@link HTMLTableCellElement}, the td element */
+    /**
+     * Returns the HTML element representation of the cell.
+     *
+     * @return the cell element.
+     */
     public HTMLTableCellElement getElement() {
       return element;
     }
 
-    /** @return T the record instance being rendered on the row this belong to. */
+    /**
+     * Returns the data record associated with the table row containing the cell.
+     *
+     * @return the data record.
+     */
     public T getRecord() {
       return tableRow.getRecord();
     }
 
     /**
-     * For editable data table this will update the dirty record instance with the new fields values
-     * in the row being edited
+     * Invokes the handler for updating a dirty record.
      *
-     * @param dirtyRecord T, the current dirty record instance in the table row
+     * @param dirtyRecord the updated record.
      */
     public void updateDirtyRecord(T dirtyRecord) {
       if (nonNull(dirtyRecordHandler)) {
@@ -87,9 +99,9 @@ public void updateDirtyRecord(T dirtyRecord) {
     }
 
     /**
-     * for editable cell this will validate the cell field
+     * Validates the cell's content.
      *
-     * @return the {@link ValidationResult}
+     * @return the validation result.
      */
     public ValidationResult validate() {
       if (nonNull(cellValidator)) {
@@ -99,18 +111,18 @@ public ValidationResult validate() {
     }
 
     /**
-     * set the handler to update the dirty record
+     * Sets the handler responsible for updating dirty records.
      *
-     * @param dirtyRecordHandler {@link DirtyRecordHandler}
+     * @param dirtyRecordHandler the handler to be set.
      */
     public void setDirtyRecordHandler(DirtyRecordHandler dirtyRecordHandler) {
       this.dirtyRecordHandler = dirtyRecordHandler;
     }
 
     /**
-     * for editable cells set the validator to validate the cell value when edited
+     * Sets the validator for the cell's content.
      *
-     * @param cellValidator {@link CellValidator}
+     * @param cellValidator the validator to be set.
      */
     public void setCellValidator(CellValidator cellValidator) {
       this.cellValidator = cellValidator;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/CellTextAlign.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/CellTextAlign.java
index f95036660..adc8bc401 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/CellTextAlign.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/CellTextAlign.java
@@ -20,22 +20,46 @@
 import org.dominokit.domino.ui.style.CssClass;
 import org.dominokit.domino.ui.style.HasCssClass;
 
-/** CellTextAlign class. */
+/**
+ * Enum representing possible text alignment options for cells within the data table. This provides
+ * alignment styling based on the defined CSS classes.
+ */
 public enum CellTextAlign implements HasCssClass {
+
+  /** Aligns the text to the left. */
   LEFT(dui_text_left),
+
+  /** Aligns the text to the right. */
   RIGHT(dui_text_right),
+
+  /** Centers the text. */
   CENTER(dui_text_center),
+
+  /** Justifies the text. */
   JUSTIFY(dui_text_justify),
+
+  /** Inherit the alignment from the parent element. */
   INHERIT(dui_text_inherit),
+
+  /** Use the current alignment setting. */
   CURRENT(dui_text_current);
 
   private final CssClass cssClass;
 
+  /**
+   * Constructs a CellTextAlign enum item.
+   *
+   * @param alignCss the associated CSS class defining the alignment style.
+   */
   CellTextAlign(CssClass alignCss) {
     this.cssClass = alignCss;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Retrieves the CSS class associated with this alignment setting.
+   *
+   * @return the alignment's CSS class.
+   */
   @Override
   public CssClass getCssClass() {
     return cssClass;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/CellValidator.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/CellValidator.java
index 6a212f45a..a84fcf07a 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/CellValidator.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/CellValidator.java
@@ -13,18 +13,23 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable;
 
 import org.dominokit.domino.ui.forms.validations.ValidationResult;
 
-/** Implementations of this interface will validate an editable cell */
+/**
+ * A functional interface representing a validator for a data table cell. This interface defines the
+ * validation behavior for individual cells in a data table. Implementing this interface allows for
+ * custom validation logic to be applied to cell values.
+ */
 @FunctionalInterface
 public interface CellValidator {
-  /** @return the {@link ValidationResult} */
+
   /**
-   * onValidate.
+   * Executes the validation logic for a cell.
    *
-   * @return a {@link org.dominokit.domino.ui.forms.validations.ValidationResult} object
+   * @return a {@link ValidationResult} object indicating the result of the validation.
    */
   ValidationResult onValidate();
 }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/ColumnConfig.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/ColumnConfig.java
index 7a65cecac..0a205abba 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/ColumnConfig.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/ColumnConfig.java
@@ -38,9 +38,18 @@
 import org.dominokit.domino.ui.utils.ScreenMedia;
 
 /**
- * Class to define a column in the data table
+ * Represents the configuration for a column within a data table.
  *
- * @param  the type of the data table records
+ * 
Usage example:
+ *
+ * 
+ * ColumnConfig nameColumn = ColumnConfig.create("name")
+ *     .setTitle("User Name")
+ *     .setWidth("200px")
+ *     .sortable();
+ * 

+ *
+ * @param  the type parameter indicating the data type the column is related to.
  */
 public class ColumnConfig implements ElementsFactory, DataTableStyles {
 
@@ -81,33 +90,34 @@ public class ColumnConfig implements ElementsFactory, DataTableStyles {
   private MdiIcon menuIcon;
 
   /**
-   * Creates an instance with a name which will also be used as a title
+   * Factory method to create a new instance of {@link ColumnConfig} with the specified column name.
    *
-   * @param name String, the name of the column
-   * @param  the type of the data table records
-   * @return new {@link org.dominokit.domino.ui.datatable.ColumnConfig} instance
+   * @param name the name of the column
+   * @param  the data type
+   * @return a new {@link ColumnConfig} instance
    */
   public static  ColumnConfig create(String name) {
     return new ColumnConfig<>(name);
   }
 
   /**
-   * Creates an instance with a name and title
+   * Factory method to create a new instance of {@link ColumnConfig} with the specified column name
+   * and title.
    *
-   * @param name String, the name of the column
-   * @param title String, the title of the column
-   * @param  the type of the data table records
-   * @return new {@link org.dominokit.domino.ui.datatable.ColumnConfig} instance
+   * @param name the name of the column
+   * @param title the title of the column
+   * @param  the data type
+   * @return a new {@link ColumnConfig} instance
    */
   public static  ColumnConfig create(String name, String title) {
     return new ColumnConfig<>(name, title);
   }
 
   /**
-   * Creates an instance with a name and title
+   * Constructs a {@link ColumnConfig} with the specified name and title.
    *
-   * @param name String, the name of the column
-   * @param title String, the title of the column
+   * @param name the name of the column
+   * @param title the title of the column
    */
   public ColumnConfig(String name, String title) {
     this.name = name;
@@ -122,15 +132,14 @@ public ColumnConfig(String name, String title) {
   }
 
   /**
-   * Creates an instance with a name which will also be used as a title
+   * Constructs a {@link ColumnConfig} with the specified name.
    *
-   * @param name String, the name of the column
+   * @param name the name of the column
    */
   public ColumnConfig(String name) {
     this(name, "");
   }
 
-  /** @return String column title */
   /**
    * Getter for the field title.
    *
@@ -140,30 +149,30 @@ public String getTitle() {
     return title;
   }
 
-  /** @return String column name */
   /**
-   * Getter for the field name.
+   * Returns the name of the column.
    *
-   * @return a {@link java.lang.String} object
+   * @return the column name
    */
   public String getName() {
     return name;
   }
 
   /**
-   * Getter for the field filterKey.
+   * Gets the filter key for the column. If a specific filter key is not set, it defaults to the
+   * column name.
    *
-   * @return a {@link java.lang.String} object
+   * @return the filter key or the column name if filter key is null
    */
   public String getFilterKey() {
     return nonNull(filterKey) ? filterKey : getName();
   }
 
   /**
-   * Setter for the field filterKey.
+   * Sets a specific key for filtering purposes on this column.
    *
-   * @param filterKey a {@link java.lang.String} object
-   * @return a {@link org.dominokit.domino.ui.datatable.ColumnConfig} object
+   * @param filterKey the filter key to set
+   * @return the current instance for chaining
    */
   public ColumnConfig setFilterKey(String filterKey) {
     this.filterKey = filterKey;
@@ -171,10 +180,10 @@ public ColumnConfig setFilterKey(String filterKey) {
   }
 
   /**
-   * minWidth.
+   * Sets the minimum width constraint for this column.
    *
-   * @param minWidth String css minimum width for the column
-   * @return same ColumnConfig instance
+   * @param minWidth the minimum width to set
+   * @return the current instance for chaining
    */
   public ColumnConfig minWidth(String minWidth) {
     this.minWidth = minWidth;
@@ -182,10 +191,10 @@ public ColumnConfig minWidth(String minWidth) {
   }
 
   /**
-   * maxWidth.
+   * Sets the maximum width constraint for this column.
    *
-   * @param maxWidth String css maximum width for the column
-   * @return same ColumnConfig instance
+   * @param maxWidth the maximum width to set
+   * @return the current instance for chaining
    */
   public ColumnConfig maxWidth(String maxWidth) {
     this.maxWidth = maxWidth;
@@ -193,20 +202,19 @@ public ColumnConfig maxWidth(String maxWidth) {
   }
 
   /**
-   * Getter for the field width.
+   * Gets the set width for this column.
    *
-   * @return String the width of the column that we set using the {@link #setWidth(String)} not the
-   *     actual width of the column
+   * @return the width of the column
    */
   public String getWidth() {
     return width;
   }
 
   /**
-   * Setter for the field width.
+   * Sets the width for this column.
    *
-   * @param width String css width for the column
-   * @return same ColumnConfig instance
+   * @param width the desired width for the column
+   * @return the current instance for chaining
    */
   public ColumnConfig setWidth(String width) {
     this.width = width;
@@ -214,11 +222,10 @@ public ColumnConfig setWidth(String width) {
   }
 
   /**
-   * setTextAlign.
+   * Sets the text alignment for cells within this column.
    *
-   * @param cellTextAlign String css text align for the column values
-   *     left,right,center
-   * @return same ColumnConfig instance
+   * @param cellTextAlign the alignment setting for the cell content
+   * @return the current instance for chaining
    */
   public ColumnConfig setTextAlign(CellTextAlign cellTextAlign) {
     this.cellTextAlign = cellTextAlign;
@@ -226,105 +233,86 @@ public ColumnConfig setTextAlign(CellTextAlign cellTextAlign) {
   }
 
   /**
-   * setHeaderTextAlign.
+   * Sets the text alignment for the header cell of this column.
    *
-   * @param headerCellTextAlign String css text align for the column header
-   *     left,right,center
-   * @return same ColumnConfig instance
+   * @param headerCellTextAlign the alignment setting for the header cell content
+   * @return the current instance for chaining
    */
   public ColumnConfig setHeaderTextAlign(CellTextAlign headerCellTextAlign) {
     this.headerCellTextAlign = headerCellTextAlign;
     return this;
   }
 
-  /** @return the {@link HeaderElementSupplier} of the column */
   /**
-   * Getter for the field headerElementSupplier.
+   * Retrieves the header element supplier for this column.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.HeaderElementSupplier} object
+   * @return the header element supplier
    */
   public HeaderElementSupplier getHeaderElementSupplier() {
     return headerElementSupplier;
   }
 
   /**
-   * Sets a custom header element for the column
-   *
-   * @param headerElement the {@link org.dominokit.domino.ui.datatable.HeaderElementSupplier}
-   * @return same ColumnConfig instance
-   */
-  @Deprecated
-  public ColumnConfig setHeaderElement(HeaderElementSupplier headerElement) {
-    return setHeaderElementSupplier(headerElement);
-  }
-
-  /**
-   * Sets a custom header element for the column
+   * Sets the header element supplier for this column.
    *
-   * @param headerElement the {@link org.dominokit.domino.ui.datatable.HeaderElementSupplier}
-   * @return same ColumnConfig instance
+   * @param headerElement the header element supplier to set
+   * @return the current instance for chaining
    */
   public ColumnConfig setHeaderElementSupplier(HeaderElementSupplier headerElement) {
     this.headerElementSupplier = headerElement;
     return this;
   }
 
-  /** @return the String minimum width we set with {@link #minWidth(String)} */
   /**
-   * Getter for the field minWidth.
+   * Gets the minimum width of the column.
    *
-   * @return a {@link java.lang.String} object
+   * @return the minimum width
    */
   public String getMinWidth() {
     return minWidth;
   }
 
-  /** @return the String maximum width we set with {@link #maxWidth(String)} */
   /**
-   * Getter for the field maxWidth.
+   * Gets the maximum width of the column.
    *
-   * @return a {@link java.lang.String} object
+   * @return the maximum width
    */
   public String getMaxWidth() {
     return maxWidth;
   }
 
-  /** @return the String text align we set with {@link #setTextAlign(CellTextAlign)} */
   /**
-   * getTextAlign.
+   * Retrieves the text alignment for cells within this column.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.CellTextAlign} object
+   * @return the cell text alignment
    */
   public CellTextAlign getTextAlign() {
     return cellTextAlign;
   }
 
-  /** @return the String text align we set with {@link #setHeaderTextAlign(CellTextAlign)} */
   /**
-   * getHeaderTextAlign.
+   * Retrieves the text alignment for the header cell of this column.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.CellTextAlign} object
+   * @return the header cell text alignment
    */
   public CellTextAlign getHeaderTextAlign() {
     return headerCellTextAlign;
   }
 
   /**
-   * isFixed.
+   * Checks if the column is fixed or not.
    *
-   * @return boolean, if true the column width will be fixed and wont change if the table size
-   *     changed
+   * @return true if the column is fixed, false otherwise
    */
   public boolean isFixed() {
     return fixed;
   }
 
   /**
-   * Setter for the field fixed.
+   * Sets the fixed status for this column.
    *
-   * @param fixed boolean, if true the column width will be fixed and wont change when the table
-   *     size is changed.
-   * @return same ColumnConfig instance.
+   * @param fixed the fixed status to set
+   * @return the current instance for chaining
    */
   public ColumnConfig setFixed(boolean fixed) {
     this.fixed = fixed;
@@ -332,10 +320,10 @@ public ColumnConfig setFixed(boolean fixed) {
   }
 
   /**
-   * Setter for the field title.
+   * Sets the title for this column.
    *
-   * @param title a {@link java.lang.String} object
-   * @return a {@link org.dominokit.domino.ui.datatable.ColumnConfig} object
+   * @param title the title to set
+   * @return the current instance for chaining
    */
   public ColumnConfig setTitle(String title) {
     this.title = title;
@@ -343,30 +331,29 @@ public ColumnConfig setTitle(String title) {
   }
 
   /**
-   * Getter for the field headElement.
+   * Retrieves the head element of this column.
    *
-   * @return the {@link elemental2.dom.HTMLTableCellElement} that represent this column element
-   *     wrapped as {@link DominoElement}
+   * @return the head element
    */
   public DominoElement getHeadElement() {
     return elementOf(headElement);
   }
 
-  /** @return the {@link CellRenderer} of this column */
   /**
-   * Getter for the field cellRenderer.
+   * Gets the renderer used for displaying cell data in this column.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.CellRenderer} object
+   * @return the cell renderer
    */
   public CellRenderer getCellRenderer() {
     return cellRenderer;
   }
 
   /**
-   * sets the cell renderer for this column
+   * Sets the renderer for displaying cell data in this column. If the editable cell renderer is
+   * null, it also updates the editable cell renderer.
    *
-   * @param cellRenderer {@link org.dominokit.domino.ui.datatable.CellRenderer}
-   * @return same ColumnConfig instance
+   * @param cellRenderer the cell renderer to set
+   * @return the current instance for chaining
    */
   public ColumnConfig setCellRenderer(CellRenderer cellRenderer) {
     this.cellRenderer = cellRenderer;
@@ -376,11 +363,11 @@ public ColumnConfig setCellRenderer(CellRenderer cellRenderer) {
     return this;
   }
 
-  /** @return the {@link CellRenderer} of the editable version of this column */
   /**
-   * Getter for the field editableCellRenderer.
+   * Gets the renderer used for editable cells in this column. If the editable cell renderer is
+   * null, it returns the cell renderer.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.CellRenderer} object
+   * @return the editable cell renderer or the cell renderer if editable one is null
    */
   public CellRenderer getEditableCellRenderer() {
     if (isNull(editableCellRenderer)) {
@@ -390,10 +377,11 @@ public CellRenderer getEditableCellRenderer() {
   }
 
   /**
-   * sets the cell renderer to render this column cells in editable mode
+   * Sets the renderer for editable cells in this column. If the cell renderer is null, it also
+   * updates the cell renderer.
    *
-   * @param editableCellRenderer {@link org.dominokit.domino.ui.datatable.CellRenderer}
-   * @return same ColumnConfig instance
+   * @param editableCellRenderer the editable cell renderer to set
+   * @return the current instance for chaining
    */
   public ColumnConfig setEditableCellRenderer(CellRenderer editableCellRenderer) {
     this.editableCellRenderer = editableCellRenderer;
@@ -404,10 +392,10 @@ public ColumnConfig setEditableCellRenderer(CellRenderer editableCellRende
   }
 
   /**
-   * a hook to style a column header
+   * Styles the header using the provided header styler.
    *
-   * @param headerStyler {@link org.dominokit.domino.ui.datatable.ColumnConfig.CellStyler}
-   * @return same ColumnConfig instance
+   * @param headerStyler the styler to be applied to the header
+   * @return the current instance for chaining
    */
   public ColumnConfig styleHeader(CellStyler headerStyler) {
     this.headerStyler = headerStyler;
@@ -415,42 +403,41 @@ public ColumnConfig styleHeader(CellStyler headerStyler) {
   }
 
   /**
-   * a hook to style a cell in the column
+   * Styles the cells using the provided cell styler.
    *
-   * @param cellStyler {@link org.dominokit.domino.ui.datatable.ColumnConfig.CellStyler}
-   * @return same ColumnConfig instance
+   * @param cellStyler the styler to be applied to the cells
+   * @return the current instance for chaining
    */
   public ColumnConfig styleCell(CellStyler cellStyler) {
     this.cellStyler = cellStyler;
     return this;
   }
 
-  /** @return boolean, true if data can be sorted with this column, otherwise false */
   /**
-   * isSortable.
+   * Checks if the column is sortable.
    *
-   * @return a boolean
+   * @return true if the column is sortable, false otherwise
    */
   public boolean isSortable() {
     return sortable;
   }
 
   /**
-   * set wither the column can be used to sort the data or not
+   * Sets the sortable status of the column using the default sort key.
    *
-   * @param sortable boolean, if true then data can be sorted with this column, otherwise it cant
-   * @return same ColumnConfig instance
+   * @param sortable the sortable status to set
+   * @return the current instance for chaining
    */
   public ColumnConfig setSortable(boolean sortable) {
     return setSortable(sortable, name);
   }
 
   /**
-   * set wither the column can be used to sort the data or not
+   * Sets the sortable status of the column with a specified sort key.
    *
-   * @param sortable boolean, if true then data can be sorted with this column, otherwise it cant
-   * @return same ColumnConfig instance
-   * @param sortKey a {@link java.lang.String} object
+   * @param sortable the sortable status to set
+   * @param sortKey the sort key to use
+   * @return the current instance for chaining
    */
   public ColumnConfig setSortable(boolean sortable, String sortKey) {
     this.sortable = sortable;
@@ -459,28 +446,28 @@ public ColumnConfig setSortable(boolean sortable, String sortKey) {
   }
 
   /**
-   * a shortcut for {@link #setSortable(boolean)} with value true
+   * Sets the column as sortable using the default sort key.
    *
-   * @return same ColumnConfig instance
+   * @return the current instance for chaining
    */
   public ColumnConfig sortable() {
     return setSortable(true, name);
   }
 
   /**
-   * a shortcut for {@link #setSortable(boolean)} with value true
+   * Sets the column as sortable with a specified sort key.
    *
-   * @param sortKey String key for sort property
-   * @return same ColumnConfig instance
+   * @param sortKey the sort key to use
+   * @return the current instance for chaining
    */
   public ColumnConfig sortable(String sortKey) {
     return setSortable(true, sortKey);
   }
 
   /**
-   * force apply screen medias if exists to a cell in this column
+   * Applies the screen media styles to the provided element.
    *
-   * @param element {@link elemental2.dom.HTMLTableCellElement}
+   * @param element the element to apply styles to
    */
   public void applyScreenMedia(Element element) {
     DominoElement thElement = elements.elementOf(element);
@@ -495,10 +482,10 @@ public void applyScreenMedia(Element element) {
   }
 
   /**
-   * Getter for the field tooltipNode.
+   * Retrieves the tooltip node for this column. If it's not explicitly set, it uses the header
+   * element supplier's element for the title.
    *
-   * @return the {@link elemental2.dom.Node} representing the tooltip for this column header if
-   *     exists otherwise return the title node
+   * @return the tooltip node
    */
   public Node getTooltipNode() {
     if (nonNull(tooltipNode)) return tooltipNode;
@@ -508,10 +495,10 @@ public Node getTooltipNode() {
   }
 
   /**
-   * sets a custom tooltip element
+   * Sets the tooltip node for this column.
    *
-   * @param tooltipNode {@link elemental2.dom.Node}
-   * @return same ColumnConfig instance
+   * @param tooltipNode the tooltip node to set
+   * @return the current instance for chaining
    */
   public ColumnConfig setTooltipNode(Node tooltipNode) {
     this.tooltipNode = tooltipNode;
@@ -519,10 +506,10 @@ public ColumnConfig setTooltipNode(Node tooltipNode) {
   }
 
   /**
-   * sets the tooltip text
+   * Sets the tooltip text for this column. This also sets the tooltip node.
    *
-   * @param tooltipText String
-   * @return same ColumnConfig instance
+   * @param tooltipText the tooltip text to set
+   * @return the current instance for chaining
    */
   public ColumnConfig setTooltipText(String tooltipText) {
     this.tooltipNode = elements.text(tooltipText);
@@ -530,110 +517,102 @@ public ColumnConfig setTooltipText(String tooltipText) {
   }
 
   /**
-   * Setter for the field showTooltip.
+   * Sets the visibility of the tooltip for this column.
    *
-   * @param showTooltip boolean, if true a tooltip will show up when hover on the column otherwise
-   *     it will not.
-   * @return same ColumnConfig instance
+   * @param showTooltip true to show the tooltip, false otherwise
+   * @return the current instance for chaining
    */
   public ColumnConfig setShowTooltip(boolean showTooltip) {
     this.showTooltip = showTooltip;
     return this;
   }
 
-  /** @return the {@link ScreenMedia} that result on showing the column */
   /**
-   * Getter for the field showOn.
+   * Retrieves the screen media on which the column is shown.
    *
-   * @return a {@link org.dominokit.domino.ui.utils.ScreenMedia} object
+   * @return the screen media for showing the column
    */
   public ScreenMedia getShowOn() {
     return showOn;
   }
 
   /**
-   * showOn.
+   * Sets the screen media on which the column should be shown.
    *
-   * @param showOn {@link org.dominokit.domino.ui.utils.ScreenMedia} when is applied the column will
-   *     be shown
-   * @return same ColumnConfig instance
+   * @param showOn the screen media for showing the column
+   * @return the current instance for chaining
    */
   public ColumnConfig showOn(ScreenMedia showOn) {
     this.showOn = showOn;
     return this;
   }
 
-  /** @return the {@link ScreenMedia} that result on hiding the column */
   /**
-   * Getter for the field hideOn.
+   * Retrieves the screen media on which the column is hidden.
    *
-   * @return a {@link org.dominokit.domino.ui.utils.ScreenMedia} object
+   * @return the screen media for hiding the column
    */
   public ScreenMedia getHideOn() {
     return hideOn;
   }
 
   /**
-   * hideOn.
+   * Sets the screen media on which the column should be hidden.
    *
-   * @param hideOn {@link org.dominokit.domino.ui.utils.ScreenMedia} when is applied the column will
-   *     be hidden
-   * @return same ColumnConfig instance
+   * @param hideOn the screen media for hiding the column
+   * @return the current instance for chaining
    */
   public ColumnConfig hideOn(ScreenMedia hideOn) {
     this.hideOn = hideOn;
     return this;
   }
 
-  /** make the headerStyler apply the styles */
+  /** Applies header styling to the header element. */
   void applyHeaderStyle() {
     headerStyler.styleCell(headElement.element());
   }
 
   /**
-   * make the cellStyler apply the style
+   * Applies cell styling to the given element.
    *
-   * @param element {@link HTMLTableCellElement}
+   * @param element the element to be styled
    */
   void applyCellStyle(Element element) {
     cellStyler.styleCell(element);
   }
 
-  /** @return the {@link CellStyler} of the header element */
   /**
-   * Getter for the field headerStyler.
+   * Retrieves the styler used for the header.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.ColumnConfig.CellStyler} object
+   * @return the header styler
    */
   public CellStyler getHeaderStyler() {
     return headerStyler;
   }
 
-  /** @return the {@link CellStyler} of the cell element */
   /**
-   * Getter for the field cellStyler.
+   * Retrieves the styler used for the cells.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.ColumnConfig.CellStyler} object
+   * @return the cell styler
    */
   public CellStyler getCellStyler() {
     return cellStyler;
   }
 
-  /** @return boolean, if true this column show a tooltip otherwise it does not */
   /**
-   * isShowTooltip.
+   * Checks if tooltips are shown for the column.
    *
-   * @return a boolean
+   * @return true if tooltips are shown, false otherwise
    */
   public boolean isShowTooltip() {
     return showTooltip;
   }
 
   /**
-   * Adds a listener to listen for column hide/show changes
+   * Adds a show/hide listener to the column.
    *
-   * @param showHideListener {@link org.dominokit.domino.ui.datatable.ColumnShowHideListener}
-   * @return same ColumnConfig instance
+   * @param showHideListener the listener to be added
+   * @return the current instance for chaining
    */
   public ColumnConfig addShowHideListener(ColumnShowHideListener showHideListener) {
     if (showHideListener.isPermanent()) {
@@ -645,10 +624,10 @@ public ColumnConfig addShowHideListener(ColumnShowHideListener showHideListen
   }
 
   /**
-   * remove the listener
+   * Removes a show/hide listener from the column.
    *
-   * @param showHideListener {@link org.dominokit.domino.ui.datatable.ColumnShowHideListener}
-   * @return same ColumnConfig instance
+   * @param showHideListener the listener to be removed
+   * @return the current instance for chaining
    */
   public ColumnConfig removeShowHideListener(ColumnShowHideListener showHideListener) {
     if (showHideListener.isPermanent()) {
@@ -660,9 +639,9 @@ public ColumnConfig removeShowHideListener(ColumnShowHideListener showHideLis
   }
 
   /**
-   * show the column and call the listeners
+   * Makes the column visible.
    *
-   * @return same ColumnConfig instance
+   * @return the current instance for chaining
    */
   public ColumnConfig show() {
     this.permanentHideListeners.forEach(showHideListener -> showHideListener.onShowHide(true));
@@ -672,9 +651,9 @@ public ColumnConfig show() {
   }
 
   /**
-   * Hides the column and call the listeners
+   * Hides the column.
    *
-   * @return same ColumnConfig instance
+   * @return the current instance for chaining
    */
   public ColumnConfig hide() {
     this.permanentHideListeners.forEach(showHideListener -> showHideListener.onShowHide(false));
@@ -684,10 +663,10 @@ public ColumnConfig hide() {
   }
 
   /**
-   * toggleDisplay.
+   * Toggles the display of the column.
    *
-   * @param visible boolean, if true call {@link #show()} otherwise call {@link #hide()}
-   * @return a {@link org.dominokit.domino.ui.datatable.ColumnConfig} object
+   * @param visible true to make the column visible, false to hide
+   * @return the current instance for chaining
    */
   public ColumnConfig toggleDisplay(boolean visible) {
     if (visible) {
@@ -697,87 +676,78 @@ public ColumnConfig toggleDisplay(boolean visible) {
     }
   }
 
-  /** @deprecated use {@link ColumnConfig#clearShowHideListeners()} */
-  /** clearShowHideListners. */
+  /** @deprecated Use {@link #clearShowHideListeners()} instead. */
   @Deprecated
   public void clearShowHideListners() {
     clearShowHideListeners();
   }
 
-  /**
-   * removes all {@link org.dominokit.domino.ui.datatable.ColumnShowHideListener}s of this column
-   * except the permanent listeners
-   */
+  /** Clears all non-permanent show/hide listeners. */
   public void clearShowHideListeners() {
     showHideListeners.clear();
   }
 
-  /** @return boolean, true if the column is already hidden, otherwise false */
   /**
-   * isHidden.
+   * Checks if the column is hidden.
    *
-   * @return a boolean
+   * @return true if the column is hidden, false otherwise
    */
   public boolean isHidden() {
     return hidden;
   }
 
-  /** @return boolean, true if the column is registered by a plugin, else false */
   /**
-   * isPluginColumn.
+   * Checks if the column is a plugin column.
    *
-   * @return a boolean
+   * @return true if the column is a plugin column, false otherwise
    */
   public boolean isPluginColumn() {
     return pluginColumn;
   }
 
   /**
-   * flags the columns as a plugin column or not
+   * Sets the column as a plugin column.
    *
-   * @param pluginColumn boolean, true if the column is being registered by a plugin, else false
-   * @return same ColumnConfig instance
+   * @param pluginColumn true to mark the column as a plugin column
+   * @return the current instance for chaining
    */
   public ColumnConfig setPluginColumn(boolean pluginColumn) {
     this.pluginColumn = pluginColumn;
     return this;
   }
 
-  /** @return String key of the column */
   /**
-   * Getter for the field sortKey.
+   * Retrieves the sort key of the column, defaulting to the column name if not set.
    *
-   * @return a {@link java.lang.String} object
+   * @return the sort key of the column
    */
   public String getSortKey() {
     return Optional.ofNullable(sortKey).orElse(name);
   }
 
-  /** @return boolean, true of the column is the plugins utility column, otherwise return false */
   /**
-   * isUtilityColumn.
+   * Checks if the column is a utility column.
    *
-   * @return a boolean
+   * @return true if the column is a utility column, false otherwise
    */
   public final boolean isUtilityColumn() {
     return "plugin-utility-column".equals(name);
   }
 
-  /** @return boolean, true if the column show render the title */
   /**
-   * isDrawTitle.
+   * Checks if the column title is drawn.
    *
-   * @return a boolean
+   * @return true if the title is drawn, false otherwise
    */
   public boolean isDrawTitle() {
     return drawTitle;
   }
 
   /**
-   * Set if the column should render its title or not
+   * Sets whether the column title should be drawn.
    *
-   * @param drawTitle boolean
-   * @return same ColumnConfig instance
+   * @param drawTitle true to draw the title, false otherwise
+   * @return the current instance for chaining
    */
   public ColumnConfig setDrawTitle(boolean drawTitle) {
     this.drawTitle = drawTitle;
@@ -785,10 +755,10 @@ public ColumnConfig setDrawTitle(boolean drawTitle) {
   }
 
   /**
-   * Adds a configuration for a column in the data table
+   * Adds a sub-column to the current column.
    *
-   * @param column {@link org.dominokit.domino.ui.datatable.ColumnConfig}
-   * @return same TableConfig instance
+   * @param column the sub-column to be added
+   * @return the current instance for chaining
    */
   public ColumnConfig addColumn(ColumnConfig column) {
     column.parent = this;
@@ -798,18 +768,18 @@ public ColumnConfig addColumn(ColumnConfig column) {
   }
 
   /**
-   * isColumnGroup.
+   * Checks if the column is a group of sub-columns.
    *
-   * @return a boolean
+   * @return true if the column has sub-columns, false otherwise
    */
   public boolean isColumnGroup() {
     return !this.subColumns.isEmpty();
   }
 
   /**
-   * getColumnsCount.
+   * Retrieves the total number of columns under this column, including itself.
    *
-   * @return a int
+   * @return the total count of columns
    */
   public int getColumnsCount() {
     if (!isColumnGroup()) {
@@ -819,9 +789,9 @@ public int getColumnsCount() {
   }
 
   /**
-   * getColumnsDepth.
+   * Retrieves the depth of the column in terms of nested sub-columns.
    *
-   * @return a int
+   * @return the depth of the column
    */
   public int getColumnsDepth() {
     if (!isColumnGroup()) {
@@ -831,9 +801,9 @@ public int getColumnsDepth() {
   }
 
   /**
-   * getGroupLevel.
+   * Retrieves the level of the column in terms of nesting.
    *
-   * @return a int
+   * @return the level of the column
    */
   public int getGroupLevel() {
     if (isNull(parent)) {
@@ -842,6 +812,11 @@ public int getGroupLevel() {
     return 1 + parent.getGroupLevel();
   }
 
+  /**
+   * Retrieves the colspan value for the column.
+   *
+   * @return the colspan value
+   */
   private int getColSpan() {
     if (!isColumnGroup()) {
       return 1;
@@ -850,9 +825,9 @@ private int getColSpan() {
   }
 
   /**
-   * flattenColumns.
+   * Flattens the structure of the column, including all its sub-columns.
    *
-   * @return a {@link java.util.List} object
+   * @return a list of all columns under this column, including itself
    */
   public List> flattenColumns() {
     List> cols = new ArrayList<>();
@@ -864,9 +839,9 @@ public List> flattenColumns() {
   }
 
   /**
-   * leafColumns.
+   * Retrieves only the leaf columns under this column.
    *
-   * @return a {@link java.util.List} object
+   * @return a list of leaf columns
    */
   public List> leafColumns() {
     List> cols = new ArrayList<>();
@@ -879,28 +854,28 @@ public List> leafColumns() {
   }
 
   /**
-   * Getter for the field subColumns.
+   * Retrieves the direct sub-columns of this column.
    *
-   * @return a {@link java.util.List} object
+   * @return a list of direct sub-columns
    */
   public List> getSubColumns() {
     return subColumns;
   }
 
   /**
-   * hasParent.
+   * Checks if the column has a parent column.
    *
-   * @return a boolean
+   * @return true if the column has a parent, false otherwise
    */
   public boolean hasParent() {
     return nonNull(parent);
   }
 
   /**
-   * applyMeta.
+   * Associates metadata with the column.
    *
-   * @param meta a {@link org.dominokit.domino.ui.utils.ComponentMeta} object
-   * @return a {@link org.dominokit.domino.ui.datatable.ColumnConfig} object
+   * @param meta the metadata to be associated with the column
+   * @return the current instance for chaining
    */
   public ColumnConfig applyMeta(ComponentMeta meta) {
     columnMeta.put(meta.getKey(), meta);
@@ -908,11 +883,10 @@ public ColumnConfig applyMeta(ComponentMeta meta) {
   }
 
   /**
-   * getMeta.
+   * Retrieves the metadata associated with a given key.
    *
-   * @param key a {@link java.lang.String} object
-   * @param  a C class
-   * @return a {@link java.util.Optional} object
+   * @param key the key for which metadata is to be retrieved
+   * @return an optional containing the metadata if present, otherwise an empty optional
    */
   @SuppressWarnings("all")
   public  Optional getMeta(String key) {
@@ -920,16 +894,23 @@ public  Optional getMeta(String key) {
   }
 
   /**
-   * removeMeta.
+   * Removes the metadata associated with a given key.
    *
-   * @param key a {@link java.lang.String} object
-   * @return a {@link org.dominokit.domino.ui.datatable.ColumnConfig} object
+   * @param key the key for which metadata is to be removed
+   * @return the current instance for chaining
    */
   public ColumnConfig removeMeta(String key) {
     columnMeta.remove(key);
     return this;
   }
 
+  /**
+   * Renders the header of the column.
+   *
+   * @param dataTable the data table to which the column belongs
+   * @param tableConfig the configuration of the table
+   * @param headers the row elements that make up the headers
+   */
   void renderHeader(DataTable dataTable, TableConfig tableConfig, TableRowElement[] headers) {
     int depth = getColumnsDepth();
     int startIndex = headers.length - 1 - depth;
@@ -953,6 +934,14 @@ void renderHeader(DataTable dataTable, TableConfig tableConfig, TableRowEl
     tableConfig.getPlugins().forEach(plugin -> plugin.onHeaderAdded(dataTable, this));
   }
 
+  /**
+   * Renders the child columns under this column.
+   *
+   * @param dataTable the data table to which the column belongs
+   * @param tableConfig the configuration of the table
+   * @param headers the row elements that make up the headers
+   * @param startIndex the starting index to begin rendering child columns
+   */
   private void renderChildColumns(
       DataTable dataTable,
       TableConfig tableConfig,
@@ -1000,6 +989,12 @@ private void renderChildColumns(
             });
   }
 
+  /**
+   * Creates a column header element based on the table configuration and column properties.
+   *
+   * @param tableConfig the configuration of the table
+   * @return the created column header
+   */
   private ColumnHeader createColumnElement(TableConfig tableConfig) {
     if (isDrawTitle() && nonNull(getTitle())) {
       this.headElement = ColumnHeader.create(getHeaderElementSupplier().asElement(getTitle()));
@@ -1036,10 +1031,10 @@ private ColumnHeader createColumnElement(TableConfig tableConfig) {
   }
 
   /**
-   * applyAndOnSubColumns.
+   * Applies the given handler to this column and recursively to all of its sub-columns.
    *
-   * @param handler a {@link java.util.function.Consumer} object
-   * @return a {@link org.dominokit.domino.ui.datatable.ColumnConfig} object
+   * @param handler the consumer to be applied
+   * @return the current column instance for chaining
    */
   public ColumnConfig applyAndOnSubColumns(Consumer> handler) {
     handler.accept(this);
@@ -1050,11 +1045,12 @@ public ColumnConfig applyAndOnSubColumns(Consumer> handler) {
   }
 
   /**
-   * applyAndOnSubColumns.
+   * Applies the given handler to this column and recursively to all of its sub-columns if they
+   * satisfy the given predicate.
    *
-   * @param predicate a {@link java.util.function.Predicate} object
-   * @param handler a {@link java.util.function.Consumer} object
-   * @return a {@link org.dominokit.domino.ui.datatable.ColumnConfig} object
+   * @param predicate the condition to be checked before applying the handler
+   * @param handler the consumer to be applied if the predicate is true
+   * @return the current column instance for chaining
    */
   public ColumnConfig applyAndOnSubColumns(
       Predicate> predicate, Consumer> handler) {
@@ -1066,10 +1062,11 @@ public ColumnConfig applyAndOnSubColumns(
   }
 
   /**
-   * applyAndOnEachFirstSubColumn.
+   * Applies the given handler to this column and recursively to the first sub-column of each
+   * subsequent column group.
    *
-   * @param handler a {@link java.util.function.Consumer} object
-   * @return a {@link org.dominokit.domino.ui.datatable.ColumnConfig} object
+   * @param handler the consumer to be applied
+   * @return the current column instance for chaining
    */
   public ColumnConfig applyAndOnEachFirstSubColumn(Consumer> handler) {
     handler.accept(this);
@@ -1080,10 +1077,10 @@ public ColumnConfig applyAndOnEachFirstSubColumn(Consumer> ha
   }
 
   /**
-   * onFirstSubColumn.
+   * Applies the given handler to the first sub-column of this column.
    *
-   * @param handler a {@link java.util.function.Consumer} object
-   * @return a {@link org.dominokit.domino.ui.datatable.ColumnConfig} object
+   * @param handler the consumer to be applied
+   * @return the current column instance for chaining
    */
   public ColumnConfig onFirstSubColumn(Consumer> handler) {
     if (isColumnGroup()) {
@@ -1093,10 +1090,11 @@ public ColumnConfig onFirstSubColumn(Consumer> handler) {
   }
 
   /**
-   * applyAndOnEachLastSubColumn.
+   * Applies the given handler to this column and recursively to the last sub-column of each
+   * subsequent column group.
    *
-   * @param handler a {@link java.util.function.Consumer} object
-   * @return a {@link org.dominokit.domino.ui.datatable.ColumnConfig} object
+   * @param handler the consumer to be applied
+   * @return the current column instance for chaining
    */
   public ColumnConfig applyAndOnEachLastSubColumn(Consumer> handler) {
     handler.accept(this);
@@ -1107,10 +1105,10 @@ public ColumnConfig applyAndOnEachLastSubColumn(Consumer> han
   }
 
   /**
-   * onEachLastSubColumn.
+   * Applies the given handler to the last sub-column of this column.
    *
-   * @param handler a {@link java.util.function.Consumer} object
-   * @return a {@link org.dominokit.domino.ui.datatable.ColumnConfig} object
+   * @param handler the consumer to be applied
+   * @return the current column instance for chaining
    */
   public ColumnConfig onEachLastSubColumn(Consumer> handler) {
     if (isColumnGroup()) {
@@ -1120,10 +1118,10 @@ public ColumnConfig onEachLastSubColumn(Consumer> handler) {
   }
 
   /**
-   * applyAndOnParents.
+   * Applies the given handler to this column and recursively to all of its parent columns.
    *
-   * @param handler a {@link java.util.function.Consumer} object
-   * @return a {@link org.dominokit.domino.ui.datatable.ColumnConfig} object
+   * @param handler the consumer to be applied
+   * @return the current column instance for chaining
    */
   public ColumnConfig applyAndOnParents(Consumer> handler) {
     handler.accept(this);
@@ -1134,9 +1132,9 @@ public ColumnConfig applyAndOnParents(Consumer> handler) {
   }
 
   /**
-   * getGrandParent.
+   * Retrieves the grandparent column of this column, or itself if it doesn't have a grandparent.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.ColumnConfig} object
+   * @return the grandparent column or the current column
    */
   public ColumnConfig getGrandParent() {
     if (hasParent()) {
@@ -1146,9 +1144,10 @@ public ColumnConfig getGrandParent() {
   }
 
   /**
-   * getLastGrandSiblingColumn.
+   * Retrieves the last grand sibling column of this column group. If the column is not a column
+   * group, it retrieves itself.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.ColumnConfig} object
+   * @return the last grand sibling column or the current column
    */
   public ColumnConfig getLastGrandSiblingColumn() {
     if (!isColumnGroup()) {
@@ -1158,9 +1157,10 @@ public ColumnConfig getLastGrandSiblingColumn() {
   }
 
   /**
-   * getFirstGrandSiblingColumn.
+   * Retrieves the first grand sibling column of this column group. If the column is not a column
+   * group, it retrieves itself.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.ColumnConfig} object
+   * @return the first grand sibling column or the current column
    */
   public ColumnConfig getFirstGrandSiblingColumn() {
     if (!isColumnGroup()) {
@@ -1170,28 +1170,28 @@ public ColumnConfig getFirstGrandSiblingColumn() {
   }
 
   /**
-   * Getter for the field menu.
+   * Retrieves the associated menu of the column.
    *
-   * @return a {@link org.dominokit.domino.ui.menu.Menu} object
+   * @return the menu associated with the column
    */
   public Menu getMenu() {
     return menu;
   }
 
   /**
-   * Getter for the field parent.
+   * Retrieves the parent column of this column.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.ColumnConfig} object
+   * @return the parent column or null if this column does not have a parent
    */
   public ColumnConfig getParent() {
     return parent;
   }
 
   /**
-   * appendChild.
+   * Appends the given element as a child to the header element of this column.
    *
-   * @param element a {@link org.dominokit.domino.ui.IsElement} object
-   * @return a {@link org.dominokit.domino.ui.datatable.ColumnConfig} object
+   * @param element the element to be appended
+   * @return the current column instance for chaining
    */
   public ColumnConfig appendChild(IsElement element) {
     headElement.appendChild(element);
@@ -1199,10 +1199,11 @@ public ColumnConfig appendChild(IsElement element) {
   }
 
   /**
-   * removeChild.
+   * Removes the specified child node from the header element of this column if it is a direct
+   * child.
    *
-   * @param child a {@link elemental2.dom.Node} object
-   * @return a {@link org.dominokit.domino.ui.datatable.ColumnConfig} object
+   * @param child the child node to be removed
+   * @return the current column instance for chaining
    */
   public ColumnConfig removeChild(Node child) {
     if (headElement.contains(child)) {
@@ -1211,24 +1212,38 @@ public ColumnConfig removeChild(Node child) {
     return this;
   }
 
+  @Override
+  public boolean equals(Object o) {
+    if (this == o) return true;
+    if (o == null || getClass() != o.getClass()) return false;
+    ColumnConfig that = (ColumnConfig) o;
+    return Objects.equals(name, that.name);
+  }
+
+  @Override
+  public int hashCode() {
+    return Objects.hash(name);
+  }
+
   /**
-   * removeChild.
+   * Removes the specified child element from the header element of this column.
    *
-   * @param child a {@link org.dominokit.domino.ui.IsElement} object
-   * @return a {@link org.dominokit.domino.ui.datatable.ColumnConfig} object
+   * @param child the child element to be removed
+   * @return the current column instance for chaining
    */
   public ColumnConfig removeChild(IsElement child) {
     return removeChild(child.element());
   }
 
-  /**
-   * A hook interface to style a cell being rendered on the table
-   *
-   * @param  the type of the data table records
-   */
+  /** Functional interface for styling the cells of a column. */
   @FunctionalInterface
   public interface CellStyler {
-    /** @param element the {@link HTMLTableCellElement} to be styled */
+
+    /**
+     * Applies styling to the given cell element.
+     *
+     * @param element the cell element to be styled
+     */
     void styleCell(Element element);
   }
 }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/ColumnCssRule.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/ColumnCssRule.java
index b7f6dc621..2b085cf1a 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/ColumnCssRule.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/ColumnCssRule.java
@@ -13,21 +13,27 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable;
 
 import org.dominokit.domino.ui.utils.DominoCSSRule;
 
-/** ColumnCssRule class. */
+/**
+ * Represents a CSS rule associated with a specific column in a data table. This class provides a
+ * mechanism to associate custom styles with individual columns in the data table. Each column can
+ * be uniquely identified using a key and can have its own CSS styling through a {@link
+ * DominoCSSRule}.
+ */
 public class ColumnCssRule {
 
   private final String key;
   private final DominoCSSRule cssRule;
 
   /**
-   * Constructor for ColumnCssRule.
+   * Constructs a new {@link ColumnCssRule} instance with the specified key and CSS rule.
    *
-   * @param key a {@link java.lang.String} object
-   * @param cssRule a {@link org.dominokit.domino.ui.utils.DominoCSSRule} object
+   * @param key A unique identifier for the column associated with this CSS rule.
+   * @param cssRule A {@link DominoCSSRule} object representing the CSS styling for the column.
    */
   public ColumnCssRule(String key, DominoCSSRule cssRule) {
     this.key = key;
@@ -35,18 +41,18 @@ public ColumnCssRule(String key, DominoCSSRule cssRule) {
   }
 
   /**
-   * Getter for the field key.
+   * Retrieves the unique key associated with the column for this CSS rule.
    *
-   * @return a {@link java.lang.String} object
+   * @return the column key.
    */
   public String getKey() {
     return key;
   }
 
   /**
-   * Getter for the field cssRule.
+   * Retrieves the {@link DominoCSSRule} object representing the CSS styling for the column.
    *
-   * @return a {@link org.dominokit.domino.ui.utils.DominoCSSRule} object
+   * @return the CSS rule for the column.
    */
   public DominoCSSRule getCssRule() {
     return cssRule;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/ColumnCssRuleMeta.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/ColumnCssRuleMeta.java
index 525aebfc0..8099d4765 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/ColumnCssRuleMeta.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/ColumnCssRuleMeta.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable;
 
 import elemental2.dom.HTMLDivElement;
@@ -25,17 +26,28 @@
 import org.dominokit.domino.ui.utils.DominoCSSRule;
 import org.dominokit.domino.ui.utils.DynamicStyleSheet;
 
-/** ColumnCssRuleMeta class. */
+/**
+ * Represents the metadata of CSS rules associated with columns in a data table. This class provides
+ * a mechanism to manage and retrieve custom styles associated with individual columns in the data
+ * table. Each column can be identified using a key and can have its own CSS styling.
+ */
 public class ColumnCssRuleMeta implements ComponentMeta {
 
-  /** Constant COLUMN_CSS_RULE_META="column-css-rule-meta" */
+  /** The meta key for the column CSS rule. */
   public static final String COLUMN_CSS_RULE_META = "column-css-rule-meta";
-  /** Constant DEFAULT_RULE="COLUMN-DEFAULT-CSS-RULE" */
+
+  /** The key for the default CSS rule. */
   public static final String DEFAULT_RULE = "COLUMN-DEFAULT-CSS-RULE";
 
   private final Map cssRules = new HashMap<>();
   private final DynamicStyleSheet> dynamicStyleSheet;
 
+  /**
+   * Creates an instance of {@link ColumnCssRuleMeta} for the specified dynamic style sheet.
+   *
+   * @param dynamicStyleSheet The dynamic style sheet associated with the data table.
+   * @return The created {@link ColumnCssRuleMeta} instance.
+   */
   static  ColumnCssRuleMeta of(
       DynamicStyleSheet> dynamicStyleSheet) {
     return new ColumnCssRuleMeta<>(dynamicStyleSheet);
@@ -46,22 +58,21 @@ private ColumnCssRuleMeta(DynamicStyleSheet> dynami
   }
 
   /**
-   * get.
+   * Retrieves the CSS rule meta associated with the given column.
    *
-   * @param column a {@link org.dominokit.domino.ui.datatable.ColumnConfig} object
-   * @param  a T class
-   * @return a {@link java.util.Optional} object
+   * @param column The column to get its CSS rule meta.
+   * @return The CSS rule meta associated with the column if present; otherwise Optional.empty().
    */
   public static  Optional> get(ColumnConfig column) {
     return column.getMeta(COLUMN_CSS_RULE_META);
   }
 
   /**
-   * addRule.
+   * Adds a CSS rule to the column meta.
    *
-   * @param key a {@link java.lang.String} object
-   * @param cssClass a {@link java.lang.String} object
-   * @return a {@link org.dominokit.domino.ui.datatable.ColumnCssRuleMeta} object
+   * @param key The key associated with the CSS rule.
+   * @param cssClass The CSS class rule to be added.
+   * @return The current {@link ColumnCssRuleMeta} instance.
    */
   public ColumnCssRuleMeta addRule(String key, String cssClass) {
     DominoCSSRule dominoCSSRule = dynamicStyleSheet.insertRule(cssClass);
@@ -70,10 +81,11 @@ public ColumnCssRuleMeta addRule(String key, String cssClass) {
   }
 
   /**
-   * getColumnCssRule.
+   * Retrieves the {@link ColumnCssRule} associated with the specified key.
    *
-   * @param key a {@link java.lang.String} object
-   * @return a {@link java.util.Optional} object
+   * @param key The key to retrieve its associated CSS rule.
+   * @return The {@link ColumnCssRule} associated with the key if present; otherwise
+   *     Optional.empty().
    */
   public Optional getColumnCssRule(String key) {
     if (cssRules.containsKey(key)) {
@@ -88,9 +100,9 @@ public Optional getColumnCssRule(String key) {
   }
 
   /**
-   * cssRules.
+   * Retrieves all the CSS rules associated with the columns in the data table.
    *
-   * @return a {@link java.util.Collection} object
+   * @return A collection of {@link ColumnCssRule} representing all the CSS rules.
    */
   public Collection cssRules() {
     return cssRules.keySet().stream()
@@ -100,7 +112,11 @@ public Collection cssRules() {
         .collect(Collectors.toList());
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Returns the key associated with the column CSS rule meta.
+   *
+   * @return The key associated with the column CSS rule meta.
+   */
   @Override
   public String getKey() {
     return COLUMN_CSS_RULE_META;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/ColumnHeader.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/ColumnHeader.java
index 287f2fe12..eec86a304 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/ColumnHeader.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/ColumnHeader.java
@@ -26,7 +26,12 @@
 import org.dominokit.domino.ui.utils.BaseDominoElement;
 import org.dominokit.domino.ui.utils.ChildHandler;
 
-/** ColumnHeader class. */
+/**
+ * Represents the header of a column in a data table. This component allows for customization of the
+ * header's title and body content.
+ *
+ * @see BaseDominoElement
+ */
 public class ColumnHeader extends BaseDominoElement
     implements DataTableStyles {
 
@@ -35,35 +40,35 @@ public class ColumnHeader extends BaseDominoElement handler) {
     handler.apply(this, body);
@@ -132,23 +137,31 @@ public ColumnHeader withBody(ChildHandler handler) {
   }
 
   /**
-   * withTitle.
+   * Provides a way to customize the title of the header.
    *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a {@link org.dominokit.domino.ui.datatable.ColumnHeader} object
+   * @param handler A handler for the title customization.
+   * @return The current {@link ColumnHeader} instance.
    */
   public ColumnHeader withTitle(ChildHandler handler) {
     handler.apply(this, titleEelement);
     return this;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Retrieves the DOM element to which child components are appended.
+   *
+   * @return The DOM element target.
+   */
   @Override
   public Element getAppendTarget() {
     return body.element();
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Retrieves the primary DOM element representing the column header.
+   *
+   * @return The {@link HTMLTableCellElement} representation of the header.
+   */
   @Override
   public HTMLTableCellElement element() {
     return element.element();
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/ColumnHeaderMeta.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/ColumnHeaderMeta.java
index 2a7966b01..68e0af49b 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/ColumnHeaderMeta.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/ColumnHeaderMeta.java
@@ -20,53 +20,61 @@
 import java.util.Optional;
 import org.dominokit.domino.ui.utils.ComponentMeta;
 
-/** ColumnHeaderMeta class. */
+/**
+ * Meta information for column headers in a data table. This class allows adding and retrieving
+ * additional column headers to be displayed in the table header.
+ */
 public class ColumnHeaderMeta implements ComponentMeta {
 
-  /** Constant DOMINO_COLUMN_HEADER_META="domino-column-header-meta" */
+  /** The key used for identifying the column header meta information. */
   public static final String DOMINO_COLUMN_HEADER_META = "domino-column-header-meta";
 
   private List extraHeadElements = new ArrayList<>();
 
   /**
-   * create.
+   * Creates a new {@link ColumnHeaderMeta} instance.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.ColumnHeaderMeta} object
+   * @return The created {@link ColumnHeaderMeta} instance.
    */
   public static ColumnHeaderMeta create() {
     return new ColumnHeaderMeta();
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Retrieves the key used for identifying this component's meta information.
+   *
+   * @return The meta information key.
+   */
   @Override
   public String getKey() {
     return DOMINO_COLUMN_HEADER_META;
   }
 
   /**
-   * get.
+   * Retrieves the column header meta information associated with a specific column.
    *
-   * @param column a {@link org.dominokit.domino.ui.datatable.ColumnConfig} object
-   * @return a {@link java.util.Optional} object
+   * @param column The column for which to retrieve the header meta information.
+   * @return An optional {@link ColumnHeaderMeta} instance if available, otherwise an empty
+   *     optional.
    */
   public static Optional get(ColumnConfig column) {
     return column.getMeta(DOMINO_COLUMN_HEADER_META);
   }
 
   /**
-   * Getter for the field extraHeadElements.
+   * Retrieves a list of additional column header elements.
    *
-   * @return a {@link java.util.List} object
+   * @return A list of {@link ColumnHeader} instances representing additional column headers.
    */
   public List getExtraHeadElements() {
     return extraHeadElements;
   }
 
   /**
-   * addExtraHeadElement.
+   * Adds an additional column header element to the meta information.
    *
-   * @param extraHeadElement a {@link org.dominokit.domino.ui.datatable.ColumnHeader} object
-   * @return a {@link org.dominokit.domino.ui.datatable.ColumnHeaderMeta} object
+   * @param extraHeadElement The {@link ColumnHeader} to add.
+   * @return The current {@link ColumnHeaderMeta} instance.
    */
   public ColumnHeaderMeta addExtraHeadElement(ColumnHeader extraHeadElement) {
     this.extraHeadElements.add(extraHeadElement);
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/ColumnShowHideListener.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/ColumnShowHideListener.java
index 48293cac0..f76000643 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/ColumnShowHideListener.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/ColumnShowHideListener.java
@@ -13,23 +13,23 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable;
 
-/** Implementations of this interface can listen to columns show/hide events */
+/** An interface representing a listener for column show/hide events in a data table. */
 public interface ColumnShowHideListener {
-  /** @param visible boolean, if true the column has become visible, otherwise it is hidden */
+
   /**
-   * onShowHide.
+   * Called when a column is shown or hidden in a data table.
    *
-   * @param visible a boolean
+   * @param visible A boolean indicating whether the column is now visible (true) or hidden (false).
    */
   void onShowHide(boolean visible);
 
   /**
-   * isPermanent.
+   * Checks if the column show/hide listener is permanent.
    *
-   * @return boolean, if true the listener wont be removed if the listeners of the column are
-   *     cleared.
+   * @return {@code true} if the listener is permanent, {@code false} otherwise.
    */
   boolean isPermanent();
 }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/ColumnUtils.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/ColumnUtils.java
index baee7aacb..312940a44 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/ColumnUtils.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/ColumnUtils.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable;
 
 import static java.util.Objects.nonNull;
@@ -23,15 +24,15 @@
 import org.dominokit.domino.ui.style.Style;
 import org.dominokit.domino.ui.utils.DominoCSSRule;
 
-/** ColumnUtils class. */
+/** Utility class for working with columns in a data table. */
 public class ColumnUtils {
 
   /**
-   * fixElementWidth.
+   * Adjusts the width of an HTML element based on the best-fit width configuration of a column.
    *
-   * @param column a {@link org.dominokit.domino.ui.datatable.ColumnConfig} object
-   * @param element a {@link elemental2.dom.HTMLElement} object
-   * @param  a T class
+   * @param  The data type of the column.
+   * @param column The column configuration.
+   * @param element The HTML element to adjust the width of.
    */
   public static  void fixElementWidth(ColumnConfig column, HTMLElement element) {
     bestFitWidth(column)
@@ -64,11 +65,11 @@ public static  void fixElementWidth(ColumnConfig column, HTMLElement eleme
   }
 
   /**
-   * fixElementWidth.
+   * Adjusts the width of an HTML element based on the configuration of a data table.
    *
-   * @param table a {@link org.dominokit.domino.ui.datatable.DataTable} object
-   * @param element a {@link elemental2.dom.HTMLElement} object
-   * @param  a T class
+   * @param  The data type of the data table.
+   * @param table The data table.
+   * @param element The HTML element to adjust the width of.
    */
   public static  void fixElementWidth(DataTable table, HTMLElement element) {
 
@@ -85,9 +86,12 @@ public static  void fixElementWidth(DataTable table, HTMLElement element)
   }
 
   /**
-   * @param columnConfig String value of preferred width to be used for a column from its width.
-   *     min-width, max-width or default none
-   * @return same TableConfig instance
+   * Retrieves the best-fit width configuration for a column.
+   *
+   * @param  The data type of the column.
+   * @param columnConfig The column configuration.
+   * @return An {@link Optional} containing the best-fit width as a string, or an empty optional if
+   *     no best-fit width is found.
    */
   private static  Optional bestFitWidth(ColumnConfig columnConfig) {
     if (nonNull(columnConfig.getWidth()) && !columnConfig.getWidth().isEmpty()) {
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/DataTable.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/DataTable.java
index 1c579492b..124ac78fe 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/DataTable.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/DataTable.java
@@ -31,20 +31,25 @@
 import org.dominokit.domino.ui.utils.*;
 
 /**
- * The data table component
+ * Represents a flexible and feature-rich data table for displaying and interacting with data. The
+ * DataTable provides features like column configurations, event listeners, row selection, row
+ * filtering, etc. for working with both tabular data and hierarchical data structures.
  *
- * @param  the type of the data table records
+ * @param  the type of data to be displayed in the table
+ * @see BaseDominoElement
  */
 public class DataTable extends BaseDominoElement>
     implements HasSelectionSupport>,
         HasSelectionListeners, TableRow, List>>,
         DataTableStyles {
 
-  /** Use this constant to register a table event listener that listen to all events */
+  /** Constant used for wildcard event listeners. */
   public static final String ANY = "*";
-  /** Use this constant as flag value to check if a row in the data tables have been filtered out */
+
+  /** CSS class to indicate that a data table row is filtered. */
   public static final String DATA_TABLE_ROW_FILTERED = "data-table-row-filtered";
 
+  /** Prefix used for parent selector CSS. */
   private static final String PARENT_SELECTOR_PREFIX = "dui-dt-";
 
   private final DataStore dataStore;
@@ -81,10 +86,10 @@ public class DataTable extends BaseDominoElement
       deselectionListeners = new HashSet<>();
 
   /**
-   * Creates a new data table instance
+   * Constructs a DataTable with the provided table configuration and data store.
    *
-   * @param tableConfig the {@link org.dominokit.domino.ui.datatable.TableConfig}
-   * @param dataStore the {@link org.dominokit.domino.ui.datatable.store.DataStore}
+   * @param tableConfig Configuration details of the table.
+   * @param dataStore Data storage handler to fetch and manipulate data for the table.
    */
   public DataTable(TableConfig tableConfig, DataStore dataStore) {
     tableElement = table().addCss(dui_datatable, dui_datatable_width_full);
@@ -138,6 +143,7 @@ public DataTable(TableConfig tableConfig, DataStore dataStore) {
     addCss(dui_datatable_hover, dui_datatable_striped);
   }
 
+  /** Initializes dynamic style sheet configurations for the table columns. */
   private void initDynamicStyleSheet() {
     this.dynamicStyleSheet = new DynamicStyleSheet<>(PARENT_SELECTOR_PREFIX, this);
     tableConfig
@@ -157,14 +163,19 @@ private void initDynamicStyleSheet() {
   }
 
   /**
-   * Getter for the field dataStore.
+   * Returns the data store associated with this data table.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.store.DataStore} object
+   * @return the associated DataStore instance.
    */
   public DataStore getDataStore() {
     return dataStore;
   }
 
+  /**
+   * Initializes and sets up the data table UI components, plugins, and listeners.
+   *
+   * @return the initialized DataTable instance.
+   */
   private DataTable init() {
     tableConfig
         .getPlugins()
@@ -208,9 +219,9 @@ private DataTable init() {
   }
 
   /**
-   * redraw.
+   * Redraws the data table by updating the headers and reloading the data.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.DataTable} object
+   * @return the current DataTable instance
    */
   public DataTable redraw() {
     tableConfig.onBeforeHeaders(this);
@@ -221,9 +232,9 @@ public DataTable redraw() {
   }
 
   /**
-   * Force loading the data into the table
+   * Loads the data into the data table.
    *
-   * @return Same datatable instance
+   * @return the current DataTable instance
    */
   public DataTable load() {
     this.dataStore.load();
@@ -231,10 +242,10 @@ public DataTable load() {
   }
 
   /**
-   * Set the table data
+   * Sets the provided data to the data table.
    *
-   * @param data {@link java.util.List} of T
-   * @return Same datatable instance
+   * @param data the list of data to be set
+   * @return the current DataTable instance
    */
   public DataTable setData(List data) {
     this.data = data;
@@ -247,10 +258,10 @@ public DataTable setData(List data) {
   }
 
   /**
-   * Appends more records to the current data list of the table
+   * Appends the provided data to the existing data in the table.
    *
-   * @param newData {@link java.util.List} of T
-   * @return Same datatable instance
+   * @param newData the new data to be appended
+   * @return the current DataTable instance
    */
   public DataTable appendData(List newData) {
     if (nonNull(this.data)) {
@@ -262,6 +273,12 @@ public DataTable appendData(List newData) {
     return this;
   }
 
+  /**
+   * Adds rows to the data table based on the provided data and starting index.
+   *
+   * @param data the list of data to be added as rows
+   * @param initialIndex the starting index for the new rows
+   */
   private void addRows(List data, int initialIndex) {
     tableConfig.getColumns().forEach(ColumnConfig::clearShowHideListeners);
 
@@ -276,21 +293,20 @@ private void addRows(List data, int initialIndex) {
     tableConfig.getPlugins().forEach(plugin -> plugin.onAllRowsAdded(DataTable.this));
   }
 
-  /** @return the {@link Collection} of T that is the current data in the table */
   /**
-   * Getter for the field data.
+   * Returns the current data present in the table.
    *
-   * @return a {@link java.util.Collection} object
+   * @return the collection of data in the table
    */
   public Collection getData() {
     return data;
   }
 
   /**
-   * setCondensed.
+   * Sets the condensed style for the data table.
    *
-   * @param condensed a boolean
-   * @return a {@link org.dominokit.domino.ui.datatable.DataTable} object
+   * @param condensed a boolean indicating whether to enable the condensed style
+   * @return the current DataTable instance
    */
   public DataTable setCondensed(boolean condensed) {
     this.addCss(BooleanCssClass.of(dui_datatable_condensed, condensed));
@@ -298,19 +314,19 @@ public DataTable setCondensed(boolean condensed) {
   }
 
   /**
-   * isCondensed.
+   * Checks if the data table has a condensed style.
    *
-   * @return a boolean
+   * @return a boolean indicating if the table is condensed
    */
   public boolean isCondensed() {
     return dui_datatable_condensed.isAppliedTo(this);
   }
 
   /**
-   * setHover.
+   * Enables or disables the hover effect for the data table rows.
    *
-   * @param hover a boolean
-   * @return a {@link org.dominokit.domino.ui.datatable.DataTable} object
+   * @param hover a boolean indicating whether to enable the hover effect
+   * @return the current DataTable instance
    */
   public DataTable setHover(boolean hover) {
     this.addCss(BooleanCssClass.of(dui_datatable_hover, hover));
@@ -318,19 +334,19 @@ public DataTable setHover(boolean hover) {
   }
 
   /**
-   * isHover.
+   * Checks if the hover effect is enabled for the data table rows.
    *
-   * @return a boolean
+   * @return a boolean indicating if the hover effect is enabled
    */
   public boolean isHover() {
     return dui_datatable_hover.isAppliedTo(this);
   }
 
   /**
-   * setBordered.
+   * Sets the bordered style for the data table.
    *
-   * @param bordered a boolean
-   * @return a {@link org.dominokit.domino.ui.datatable.DataTable} object
+   * @param bordered a boolean indicating whether to enable the bordered style
+   * @return the current DataTable instance
    */
   public DataTable setBordered(boolean bordered) {
     this.addCss(BooleanCssClass.of(dui_datatable_bordered, bordered));
@@ -338,19 +354,19 @@ public DataTable setBordered(boolean bordered) {
   }
 
   /**
-   * isBordered.
+   * Checks if the data table has a bordered style.
    *
-   * @return a boolean
+   * @return a boolean indicating if the table is bordered
    */
   public boolean isBordered() {
     return dui_datatable_bordered.isAppliedTo(this);
   }
 
   /**
-   * setStriped.
+   * Sets the striped style for the data table rows.
    *
-   * @param striped a boolean
-   * @return a {@link org.dominokit.domino.ui.datatable.DataTable} object
+   * @param striped a boolean indicating whether to enable the striped style
+   * @return the current DataTable instance
    */
   public DataTable setStriped(boolean striped) {
     this.addCss(BooleanCssClass.of(dui_datatable_striped, striped));
@@ -358,18 +374,18 @@ public DataTable setStriped(boolean striped) {
   }
 
   /**
-   * isStriped.
+   * Checks if the striped style is enabled for the data table rows.
    *
-   * @return a boolean
+   * @return a boolean indicating if the striped style is enabled
    */
   public boolean isStriped() {
     return dui_datatable_striped.isAppliedTo(this);
   }
 
   /**
-   * Render all table rows in editable mode
+   * Initiates the edit mode for all rows in the data table.
    *
-   * @return same DataTable instance
+   * @return the current DataTable instance
    */
   public DataTable edit() {
     getRows().forEach(TableRow::edit);
@@ -377,9 +393,9 @@ public DataTable edit() {
   }
 
   /**
-   * Saves all editable table rows changes
+   * Saves any edits made to all rows in the data table.
    *
-   * @return same DataTable instance
+   * @return the current DataTable instance
    */
   public DataTable save() {
     getRows().forEach(TableRow::save);
@@ -387,70 +403,69 @@ public DataTable save() {
   }
 
   /**
-   * Cancel editing of all table rows
+   * Cancels the edit mode and discards any unsaved changes for all rows in the data table.
    *
-   * @return same DataTable instance
+   * @return the current DataTable instance
    */
   public DataTable cancelEditing() {
     getRows().forEach(TableRow::cancelEditing);
     return this;
   }
 
-  /** @return the {@link HTMLTableElement} wrapped as {@link DominoElement} */
   /**
-   * tableElement.
+   * Retrieves the main table element associated with the data table.
    *
-   * @return a {@link org.dominokit.domino.ui.elements.TableElement} object
+   * @return the table element
    */
   public TableElement tableElement() {
     return tableElement;
   }
 
-  /** @return the {@link HTMLTableSectionElement} -tbody- wrapped as {@link DominoElement} */
   /**
-   * bodyElement.
+   * Retrieves the body element of the table, which contains the data rows.
    *
-   * @return a {@link org.dominokit.domino.ui.elements.TBodyElement} object
+   * @return the table body element
    */
   public TBodyElement bodyElement() {
     return tbody;
   }
 
-  /** @return the {@link HTMLTableSectionElement} -thead- wrapped as {@link DominoElement} */
   /**
-   * headerElement.
+   * Retrieves the header element of the table, which contains the column headers.
    *
-   * @return a {@link org.dominokit.domino.ui.elements.THeadElement} object
+   * @return the table header element
    */
   public THeadElement headerElement() {
     return thead;
   }
 
-  /** @return the {@link HTMLTableSectionElement} -tfoot- wrapped as {@link DominoElement} */
   /**
-   * footerElement.
+   * Retrieves the footer element of the table, which might contain summary rows or other additional
+   * information.
    *
-   * @return a {@link org.dominokit.domino.ui.elements.TFootElement} object
+   * @return the table footer element
    */
   public TFootElement footerElement() {
     return tfoot;
   }
 
-  /** @return the applied {@link TableConfig} of this table */
   /**
-   * Getter for the field tableConfig.
+   * Retrieves the configuration object associated with the data table, which defines columns,
+   * plugins, and other table settings.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.TableConfig} object
+   * @return the table configuration object
    */
   public TableConfig getTableConfig() {
     return tableConfig;
   }
 
   /**
-   * Immediately filter the current table rows using the the specified filter
+   * Applies a provided filter to each row in the data table. Rows that pass the filter remain
+   * visible, while rows that fail the filter are marked as filtered and potentially hidden or
+   * styled differently.
    *
-   * @param rowFilter {@link org.dominokit.domino.ui.datatable.DataTable.LocalRowFilter}
-   * @return Same datatable instance
+   * @param rowFilter the filter to apply to each row in the table
+   * @return the current DataTable instance
    */
   public DataTable filterRows(LocalRowFilter rowFilter) {
     tableRows.forEach(
@@ -470,9 +485,9 @@ public DataTable filterRows(LocalRowFilter rowFilter) {
   }
 
   /**
-   * Clear all filtration applied using {@link #filterRows(LocalRowFilter)}
+   * Removes any previously applied filters, making all rows visible.
    *
-   * @return Same datatable instance
+   * @return the current DataTable instance
    */
   public DataTable clearRowFilters() {
     tableRows.stream()
@@ -486,24 +501,30 @@ public DataTable clearRowFilters() {
     return this;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Retrieves the root element associated with the data table.
+   *
+   * @return the root element of the data table
+   */
   @Override
   public HTMLDivElement element() {
     return root.element();
   }
 
-  /** @return */
-  /** {@inheritDoc} */
+  /**
+   * Retrieves a list of all the table rows that are currently selected.
+   *
+   * @return a list of selected table rows
+   */
   @Override
   public List> getSelectedItems() {
     return tableRows.stream().filter(TableRow::isSelected).collect(Collectors.toList());
   }
 
-  /** @return a {@link List} of the currently selected records including a row selected children */
   /**
-   * getSelectedRecords.
+   * Retrieves a list of the records associated with the table rows that are currently selected.
    *
-   * @return a {@link java.util.List} object
+   * @return a list of records corresponding to selected table rows
    */
   public List getSelectedRecords() {
     return tableRows.stream()
@@ -512,27 +533,29 @@ public List getSelectedRecords() {
         .collect(Collectors.toList());
   }
 
-  /** @return a {@link List} of {@link TableRow}s including the child rows */
-  /** {@inheritDoc} */
+  /**
+   * Retrieves a list of all the table rows.
+   *
+   * @return a list of all table rows
+   */
   @Override
   public List> getRows() {
     return tableRows;
   }
 
   /**
-   * getRootRows.
+   * Retrieves a list of all the root table rows.
    *
-   * @return a {@link java.util.List} object
+   * @return a list of root table rows
    */
   public List> getRootRows() {
     return getRows().stream().filter(TableRow::isRoot).collect(Collectors.toList());
   }
 
-  /** @return a {@link List} of {@link TableRow}s excluding the child rows */
   /**
-   * getRecords.
+   * Retrieves a list of records associated with the root table rows.
    *
-   * @return a {@link java.util.List} object
+   * @return a list of records corresponding to root table rows
    */
   public List getRecords() {
     return getRows().stream()
@@ -541,31 +564,26 @@ public List getRecords() {
         .collect(Collectors.toList());
   }
 
-  /** @return a {@link List} of {@link TableRow}s that are being edited and still not saved */
   /**
-   * getDirtyRecords.
+   * Retrieves a list of records that have been modified.
    *
-   * @return a {@link java.util.List} object
+   * @return a list of modified records
    */
   public List getDirtyRecords() {
     return getRows().stream().map(TableRow::getDirtyRecord).collect(Collectors.toList());
   }
 
-  /**
-   * {@inheritDoc}
-   *
-   * 
Select all table rows
-   */
+  /** Selects all rows in the table, without any conditions. */
   @Override
   public void selectAll() {
     selectAll((table, tableRow) -> true);
   }
 
   /**
-   * Select all table rows that match a condition
+   * Selects all rows in the table that meet the provided selection condition.
    *
-   * @return Same datatable instance
-   * @param selectionCondition a {@link org.dominokit.domino.ui.datatable.SelectionCondition} object
+   * @param selectionCondition the condition determining which rows should be selected
+   * @return the current DataTable instance
    */
   public DataTable selectAll(SelectionCondition selectionCondition) {
     if (tableConfig.isMultiSelect() && !tableRows.isEmpty()) {
@@ -584,21 +602,17 @@ public DataTable selectAll(SelectionCondition selectionCondition) {
     return this;
   }
 
-  /**
-   * {@inheritDoc}
-   *
-   * 
Deselect all table rows
-   */
+  /** Deselects all rows in the table, without any conditions. */
   @Override
   public void deselectAll() {
     deselectAll((table, tableRow) -> true);
   }
 
   /**
-   * Deselect all table rows that match a condition
+   * Deselects all rows in the table that meet the provided selection condition.
    *
-   * @return Same datatable instance
-   * @param selectionCondition a {@link org.dominokit.domino.ui.datatable.SelectionCondition} object
+   * @param selectionCondition the condition determining which rows should be deselected
+   * @return the current DataTable instance
    */
   public DataTable deselectAll(SelectionCondition selectionCondition) {
     if (!tableRows.isEmpty()) {
@@ -619,54 +633,89 @@ public DataTable deselectAll(SelectionCondition selectionCondition) {
     return this;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Determines if the table rows are selectable.
+   *
+   * @return true if selectable, false otherwise
+   */
   @Override
   public boolean isSelectable() {
     return this.selectable;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Pauses the execution of selection listeners.
+   *
+   * @return the current DataTable instance
+   */
   @Override
   public DataTable pauseSelectionListeners() {
     this.selectionListenersPaused = true;
     return this;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Resumes the execution of selection listeners.
+   *
+   * @return the current DataTable instance
+   */
   @Override
   public DataTable resumeSelectionListeners() {
     this.selectionListenersPaused = false;
     return this;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Toggles the pausing of selection listeners based on the provided value.
+   *
+   * @param toggle true to pause the listeners, false to resume
+   * @return the current DataTable instance
+   */
   @Override
   public DataTable togglePauseSelectionListeners(boolean toggle) {
     this.selectionListenersPaused = toggle;
     return this;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Retrieves the set of selection listeners.
+   *
+   * @return a set of selection listeners
+   */
   @Override
   public Set, ? super List>>>
       getSelectionListeners() {
     return this.selectionListeners;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Retrieves the set of deselection listeners.
+   *
+   * @return a set of deselection listeners
+   */
   @Override
   public Set, ? super List>>>
       getDeselectionListeners() {
     return this.deselectionListeners;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Determines if the selection listeners are currently paused.
+   *
+   * @return true if the listeners are paused, false otherwise
+   */
   @Override
   public boolean isSelectionListenersPaused() {
     return this.selectionListenersPaused;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Triggers the registered selection listeners.
+   *
+   * @param source the source TableRow that caused the selection change
+   * @param selection the list of currently selected rows
+   * @return the current DataTable instance
+   */
   @Override
   public DataTable triggerSelectionListeners(TableRow source, List> selection) {
     if (!this.selectionListenersPaused) {
@@ -677,7 +726,13 @@ public DataTable triggerSelectionListeners(TableRow source, List triggerDeselectionListeners(TableRow source, List> selection) {
     if (!this.selectionListenersPaused) {
@@ -688,18 +743,22 @@ public DataTable triggerDeselectionListeners(TableRow source, List> getSelection() {
     return getSelectedItems();
   }
 
   /**
-   * Adds a table event listener by event type
+   * Registers a table event listener for the specified event type.
    *
-   * @param type String type of the event
-   * @param listener {@link org.dominokit.domino.ui.datatable.events.TableEventListener}
-   * @return Same datatable instance
+   * @param type the event type
+   * @param listener the listener to be added
+   * @return the current DataTable instance
    */
   public DataTable addTableEventListener(String type, TableEventListener listener) {
     if (!events.containsKey(type)) {
@@ -710,11 +769,11 @@ public DataTable addTableEventListener(String type, TableEventListener listen
   }
 
   /**
-   * Removes a table event listener by event type
+   * Removes a registered table event listener for the specified event type.
    *
-   * @param type String type of the event
-   * @param listener {@link org.dominokit.domino.ui.datatable.events.TableEventListener}
-   * @return Same datatable instance
+   * @param type the event type
+   * @param listener the listener to be removed
+   * @return the current DataTable instance
    */
   public DataTable removeTableListener(String type, TableEventListener listener) {
     if (events.containsKey(type)) {
@@ -724,10 +783,10 @@ public DataTable removeTableListener(String type, TableEventListener listener
   }
 
   /**
-   * Manually fire a table event
+   * Fires a specified table event.
    *
-   * @param tableEvent {@link org.dominokit.domino.ui.datatable.events.TableEvent}
-   * @return Same datatable instance
+   * @param tableEvent the event to fire
+   * @return the current DataTable instance
    */
   public DataTable fireTableEvent(TableEvent tableEvent) {
     if (events.containsKey(tableEvent.getType())) {
@@ -738,22 +797,20 @@ public DataTable fireTableEvent(TableEvent tableEvent) {
     return this;
   }
 
-  /** @return the current {@link SearchContext} of the data table */
   /**
-   * Getter for the field searchContext.
+   * Retrieves the current search context.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.model.SearchContext} object
+   * @return the current search context
    */
   public SearchContext getSearchContext() {
     return searchContext;
   }
 
   /**
-   * Setter for the field removeRecordsHandler.
+   * Sets the handler for removing records.
    *
-   * @param removeRecordsHandler a {@link
-   *     org.dominokit.domino.ui.datatable.DataTable.RemoveRowsHandler} object
-   * @return a {@link org.dominokit.domino.ui.datatable.DataTable} object
+   * @param removeRecordsHandler the handler to set
+   * @return the current DataTable instance
    */
   public DataTable setRemoveRecordsHandler(RemoveRowsHandler removeRecordsHandler) {
     if (nonNull(removeRecordsHandler)) {
@@ -763,15 +820,21 @@ public DataTable setRemoveRecordsHandler(RemoveRowsHandler removeRecordsHa
   }
 
   /**
-   * Getter for the field dynamicStyleSheet.
+   * Retrieves the dynamic style sheet associated with the DataTable.
    *
-   * @return a {@link org.dominokit.domino.ui.utils.DynamicStyleSheet} object
+   * @return the dynamic style sheet
    */
   public DynamicStyleSheet> getDynamicStyleSheet() {
     return dynamicStyleSheet;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Appends a given node to the table. If a dynamic stylesheet is set, it will also append the
+   * style element of that stylesheet to the root element.
+   *
+   * @param node the node to be appended
+   * @return the current DataTable instance
+   */
   @Override
   public DataTable appendChild(Node node) {
     super.appendChild(node);
@@ -781,7 +844,13 @@ public DataTable appendChild(Node node) {
     return this;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Appends a given text as a text node to the table. If a dynamic stylesheet is set, it will also
+   * append the style element of that stylesheet to the root element.
+   *
+   * @param text the text to be appended as a text node
+   * @return the current DataTable instance
+   */
   @Override
   public DataTable appendChild(String text) {
     super.appendChild(text);
@@ -791,27 +860,60 @@ public DataTable appendChild(String text) {
     return this;
   }
 
+  /**
+   * Provides direct access to the table element to apply custom configurations.
+   *
+   * @param handler the handler that defines the operations to be performed on the table element
+   * @return the current DataTable instance
+   */
   public DataTable withTable(ChildHandler, TableElement> handler) {
     handler.apply(this, tableElement);
     return this;
   }
 
+  /**
+   * Provides direct access to the table body element to apply custom configurations.
+   *
+   * @param handler the handler that defines the operations to be performed on the table body
+   *     element
+   * @return the current DataTable instance
+   */
   public DataTable withTableBody(ChildHandler, TBodyElement> handler) {
     handler.apply(this, tbody);
     return this;
   }
 
+  /**
+   * Provides direct access to the table footer element to apply custom configurations.
+   *
+   * @param handler the handler that defines the operations to be performed on the table footer
+   *     element
+   * @return the current DataTable instance
+   */
   public DataTable withTableFooter(ChildHandler, TFootElement> handler) {
     handler.apply(this, tfoot);
     return this;
   }
 
+  /**
+   * Provides direct access to the table head element to apply custom configurations.
+   *
+   * @param handler the handler that defines the operations to be performed on the table head
+   *     element
+   * @return the current DataTable instance
+   */
   public DataTable withTableHead(ChildHandler, THeadElement> handler) {
     handler.apply(this, thead);
     return this;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Appends a given element to the table. If a dynamic stylesheet is set, it will also append the
+   * style element of that stylesheet to the root element.
+   *
+   * @param isElement the element to be appended
+   * @return the current DataTable instance
+   */
   @Override
   public DataTable appendChild(IsElement isElement) {
     super.appendChild(isElement);
@@ -822,33 +924,47 @@ public DataTable appendChild(IsElement isElement) {
   }
 
   /**
-   * Listens to changes in the table rows selection
+   * Represents a listener for selection changes in the table.
    *
-   * @param  the type of the data table records
+   * @param  the type of data in the table
    */
   @FunctionalInterface
   public interface SelectionChangeListener {
     /**
-     * @param selectedTableRows {@link List} of {@link TableRow}s that has that are selected
-     * @param selectedRecords {@link List} of T records of the rows being selected
+     * Invoked when the selection in the table changes.
+     *
+     * @param selectedTableRows the currently selected table rows
+     * @param selectedRecords the records associated with the selected rows
      */
     void onSelectionChanged(List> selectedTableRows, List selectedRecords);
   }
 
   /**
-   * Use implement Table row filter
+   * Represents a filter for local rows in the table.
    *
-   * @param  the type of the data table records
+   * @param  the type of data in the table
    */
   public interface LocalRowFilter {
     /**
-     * @param tableRow {@link TableRow}
-     * @return boolean, true if the table row should be hidden else false.
+     * Determines whether a table row should be filtered.
+     *
+     * @param tableRow the table row to evaluate
+     * @return true if the row should be included in the filtered set, false otherwise
      */
     boolean filter(TableRow tableRow);
   }
 
+  /**
+   * Represents a handler for removing rows from the table.
+   *
+   * @param  the type of data in the table
+   */
   public interface RemoveRowsHandler {
+    /**
+     * Handles the removal of rows from the table.
+     *
+     * @param table the table from which rows should be removed
+     */
     void removeRows(DataTable table);
   }
 }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/DataTableStyles.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/DataTableStyles.java
index 027c36627..ca80f2741 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/DataTableStyles.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/DataTableStyles.java
@@ -13,82 +13,82 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable;
 
 import org.dominokit.domino.ui.style.CssClass;
 
-/** constants class for DataTable css classes names */
 public interface DataTableStyles {
-  /** Constant dui_datatable */
+
   CssClass dui_datatable = () -> "dui-datatable";
-  /** Constant dui_datatable_responsive */
+
   CssClass dui_datatable_responsive = () -> "dui-datatable-responsive";
-  /** Constant dui_datatable_hover */
+
   CssClass dui_datatable_hover = () -> "dui-datatable-hover";
-  /** Constant dui_datatable_bordered */
+
   CssClass dui_datatable_bordered = () -> "dui-datatable-bordered";
-  /** Constant dui_datatable_condensed */
+
   CssClass dui_datatable_condensed = () -> "dui-datatable-condensed";
-  /** Constant dui_datatable_striped */
+
   CssClass dui_datatable_striped = () -> "dui-datatable-striped";
-  /** Constant dui_datatable_width_full */
+
   CssClass dui_datatable_width_full = () -> "dui-datatable-width-full";
-  /** Constant dui_datatable_fixed */
+
   CssClass dui_datatable_fixed = () -> "dui-datatable-fixed";
-  /** Constant dui_datatable_row */
+
   CssClass dui_datatable_row = () -> "dui-datatable-row";
-  /** Constant dui_datatable_th */
+
   CssClass dui_datatable_th = () -> "dui-datatable-th";
-  /** Constant dui_datatable_td */
+
   CssClass dui_datatable_td = () -> "dui-datatable-td";
-  /** Constant dui_datatable_thead */
+
   CssClass dui_datatable_thead = () -> "dui-datatable-thead";
 
   CssClass dui_datatable_sticky_header = () -> "dui-datatable-sticky-header";
 
   CssClass dui_datatable_body = () -> "dui-datatable-body";
-  /** Constant dui_datatable_tfoot */
+
   CssClass dui_datatable_tfoot = () -> "dui-datatable-tfoot";
-  /** Constant dui_datatable_row_marker */
+
   CssClass dui_datatable_row_marker = () -> "dui-datatable-row-marker";
-  /** Constant dui_datatable_nav_bar */
+
   CssClass dui_datatable_nav_bar = () -> "dui-datatable-nav-bar";
-  /** Constant dui_datatable_row_selected */
+
   CssClass dui_datatable_row_selected = () -> "dui-datatable-row-selected";
-  /** Constant dui_datatable_th_body */
+
   CssClass dui_datatable_th_body = () -> "dui-datatable-th-body";
-  /** Constant dui_datatable_th_title */
+
   CssClass dui_datatable_th_title = () -> "dui-datatable-th-title";
-  /** Constant dui_datatable_th_menu_icon */
+
   CssClass dui_datatable_th_menu_icon = () -> "dui-datatable-th-menu-icon";
-  /** Constant dui_datatable_utility_elements */
+
   CssClass dui_datatable_utility_elements = () -> "dui-datatable-utility-elements";
-  /** Constant dui_datatable_utility_element */
+
   CssClass dui_datatable_utility_element = () -> "dui-datatable-utility-element";
-  /** Constant dui_datatable_column_utility */
+
   CssClass dui_datatable_column_utility = () -> "dui-datatable-column-utility";
-  /** Constant dui_datatable_search_box */
+
   CssClass dui_datatable_search_box = () -> "dui-datatable-search-box";
-  /** Constant dui_datatable_details_td */
+
   CssClass dui_datatable_details_td = () -> "dui-datatable-details-td";
-  /** Constant dui_datatable_details_tr */
+
   CssClass dui_datatable_details_tr = () -> "dui-datatable-details-tr";
-  /** Constant dui_datatable_column_filter */
+
   CssClass dui_datatable_column_filter = () -> "dui-datatable-column-filter";
-  /** Constant dui_datatable_row_editable */
+
   CssClass dui_datatable_row_editable = () -> "dui-datatable-row-editable";
-  /** Constant dui_row_dnd_grab */
+
   CssClass dui_row_dnd_grab = () -> "dui-row-dnd-grab";
-  /** Constant dui_datatable_drop_area */
+
   CssClass dui_datatable_drop_area = () -> "dui-datatable-drop-area";
-  /** Constant dui_datatable_drop_row */
+
   CssClass dui_datatable_drop_row = () -> "dui-datatable-drop-row";
-  /** Constant table_row_filtered */
+
   CssClass table_row_filtered = () -> "table-row-filtered";
-  /** Constant fixed_width */
+
   CssClass fixed_width = () -> "fixed-width";
-  /** Constant header */
+
   CssClass header = () -> "table-header";
-  /** Constant dui_column_resizer */
+
   CssClass dui_column_resizer = () -> "dui-column-resizer";
 }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/DefaultColumnShowHideListener.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/DefaultColumnShowHideListener.java
index 97f74f75e..6a600e057 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/DefaultColumnShowHideListener.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/DefaultColumnShowHideListener.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable;
 
 import static org.dominokit.domino.ui.utils.ElementsFactory.elements;
@@ -20,10 +21,8 @@
 import elemental2.dom.HTMLElement;
 
 /**
- * This implementation is default to show/hide any element whenever the table column visibility is
- * changed
- *
- * 
e.g remove the column name a from a list of columns
+ * A default implementation of the {@link ColumnShowHideListener} interface for showing and hiding
+ * columns in a data table.
  */
 public class DefaultColumnShowHideListener implements ColumnShowHideListener {
 
@@ -31,55 +30,60 @@ public class DefaultColumnShowHideListener implements ColumnShowHideListener {
   private boolean permanent = false;
 
   /**
-   * Create an instance initialized with any custom element
+   * Creates a new instance of DefaultColumnShowHideListener with the specified HTML element.
    *
-   * @param element {@link elemental2.dom.HTMLElement}
-   * @return new {@link org.dominokit.domino.ui.datatable.DefaultColumnShowHideListener}
+   * @param element The HTML element associated with this listener.
    */
   public static DefaultColumnShowHideListener of(HTMLElement element) {
     return new DefaultColumnShowHideListener(element);
   }
 
   /**
-   * Create an instance initialized with any custom element and make it permanent
+   * Creates a new instance of DefaultColumnShowHideListener with the specified HTML element and
+   * permanence flag.
    *
-   * @param element {@link elemental2.dom.HTMLElement}
-   * @param permanent boolean, if true make this listener permanent so it wont be removed when the
-   *     listeners are cleared
-   * @return new {@link org.dominokit.domino.ui.datatable.DefaultColumnShowHideListener}
+   * @param element The HTML element associated with this listener.
+   * @param permanent A flag indicating whether the column should be permanently shown or hidden.
    */
   public static DefaultColumnShowHideListener of(HTMLElement element, boolean permanent) {
     return new DefaultColumnShowHideListener(element, permanent);
   }
 
   /**
-   * Create an instance initialized with any custom element
+   * Constructs a DefaultColumnShowHideListener with the specified HTML element.
    *
-   * @param element {@link elemental2.dom.HTMLElement}
+   * @param element The HTML element associated with this listener.
    */
   public DefaultColumnShowHideListener(HTMLElement element) {
     this.element = element;
   }
 
   /**
-   * Create an instance initialized with any custom element and make it permanent
+   * Constructs a DefaultColumnShowHideListener with the specified HTML element and permanence flag.
    *
-   * @param element {@link elemental2.dom.HTMLElement}
-   * @param permanent boolean, if true make this listener permanent so it wont be removed when the
-   *     listeners are cleared
+   * @param element The HTML element associated with this listener.
+   * @param permanent A flag indicating whether the column should be permanently shown or hidden.
    */
   public DefaultColumnShowHideListener(HTMLElement element, boolean permanent) {
     this.element = element;
     this.permanent = permanent;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Shows or hides the associated HTML element based on the visibility flag.
+   *
+   * @param visible A flag indicating whether the column should be visible or hidden.
+   */
   @Override
   public void onShowHide(boolean visible) {
     elements.elementOf(element).toggleDisplay(visible);
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Checks if the column should be permanently shown or hidden.
+   *
+   * @return {@code true} if the column is permanent, {@code false} otherwise.
+   */
   @Override
   public boolean isPermanent() {
     return permanent;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/DirtyRecordHandler.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/DirtyRecordHandler.java
index 64d575dbc..718c7fdff 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/DirtyRecordHandler.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/DirtyRecordHandler.java
@@ -13,21 +13,21 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable;
 
 /**
- * Implementations of this interface will receive an instance of the row dirty record to update it
- * with the current values from editable cells
+ * A functional interface for handling updates to dirty records in a data table.
  *
- * @param  the type of the data table records
+ * @param  The type of the dirty record.
  */
 @FunctionalInterface
 public interface DirtyRecordHandler {
-  /** @param dirty T a dirty copy of the table row record */
+
   /**
-   * onUpdateDirtyRecord.
+   * Called when a dirty record is updated.
    *
-   * @param dirty a T object
+   * @param dirty The updated dirty record.
    */
   void onUpdateDirtyRecord(T dirty);
 }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/DirtyRecordProvider.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/DirtyRecordProvider.java
index abe6e056e..3bef69216 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/DirtyRecordProvider.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/DirtyRecordProvider.java
@@ -13,22 +13,23 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable;
 
 /**
- * Implementations of this interface should return a dirty copy of a record from data table row to
- * be used for editable data tables, all changes applied to the dirty record will be reflected to
- * the original record if saved or will be reverted if the edit is canceled
+ * The {@code DirtyRecordProvider} functional interface defines a contract for creating a dirty
+ * (modified) record based on the original record.
  *
- * @param  the type of the data table records
+ * @param  The type of data representing the records in the data table.
  */
 @FunctionalInterface
 public interface DirtyRecordProvider {
+
   /**
-   * createDirtyRecord.
+   * Creates a dirty (modified) record based on the original record.
    *
-   * @param original T the original record from the table row
-   * @return T a copy of the original record.
+   * @param original The original record that needs to be modified.
+   * @return The modified (dirty) record.
    */
   T createDirtyRecord(T original);
 }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/HeaderElementSupplier.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/HeaderElementSupplier.java
index 8d6fd3212..e90080c90 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/HeaderElementSupplier.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/HeaderElementSupplier.java
@@ -13,18 +13,20 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable;
 
 import elemental2.dom.Node;
 
-/** An interface to provide different implementations for a column header content */
+/** A functional interface for supplying header elements in a data table. */
 @FunctionalInterface
 public interface HeaderElementSupplier {
+
   /**
-   * asElement.
+   * Provides a header element based on the given column title.
    *
-   * @param columnTitle String column title
-   * @return the {@link elemental2.dom.Node} representing the column header content
+   * @param columnTitle The title of the column.
+   * @return The header element.
    */
   Node asElement(String columnTitle);
 }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/RowAppenderMeta.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/RowAppenderMeta.java
index 43600c61d..cf310ebe9 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/RowAppenderMeta.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/RowAppenderMeta.java
@@ -13,35 +13,39 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable;
 
 import java.util.Objects;
 import java.util.Optional;
 import org.dominokit.domino.ui.utils.ComponentMeta;
 
-/** RowAppenderMeta class. */
+/**
+ * A meta information class for storing a row appender in a data table row.
+ *
+ * @param  The type of data in the data table.
+ */
 public class RowAppenderMeta implements ComponentMeta {
 
-  /** Constant TABLE_ROW_APPENDER_META="table-row-appender-meta" */
   public static final String TABLE_ROW_APPENDER_META = "table-row-appender-meta";
 
   private final TableConfig.RowAppender rowAppender;
 
   /**
-   * of.
+   * Creates a new instance of {@code RowAppenderMeta} with the provided row appender.
    *
-   * @param rowAppender a {@link org.dominokit.domino.ui.datatable.TableConfig.RowAppender} object
-   * @param  a T class
-   * @return a {@link org.dominokit.domino.ui.datatable.RowAppenderMeta} object
+   * @param  The type of data in the data table.
+   * @param rowAppender The row appender to store.
+   * @return A new {@code RowAppenderMeta} instance with the provided row appender.
    */
   public static  RowAppenderMeta of(TableConfig.RowAppender rowAppender) {
     return new RowAppenderMeta<>(rowAppender);
   }
 
   /**
-   * Constructor for RowAppenderMeta.
+   * Creates a new instance of {@code RowAppenderMeta} with the provided row appender.
    *
-   * @param rowAppender a {@link org.dominokit.domino.ui.datatable.TableConfig.RowAppender} object
+   * @param rowAppender The row appender to store.
    */
   public RowAppenderMeta(TableConfig.RowAppender rowAppender) {
     Objects.requireNonNull(rowAppender, "RowAppender cant be null.");
@@ -49,26 +53,33 @@ public RowAppenderMeta(TableConfig.RowAppender rowAppender) {
   }
 
   /**
-   * get.
+   * Retrieves a {@code RowAppenderMeta} instance associated with a specific data table row.
    *
-   * @param row a {@link org.dominokit.domino.ui.datatable.TableRow} object
-   * @param  a T class
-   * @return a {@link java.util.Optional} object
+   * @param  The type of data in the data table.
+   * @param row The data table row.
+   * @return An optional containing the {@code RowAppenderMeta} instance if found, or an empty
+   *     optional if not found.
    */
   public static  Optional> get(TableRow row) {
     return row.getMeta(TABLE_ROW_APPENDER_META);
   }
 
   /**
-   * Getter for the field rowAppender.
+   * Gets the stored row appender.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.TableConfig.RowAppender} object
+   * @return The row appender.
    */
   public TableConfig.RowAppender getRowAppender() {
     return rowAppender;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * {@inheritDoc}
+   *
+   * 
Returns the key that identifies the type of metadata associated with this class.
+   *
+   * @return The key for identifying metadata of this type.
+   */
   @Override
   public String getKey() {
     return TABLE_ROW_APPENDER_META;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/RowCell.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/RowCell.java
index e72d65035..87fad2647 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/RowCell.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/RowCell.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable;
 
 import static java.util.Objects.nonNull;
@@ -22,45 +23,49 @@
 import org.dominokit.domino.ui.utils.DominoElement;
 
 /**
- * This class represent a single cell in a data table row and it contains information about the cell
- * row and column which it is part of
+ * The {@code RowCell} class represents a cell within a data table row. It encapsulates the cell's
+ * rendering logic and provides methods to update the content of the cell based on the associated
+ * column configuration and cell data.
  *
- * @param  the type of the data table records
+ * @param  The type of data contained in the cell.
  */
 public class RowCell {
 
+  /** The column configuration associated with this cell. */
   private final ColumnConfig columnConfig;
+
+  /**
+   * Information about the cell, including its parent row and the HTML element representing the
+   * cell.
+   */
   private final CellRenderer.CellInfo cellInfo;
+
+  /** The default cell renderer used when no custom renderer is specified. */
   private CellRenderer defaultCellRenderer = cell -> elements.text();
 
   /**
-   * Creates and initialize an instance with the cell info and column info
+   * Constructs a new {@code RowCell} with the given cell information and column configuration.
    *
-   * @param cellInfo the {@link org.dominokit.domino.ui.datatable.CellRenderer.CellInfo} information
-   *     about this cell
-   * @param columnConfig the {@link org.dominokit.domino.ui.datatable.ColumnConfig} the column this
-   *     cell is part of
+   * @param cellInfo Information about the cell.
+   * @param columnConfig The column configuration associated with this cell.
    */
   public RowCell(CellRenderer.CellInfo cellInfo, ColumnConfig columnConfig) {
     this.columnConfig = columnConfig;
     this.cellInfo = cellInfo;
   }
 
-  /** @return the {@link ColumnConfig} the column this cell is part of */
   /**
-   * Getter for the field columnConfig.
+   * Gets the column configuration associated with this cell.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.ColumnConfig} object
+   * @return The column configuration of this cell.
    */
   public ColumnConfig getColumnConfig() {
     return columnConfig;
   }
 
   /**
-   * This method will force update the cell which might result on clearing all it content and
-   * rerender them again with any updated data this is useful when for example changing a field
-   * value in the records instance and we want to reflect the change to the cell that renders the
-   * field.
+   * Updates the content of the cell based on the associated column configuration and cell data.
+   * This method should be called whenever the cell's content needs to be refreshed.
    */
   public void updateCell() {
     DominoElement cellElement = elements.elementOf(cellInfo.getElement());
@@ -89,11 +94,11 @@ public void updateCell() {
     }
   }
 
-  /** @return the {@link CellRenderer.CellInfo} information about this cell */
   /**
-   * Getter for the field cellInfo.
+   * Gets the information about the cell, including its parent row and the HTML element representing
+   * the cell.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.CellRenderer.CellInfo} object
+   * @return Information about the cell.
    */
   public CellRenderer.CellInfo getCellInfo() {
     return cellInfo;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/RowRendererMeta.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/RowRendererMeta.java
index 9b3928e20..31c94f80c 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/RowRendererMeta.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/RowRendererMeta.java
@@ -19,29 +19,35 @@
 import java.util.Optional;
 import org.dominokit.domino.ui.utils.ComponentMeta;
 
-/** RowRendererMeta class. */
+/**
+ * The {@code RowRendererMeta} class associates a row renderer with a table row, allowing
+ * customization of the rendering logic for individual rows in a data table.
+ *
+ * @param  The type of data contained in the row.
+ */
 public class RowRendererMeta implements ComponentMeta {
 
-  /** Constant TABLE_ROW_RENDERER_META="table-row-renderer-meta" */
+  /** The meta key used to associate row renderers with table rows. */
   public static final String TABLE_ROW_RENDERER_META = "table-row-renderer-meta";
 
+  /** The row renderer associated with this meta information. */
   private final TableRow.RowRenderer rowRenderer;
 
   /**
-   * of.
+   * Creates a new {@code RowRendererMeta} instance with the specified row renderer.
    *
-   * @param rowRenderer a {@link org.dominokit.domino.ui.datatable.TableRow.RowRenderer} object
-   * @param  a T class
-   * @return a {@link org.dominokit.domino.ui.datatable.RowRendererMeta} object
+   * @param  The type of data contained in the row.
+   * @param rowRenderer The row renderer to associate with the meta information.
+   * @return A new {@code RowRendererMeta} instance with the specified row renderer.
    */
   public static  RowRendererMeta of(TableRow.RowRenderer rowRenderer) {
     return new RowRendererMeta<>(rowRenderer);
   }
 
   /**
-   * Constructor for RowRendererMeta.
+   * Constructs a new {@code RowRendererMeta} with the given row renderer.
    *
-   * @param rowRenderer a {@link org.dominokit.domino.ui.datatable.TableRow.RowRenderer} object
+   * @param rowRenderer The row renderer to associate with this meta information.
    */
   public RowRendererMeta(TableRow.RowRenderer rowRenderer) {
     Objects.requireNonNull(rowRenderer, "RowRenderer cant be null.");
@@ -49,26 +55,30 @@ public RowRendererMeta(TableRow.RowRenderer rowRenderer) {
   }
 
   /**
-   * get.
+   * Gets the meta information associated with a given table row, if available.
    *
-   * @param row a {@link org.dominokit.domino.ui.datatable.TableRow} object
-   * @param  a T class
-   * @return a {@link java.util.Optional} object
+   * @param  The type of data contained in the row.
+   * @param row The table row for which to retrieve the meta information.
+   * @return An optional containing the meta information if available, or an empty optional if not.
    */
   public static  Optional> get(TableRow row) {
     return row.getMeta(TABLE_ROW_RENDERER_META);
   }
 
   /**
-   * Getter for the field rowRenderer.
+   * Retrieves the row renderer associated with this meta information.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.TableRow.RowRenderer} object
+   * @return The row renderer associated with this meta information.
    */
   public TableRow.RowRenderer getRowRenderer() {
     return rowRenderer;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Retrieves the meta key used to associate row renderers with table rows.
+   *
+   * @return The meta key for row renderer association.
+   */
   @Override
   public String getKey() {
     return TABLE_ROW_RENDERER_META;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/SaveDirtyRecordHandler.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/SaveDirtyRecordHandler.java
index d24577c66..4464d71de 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/SaveDirtyRecordHandler.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/SaveDirtyRecordHandler.java
@@ -13,21 +13,23 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable;
 
 /**
- * implementations of this interface will save changes from the dirty record into the original
- * record
+ * The {@code SaveDirtyRecordHandler} functional interface defines a contract for handling the
+ * saving of a dirty (modified) record compared to its original version in a data table.
  *
- * @param  the type of data table records
+ * @param  The type of data representing the record.
  */
 @FunctionalInterface
 public interface SaveDirtyRecordHandler {
+
   /**
-   * saveDirtyRecord.
+   * Handles the saving of a dirty record compared to its original version.
    *
-   * @param originalRecord T the record in the table row
-   * @param dirtyRecord T the dirty record that has changes
+   * @param originalRecord The original, unmodified record.
+   * @param dirtyRecord The modified (dirty) record to be saved.
    */
   void saveDirtyRecord(T originalRecord, T dirtyRecord);
 }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/SelectionCondition.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/SelectionCondition.java
index c8cd3a021..bc91b0575 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/SelectionCondition.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/SelectionCondition.java
@@ -13,21 +13,24 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable;
 
 /**
- * The implementations of this interface will determine if a row in the table should be selectable
- * or not
+ * The {@code SelectionCondition} functional interface defines a contract for specifying the
+ * conditions under which a row in a data table can be selected.
  *
- * @param  The type of the data table records
+ * @param  The type of data representing the records in the data table.
  */
 public interface SelectionCondition {
+
   /**
-   * isAllowSelection.
+   * Determines whether the selection of a specific row in a data table is allowed based on the
+   * provided conditions.
    *
-   * @param table {@link org.dominokit.domino.ui.datatable.DataTable}
-   * @param tableRow {@link org.dominokit.domino.ui.datatable.TableRow}
-   * @return boolean, true if the row should be selectable otherwise it will not be selectable
+   * @param table The {@link DataTable} to which the row belongs.
+   * @param tableRow The {@link TableRow} being considered for selection.
+   * @return {@code true} if the row is allowed to be selected, {@code false} otherwise.
    */
   boolean isAllowSelection(DataTable table, TableRow tableRow);
 }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/TableConfig.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/TableConfig.java
index 598a5fe4d..d44b1bbe5 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/TableConfig.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/TableConfig.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable;
 
 import static java.util.Objects.nonNull;
@@ -22,16 +23,26 @@
 import java.util.stream.Collectors;
 import org.dominokit.domino.ui.datatable.plugins.DataTablePlugin;
 import org.dominokit.domino.ui.datatable.plugins.column.ResizeColumnMeta;
-import org.dominokit.domino.ui.datatable.plugins.grouping.GroupingPlugin;
 import org.dominokit.domino.ui.elements.THeadElement;
 import org.dominokit.domino.ui.elements.TableRowElement;
 import org.dominokit.domino.ui.style.DominoCss;
 import org.dominokit.domino.ui.utils.HasMultiSelectionSupport;
 
 /**
- * This class is responsible for configuring the data table
+ * Configuration class for setting up a DataTable.
+ *
+ * 
This class provides mechanisms to define columns, plugins, and many other configurations
+ * needed to draw and interact with a DataTable.
+ *
+ * 
Usage example:

  *
- * @param  the type of the data table records
+ * 
+ * TableConfig<MyData> config = new TableConfig<>();
+ * config.addColumn(ColumnConfig.create("name", "Name").setWidth("100px"))
+ *      .addPlugin(new MyPlugin())
+ *      .setLazyLoad(true);
+ * DataTable<MyData> table = new DataTable<>(config);
+ * 

  */
 public class TableConfig
     implements HasMultiSelectionSupport>, DataTableStyles, DominoCss {
@@ -92,13 +103,10 @@ public class TableConfig
   private UtilityColumnHandler utilityColumnHandler = utilityColumn -> {};
 
   /**
-   * This method will draw the table columns header elements for all columns and append them to the
-   * table head element
+   * Draws headers of the DataTable based on the provided configurations.
    *
-   * @param dataTable the {@link org.dominokit.domino.ui.datatable.DataTable} initialized with this
-   *     configuration
-   * @param thead the {@link org.dominokit.domino.ui.utils.DominoElement} of {@link
-   *     elemental2.dom.HTMLTableSectionElement} that is the table header element
+   * @param dataTable The DataTable for which headers are to be drawn.
+   * @param thead The table header element.
    */
   public void drawHeaders(DataTable dataTable, THeadElement thead) {
     this.dataTable = dataTable;
@@ -118,12 +126,15 @@ public void drawHeaders(DataTable dataTable, THeadElement thead) {
   }
 
   /**
-   * Draw a record as a row in the data table, row information is obtained from the TableRow
+   * Draws a record (row) in the provided DataTable based on the configuration and applies the
+   * appropriate CSS.
    *
-   * @param dataTable the {@link org.dominokit.domino.ui.datatable.DataTable} initialized with this
-   *     configuration
-   * @param tableRow the {@link org.dominokit.domino.ui.datatable.TableRow} we are adding to the
-   *     table
+   * 
This method will render the table row, apply a CSS class based on its index (odd or even),
+   * and append it to the DataTable either directly or using the associated RowAppenderMeta. After
+   * the row is added, it will notify all associated plugins.
+   *
+   * @param dataTable The DataTable in which the record is to be drawn.
+   * @param tableRow The table row that represents the record.
    */
   public void drawRecord(DataTable dataTable, TableRow tableRow) {
     tableRow.render();
@@ -143,10 +154,10 @@ private boolean isOdd(int index) {
   }
 
   /**
-   * Adds a configuration for a column in the data table
+   * Adds a column to the configuration.
    *
-   * @param column {@link org.dominokit.domino.ui.datatable.ColumnConfig}
-   * @return same TableConfig instance
+   * @param column Column configuration.
+   * @return Current instance of {@link TableConfig} for chaining.
    */
   public TableConfig addColumn(ColumnConfig column) {
     column.applyMeta(ColumnHeaderMeta.create());
@@ -155,11 +166,10 @@ public TableConfig addColumn(ColumnConfig column) {
   }
 
   /**
-   * Adds a configuration for a column in the data table as the first column over the existing
-   * columns list
+   * Inserts a new column configuration at the beginning of the list of columns.
    *
-   * @param column {@link org.dominokit.domino.ui.datatable.ColumnConfig}
-   * @return same TableConfig instance
+   * @param column The column configuration to be added.
+   * @return The current instance of {@link TableConfig} for chaining.
    */
   public TableConfig insertColumnFirst(ColumnConfig column) {
     this.columns.add(0, column);
@@ -167,11 +177,10 @@ public TableConfig insertColumnFirst(ColumnConfig column) {
   }
 
   /**
-   * Adds a configuration for a column in the data table as the last column after the existing
-   * columns list
+   * Inserts a new column configuration at the position before the last column in the list.
    *
-   * @param column {@link org.dominokit.domino.ui.datatable.ColumnConfig}
-   * @return same TableConfig instance
+   * @param column The column configuration to be added.
+   * @return The current instance of {@link TableConfig} for chaining.
    */
   public TableConfig insertColumnLast(ColumnConfig column) {
     this.columns.add(this.columns.size() - 1, column);
@@ -179,10 +188,12 @@ public TableConfig insertColumnLast(ColumnConfig column) {
   }
 
   /**
-   * Adds a new plugin to the data table
+   * Adds a new plugin to the DataTable and checks if a utility column is required by the plugin. If
+   * the plugin requires a utility column and one isn't already added, the utility column is
+   * inserted at the beginning.
    *
-   * @param plugin {@link org.dominokit.domino.ui.datatable.plugins.DataTablePlugin}
-   * @return same TableConfig instance
+   * @param plugin The {@link DataTablePlugin} to be added.
+   * @return The current instance of {@link TableConfig} for chaining.
    */
   public TableConfig addPlugin(DataTablePlugin plugin) {
     this.plugins.add(plugin);
@@ -194,39 +205,40 @@ public TableConfig addPlugin(DataTablePlugin plugin) {
   }
 
   /**
-   * onUtilityColumn.
+   * Sets the handler for utility columns in the DataTable configuration.
    *
-   * @param utilityColumnHandler a {@link
-   *     org.dominokit.domino.ui.datatable.TableConfig.UtilityColumnHandler} object
-   * @return a {@link org.dominokit.domino.ui.datatable.TableConfig} object
+   * @param utilityColumnHandler The handler for utility columns.
+   * @return The current instance of {@link TableConfig} for chaining.
    */
   public TableConfig onUtilityColumn(UtilityColumnHandler utilityColumnHandler) {
     this.utilityColumnHandler = utilityColumnHandler;
     return this;
   }
 
+  /**
+   * An interface that provides a mechanism to handle a utility column.
+   *
+   * @param  The type of the data being used in the DataTable.
+   */
   @FunctionalInterface
   public interface UtilityColumnHandler {
     void handle(ColumnConfig utilityColumn);
   }
 
   /**
-   * isFixed.
+   * Checks if the DataTable is in a fixed layout mode.
    *
-   * @return boolean, if true then this table will have a fixed width and wont change the columns
-   *     width when resized, otherwise columns will stretch to match the table root element width
+   * @return {@code true} if the table layout is fixed, {@code false} otherwise.
    */
   public boolean isFixed() {
     return fixed;
   }
 
   /**
-   * Setter for the field fixed.
+   * Sets the DataTable layout mode as fixed or fluid.
    *
-   * @param fixed boolean, if true then this table will have a fixed width and wont change the
-   *     columns width when resized, otherwise columns will stretch to match the table root element
-   *     width
-   * @return same TableConfig instance
+   * @param fixed {@code true} to set the table layout as fixed, {@code false} for fluid.
+   * @return The current instance of {@link TableConfig} for chaining.
    */
   public TableConfig setFixed(boolean fixed) {
     this.fixed = fixed;
@@ -234,22 +246,19 @@ public TableConfig setFixed(boolean fixed) {
   }
 
   /**
-   * isLazyLoad.
+   * Checks if the DataTable is in lazy load mode.
    *
-   * @return boolean, if true the table will only start loading the data from the data store if load
-   *     is called manually, otherwise it will automatically load the data when it is initialized
+   * @return {@code true} if the table is set to lazy load mode, {@code false} otherwise.
    */
   public boolean isLazyLoad() {
     return lazyLoad;
   }
 
   /**
-   * Setter for the field lazyLoad.
+   * Enables or disables the lazy load mode for the DataTable.
    *
-   * @param lazyLoad boolean, if true the table will only start loading the data from the data store
-   *     if load is called manually, otherwise it will automatically load the data when it is
-   *     initialized
-   * @return same TableConfig instance
+   * @param lazyLoad {@code true} to enable lazy load mode, {@code false} to disable.
+   * @return The current instance of {@link TableConfig} for chaining.
    */
   public TableConfig setLazyLoad(boolean lazyLoad) {
     this.lazyLoad = lazyLoad;
@@ -257,58 +266,61 @@ public TableConfig setLazyLoad(boolean lazyLoad) {
   }
 
   /**
-   * Getter for the field fixedBodyHeight.
+   * Retrieves the fixed height for the table body when in fixed layout mode.
    *
-   * @return String, the height of the data table body, this is the value we set with {@link
-   *     #setFixedBodyHeight(String)} not the actual current table body height
+   * @return A string representing the fixed height, e.g., "200px".
    */
   public String getFixedBodyHeight() {
     return fixedBodyHeight;
   }
 
   /**
-   * Setter for the field fixedBodyHeight.
+   * Sets the fixed height for the table body when in fixed layout mode.
    *
-   * @param fixedBodyHeight boolean, if true the height of the table body will be fixed to the
-   *     specified value and while adding records to the table if the total height of rows exceed
-   *     this height scroll bars will show up, otherwise the table body will not fixed and will grow
-   *     to match the rows height and wont show scrollbars
-   * @return same TableConfig instance
+   * @param fixedBodyHeight The height as a string, e.g., "200px".
+   * @return The current instance of {@link TableConfig} for chaining.
    */
   public TableConfig setFixedBodyHeight(String fixedBodyHeight) {
     this.fixedBodyHeight = fixedBodyHeight;
     return this;
   }
 
-  /** @return String default value for a fixed column width */
   /**
-   * Getter for the field fixedDefaultColumnWidth.
+   * Retrieves the default width for columns in the fixed layout mode.
    *
-   * @return a {@link java.lang.String} object
+   * @return A string representing the default column width, e.g., "100px".
    */
   public String getFixedDefaultColumnWidth() {
     return fixedDefaultColumnWidth;
   }
 
   /**
-   * Setter for the field fixedDefaultColumnWidth.
+   * Sets the default width for columns when in fixed layout mode.
    *
-   * @param fixedDefaultColumnWidth String default value to be used as width for the fixed width
-   *     columns
-   * @return same TableConfig instance
+   * @param fixedDefaultColumnWidth The width as a string, e.g., "100px".
+   * @return The current instance of {@link TableConfig} for chaining.
    */
   public TableConfig setFixedDefaultColumnWidth(String fixedDefaultColumnWidth) {
     this.fixedDefaultColumnWidth = fixedDefaultColumnWidth;
     return this;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Checks if the DataTable supports multi-selection.
+   *
+   * @return {@code true} if multi-selection is enabled, {@code false} otherwise.
+   */
   @Override
   public boolean isMultiSelect() {
     return this.multiSelect;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Sets the multi-selection mode for the DataTable.
+   *
+   * @param multiSelect {@code true} to enable multi-selection mode, {@code false} to disable.
+   * @return The current instance of {@link TableConfig} for chaining.
+   */
   @Override
   public TableConfig setMultiSelect(boolean multiSelect) {
     this.multiSelect = multiSelect;
@@ -316,9 +328,9 @@ public TableConfig setMultiSelect(boolean multiSelect) {
   }
 
   /**
-   * Change the default RowAppender for the data table
+   * Sets the row appender for the DataTable. It is ignored if the provided appender is null.
    *
-   * @param rowAppender {@link org.dominokit.domino.ui.datatable.TableConfig.RowAppender}
+   * @param rowAppender The row appender to set.
    */
   public void setRowAppender(RowAppender rowAppender) {
     if (nonNull(rowAppender)) {
@@ -326,51 +338,46 @@ public void setRowAppender(RowAppender rowAppender) {
     }
   }
 
-  /** @return the {@link List} of plugins added to the table */
   /**
-   * Getter for the field plugins.
+   * Retrieves the list of plugins attached to the DataTable, sorted in their natural order.
    *
-   * @return a {@link java.util.List} object
+   * @return A sorted list of {@link DataTablePlugin}.
    */
   public List> getPlugins() {
     return plugins.stream().sorted().collect(Collectors.toList());
   }
 
   /**
-   * Run the {@link DataTablePlugin#onBeforeAddHeaders(DataTable)} for all plugin added to the data
-   * table
+   * Notifies the plugins before headers are added to the DataTable.
    *
-   * @param dataTable the {@link DataTable} initialized with this configuration
+   * @param dataTable The DataTable to which the headers are added.
    */
   void onBeforeHeaders(DataTable dataTable) {
     getPlugins().forEach(plugin -> plugin.onBeforeAddHeaders(dataTable));
   }
 
   /**
-   * Run the {@link DataTablePlugin#onAfterAddHeaders(DataTable)} for all plugin added to the data
-   * table
+   * Notifies the plugins after headers are added to the DataTable.
    *
-   * @param dataTable the {@link DataTable} initialized with this configuration
+   * @param dataTable The DataTable to which the headers are added.
    */
   void onAfterHeaders(DataTable dataTable) {
     getPlugins().forEach(plugin -> plugin.onAfterAddHeaders(dataTable));
   }
 
-  /** @return a {@link List} of all non grouping {@link ColumnConfig} added to the table */
   /**
-   * Getter for the field columns.
+   * Retrieves the leaf columns of the DataTable.
    *
-   * @return a {@link java.util.List} object
+   * @return A list of {@link ColumnConfig} representing the leaf columns.
    */
   public List> getColumns() {
     return columns.stream().flatMap(col -> col.leafColumns().stream()).collect(Collectors.toList());
   }
 
-  /** @return a {@link List} of all {@link ColumnConfig} added to the table */
   /**
-   * getFlattenColumns.
+   * Retrieves all the columns of the DataTable, including nested columns if any.
    *
-   * @return a {@link java.util.List} object
+   * @return A list of {@link ColumnConfig} representing all columns, flattened.
    */
   public List> getFlattenColumns() {
     return columns.stream()
@@ -379,30 +386,29 @@ public List> getFlattenColumns() {
   }
 
   /**
-   * getColumnsGrouped.
+   * Retrieves the columns of the DataTable as grouped.
    *
-   * @return a {@link java.util.List} object
+   * @return A list of {@link ColumnConfig} representing grouped columns.
    */
   public List> getColumnsGrouped() {
     return columns;
   }
 
-  /** @return a {@link List} of all currently visible {@link ColumnConfig} of the table */
   /**
-   * getVisibleColumns.
+   * Retrieves only the visible columns of the DataTable.
    *
-   * @return a {@link java.util.List} object
+   * @return A list of {@link ColumnConfig} representing visible columns.
    */
   public List> getVisibleColumns() {
     return columns.stream().filter(column -> !column.isHidden()).collect(Collectors.toList());
   }
 
   /**
-   * get a column config by the column name
+   * Retrieves a column configuration by its name.
    *
-   * @param name String name of the column
-   * @return the {@link org.dominokit.domino.ui.datatable.ColumnConfig} if exists otherwise throw
-   *     {@link org.dominokit.domino.ui.datatable.TableConfig.ColumnNofFoundException}
+   * @param name The name of the column to retrieve.
+   * @return The {@link ColumnConfig} associated with the given name.
+   * @throws ColumnNofFoundException If no column is found with the specified name.
    */
   public ColumnConfig getColumnByName(String name) {
     Optional> first =
@@ -417,10 +423,10 @@ public ColumnConfig getColumnByName(String name) {
   }
 
   /**
-   * setUtilityColumnTitle.
+   * Sets the title for the utility column.
    *
-   * @param title a {@link java.lang.String} object
-   * @return a {@link org.dominokit.domino.ui.datatable.TableConfig} object
+   * @param title The title to set for the utility column.
+   * @return The current instance of {@link TableConfig} for chaining.
    */
   public TableConfig setUtilityColumnTitle(String title) {
     if (nonNull(title)) {
@@ -429,22 +435,21 @@ public TableConfig setUtilityColumnTitle(String title) {
     return this;
   }
 
-  /** @return the {@link DataTable} initialized with this configuration */
   /**
-   * Getter for the field dataTable.
+   * Retrieves the associated DataTable instance.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.DataTable} object
+   * @return The {@link DataTable} associated with this configuration.
    */
   public DataTable getDataTable() {
     return dataTable;
   }
 
   /**
-   * sets the dirty record handlers for editable tables
+   * Configures handlers for managing dirty records.
    *
-   * @param dirtyRecordProvider {@link org.dominokit.domino.ui.datatable.DirtyRecordProvider}
-   * @param saveDirtyRecordHandler {@link org.dominokit.domino.ui.datatable.SaveDirtyRecordHandler}
-   * @return same TableConfig istance
+   * @param dirtyRecordProvider The provider to detect dirty records.
+   * @param saveDirtyRecordHandler The handler to save dirty records.
+   * @return The current instance of {@link TableConfig} for chaining.
    */
   public TableConfig setDirtyRecordHandlers(
       DirtyRecordProvider dirtyRecordProvider,
@@ -456,19 +461,19 @@ public TableConfig setDirtyRecordHandlers(
   }
 
   /**
-   * Getter for the field width.
+   * Retrieves the width of the table.
    *
-   * @return a {@link java.lang.String} object
+   * @return The width of the table.
    */
   public String getWidth() {
     return width;
   }
 
   /**
-   * Setter for the field width.
+   * Sets the width of the table.
    *
-   * @param width a {@link java.lang.String} object
-   * @return a {@link org.dominokit.domino.ui.datatable.TableConfig} object
+   * @param width The width to set.
+   * @return The current instance of {@link TableConfig} for chaining.
    */
   public TableConfig setWidth(String width) {
     this.width = width;
@@ -476,19 +481,19 @@ public TableConfig setWidth(String width) {
   }
 
   /**
-   * Getter for the field maxWidth.
+   * Retrieves the maximum width of the table.
    *
-   * @return a {@link java.lang.String} object
+   * @return The maximum width of the table.
    */
   public String getMaxWidth() {
     return maxWidth;
   }
 
   /**
-   * Setter for the field maxWidth.
+   * Sets the maximum width of the table.
    *
-   * @param maxWidth a {@link java.lang.String} object
-   * @return a {@link org.dominokit.domino.ui.datatable.TableConfig} object
+   * @param maxWidth The maximum width to set.
+   * @return The current instance of {@link TableConfig} for chaining.
    */
   public TableConfig setMaxWidth(String maxWidth) {
     this.maxWidth = maxWidth;
@@ -496,71 +501,82 @@ public TableConfig setMaxWidth(String maxWidth) {
   }
 
   /**
-   * Getter for the field minWidth.
+   * Retrieves the minimum width of the table.
    *
-   * @return a {@link java.lang.String} object
+   * @return The minimum width of the table.
    */
   public String getMinWidth() {
     return minWidth;
   }
 
+  /**
+   * Checks if the header of the table is sticky.
+   *
+   * @return {@code true} if the header is sticky, {@code false} otherwise.
+   */
   public boolean isStickyHeader() {
     return stickyHeader;
   }
 
+  /**
+   * Sets the sticky state of the table header.
+   *
+   * @param stickyHeader {@code true} to make the header sticky, {@code false} to disable.
+   * @return The current instance of {@link TableConfig} for chaining.
+   */
   public TableConfig setStickyHeader(boolean stickyHeader) {
     this.stickyHeader = stickyHeader;
     return this;
   }
 
   /**
-   * Setter for the field minWidth.
+   * Sets the minimum width of the table.
    *
-   * @param minWidth a {@link java.lang.String} object
-   * @return a {@link org.dominokit.domino.ui.datatable.TableConfig} object
+   * @param minWidth The minimum width to set.
+   * @return The current instance of {@link TableConfig} for chaining.
    */
   public TableConfig setMinWidth(String minWidth) {
     this.minWidth = minWidth;
     return this;
   }
 
-  /** @return the {@link DirtyRecordProvider} */
+  /**
+   * Retrieves the provider for dirty records.
+   *
+   * @return The {@link DirtyRecordProvider} for this table.
+   */
   DirtyRecordProvider getDirtyRecordProvider() {
     return dirtyRecordProvider;
   }
 
-  /** @return the {@link SaveDirtyRecordHandler} */
+  /**
+   * Retrieves the handler to save dirty records.
+   *
+   * @return The {@link SaveDirtyRecordHandler} for this table.
+   */
   SaveDirtyRecordHandler getSaveDirtyRecordHandler() {
     return saveDirtyRecordHandler;
   }
 
-  /**
-   * An interface to provide an alternative implementation of how rows should be appended to the
-   * table
-   *
-   * 
e.g
-   *
-   * 
The {@link GroupingPlugin} defines an appender that appends a row into the appropriate group
-   * instead of appending row sequentially
-   *
-   * @param  the type of the row record
-   */
+  /** A functional interface defining the behavior for appending rows. */
   @FunctionalInterface
   public interface RowAppender {
     /**
-     * Appends a row to the data table
+     * Appends a row to the provided {@link DataTable}.
      *
-     * @param dataTable the {@link DataTable}
-     * @param tableRow the {@link TableRow} being appended
+     * @param dataTable The DataTable to which the row should be appended.
+     * @param tableRow The row to append.
      */
     void appendRow(DataTable dataTable, TableRow tableRow);
   }
 
-  /**
-   * This exception is thrown when performing action that looks up a column by its name but the
-   * column does not exist in the current {@link TableConfig}
-   */
+  /** An exception that's thrown when no column is found by a given name. */
   public static class ColumnNofFoundException extends RuntimeException {
+    /**
+     * Constructs a new exception with the specified column name.
+     *
+     * @param name The name of the column that was not found.
+     */
     public ColumnNofFoundException(String name) {
       super(name);
     }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/TableRow.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/TableRow.java
index 00aa0d2e8..855e24f5a 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/TableRow.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/TableRow.java
@@ -28,7 +28,13 @@
 import org.dominokit.domino.ui.utils.*;
 import org.dominokit.domino.ui.utils.HasSelectionHandler.SelectionHandler;
 
-/** TableRow class. */
+/**
+ * Represents a table row containing data and provides functionalities for handling selection,
+ * editing, and rendering.
+ *
+ * @param  The type of the data object for this row.
+ * @see BaseDominoElement
+ */
 public class TableRow extends BaseDominoElement>
     implements Selectable>,
         HasSelectionListeners, TableRow, TableRow>,
@@ -57,11 +63,11 @@ public class TableRow extends BaseDominoElement dataTable) {
     this.record = record;
@@ -72,31 +78,37 @@ public TableRow(T record, int index, DataTable dataTable) {
   }
 
   /**
-   * Setter for the field record.
+   * Sets the data record for this row.
    *
-   * @param record a T object
+   * @param record The data record to be set.
    */
   public void setRecord(T record) {
     this.record = record;
   }
 
-  /**
-   * getDirtyRecord.
-   *
-   * @return a T object
-   */
+  /** @return A modified record containing changes made to the row. */
   public T getDirtyRecord() {
     T dirtyRecord = dataTable.getTableConfig().getDirtyRecordProvider().createDirtyRecord(record);
     getRowCells().forEach((s, rowCell) -> rowCell.getCellInfo().updateDirtyRecord(dirtyRecord));
     return dirtyRecord;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Selects the current row and, by default, its child rows if they exist.
+   *
+   * @return The current instance of TableRow for chaining purposes.
+   */
   @Override
   public TableRow select() {
     return doSelect(true);
   }
 
+  /**
+   * Handles the selection logic for the row.
+   *
+   * @param selectChildren Whether to select child rows.
+   * @return The current instance of TableRow for chaining purposes.
+   */
   private TableRow doSelect(boolean selectChildren) {
     if (!hasFlag(DataTable.DATA_TABLE_ROW_FILTERED)) {
       this.selected = true;
@@ -116,16 +128,32 @@ private TableRow doSelect(boolean selectChildren) {
     return this;
   }
 
+  /**
+   * Checks if the current row should be selected based on the state of its child rows.
+   *
+   * @return true if all child rows are selected, false otherwise.
+   */
   private boolean shouldBeSelected() {
     return getChildren().stream().allMatch(TableRow::isSelected);
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Deselects the current row and its child and parent rows by default.
+   *
+   * @return The current instance of TableRow for chaining purposes.
+   */
   @Override
   public TableRow deselect() {
     return doDeselect(true, true);
   }
 
+  /**
+   * Handles the deselection logic for the row.
+   *
+   * @param deselectParent Whether to deselect the parent row.
+   * @param deselectChildren Whether to deselect child rows.
+   * @return The current instance of TableRow for chaining purposes.
+   */
   private TableRow doDeselect(boolean deselectParent, boolean deselectChildren) {
     this.selected = false;
     if (deselectChildren) {
@@ -139,47 +167,78 @@ private TableRow doDeselect(boolean deselectParent, boolean deselectChildren)
     return this;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Pauses the firing of selection listeners.
+   *
+   * @return The current instance of TableRow for chaining purposes.
+   */
   @Override
   public TableRow pauseSelectionListeners() {
     this.selectionListenersPaused = true;
     return this;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Resumes the firing of selection listeners.
+   *
+   * @return The current instance of TableRow for chaining purposes.
+   */
   @Override
   public TableRow resumeSelectionListeners() {
     this.selectionListenersPaused = false;
     return this;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Toggles the state of selection listeners between paused and active.
+   *
+   * @param toggle The desired state of the listeners.
+   * @return The current instance of TableRow for chaining purposes.
+   */
   @Override
   public TableRow togglePauseSelectionListeners(boolean toggle) {
     this.selectionListenersPaused = toggle;
     return this;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Retrieves the set of selection listeners attached to the row.
+   *
+   * @return A set of selection listeners.
+   */
   @Override
   public Set, ? super TableRow>> getSelectionListeners() {
     return this.selectionListeners;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Retrieves the set of deselection listeners attached to the row.
+   *
+   * @return A set of deselection listeners.
+   */
   @Override
   public Set, ? super TableRow>>
       getDeselectionListeners() {
     return this.deselectionListeners;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Checks if selection listeners are currently paused.
+   *
+   * @return true if listeners are paused, false otherwise.
+   */
   @Override
   public boolean isSelectionListenersPaused() {
     return this.selectionListenersPaused;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Triggers all active selection listeners attached to the row.
+   *
+   * @param source The source row that triggered the listeners.
+   * @param selection The row that was selected.
+   * @return The current instance of TableRow for chaining purposes.
+   */
   @Override
   public TableRow triggerSelectionListeners(TableRow source, TableRow selection) {
     if (!this.selectionListenersPaused) {
@@ -192,7 +251,13 @@ public TableRow triggerSelectionListeners(TableRow source, TableRow sel
     return this;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Triggers all active deselection listeners attached to the row.
+   *
+   * @param source The source row that triggered the listeners.
+   * @param selection The row that was deselected.
+   * @return The current instance of TableRow for chaining purposes.
+   */
   @Override
   public TableRow triggerDeselectionListeners(TableRow source, TableRow selection) {
     if (!this.selectionListenersPaused) {
@@ -205,7 +270,11 @@ public TableRow triggerDeselectionListeners(TableRow source, TableRow s
     return this;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Retrieves the selection state of the row.
+   *
+   * @return The current row if it's selected, null otherwise.
+   */
   @Override
   public TableRow getSelection() {
     if (isSelected()) {
@@ -214,20 +283,34 @@ public TableRow getSelection() {
     return null;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Checks if the row can be selected.
+   *
+   * @return true if the row is selectable, false otherwise.
+   */
   @Override
   public boolean isSelectable() {
     return this.selectable;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Sets the selectable state of the row.
+   *
+   * @param selectable The desired selectable state.
+   * @return The current instance of TableRow for chaining purposes.
+   */
   @Override
   public TableRow setSelectable(boolean selectable) {
     this.selectable = selectable;
     return this;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Sets the selected state of the row and triggers the relevant selection/deselection logic.
+   *
+   * @param selected The desired selected state.
+   * @return The current instance of TableRow for chaining purposes.
+   */
   @Override
   public TableRow setSelected(boolean selected) {
     this.selected = selected;
@@ -239,154 +322,173 @@ public TableRow setSelected(boolean selected) {
     return this;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Sets the selected state of the row with an option to suppress triggering the listeners.
+   *
+   * @param selected The desired selected state.
+   * @param silent If true, suppresses triggering the listeners; otherwise, they're triggered.
+   * @return The current instance of TableRow for chaining purposes.
+   */
   @Override
   public TableRow setSelected(boolean selected, boolean silent) {
     withPauseSelectionListenersToggle(silent, tableRow -> tableRow.setSelected(selected));
     return this;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Selects the row with an option to suppress triggering the listeners.
+   *
+   * @param silent If true, suppresses triggering the listeners; otherwise, they're triggered.
+   * @return The current instance of TableRow for chaining purposes.
+   */
   @Override
   public TableRow select(boolean silent) {
     return setSelected(true, silent);
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Deselects the row with an option to suppress triggering the listeners.
+   *
+   * @param silent If true, suppresses triggering the listeners; otherwise, they're triggered.
+   * @return The current instance of TableRow for chaining purposes.
+   */
   @Override
   public TableRow deselect(boolean silent) {
     return setSelected(true, silent);
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Checks if the row is currently selected.
+   *
+   * @return true if the row is selected, false otherwise.
+   */
   @Override
   public boolean isSelected() {
     return selected;
   }
 
   /**
-   * Getter for the field record.
+   * Retrieves the record/data associated with the row.
    *
-   * @return a T object
+   * @return The data/record of type T.
    */
   public T getRecord() {
     return record;
   }
 
   /**
-   * Getter for the field dataTable.
+   * Retrieves the data table to which this row belongs.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.DataTable} object
+   * @return The parent DataTable instance.
    */
   public DataTable getDataTable() {
     return dataTable;
   }
 
   /**
-   * addRowListener.
+   * Adds a listener to this row which will be notified when the row data is updated.
    *
-   * @param listener a {@link org.dominokit.domino.ui.datatable.TableRow.RowListener} object
+   * @param listener The listener to be added.
    */
   public void addRowListener(RowListener listener) {
     listeners.add(listener);
   }
 
   /**
-   * removeListener.
+   * Removes a specified listener from this row.
    *
-   * @param listener a {@link org.dominokit.domino.ui.datatable.TableRow.RowListener} object
+   * @param listener The listener to be removed.
    */
   public void removeListener(RowListener listener) {
     listeners.remove(listener);
   }
 
-  /** fireUpdate. */
+  /** Notifies all listeners that the row data has been updated. */
   public void fireUpdate() {
     listeners.forEach(listener -> listener.onChange(TableRow.this));
   }
 
-  /** {@inheritDoc} */
   @Override
   public HTMLTableRowElement element() {
     return element;
   }
 
   /**
-   * setFlag.
+   * Sets a flag associated with a specific name.
    *
-   * @param name a {@link java.lang.String} object
-   * @param value a {@link java.lang.String} object
+   * @param name The name of the flag.
+   * @param value The value associated with the flag.
    */
   public void setFlag(String name, String value) {
     flags.put(name, value);
   }
 
   /**
-   * getFlag.
+   * Retrieves the value of a flag associated with a specific name.
    *
-   * @param name a {@link java.lang.String} object
-   * @return a {@link java.lang.String} object
+   * @param name The name of the flag.
+   * @return The value associated with the flag, or null if the flag doesn't exist.
    */
   public String getFlag(String name) {
     return flags.get(name);
   }
 
   /**
-   * removeFlag.
+   * Removes a flag associated with a specific name.
    *
-   * @param name a {@link java.lang.String} object
+   * @param name The name of the flag.
    */
   public void removeFlag(String name) {
     flags.remove(name);
   }
 
   /**
-   * hasFlag.
+   * Checks if a specific flag is set.
    *
-   * @param name a {@link java.lang.String} object
-   * @return a boolean
+   * @param name The name of the flag.
+   * @return true if the flag is set, false otherwise.
    */
   public boolean hasFlag(String name) {
     return flags.containsKey(name);
   }
 
   /**
-   * addCell.
+   * Adds a cell to the row.
    *
-   * @param rowCell a {@link org.dominokit.domino.ui.datatable.RowCell} object
+   * @param rowCell The cell to be added.
    */
   public void addCell(RowCell rowCell) {
     rowCells.put(rowCell.getColumnConfig().getName(), rowCell);
   }
 
   /**
-   * getCell.
+   * Retrieves a cell associated with a specific name.
    *
-   * @param name a {@link java.lang.String} object
-   * @return a {@link org.dominokit.domino.ui.datatable.RowCell} object
+   * @param name The name of the cell.
+   * @return The cell associated with the name, or null if the cell doesn't exist.
    */
   public RowCell getCell(String name) {
     return rowCells.get(name);
   }
 
   /**
-   * Getter for the field index.
+   * Retrieves the index of the row in the data table.
    *
-   * @return a int
+   * @return The index of the row.
    */
   public int getIndex() {
     return index;
   }
 
-  /** updateRow. */
+  /** Updates the row with the current record. */
   public void updateRow() {
     updateRow(this.record);
   }
 
   /**
-   * updateRow.
+   * Updates the row with a new record and notifies any listeners.
    *
-   * @param record a T object
+   * @param record The new record to be set in the row.
    */
   public void updateRow(T record) {
     this.record = record;
@@ -396,11 +498,13 @@ public void updateRow(T record) {
         new TableDataUpdatedEvent<>(
             new ArrayList<>(dataTable.getData()), dataTable.getData().size()));
   }
-
   /**
-   * validate.
+   * Validates the content of each cell in the row. It uses the validation mechanism provided by the
+   * cell's info. If any cell's content is invalid, the method will return the first encountered
+   * invalid result.
    *
-   * @return a {@link org.dominokit.domino.ui.forms.validations.ValidationResult} object
+   * @return A {@link ValidationResult} indicating the result of the validation. It returns invalid
+   *     if at least one cell is invalid, otherwise returns valid.
    */
   public ValidationResult validate() {
     Optional first =
@@ -416,15 +520,19 @@ public ValidationResult validate() {
   }
 
   /**
-   * Getter for the field rowCells.
+   * Retrieves an unmodifiable map of the row's cells indexed by their names.
    *
-   * @return a {@link java.util.Map} object
+   * @return An unmodifiable map of {@link RowCell} objects.
    */
   public Map> getRowCells() {
     return Collections.unmodifiableMap(rowCells);
   }
 
-  /** render. */
+  /**
+   * Renders the row. The method first checks if a specialized renderer is available for this
+   * specific row (through {@link RowRendererMeta}). If one is present, it uses that. Otherwise, it
+   * defaults to the general row renderer.
+   */
   public void render() {
     Optional> rendererMeta = RowRendererMeta.get(this);
     if (rendererMeta.isPresent()) {
@@ -435,23 +543,35 @@ public void render() {
   }
 
   /**
-   * An interface to implement listeners for Table row changes
+   * Interface to listen for changes on a TableRow.
    *
-   * @param  the type of the data table records
+   * @param  The type of the data object for the row.
    */
   @FunctionalInterface
   public interface RowListener {
-    /** @param tableRow the changed {@link TableRow} */
+
+    /**
+     * Called when the TableRow data changes.
+     *
+     * @param tableRow The row that has changed.
+     */
     void onChange(TableRow tableRow);
   }
 
-  /** Convert the row the editable mode */
+  /**
+   * Initiates the edit mode for this row, making its content editable. It then updates the row's
+   * display to reflect this editable state.
+   */
   public void edit() {
     setEditable(true);
     updateRow();
   }
 
-  /** Save the editable row changes and switch to normal mode */
+  /**
+   * Attempts to save the edited content of the row to the underlying data table. If the current
+   * row's content passes validation, it triggers the associated save handler of the table
+   * configuration and then updates the row's state to reflect that it's no longer in edit mode.
+   */
   public void save() {
     if (validate().isValid()) {
       dataTable
@@ -463,32 +583,41 @@ public void save() {
     }
   }
 
-  /** Cancel the current edit operation and switch to the normal mode */
+  /**
+   * Cancels the editing mode for the row, reverting any unsaved changes. The row's display is then
+   * updated to reflect this non-editable state.
+   */
   public void cancelEditing() {
     this.setEditable(false);
     updateRow();
   }
 
-  /** @return boolean, true if the row is editable, otherwise false */
   /**
-   * isEditable.
+   * Checks if the row is currently in edit mode.
    *
-   * @return a boolean
+   * @return A boolean indicating if the row is editable.
    */
   public boolean isEditable() {
     return editable;
   }
 
-  /** @param editable boolean, true if this row should be editable, otherwise it is not */
+  /**
+   * Updates the editable state of the row and applies corresponding CSS styles.
+   *
+   * @param editable A boolean indicating the desired editable state.
+   */
   private void setEditable(boolean editable) {
     this.editable = editable;
     addCss(BooleanCssClass.of(dui_datatable_row_editable, editable));
   }
 
   /**
-   * renderCell.
+   * Renders a specific cell within this row according to the given column configuration. This
+   * method takes care of the cell's styling, visibility, and other attributes based on the provided
+   * {@link ColumnConfig}. It also handles cell creation, applying media rules, styles, and
+   * integrating with any additional plugins from the table configuration.
    *
-   * @param columnConfig a {@link org.dominokit.domino.ui.datatable.ColumnConfig} object
+   * @param columnConfig The configuration information for the column to which this cell belongs.
    */
   public void renderCell(ColumnConfig columnConfig) {
     HTMLTableCellElement cellElement = td().addCss(dui_datatable_td).element();
@@ -526,76 +655,84 @@ public void renderCell(ColumnConfig columnConfig) {
   }
 
   /**
-   * Getter for the field parent.
+   * Retrieves the parent row of this row. If this row doesn't have a parent, it returns null.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.TableRow} object
+   * @return The parent {@link TableRow} or null if it doesn't have a parent.
    */
   public TableRow getParent() {
     return parent;
   }
 
   /**
-   * Setter for the field parent.
+   * Sets a parent row for this row.
    *
-   * @param parent a {@link org.dominokit.domino.ui.datatable.TableRow} object
+   * @param parent The {@link TableRow} to be set as the parent.
    */
   public void setParent(TableRow parent) {
     this.parent = parent;
   }
 
   /**
-   * Getter for the field children.
+   * Retrieves a list of child rows associated with this row.
    *
-   * @return a {@link java.util.List} object
+   * @return A list of child {@link TableRow}s.
    */
   public List> getChildren() {
     return children;
   }
 
   /**
-   * Setter for the field children.
+   * Checks if this row has any child rows.
    *
-   * @param children a {@link java.util.List} object
-   */
-  public void setChildren(List> children) {
-    if (nonNull(children)) {
-      this.children = children;
-    }
-  }
-
-  /**
-   * isParent.
-   *
-   * @return a boolean
+   * @return A boolean indicating if the row has children.
    */
   public boolean isParent() {
     return !getChildren().isEmpty();
   }
 
   /**
-   * isChild.
+   * Checks if this row has a parent row.
    *
-   * @return a boolean
+   * @return A boolean indicating if the row is a child.
    */
   public boolean isChild() {
     return nonNull(parent);
   }
 
   /**
-   * isRoot.
+   * Determines if the row is the root, meaning it has no parent.
    *
-   * @return a boolean
+   * @return A boolean indicating if the row is a root row.
    */
   public boolean isRoot() {
     return isNull(parent);
   }
 
+  /**
+   * Represents a function to render a TableRow.
+   *
+   * @param  The type of the data object for the row.
+   */
   public interface RowRenderer {
+
+    /**
+     * Render the specified TableRow in the given DataTable.
+     *
+     * @param dataTable The parent table containing the row.
+     * @param tableRow The row to be rendered.
+     */
     void render(DataTable dataTable, TableRow tableRow);
   }
 
+  /** Default implementation of the RowRenderer interface. */
   private static class DefaultRowRenderer implements RowRenderer {
 
+    /**
+     * Render the specified TableRow in the given DataTable using the default rendering logic.
+     *
+     * @param dataTable The parent table containing the row.
+     * @param tableRow The row to be rendered.
+     */
     @Override
     public void render(DataTable dataTable, TableRow tableRow) {
       dataTable.getTableConfig().getColumns().forEach(tableRow::renderCell);
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/BodyScrollEvent.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/BodyScrollEvent.java
index 030713df3..a92e4029f 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/BodyScrollEvent.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/BodyScrollEvent.java
@@ -21,6 +21,8 @@
  * This event will be fired by the {@link
  * org.dominokit.domino.ui.datatable.plugins.pagination.BodyScrollPlugin} for scrollable table body
  * whenever the scroll reaches the top or the bottom
+ *
+ * 
Event type: BODY_SCROLL -> 'data-table-body-scroll'
  */
 public class BodyScrollEvent implements TableEvent {
 
@@ -29,7 +31,6 @@ public class BodyScrollEvent implements TableEvent {
 
   private final BodyScrollPlugin.ScrollPosition scrollPosition;
 
-  /** @param scrollPosition a {@link BodyScrollPlugin.ScrollPosition} */
   /**
    * Constructor for BodyScrollEvent.
    *
@@ -47,7 +48,6 @@ public String getType() {
     return BODY_SCROLL;
   }
 
-  /** @return {@link BodyScrollPlugin.ScrollPosition} */
   /**
    * Getter for the field scrollPosition.
    *
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/ColumnResizedEvent.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/ColumnResizedEvent.java
index 833f058f4..13ddc1a11 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/ColumnResizedEvent.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/ColumnResizedEvent.java
@@ -17,7 +17,11 @@
 
 import org.dominokit.domino.ui.datatable.ColumnConfig;
 
-/** This event will be fired when a column gets resized */
+/**
+ * This event will be fired when a column gets resized
+ *
+ * 
Event type: COLUMN_RESIZED -> 'column-resized'
+ */
 public class ColumnResizedEvent implements TableEvent {
   /** Constant COLUMN_RESIZED="column-resized" */
   public static final String COLUMN_RESIZED = "column-resized";
@@ -27,32 +31,32 @@ public class ColumnResizedEvent implements TableEvent {
   private final boolean completed;
 
   /**
-   * of.
+   * Factory method to create a new Event instance
    *
-   * @param column a {@link org.dominokit.domino.ui.datatable.ColumnConfig} object
+   * @param column a {@link org.dominokit.domino.ui.datatable.ColumnConfig}
    * @param sizeDiff a double
-   * @return a {@link org.dominokit.domino.ui.datatable.events.ColumnResizedEvent} object
+   * @return a {@link org.dominokit.domino.ui.datatable.events.ColumnResizedEvent}
    */
   public static ColumnResizedEvent of(ColumnConfig column, double sizeDiff) {
     return new ColumnResizedEvent(column, sizeDiff);
   }
 
   /**
-   * of.
+   * Factory method to create a new Event instance
    *
-   * @param column a {@link org.dominokit.domino.ui.datatable.ColumnConfig} object
+   * @param column a {@link org.dominokit.domino.ui.datatable.ColumnConfig}
    * @param sizeDiff a double
    * @param completed a boolean
-   * @return a {@link org.dominokit.domino.ui.datatable.events.ColumnResizedEvent} object
+   * @return a {@link org.dominokit.domino.ui.datatable.events.ColumnResizedEvent}
    */
   public static ColumnResizedEvent of(ColumnConfig column, double sizeDiff, boolean completed) {
     return new ColumnResizedEvent(column, sizeDiff, completed);
   }
 
   /**
-   * Constructor for ColumnResizedEvent.
+   * Creates a new Event instance
    *
-   * @param column a {@link org.dominokit.domino.ui.datatable.ColumnConfig} object
+   * @param column a {@link org.dominokit.domino.ui.datatable.ColumnConfig}
    * @param sizeDiff a double
    */
   public ColumnResizedEvent(ColumnConfig column, double sizeDiff) {
@@ -60,9 +64,9 @@ public ColumnResizedEvent(ColumnConfig column, double sizeDiff) {
   }
 
   /**
-   * Constructor for ColumnResizedEvent.
+   * Creates a new Event instance
    *
-   * @param column a {@link org.dominokit.domino.ui.datatable.ColumnConfig} object
+   * @param column a {@link org.dominokit.domino.ui.datatable.ColumnConfig}
    * @param sizeDiff a double
    * @param completed a boolean
    */
@@ -75,7 +79,7 @@ public ColumnResizedEvent(ColumnConfig column, double sizeDiff, boolean compl
   /**
    * Getter for the field column.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.ColumnConfig} object
+   * @return a {@link org.dominokit.domino.ui.datatable.ColumnConfig}
    */
   public ColumnConfig getColumn() {
     return column;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/ColumnResizingEvent.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/ColumnResizingEvent.java
new file mode 100644
index 000000000..f5b6bc5da
--- /dev/null
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/ColumnResizingEvent.java
@@ -0,0 +1,111 @@
+/*
+ * Copyright © 2019 Dominokit
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+package org.dominokit.domino.ui.datatable.events;
+
+import org.dominokit.domino.ui.datatable.ColumnConfig;
+
+/**
+ * This event will be fired when a column gets resized
+ *
+ * 
Event type: COLUMN_RESIZED -> 'column-resized'
+ */
+public class ColumnResizingEvent implements TableEvent {
+  /** Constant COLUMN_RESIZED="column-resized" */
+  public static final String COLUMN_RESIZING = "column-resizing";
+
+  private final ColumnConfig column;
+  private final double sizeDiff;
+  private final boolean completed;
+
+  /**
+   * Factory method to create a new Event instance
+   *
+   * @param column a {@link ColumnConfig}
+   * @param sizeDiff a double
+   * @return a {@link ColumnResizingEvent}
+   */
+  public static ColumnResizingEvent of(ColumnConfig column, double sizeDiff) {
+    return new ColumnResizingEvent(column, sizeDiff);
+  }
+
+  /**
+   * Factory method to create a new Event instance
+   *
+   * @param column a {@link ColumnConfig}
+   * @param sizeDiff a double
+   * @param completed a boolean
+   * @return a {@link ColumnResizingEvent}
+   */
+  public static ColumnResizingEvent of(ColumnConfig column, double sizeDiff, boolean completed) {
+    return new ColumnResizingEvent(column, sizeDiff, completed);
+  }
+
+  /**
+   * Creates a new Event instance
+   *
+   * @param column a {@link ColumnConfig}
+   * @param sizeDiff a double
+   */
+  public ColumnResizingEvent(ColumnConfig column, double sizeDiff) {
+    this(column, sizeDiff, false);
+  }
+
+  /**
+   * Creates a new Event instance
+   *
+   * @param column a {@link ColumnConfig}
+   * @param sizeDiff a double
+   * @param completed a boolean
+   */
+  public ColumnResizingEvent(ColumnConfig column, double sizeDiff, boolean completed) {
+    this.column = column;
+    this.sizeDiff = sizeDiff;
+    this.completed = completed;
+  }
+
+  /**
+   * Getter for the field column.
+   *
+   * @return a {@link ColumnConfig}
+   */
+  public ColumnConfig getColumn() {
+    return column;
+  }
+
+  /**
+   * Getter for the field sizeDiff.
+   *
+   * @return a double
+   */
+  public double getSizeDiff() {
+    return sizeDiff;
+  }
+
+  /**
+   * isCompleted.
+   *
+   * @return a boolean
+   */
+  public boolean isCompleted() {
+    return completed;
+  }
+
+  /** {@inheritDoc} */
+  @Override
+  public String getType() {
+    return COLUMN_RESIZING;
+  }
+}
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/DataSortEvent.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/DataSortEvent.java
index 9b7cf96c0..00c95c0ce 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/DataSortEvent.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/DataSortEvent.java
@@ -13,55 +13,60 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.events;
 
 import org.dominokit.domino.ui.datatable.plugins.pagination.SortDirection;
 
 /**
- * This event will be fired by the {@link
- * org.dominokit.domino.ui.datatable.plugins.pagination.SortPlugin} or the {@link
- * org.dominokit.domino.ui.datatable.DataTable} when the sort is by the data store.
+ * The {@code DataSortEvent} class represents an event that is fired when sorting is applied to a
+ * DataTable. It provides information about the sorted column and the sorting direction.
+ *
+ * @see org.dominokit.domino.ui.datatable.events.TableEvent
+ * @see org.dominokit.domino.ui.datatable.plugins.pagination.SortDirection
  */
 public class DataSortEvent implements TableEvent {
 
-  /** A constant string to define a unique type for this event */
+  /** The event type for data table sort applied event. */
   public static final String EVENT = "data-table-sort-applied-event";
 
   private final String sortColumn;
   private final SortDirection sortDirection;
 
   /**
-   * Constructor for DataSortEvent.
+   * Creates a new {@code DataSortEvent} with the specified sorting direction and sorted column.
    *
-   * @param sortDirection {@link org.dominokit.domino.ui.datatable.plugins.pagination.SortDirection}
-   * @param sortColumn String, the column name that we are using to sort the data by.
+   * @param sortDirection the sorting direction (ascending or descending)
+   * @param sortColumn the name of the sorted column
    */
   public DataSortEvent(SortDirection sortDirection, String sortColumn) {
     this.sortDirection = sortDirection;
     this.sortColumn = sortColumn;
   }
 
-  /** @return String, the sort column name */
   /**
-   * Getter for the field sortColumn.
+   * Retrieves the name of the sorted column.
    *
-   * @return a {@link java.lang.String} object
+   * @return the name of the sorted column
    */
   public String getSortColumn() {
     return sortColumn;
   }
 
-  /** @return {@link SortDirection} */
   /**
-   * Getter for the field sortDirection.
+   * Retrieves the sorting direction (ascending or descending).
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.plugins.pagination.SortDirection} object
+   * @return the sorting direction
    */
   public SortDirection getSortDirection() {
     return sortDirection;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Retrieves the type of this event.
+   *
+   * @return the event type
+   */
   @Override
   public String getType() {
     return EVENT;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/ExpandRecordEvent.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/ExpandRecordEvent.java
index b8ebc10c4..ff9314c29 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/ExpandRecordEvent.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/ExpandRecordEvent.java
@@ -13,44 +13,49 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.events;
 
 import org.dominokit.domino.ui.datatable.TableRow;
 
 /**
- * This event will be fired by the {@link
- * org.dominokit.domino.ui.datatable.plugins.row.RecordDetailsPlugin} when a record is expanded
+ * The {@code ExpandRecordEvent} class represents an event that is fired when a record is expanded
+ * in a DataTable. It provides information about the expanded TableRow.
  *
- * @param  the type of the record.
+ * @param  the type of data in the TableRow
+ * @see org.dominokit.domino.ui.datatable.events.TableEvent
+ * @see org.dominokit.domino.ui.datatable.TableRow
  */
 public class ExpandRecordEvent implements TableEvent {
 
-  /** A constant string to define a unique type for this event */
+  /** The event type for expand record event. */
   public static final String EXPAND_RECORD = "expand-record";
 
   private final TableRow tableRow;
 
-  /** @param tableRow the {@link TableRow} being expanded */
   /**
-   * Constructor for ExpandRecordEvent.
+   * Creates a new {@code ExpandRecordEvent} with the specified TableRow.
    *
-   * @param tableRow a {@link org.dominokit.domino.ui.datatable.TableRow} object
+   * @param tableRow the TableRow that was expanded
    */
   public ExpandRecordEvent(TableRow tableRow) {
     this.tableRow = tableRow;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Retrieves the type of this event.
+   *
+   * @return the event type
+   */
   @Override
   public String getType() {
     return EXPAND_RECORD;
   }
 
-  /** @return the {@link TableRow} being expanded */
   /**
-   * Getter for the field tableRow.
+   * Retrieves the TableRow that was expanded.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.TableRow} object
+   * @return the expanded TableRow
    */
   public TableRow getTableRow() {
     return tableRow;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/OnBeforeDataChangeEvent.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/OnBeforeDataChangeEvent.java
index 99bf2317b..fc28e72dd 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/OnBeforeDataChangeEvent.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/OnBeforeDataChangeEvent.java
@@ -13,20 +13,22 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.events;
 
 import java.util.List;
 
 /**
- * This event will be fired by the {@link org.dominokit.domino.ui.datatable.DataTable} right before
- * the data in the table is changed to allow other plugins to apply any cleanup required before the
- * new data is applied
+ * The {@code OnBeforeDataChangeEvent} class represents an event that is fired before the data in a
+ * DataTable is changed. It provides information about the new data, total count, and whether the
+ * data is being appended.
  *
- * @param  the type of the data records in the table
+ * @param  the type of data in the DataTable
+ * @see org.dominokit.domino.ui.datatable.events.TableEvent
  */
 public class OnBeforeDataChangeEvent implements TableEvent {
 
-  /** A constant string to define a unique type for this event */
+  /** The event type for the on-before-data-change event. */
   public static final String ON_BEFORE_DATA_CHANGE = "table-on-before-data-change";
 
   private final List data;
@@ -34,12 +36,12 @@ public class OnBeforeDataChangeEvent implements TableEvent {
   private boolean isAppend = false;
 
   /**
-   * Constructor for OnBeforeDataChangeEvent.
+   * Creates a new {@code OnBeforeDataChangeEvent} with the specified data, total count, and append
+   * flag.
    *
-   * @param data {@link java.util.List} of new data
-   * @param totalCount int, the total count for the new data
-   * @param isAppend boolean, true if the new data will be appended to old data, otherwise it will
-   *     replace the old data.
+   * @param data the new data to be set in the DataTable
+   * @param totalCount the total count of data in the DataTable
+   * @param isAppend {@code true} if the data is being appended, {@code false} otherwise
    */
   public OnBeforeDataChangeEvent(List data, int totalCount, boolean isAppend) {
     this.data = data;
@@ -47,37 +49,38 @@ public OnBeforeDataChangeEvent(List data, int totalCount, boolean isAppend) {
     this.isAppend = isAppend;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Retrieves the type of this event.
+   *
+   * @return the event type
+   */
   @Override
   public String getType() {
     return ON_BEFORE_DATA_CHANGE;
   }
 
-  /** @return {@link List} of the new data */
   /**
-   * Getter for the field data.
+   * Retrieves the new data that will be set in the DataTable.
    *
-   * @return a {@link java.util.List} object
+   * @return the new data
    */
   public List getData() {
     return data;
   }
 
-  /** @return int, the total count of the new data */
   /**
-   * Getter for the field totalCount.
+   * Retrieves the total count of data in the DataTable.
    *
-   * @return a int
+   * @return the total count
    */
   public int getTotalCount() {
     return totalCount;
   }
 
   /**
-   * isAppend.
+   * Checks if the data is being appended.
    *
-   * @return boolean, true if the new data will be appended to old data otherwise new data replaces
-   *     old data.
+   * @return {@code true} if the data is being appended, {@code false} otherwise
    */
   public boolean isAppend() {
     return isAppend;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/RecordDraggedOutEvent.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/RecordDraggedOutEvent.java
index 642775c5c..f7a9881eb 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/RecordDraggedOutEvent.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/RecordDraggedOutEvent.java
@@ -13,40 +13,46 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.events;
 
 /**
- * This event will be fired when a record gets dragged out
+ * The {@code RecordDraggedOutEvent} class represents an event that is fired when a record is
+ * dragged out of a DataTable.
  *
- * @param  the type of the record
+ * @param  the type of data in the DataTable
+ * @see org.dominokit.domino.ui.datatable.events.TableEvent
  */
 public class RecordDraggedOutEvent implements TableEvent {
 
-  /** Constant RECORD_DRAGGED_OUT="record-dragged-out" */
+  /** The event type for the record-dragged-out event. */
   public static final String RECORD_DRAGGED_OUT = "record-dragged-out";
 
   private final T draggedOutRecord;
 
   /**
-   * Constructor for RecordDraggedOutEvent.
+   * Creates a new {@code RecordDraggedOutEvent} with the specified dragged out record.
    *
-   * @param draggedOutRecord a T object
+   * @param draggedOutRecord the record that was dragged out
    */
   public RecordDraggedOutEvent(T draggedOutRecord) {
     this.draggedOutRecord = draggedOutRecord;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Retrieves the type of this event.
+   *
+   * @return the event type
+   */
   @Override
   public String getType() {
     return RECORD_DRAGGED_OUT;
   }
 
-  /** @return dragged out record */
   /**
-   * Getter for the field draggedOutRecord.
+   * Retrieves the record that was dragged out of the DataTable.
    *
-   * @return a T object
+   * @return the dragged out record
    */
   public T getDraggedOutRecord() {
     return draggedOutRecord;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/RecordDroppedEvent.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/RecordDroppedEvent.java
index 4011e21c6..d9a8a3529 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/RecordDroppedEvent.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/RecordDroppedEvent.java
@@ -13,53 +13,58 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.events;
 
 /**
- * This event will be fired when a record gets dropped
+ * The {@code RecordDroppedEvent} class represents an event that is fired when a record is dropped
+ * onto another record in a DataTable.
  *
- * @param  the type of the record
+ * @param  the type of data in the DataTable
+ * @see org.dominokit.domino.ui.datatable.events.TableEvent
  */
 public class RecordDroppedEvent implements TableEvent {
 
-  /** Constant RECORD_DROPPED="record-dropped" */
+  /** The event type for the record-dropped event. */
   public static final String RECORD_DROPPED = "record-dropped";
 
   private final T droppedRecord;
   private final T targetRecord;
 
   /**
-   * Constructor for RecordDroppedEvent.
+   * Creates a new {@code RecordDroppedEvent} with the specified dropped and target records.
    *
-   * @param droppedRecord a T object
-   * @param targetRecord a T object
+   * @param droppedRecord the record that was dropped
+   * @param targetRecord the record onto which the dropped record was placed
    */
   public RecordDroppedEvent(T droppedRecord, T targetRecord) {
     this.droppedRecord = droppedRecord;
     this.targetRecord = targetRecord;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Retrieves the type of this event.
+   *
+   * @return the event type
+   */
   @Override
   public String getType() {
     return RECORD_DROPPED;
   }
 
-  /** @return the dropped record */
   /**
-   * Getter for the field droppedRecord.
+   * Retrieves the dropped record.
    *
-   * @return a T object
+   * @return the dropped record
    */
   public T getDroppedRecord() {
     return droppedRecord;
   }
 
-  /** @return the target record */
   /**
-   * Getter for the field targetRecord.
+   * Retrieves the target record onto which the dropped record was placed.
    *
-   * @return a T object
+   * @return the target record
    */
   public T getTargetRecord() {
     return targetRecord;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/RowRecordUpdatedEvent.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/RowRecordUpdatedEvent.java
index 6b3bca14c..b4ef0973e 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/RowRecordUpdatedEvent.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/RowRecordUpdatedEvent.java
@@ -13,43 +13,48 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.events;
 
 import org.dominokit.domino.ui.datatable.TableRow;
 
 /**
- * This event will be fired when the record of a specific row in the table has its record updated
+ * The {@code RowRecordUpdatedEvent} class represents an event that is fired when a record in a
+ * DataTable row is updated.
  *
- * @param  the type of the record
+ * @param  the type of data in the DataTable
+ * @see org.dominokit.domino.ui.datatable.events.TableEvent
  */
 public class RowRecordUpdatedEvent implements TableEvent {
 
-  /** A constant string to define a unique type for this event */
+  /** The event type for the record-updated event. */
   public static final String RECORD_UPDATED = "record-updated";
 
   private final TableRow tableRow;
 
-  /** @param tableRow the {@link TableRow} being updated */
   /**
-   * Constructor for RowRecordUpdatedEvent.
+   * Creates a new {@code RowRecordUpdatedEvent} with the specified table row.
    *
-   * @param tableRow a {@link org.dominokit.domino.ui.datatable.TableRow} object
+   * @param tableRow the table row containing the updated record
    */
   public RowRecordUpdatedEvent(TableRow tableRow) {
     this.tableRow = tableRow;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Retrieves the type of this event.
+   *
+   * @return the event type
+   */
   @Override
   public String getType() {
     return RECORD_UPDATED;
   }
 
-  /** @return the {@link TableRow} being updated */
   /**
-   * Getter for the field tableRow.
+   * Retrieves the table row containing the updated record.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.TableRow} object
+   * @return the table row
    */
   public TableRow getTableRow() {
     return tableRow;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/SearchClearedEvent.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/SearchClearedEvent.java
index 6d8c5f679..cb95c41ea 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/SearchClearedEvent.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/SearchClearedEvent.java
@@ -13,25 +13,25 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.events;
 
 /**
- * This event will be fired when the date table search is cleared, it is fired by the
- *
- * 
{@link org.dominokit.domino.ui.datatable.DataTable}
- *
- * 
{@link org.dominokit.domino.ui.datatable.plugins.column.ColumnHeaderFilterPlugin}
- *
- * 
{@link org.dominokit.domino.ui.datatable.plugins.header.HeaderBarPlugin.SearchTableAction}
+ * The {@code SearchClearedEvent} class represents an event that is fired when a search is cleared
+ * in a DataTable.
  *
- * 
{@link org.dominokit.domino.ui.datatable.model.SearchContext}
+ * @see org.dominokit.domino.ui.datatable.events.TableEvent
  */
 public class SearchClearedEvent implements TableEvent {
 
-  /** A constant string to define a unique type for this event */
+  /** The event type for the search-cleared event. */
   public static final String SEARCH_EVENT_CLEARED = "table-search-cleared";
 
-  /** {@inheritDoc} */
+  /**
+   * Retrieves the type of this event.
+   *
+   * @return the event type
+   */
   @Override
   public String getType() {
     return SEARCH_EVENT_CLEARED;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/SearchEvent.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/SearchEvent.java
index 224ee6c8e..db2e9432e 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/SearchEvent.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/SearchEvent.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.events;
 
 import java.util.List;
@@ -21,50 +22,41 @@
 import org.dominokit.domino.ui.datatable.model.Filter;
 
 /**
- * This event is fired when ever the search filters of the data table are changed, it is fired from
- * the following locations :
- *
- * 
{@link org.dominokit.domino.ui.datatable.store.LocalListDataStore}
- *
- * 
{@link org.dominokit.domino.ui.datatable.store.LocalListScrollingDataSource}
- *
- * 
{@link org.dominokit.domino.ui.datatable.store.SearchFilter}
+ * The {@code SearchEvent} class represents an event that is fired when a search is performed in a
+ * DataTable.
  *
- * 
{@link org.dominokit.domino.ui.datatable.model.SearchContext}
+ * @see org.dominokit.domino.ui.datatable.events.TableEvent
  */
 public class SearchEvent implements TableEvent {
 
-  /** A constant string to define a unique type for this event */
   public static final String SEARCH_EVENT = "table-search";
 
+  /** A list of filters associated with the search event. */
   private final List filters;
 
-  /** @param filters the {@link List} of {@link Filter}s that are being applied */
   /**
-   * Constructor for SearchEvent.
+   * Constructs a new {@code SearchEvent} with the specified list of filters.
    *
-   * @param filters a {@link java.util.List} object
+   * @param filters a list of filters
    */
   public SearchEvent(List filters) {
     this.filters = filters;
   }
 
-  /** @return the {@link List} of {@link Filter}s that are being applied */
   /**
-   * Getter for the field filters.
+   * Retrieves the list of filters associated with this search event.
    *
-   * @return a {@link java.util.List} object
+   * @return the list of filters
    */
   public List getFilters() {
     return filters;
   }
 
   /**
-   * getByCategory.
+   * Retrieves a list of filters by their category.
    *
-   * @param category {@link org.dominokit.domino.ui.datatable.model.Category}
-   * @return a List of {@link org.dominokit.domino.ui.datatable.model.Filter}s of the specified
-   *     category
+   * @param category the category to filter by
+   * @return a list of filters that belong to the specified category
    */
   public List getByCategory(Category category) {
     return filters.stream()
@@ -72,7 +64,11 @@ public List getByCategory(Category category) {
         .collect(Collectors.toList());
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Retrieves the type of this event.
+   *
+   * @return the event type
+   */
   @Override
   public String getType() {
     return SEARCH_EVENT;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/SelectAllEvent.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/SelectAllEvent.java
index 6171fc6b2..65aaebccb 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/SelectAllEvent.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/SelectAllEvent.java
@@ -13,24 +13,35 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.events;
 
 import org.dominokit.domino.ui.datatable.SelectionCondition;
 
-/** SelectAllEvent class. */
+/**
+ * The {@code SelectAllEvent} class represents an event that occurs when selecting or deselecting
+ * all items in a DataTable.
+ *
+ * @param  the type of items in the DataTable
+ * @see org.dominokit.domino.ui.datatable.events.TableEvent
+ * @see org.dominokit.domino.ui.datatable.SelectionCondition
+ */
 public class SelectAllEvent implements TableEvent {
 
-  /** Constant SELECT_ALL_EVENT="dui-table-select-all-event" */
+  /** The event type for the select all event. */
   public static final String SELECT_ALL_EVENT = "dui-table-select-all-event";
 
+  /** A boolean flag indicating whether to select all items or deselect all items. */
   private final boolean selectAll;
+
+  /** The selection condition to be applied when selecting or deselecting all items. */
   private final SelectionCondition selectionCondition;
 
   /**
-   * Constructor for SelectAllEvent.
+   * Constructs a new {@code SelectAllEvent} with the specified parameters.
    *
-   * @param selectAll a boolean
-   * @param selectionCondition a {@link org.dominokit.domino.ui.datatable.SelectionCondition} object
+   * @param selectAll {@code true} to select all items, {@code false} to deselect all items
+   * @param selectionCondition the selection condition to be applied
    */
   public SelectAllEvent(boolean selectAll, SelectionCondition selectionCondition) {
     this.selectAll = selectAll;
@@ -38,12 +49,12 @@ public SelectAllEvent(boolean selectAll, SelectionCondition selectionConditio
   }
 
   /**
-   * of.
+   * Creates a new instance of {@code SelectAllEvent} with the specified parameters.
    *
-   * @param selectDeselect a boolean
-   * @param selectionCondition a {@link org.dominokit.domino.ui.datatable.SelectionCondition} object
-   * @param  a T class
-   * @return a {@link org.dominokit.domino.ui.datatable.events.SelectAllEvent} object
+   * @param  the type of items in the DataTable
+   * @param selectDeselect {@code true} to select all items, {@code false} to deselect all items
+   * @param selectionCondition the selection condition to be applied
+   * @return a new instance of {@code SelectAllEvent}
    */
   public static final  SelectAllEvent of(
       boolean selectDeselect, SelectionCondition selectionCondition) {
@@ -51,24 +62,28 @@ public static final  SelectAllEvent of(
   }
 
   /**
-   * isSelectAll.
+   * Checks whether the event represents selecting all items.
    *
-   * @return a boolean
+   * @return {@code true} if selecting all items, {@code false} if deselecting all items
    */
   public boolean isSelectAll() {
     return selectAll;
   }
 
   /**
-   * Getter for the field selectionCondition.
+   * Retrieves the selection condition to be applied.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.SelectionCondition} object
+   * @return the selection condition
    */
   public SelectionCondition getSelectionCondition() {
     return selectionCondition;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Retrieves the type of this event.
+   *
+   * @return the event type
+   */
   @Override
   public String getType() {
     return SELECT_ALL_EVENT;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/SortEvent.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/SortEvent.java
index ceb03db76..2e3cd348f 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/SortEvent.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/SortEvent.java
@@ -13,59 +13,66 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.events;
 
 import org.dominokit.domino.ui.datatable.ColumnConfig;
 import org.dominokit.domino.ui.datatable.plugins.pagination.SortDirection;
 
 /**
- * This event will be fired when ever the sort in a data store is changed or by clicking on a column
- * header
+ * The {@code SortEvent} class represents an event that occurs when sorting a DataTable column.
  *
- * @param  the type of the table records
+ * @param  the type of items in the DataTable
+ * @see org.dominokit.domino.ui.datatable.events.TableEvent
+ * @see org.dominokit.domino.ui.datatable.ColumnConfig
+ * @see org.dominokit.domino.ui.datatable.plugins.pagination.SortDirection
  */
 public class SortEvent implements TableEvent {
 
-  /** A constant string to define a unique type for this event */
+  /** The event type for the sort event. */
   public static final String SORT_EVENT = "table-sort";
 
+  /** The sorting direction of the column. */
   private final SortDirection sortDirection;
+
+  /** The column configuration for the sorted column. */
   private final ColumnConfig columnConfig;
 
   /**
-   * Constructor for SortEvent.
+   * Constructs a new {@code SortEvent} with the specified sorting direction and column
+   * configuration.
    *
-   * @param sortDirection the {@link
-   *     org.dominokit.domino.ui.datatable.plugins.pagination.SortDirection}
-   * @param columnConfig the {@link org.dominokit.domino.ui.datatable.ColumnConfig} that represent
-   *     the column being clicked for sort
+   * @param sortDirection the sorting direction
+   * @param columnConfig the column configuration
    */
   public SortEvent(SortDirection sortDirection, ColumnConfig columnConfig) {
     this.sortDirection = sortDirection;
     this.columnConfig = columnConfig;
   }
 
-  /** @return the {@link SortDirection} */
   /**
-   * Getter for the field sortDirection.
+   * Retrieves the sorting direction of the column.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.plugins.pagination.SortDirection} object
+   * @return the sorting direction
    */
   public SortDirection getSortDirection() {
     return sortDirection;
   }
 
-  /** @return the {@link ColumnConfig} that represent the column being clicked for sort */
   /**
-   * Getter for the field columnConfig.
+   * Retrieves the column configuration for the sorted column.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.ColumnConfig} object
+   * @return the column configuration
    */
   public ColumnConfig getColumnConfig() {
     return columnConfig;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Retrieves the type of this event.
+   *
+   * @return the event type
+   */
   @Override
   public String getType() {
     return SORT_EVENT;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/TableBorderedEvent.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/TableBorderedEvent.java
index ce38be85b..1fa2925f0 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/TableBorderedEvent.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/TableBorderedEvent.java
@@ -13,35 +13,44 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.events;
 
-/** This event will be fired when the date table bordered is changed */
+/**
+ * The {@code TableBorderedEvent} class represents an event that occurs when toggling the border of
+ * a DataTable.
+ */
 public class TableBorderedEvent implements TableEvent {
 
-  /** A constant string to define a unique type for this event */
+  /** The event type for the table bordered event. */
   public static final String TABLE_BORDERED_EVENT = "table-bordered-event";
 
+  /** A flag indicating whether the table is bordered or not. */
   private final boolean bordered;
 
   /**
-   * Constructor for TableBorderedEvent.
+   * Constructs a new {@code TableBorderedEvent} with the specified bordered flag.
    *
-   * @param bordered a boolean
+   * @param bordered {@code true} if the table should have borders, {@code false} otherwise
    */
   public TableBorderedEvent(boolean bordered) {
     this.bordered = bordered;
   }
 
   /**
-   * isBordered.
+   * Checks if the table is bordered.
    *
-   * @return a boolean
+   * @return {@code true} if the table is bordered, {@code false} otherwise
    */
   public boolean isBordered() {
     return bordered;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Retrieves the type of this event.
+   *
+   * @return the event type
+   */
   @Override
   public String getType() {
     return TABLE_BORDERED_EVENT;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/TableDataUpdatedEvent.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/TableDataUpdatedEvent.java
index 3cf0ccd2d..48dbbd000 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/TableDataUpdatedEvent.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/TableDataUpdatedEvent.java
@@ -13,55 +13,62 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.events;
 
 import java.util.List;
 
 /**
- * This event will be fired after the data in the table is changed
+ * The {@code TableDataUpdatedEvent} class represents an event that occurs when the data in a
+ * DataTable is updated.
  *
- * @param  the type of the table records
+ * @param  the type of data in the DataTable
  */
 public class TableDataUpdatedEvent implements TableEvent {
 
-  /** A constant string to define a unique type for this event */
+  /** The event type for the table data updated event. */
   public static final String DATA_UPDATED = "table-data-updated";
 
+  /** The updated data in the DataTable. */
   private final List data;
+
+  /** The total count of data in the DataTable. */
   private final int totalCount;
 
   /**
-   * Constructor for TableDataUpdatedEvent.
+   * Constructs a new {@code TableDataUpdatedEvent} with the specified data and total count.
    *
-   * @param data {@link java.util.List} of the new data records
-   * @param totalCount int, the total count of the data
+   * @param data the updated data in the DataTable
+   * @param totalCount the total count of data in the DataTable
    */
   public TableDataUpdatedEvent(List data, int totalCount) {
     this.data = data;
     this.totalCount = totalCount;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Retrieves the type of this event.
+   *
+   * @return the event type
+   */
   @Override
   public String getType() {
     return DATA_UPDATED;
   }
 
-  /** @return {@link List} of the new data records */
   /**
-   * Getter for the field data.
+   * Gets the updated data in the DataTable.
    *
-   * @return a {@link java.util.List} object
+   * @return the updated data
    */
   public List getData() {
     return data;
   }
 
-  /** @return int, the total count of the data */
   /**
-   * Getter for the field totalCount.
+   * Gets the total count of data in the DataTable.
    *
-   * @return a int
+   * @return the total count of data
    */
   public int getTotalCount() {
     return totalCount;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/TableEvent.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/TableEvent.java
index 3d8bbcc1c..545ff98e6 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/TableEvent.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/TableEvent.java
@@ -13,15 +13,19 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.events;
 
-/** An interface to define events for the data table and specify the event type */
+/**
+ * The {@code TableEvent} interface represents an event in a DataTable. Implementing classes should
+ * provide a type for the event using the {@code getType} method.
+ */
 public interface TableEvent {
-  /** @return String, a unique event type. */
+
   /**
-   * getType.
+   * Retrieves the type of this event.
    *
-   * @return a {@link java.lang.String} object
+   * @return the event type
    */
   String getType();
 }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/TableEventListener.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/TableEventListener.java
index 5329ba4fc..ad0c8a2ff 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/TableEventListener.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/TableEventListener.java
@@ -13,15 +13,19 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.events;
 
-/** An interface to define a new listener for a Table event */
+/**
+ * The {@code TableEventListener} interface defines a contract for classes that can handle table
+ * events. Implementing classes should provide an implementation for the {@code handleEvent} method.
+ */
 public interface TableEventListener {
-  /** @param event the {@link TableEvent} being received */
+
   /**
-   * handleEvent.
+   * Handles a table event.
    *
-   * @param event a {@link org.dominokit.domino.ui.datatable.events.TableEvent} object
+   * @param event the table event to handle
    */
   void handleEvent(TableEvent event);
 }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/TablePageChangeEvent.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/TablePageChangeEvent.java
index 6c7b5938c..ada632f9a 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/TablePageChangeEvent.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/events/TablePageChangeEvent.java
@@ -13,52 +13,61 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.events;
 
 import org.dominokit.domino.ui.pagination.HasPagination;
 
-/** This event will be fired when the page of the data table is changed */
+/**
+ * The {@code TablePageChangeEvent} class represents an event that occurs when the page in a
+ * DataTable changes.
+ */
 public class TablePageChangeEvent implements TableEvent {
 
-  /** A constant string to define a unique type for this event */
+  /** The event type for the table page change event. */
   public static final String PAGINATION_EVENT = "table-page-change";
 
+  /** The new page number. */
   private final int page;
+
+  /** The pagination component associated with the DataTable. */
   private final HasPagination pagination;
 
   /**
-   * Constructor for TablePageChangeEvent.
+   * Constructs a new {@code TablePageChangeEvent} with the specified page number and pagination
+   * component.
    *
-   * @param page int, the new page
-   * @param pagination the {@link org.dominokit.domino.ui.pagination.HasPagination} which is the
-   *     component that changed the page.
+   * @param page the new page number
+   * @param pagination the pagination component associated with the DataTable
    */
   public TablePageChangeEvent(int page, HasPagination pagination) {
     this.page = page;
     this.pagination = pagination;
   }
 
-  /** @return int, the new page */
   /**
-   * Getter for the field page.
+   * Gets the new page number.
    *
-   * @return a int
+   * @return the new page number
    */
   public int getPage() {
     return page;
   }
 
-  /** @return the {@link HasPagination} which is the component that changed the page. */
   /**
-   * Getter for the field pagination.
+   * Gets the pagination component associated with the DataTable.
    *
-   * @return a {@link org.dominokit.domino.ui.pagination.HasPagination} object
+   * @return the pagination component
    */
   public HasPagination getPagination() {
     return pagination;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Retrieves the type of this event.
+   *
+   * @return the event type
+   */
   @Override
   public String getType() {
     return PAGINATION_EVENT;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/model/Category.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/model/Category.java
index 7f1dfed20..96a5d5cb5 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/model/Category.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/model/Category.java
@@ -13,12 +13,34 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.model;
 
-/** An enum for the {@link org.dominokit.domino.ui.datatable.model.Filter} category */
+/**
+ * The {@code Category} enum represents different categories or types of filters that can be applied
+ * in a DataTable.
+ *
+ * 
Filters in a DataTable can be categorized into two main categories:
+ *
+ * 
    
+ *   
  • SEARCH: This category is used for filters that are applied to the DataTable's search
+ *       functionality. Filters in this category are typically used to search for specific data
+ *       within the DataTable.
+ *   
  • HEADER_FILTER: This category is used for filters that are applied to the DataTable's header
+ *       columns. Filters in this category are typically used to filter data based on
+ *       column-specific criteria, such as filtering by date, number, or text within a specific
+ *       column.
+ * 

+ *
+ * 
You can use these categories to classify and organize filters within your DataTable, making it
+ * easier to manage and apply different types of filters to your data.
+ *
+ * @see org.dominokit.domino.ui.datatable.model.Filter
+ */
 public enum Category {
-  /** A search field */
+  /** The {@code SEARCH} category for filters applied to the DataTable's search functionality. */
   SEARCH,
-  /** A column header filter */
+
+  /** The {@code HEADER_FILTER} category for filters applied to the DataTable's header columns. */
   HEADER_FILTER
 }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/model/Filter.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/model/Filter.java
index 07c4bcd03..6f7fa100d 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/model/Filter.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/model/Filter.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.model;
 
 import java.util.ArrayList;
@@ -20,8 +21,15 @@
 import java.util.Objects;
 
 /**
- * This class represent a data table data filter which can be used to apply queries and filters on
- * data by the data store
+ * The {@code Filter} class represents a filter that can be applied to a DataTable.
+ *
+ * 
A filter consists of several properties including the field name, filter type, operator,
+ * values, and category. These properties are used to define and configure the filter's behavior.
+ *
+ * 
{@code Filter} objects are typically used to filter data in a DataTable based on certain
+ * criteria.
+ *
+ * @see org.dominokit.domino.ui.datatable.DataTable
  */
 public class Filter {
 
@@ -32,13 +40,12 @@ public class Filter {
   private Category category;
 
   /**
-   * Creates a Filter of {@link org.dominokit.domino.ui.datatable.model.FilterTypes#STRING} and
-   * {@link org.dominokit.domino.ui.datatable.model.Operator#like}
+   * Creates a new filter with the specified field name, value, and category.
    *
-   * @param field String, the name if field
-   * @param value String, the value of the filter
-   * @param category the {@link org.dominokit.domino.ui.datatable.model.Category} of the filter
-   * @return new Filter instance
+   * @param field The name of the field to filter on.
+   * @param value The filter value.
+   * @param category The category of the filter.
+   * @return A new {@code Filter} instance.
    */
   public static Filter create(String field, String value, Category category) {
     List values = new ArrayList<>();
@@ -47,13 +54,13 @@ public static Filter create(String field, String value, Category category) {
   }
 
   /**
-   * Creates a Filter with {@link org.dominokit.domino.ui.datatable.model.Operator#like}
+   * Creates a new filter with the specified field name, value, category, and filter type.
    *
-   * @param field String, the name if field
-   * @param value String, the value of the filter
-   * @param category the {@link org.dominokit.domino.ui.datatable.model.Category} of the filter
-   * @param type the {@link org.dominokit.domino.ui.datatable.model.FilterTypes}
-   * @return new Filter instance
+   * @param field The name of the field to filter on.
+   * @param value The filter value.
+   * @param category The category of the filter.
+   * @param type The filter type.
+   * @return A new {@code Filter} instance.
    */
   public static Filter create(String field, String value, Category category, FilterTypes type) {
     List values = new ArrayList<>();
@@ -62,10 +69,10 @@ public static Filter create(String field, String value, Category category, Filte
   }
 
   /**
-   * Creates a List of Filters initialized with a single filter
+   * Initializes a list of filters with the provided filter.
    *
-   * @param filter {@link org.dominokit.domino.ui.datatable.model.Filter}
-   * @return new Filters list that contains the filters
+   * @param filter The filter to initialize the list with.
+   * @return A list of filters containing the specified filter.
    */
   public static List initListWith(Filter filter) {
     List filters = new ArrayList<>();
@@ -74,13 +81,14 @@ public static List initListWith(Filter filter) {
   }
 
   /**
-   * creates a new filter
+   * Creates a new {@code Filter} instance with the specified field name, filter type, operator,
+   * values, and category.
    *
-   * @param fieldName String, the name if field
-   * @param type the {@link org.dominokit.domino.ui.datatable.model.FilterTypes}
-   * @param operator the {@link org.dominokit.domino.ui.datatable.model.Operator}
-   * @param values List of values
-   * @param category the {@link org.dominokit.domino.ui.datatable.model.Category} of the filter
+   * @param fieldName The name of the field to filter on.
+   * @param type The filter type.
+   * @param operator The filter operator.
+   * @param values The filter values.
+   * @param category The category of the filter.
    */
   public Filter(
       String fieldName,
@@ -95,107 +103,104 @@ public Filter(
     this.category = category;
   }
 
-  /** @return String, the field name */
   /**
-   * Getter for the field fieldName.
+   * Gets the name of the field to filter on.
    *
-   * @return a {@link java.lang.String} object
+   * @return The field name.
    */
   public String getFieldName() {
     return fieldName;
   }
 
-  /** @return {@link FilterTypes} */
   /**
-   * Getter for the field type.
+   * Gets the filter type.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.model.FilterTypes} object
+   * @return The filter type.
    */
   public FilterTypes getType() {
     return type;
   }
 
-  /** @return the {@link Operator} */
   /**
-   * Getter for the field operator.
+   * Gets the filter operator.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.model.Operator} object
+   * @return The filter operator.
    */
   public Operator getOperator() {
     return operator;
   }
 
-  /** @return List of String values of the filter */
   /**
-   * Getter for the field values.
+   * Gets the filter values.
    *
-   * @return a {@link java.util.List} object
+   * @return The filter values.
    */
   public List getValues() {
     return values;
   }
 
-  /** @return the {@link Category} */
   /**
-   * Getter for the field category.
+   * Gets the category of the filter.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.model.Category} object
+   * @return The filter category.
    */
   public Category getCategory() {
     return category;
   }
 
-  /** @param fieldName the field name to be set */
   /**
-   * Setter for the field fieldName.
+   * Sets the name of the field to filter on.
    *
-   * @param fieldName a {@link java.lang.String} object
+   * @param fieldName The field name.
    */
   public void setFieldName(String fieldName) {
     this.fieldName = fieldName;
   }
 
-  /** @param type the type to be set */
   /**
-   * Setter for the field type.
+   * Sets the filter type.
    *
-   * @param type a {@link org.dominokit.domino.ui.datatable.model.FilterTypes} object
+   * @param type The filter type.
    */
   public void setType(FilterTypes type) {
     this.type = type;
   }
 
-  /** @param operator the operator to be set */
   /**
-   * Setter for the field operator.
+   * Sets the filter operator.
    *
-   * @param operator a {@link org.dominokit.domino.ui.datatable.model.Operator} object
+   * @param operator The filter operator.
    */
   public void setOperator(Operator operator) {
     this.operator = operator;
   }
 
-  /** @param values the values to be set */
   /**
-   * Setter for the field values.
+   * Sets the filter values.
    *
-   * @param values a {@link java.util.List} object
+   * @param values The filter values.
    */
   public void setValues(List values) {
     this.values = values;
   }
 
-  /** @param category the category to be set */
   /**
-   * Setter for the field category.
+   * Sets the category of the filter.
    *
-   * @param category a {@link org.dominokit.domino.ui.datatable.model.Category} object
+   * @param category The filter category.
    */
   public void setCategory(Category category) {
     this.category = category;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Compares this filter to the specified object. The result is {@code true} if and only if the
+   * argument is not {@code null} and is a {@code Filter} object with the same field name and
+   * category as this filter.
+   *
+   * @param o The object to compare this filter against.
+   * @return {@code true} if the given object is equal to this filter; {@code false} otherwise.
+   */
   @Override
   public boolean equals(Object o) {
     if (this == o) return true;
@@ -205,7 +210,11 @@ public boolean equals(Object o) {
         && getCategory() == filter.getCategory();
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Computes a hash code for this filter based on its field name and category.
+   *
+   * @return A hash code for this filter.
+   */
   @Override
   public int hashCode() {
     return Objects.hash(getFieldName(), getCategory());
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/model/FilterTypes.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/model/FilterTypes.java
index c5542ea94..173dc696a 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/model/FilterTypes.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/model/FilterTypes.java
@@ -15,17 +15,47 @@
  */
 package org.dominokit.domino.ui.datatable.model;
 
-/** An enum of filter types */
+/**
+ * The {@code FilterTypes} enum represents different filter types that can be used in a DataTable
+ * filter.
+ *
+ * 
Each filter type corresponds to a specific data type and defines how data should be filtered
+ * based on that type. For example, the {@code STRING} filter type is used for text-based filtering,
+ * while {@code INTEGER} is used for integer-based filtering.
+ *
+ * @see org.dominokit.domino.ui.datatable.model.Filter
+ */
 public enum FilterTypes {
+  /** Represents a string-based filter type, used for text-based filtering. */
   STRING,
+
+  /** Represents an integer-based filter type, used for integer-based filtering. */
   INTEGER,
+
+  /** Represents a long-based filter type, used for long-based filtering. */
   LONG,
+
+  /** Represents a double-based filter type, used for double-based filtering. */
   DOUBLE,
+
+  /** Represents a short-based filter type, used for short-based filtering. */
   SHORT,
+
+  /** Represents a float-based filter type, used for float-based filtering. */
   FLOAT,
+
+  /** Represents a decimal-based filter type, used for decimal-based filtering. */
   DECIMAL,
+
+  /** Represents a boolean-based filter type, used for boolean-based filtering. */
   BOOLEAN,
+
+  /** Represents a date-based filter type, used for date-based filtering. */
   DATE,
+
+  /** Represents a time-based filter type, used for time-based filtering. */
   TIME,
+
+  /** Represents an enum-based filter type, used for enum-based filtering. */
   ENUM
 }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/model/Operator.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/model/Operator.java
index 1dd22054a..87cb91dc5 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/model/Operator.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/model/Operator.java
@@ -13,79 +13,119 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.model;
 
 import java.util.Objects;
 
-/** A class to define filter operators, each operator is a simple name string */
+/**
+ * The {@code Operator} class represents different filter operators that can be used for filtering
+ * data in a DataTable.
+ *
+ * 
Operators define how the filtering operation should be performed, such as equality,
+ * comparison, and pattern matching. Each operator has a name associated with it, which is used to
+ * identify the type of operation.
+ *
+ * @see org.dominokit.domino.ui.datatable.model.Filter
+ */
 public class Operator {
-
-  /** Constant isEqualTo */
+  /** Represents the "equals" operator, used for equality comparison. */
   public static final Operator isEqualTo = new Operator("equals");
-  /** Constant notEquals */
+
+  /** Represents the "notEquals" operator, used for inequality comparison. */
   public static final Operator notEquals = new Operator("notEquals");
-  /** Constant startsWith */
+
+  /** Represents the "startsWith" operator, used for prefix matching. */
   public static final Operator startsWith = new Operator("startsWith");
-  /** Constant endsWith */
+
+  /** Represents the "endsWith" operator, used for suffix matching. */
   public static final Operator endsWith = new Operator("endsWith");
-  /** Constant lessThan */
+
+  /** Represents the "lessThan" operator, used for less than comparison. */
   public static final Operator lessThan = new Operator("lessThan");
-  /** Constant lessThanOrEquals */
+
+  /** Represents the "lessThanOrEquals" operator, used for less than or equal to comparison. */
   public static final Operator lessThanOrEquals = new Operator("lessThanOrEquals");
-  /** Constant greaterThan */
+
+  /** Represents the "greaterThan" operator, used for greater than comparison. */
   public static final Operator greaterThan = new Operator("greaterThan");
-  /** Constant greaterThanOrEquals */
+
+  /**
+   * Represents the "greaterThanOrEquals" operator, used for greater than or equal to comparison.
+   */
   public static final Operator greaterThanOrEquals = new Operator("greaterThanOrEquals");
-  /** Constant between */
+
+  /** Represents the "between" operator, used for range comparison. */
   public static final Operator between = new Operator("between");
-  /** Constant is_Null */
+
+  /** Represents the "isNull" operator, used for checking if a value is null. */
   public static final Operator is_Null = new Operator("isNull");
-  /** Constant isNotNull */
+
+  /** Represents the "isNotNull" operator, used for checking if a value is not null. */
   public static final Operator isNotNull = new Operator("isNotNull");
-  /** Constant isRankedFirst */
+
+  /** Represents the "isRankedFirst" operator, used for checking if a value is ranked first. */
   public static final Operator isRankedFirst = new Operator("isRankedFirst");
-  /** Constant isRankedLast */
+
+  /** Represents the "isRankedLast" operator, used for checking if a value is ranked last. */
   public static final Operator isRankedLast = new Operator("isRankedLast");
-  /** Constant isInTop */
+
+  /** Represents the "isInTop" operator, used for checking if a value is in the top. */
   public static final Operator isInTop = new Operator("isInTop");
-  /** Constant isInBottom */
+
+  /** Represents the "isInBottom" operator, used for checking if a value is in the bottom. */
   public static final Operator isInBottom = new Operator("isInBottom");
-  /** Constant isContains */
+
+  /** Represents the "contains" operator, used for checking if a value contains another value. */
   public static final Operator isContains = new Operator("contains");
-  /** Constant containsAll */
+
+  /**
+   * Represents the "containsAll" operator, used for checking if a value contains all specified
+   * values.
+   */
   public static final Operator containsAll = new Operator("containsAll");
-  /** Constant notContains */
+
+  /**
+   * Represents the "notContains" operator, used for checking if a value does not contain another
+   * value.
+   */
   public static final Operator notContains = new Operator("notContains");
-  /** Constant containsAny */
+
+  /**
+   * Represents the "containsAny" operator, used for checking if a value contains any of the
+   * specified values.
+   */
   public static final Operator containsAny = new Operator("containsAny");
-  /** Constant like */
+
+  /** Represents the "like" operator, used for pattern matching using wildcard characters. */
   public static final Operator like = new Operator("like");
-  /** Constant notLike */
+
+  /**
+   * Represents the "notLike" operator, used for pattern matching using wildcard characters with
+   * negation.
+   */
   public static final Operator notLike = new Operator("notLike");
 
   private final String name;
 
-  /** @param name String, the operator name */
   /**
-   * Constructor for Operator.
+   * Constructs a new {@code Operator} with the given name.
    *
-   * @param name a {@link java.lang.String} object
+   * @param name the name of the operator
    */
   public Operator(String name) {
     this.name = name;
   }
 
-  /** @return String, the operator name */
   /**
-   * Getter for the field name.
+   * Gets the name of the operator.
    *
-   * @return a {@link java.lang.String} object
+   * @return the name of the operator
    */
   public String getName() {
     return name;
   }
 
-  /** {@inheritDoc} */
   @Override
   public boolean equals(Object o) {
     if (this == o) return true;
@@ -94,7 +134,6 @@ public boolean equals(Object o) {
     return Objects.equals(getName(), operator.getName());
   }
 
-  /** {@inheritDoc} */
   @Override
   public int hashCode() {
     return Objects.hash(getName());
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/model/SearchContext.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/model/SearchContext.java
index 984c2d911..220b6b608 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/model/SearchContext.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/model/SearchContext.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.model;
 
 import java.util.ArrayList;
@@ -24,9 +25,15 @@
 import org.dominokit.domino.ui.datatable.events.SearchEvent;
 
 /**
- * A class to represent the current search and filter state of the datatable
+ * The {@code SearchContext} class provides a context for managing and performing searches within a
+ * DataTable. It allows you to add, remove, and clear filters for searching data, and fire search
+ * events to trigger data filtering.
  *
- * @param  the type of data table records
+ * @param  the type of data in the DataTable
+ * @see org.dominokit.domino.ui.datatable.DataTable
+ * @see org.dominokit.domino.ui.datatable.model.Filter
+ * @see org.dominokit.domino.ui.datatable.events.SearchEvent
+ * @see org.dominokit.domino.ui.datatable.events.SearchClearedEvent
  */
 public class SearchContext {
 
@@ -35,20 +42,20 @@ public class SearchContext {
   private final List>> beforeSearchHandlers = new ArrayList<>();
 
   /**
-   * Initialize the context with a datatable
+   * Creates a new {@code SearchContext} associated with the specified DataTable.
    *
-   * @param dataTable the {@link org.dominokit.domino.ui.datatable.DataTable} that is linked to this
-   *     context
+   * @param dataTable the DataTable to which this context is associated
    */
   public SearchContext(DataTable dataTable) {
     this.dataTable = dataTable;
   }
 
   /**
-   * Adds a new filter to the search context
+   * Adds a filter to the search context. If a filter with the same field name and category already
+   * exists, it will be replaced.
    *
-   * @param filter {@link org.dominokit.domino.ui.datatable.model.Filter}
-   * @return same SearchContext instance
+   * @param filter the filter to add
+   * @return this SearchContext for method chaining
    */
   public SearchContext add(Filter filter) {
     if (filters.contains(filter)) {
@@ -60,20 +67,20 @@ public SearchContext add(Filter filter) {
   }
 
   /**
-   * Removes a filter from the context
+   * Removes a filter from the search context.
    *
-   * @param filter {@link org.dominokit.domino.ui.datatable.model.Filter}
-   * @return same SearchContext instance
+   * @param filter the filter to remove
+   * @return this SearchContext for method chaining
    */
   public SearchContext remove(Filter filter) {
     return remove(filter.getFieldName(), filter.getCategory());
   }
 
   /**
-   * Removes all filters associated with the specified field name from the context
+   * Removes all filters with the specified field name from the search context.
    *
-   * @param fieldName String field name
-   * @return same SearchContext instance
+   * @param fieldName the name of the field associated with the filters to remove
+   * @return this SearchContext for method chaining
    */
   public SearchContext remove(String fieldName) {
     filters.removeAll(
@@ -84,12 +91,11 @@ public SearchContext remove(String fieldName) {
   }
 
   /**
-   * Removes all filters associated with the specified field name and of the specified category from
-   * the context
+   * Removes all filters with the specified field name and category from the search context.
    *
-   * @param fieldName String field name
-   * @param category {@link org.dominokit.domino.ui.datatable.model.Category}
-   * @return same SearchContext instance
+   * @param fieldName the name of the field associated with the filters to remove
+   * @param category the category of the filters to remove
+   * @return this SearchContext for method chaining
    */
   public SearchContext remove(String fieldName, Category category) {
     filters.removeAll(
@@ -103,10 +109,10 @@ public SearchContext remove(String fieldName, Category category) {
   }
 
   /**
-   * Removes all filters of the specified category from the context
+   * Removes all filters with the specified category from the search context.
    *
-   * @param category {@link org.dominokit.domino.ui.datatable.model.Category}
-   * @return same SearchContext instance
+   * @param category the category of the filters to remove
+   * @return this SearchContext for method chaining
    */
   public SearchContext removeByCategory(Category category) {
     List collect =
@@ -120,10 +126,9 @@ public SearchContext removeByCategory(Category category) {
   }
 
   /**
-   * Remove all filters and fires the {@link
-   * org.dominokit.domino.ui.datatable.events.SearchClearedEvent}
+   * Clears all filters from the search context.
    *
-   * @return same SearchContext instance
+   * @return this SearchContext for method chaining
    */
   public SearchContext clear() {
     filters.clear();
@@ -132,10 +137,10 @@ public SearchContext clear() {
   }
 
   /**
-   * get.
+   * Retrieves all filters with the specified field name.
    *
-   * @param fieldName String field name
-   * @return a List of all Filters associated with the specified field name
+   * @param fieldName the name of the field associated with the filters to retrieve
+   * @return a list of filters with the specified field name
    */
   public List get(String fieldName) {
     return filters.stream()
@@ -143,29 +148,28 @@ public List get(String fieldName) {
         .collect(Collectors.toList());
   }
 
-  /** @return a new List of all filters */
   /**
-   * listAll.
+   * Retrieves all filters in the search context.
    *
-   * @return a {@link java.util.List} object
+   * @return a list of all filters in the search context
    */
   public List listAll() {
     return new ArrayList<>(filters);
   }
 
   /**
-   * Checks if the context contains the specified filter
+   * Checks if the search context contains the specified filter.
    *
-   * @param filter {@link org.dominokit.domino.ui.datatable.model.Filter}
-   * @return boolean, true if the context contains the filter, otherwise false
+   * @param filter the filter to check for
+   * @return {@code true} if the filter exists in the search context, {@code false} otherwise
    */
   public boolean contains(Filter filter) {
     return filters.stream().anyMatch(f -> f.equals(filter));
   }
 
   /**
-   * Call all the before search handlers and then fire the {@link
-   * org.dominokit.domino.ui.datatable.events.SearchEvent}
+   * Fires a search event, triggering data filtering based on the current filters in the search
+   * context.
    */
   public void fireSearchEvent() {
     beforeSearchHandlers.forEach(handler -> handler.accept(SearchContext.this));
@@ -173,20 +177,18 @@ public void fireSearchEvent() {
   }
 
   /**
-   * Adds a new BeforeSearch handler
+   * Adds a handler to be executed before a search event is fired.
    *
-   * @param handler {@link java.util.function.Consumer} of {@link
-   *     org.dominokit.domino.ui.datatable.model.SearchContext}
+   * @param handler the handler to add
    */
   public void addBeforeSearchHandler(Consumer> handler) {
     this.beforeSearchHandlers.add(handler);
   }
 
   /**
-   * removes a BeforeSearch handler
+   * Removes a handler from the list of handlers to be executed before a search event is fired.
    *
-   * @param handler {@link java.util.function.Consumer} of {@link
-   *     org.dominokit.domino.ui.datatable.model.SearchContext}
+   * @param handler the handler to remove
    */
   public void removeBeforeSearchHandler(Consumer> handler) {
     this.beforeSearchHandlers.remove(handler);
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/DataTablePlugin.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/DataTablePlugin.java
index f56a287e8..6ebbbbe2a 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/DataTablePlugin.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/DataTablePlugin.java
@@ -25,115 +25,119 @@
 import org.dominokit.domino.ui.utils.ElementsFactory;
 
 /**
- * An interface for implementing datatable plugins
+ * The {@code DataTablePlugin} interface represents a plugin that can be added to a DataTable to
+ * extend its functionality. DataTable plugins can respond to various DataTable events and customize
+ * the behavior of the DataTable.
  *
- * 
the methods in this interface are all hood methods that will be called on specific places
- * while building the data table
+ * 
Usage Example:
  *
- * @param  the type of the datatable records
+ * 
+ * public class MyDataTablePlugin implements DataTablePlugin {
+ *
+ *     {@literal @}Override
+ *     public void init(DataTable dataTable) {
+ *         // Initialize the plugin for the given DataTable
+ *     }
+ *
+ *     // Other override methods to respond to DataTable events and customize behavior
+ * }
+ * 

+ *
+ * @param  The type of data displayed in the DataTable.
  */
 public interface DataTablePlugin
     extends TableEventListener, Comparable>, ElementsFactory, DominoCss {
 
   /**
-   * this method is used to initialise the plugin with the datatable instance
+   * Initializes the DataTablePlugin for the given DataTable. This method is called when the plugin
+   * is added to the DataTable.
    *
-   * @param dataTable the {@link org.dominokit.domino.ui.datatable.DataTable} we are attaching this
-   *     plugin to.
+   * @param dataTable The DataTable instance to which this plugin is added.
    */
   default void init(DataTable dataTable) {}
 
   /**
-   * This well be called once the table is initialized and before it is appended to the dom
+   * Called before adding the DataTable to the container. Useful for custom initialization.
    *
-   * @param dataTable the {@link org.dominokit.domino.ui.datatable.DataTable} we are attaching this
-   *     plugin to.
+   * @param dataTable The DataTable instance.
    */
   default void onBeforeAddTable(DataTable dataTable) {}
 
   /**
-   * This method will be called right before adding all columns headers elements to the table
+   * Called before adding the DataTable headers to the container. Useful for custom header
+   * initialization.
    *
-   * @param dataTable the {@link org.dominokit.domino.ui.datatable.DataTable} we are attaching this
-   *     plugin to.
+   * @param dataTable The DataTable instance.
    */
   default void onBeforeAddHeaders(DataTable dataTable) {}
 
   /**
-   * This method will be called right after adding all columns headers elements to the table
+   * Called after adding the DataTable headers to the container.
    *
-   * @param dataTable the {@link org.dominokit.domino.ui.datatable.DataTable} we are attaching this
-   *     plugin to.
+   * @param dataTable The DataTable instance.
    */
   default void onAfterAddHeaders(DataTable dataTable) {}
 
   /**
-   * This method will be called right after adding a column header element to the table
+   * Called when a header is added to the DataTable.
    *
-   * @param dataTable the {@link org.dominokit.domino.ui.datatable.DataTable} we are attaching this
-   *     plugin to.
-   * @param column the {@link org.dominokit.domino.ui.datatable.ColumnConfig} of the column we added
-   *     the header for.
+   * @param dataTable The DataTable instance.
+   * @param column The ColumnConfig for the added header.
    */
   default void onHeaderAdded(DataTable dataTable, ColumnConfig column) {}
 
   /**
-   * This method will be called right after adding body element to the table
+   * Called after adding the DataTable body to the container.
    *
-   * @param dataTable the {@link org.dominokit.domino.ui.datatable.DataTable} we are attaching this
-   *     plugin to.
+   * @param dataTable The DataTable instance.
    */
   default void onBodyAdded(DataTable dataTable) {}
 
   /**
-   * This method will be called right before adding a row to the table
+   * Called before adding a row to the DataTable. Useful for custom row initialization.
    *
-   * @param dataTable the {@link org.dominokit.domino.ui.datatable.DataTable} we are attaching this
-   *     plugin to.
-   * @param tableRow the {@link org.dominokit.domino.ui.datatable.TableRow} we are about to add
+   * @param dataTable The DataTable instance.
+   * @param tableRow The TableRow being added.
    */
   default void onBeforeAddRow(DataTable dataTable, TableRow tableRow) {}
 
   /**
-   * This method will be called right after adding a row to the table
+   * Called when a row is added to the DataTable.
    *
-   * @param dataTable the {@link org.dominokit.domino.ui.datatable.DataTable} we are attaching this
-   *     plugin to.
-   * @param tableRow the {@link org.dominokit.domino.ui.datatable.TableRow} added
+   * @param dataTable The DataTable instance.
+   * @param tableRow The TableRow that was added.
    */
   default void onRowAdded(DataTable dataTable, TableRow tableRow) {}
 
   /**
-   * This method will be called right after all rows are added to the table
+   * Called after all rows are added to the DataTable.
    *
-   * @param dataTable the {@link org.dominokit.domino.ui.datatable.DataTable} we are attaching this
-   *     plugin to.
+   * @param dataTable The DataTable instance.
    */
   default void onAllRowsAdded(DataTable dataTable) {}
 
   /**
-   * This method will be called right after adding the table element to its root element
+   * Called after adding the DataTable to the container. Useful for custom post-initialization.
    *
-   * @param dataTable the {@link org.dominokit.domino.ui.datatable.DataTable} we are attaching this
-   *     plugin to.
+   * @param dataTable The DataTable instance.
    */
   default void onAfterAddTable(DataTable dataTable) {}
 
   /**
-   * onBeforeAddCell.
+   * Called before adding a cell to the DataTable. Useful for custom cell initialization.
    *
-   * @param dataTable a {@link org.dominokit.domino.ui.datatable.DataTable} object
-   * @param tableRow a {@link org.dominokit.domino.ui.datatable.TableRow} object
-   * @param rowCell a {@link org.dominokit.domino.ui.datatable.RowCell} object
+   * @param dataTable The DataTable instance.
+   * @param tableRow The TableRow to which the cell belongs.
+   * @param rowCell The RowCell being added.
    */
   default void onBeforeAddCell(DataTable dataTable, TableRow tableRow, RowCell rowCell) {}
 
   /**
-   * onAfterAddCell.
+   * Called after adding a cell to the DataTable.
    *
-   * @param dataTable a {@link org.dominokit.domino.ui.datatable.DataTable} object
-   * @param tableRow a {@link org.dominokit.domino.ui.datatable.TableRow} object
-   * @param rowCell a {@link org.dominokit.domino.ui.datatable.RowCell} object
+   * @param dataTable The DataTable instance.
+   * @param tableRow The TableRow to which the cell belongs.
+   * @param rowCell The RowCell that was added.
    */
   default void onAfterAddCell(DataTable dataTable, TableRow tableRow, RowCell rowCell) {}
 
@@ -141,39 +145,46 @@ default void onAfterAddCell(DataTable dataTable, TableRow tableRow, RowCel
   @Override
   default void handleEvent(TableEvent event) {}
 
-  /** @return boolean, true if the plugin should use the plugins utility column else false */
   /**
-   * requiresUtilityColumn.
+   * Indicates whether the plugin requires a utility column in the DataTable. Default is {@code
+   * false}.
    *
-   * @return a boolean
+   * @return {@code true} if a utility column is required, {@code false} otherwise.
    */
   default boolean requiresUtilityColumn() {
     return false;
   }
 
   /**
-   * order.
+   * Specifies the order in which the plugin should be executed. Plugins are executed in ascending
+   * order of their order values. The default order value is 100.
    *
-   * @return a int
+   * @return The order value for plugin execution.
    */
   default int order() {
     return 100;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * {@inheritDoc}
+   *
+   * 
Compares this DataTablePlugin with another DataTablePlugin based on their execution order.
+   *
+   * @param o The DataTablePlugin to compare to.
+   * @return A negative integer, zero, or a positive integer if this DataTablePlugin is less than,
+   *     equal to, or greater than the specified DataTablePlugin in terms of execution order.
+   */
   @Override
   default int compareTo(DataTablePlugin o) {
     return Integer.compare(this.order(), o.order());
   }
 
   /**
-   * getUtilityElements.
+   * Provides utility elements that can be added to a cell based on the plugin's logic.
    *
-   * @param dataTable {@link org.dominokit.domino.ui.datatable.DataTable}
-   * @param cellInfo {@link org.dominokit.domino.ui.datatable.CellRenderer.CellInfo}
-   * @return return an {@link java.util.Optional} {@link java.util.List} of {@link
-   *     elemental2.dom.HTMLElement}s to be used as part of the plugins utility column, elements
-   *     returned from this method will be rendered as flex items inside the utility cell.
+   * @param dataTable The DataTable instance.
+   * @param cellInfo Information about the cell.
+   * @return An optional list of HTMLElements representing utility elements to be added to the cell.
    */
   default Optional> getUtilityElements(
       DataTable dataTable, CellRenderer.CellInfo cellInfo) {
@@ -181,9 +192,9 @@ default Optional> getUtilityElements(
   }
 
   /**
-   * Will be called when the footer element is appended to the table element
+   * Called after adding the DataTable footer to the container.
    *
-   * @param datatable {@link org.dominokit.domino.ui.datatable.DataTable}
+   * @param datatable The DataTable instance.
    */
   default void onFooterAdded(DataTable datatable) {}
 }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/DragDropPlugin.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/DragDropPlugin.java
index 8da66817e..108ea88cb 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/DragDropPlugin.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/DragDropPlugin.java
@@ -40,9 +40,21 @@
 import org.dominokit.domino.ui.icons.lib.Icons;
 
 /**
- * this plugin allows reordering and moving records in a data table
+ * The {@code DragDropPlugin} class is a DataTable plugin that enables drag-and-drop functionality
+ * for table rows. It allows users to drag rows and drop them into other DataTables linked with this
+ * plugin. This class implements the {@link DataTablePlugin} interface and provides methods to
+ * configure the drag-and-drop behavior.
  *
- * @param  the type of data table records
+ * 
Usage Example:
+ *
+ * 
+ * DataTable<Person> dataTable = DataTable.create(data);
+ * DragDropPlugin<Person> dragDropPlugin = new DragDropPlugin<>();
+ * dragDropPlugin.linkWith(dataTable2); // Link with another DataTable
+ * dataTable.addPlugin(dragDropPlugin);
+ * 

+ *
+ * @param  The type of data in the DataTable.
  */
 public class DragDropPlugin implements DataTablePlugin {
 
@@ -56,7 +68,12 @@ public class DragDropPlugin implements DataTablePlugin {
   private Text emptyDropText;
   private final List> otherDataTables = new ArrayList<>();
 
-  /** {@inheritDoc} */
+  /**
+   * Initializes the DragDropPlugin with the given DataTable. This method sets up the drag-and-drop
+   * functionality.
+   *
+   * @param dataTable The DataTable to which the drag-and-drop behavior will be added.
+   */
   @Override
   public void init(DataTable dataTable) {
     this.dataTable = dataTable;
@@ -65,6 +82,12 @@ public void init(DataTable dataTable) {
     initEmptyDropArea(dataTable);
   }
 
+  /**
+   * Initializes the empty drop area within the DataTable. This area is displayed when items can be
+   * dropped.
+   *
+   * @param dataTable The DataTable to which the empty drop area will be added.
+   */
   private void initEmptyDropArea(DataTable dataTable) {
     emptyDropText = elements.text("Drop items here");
     emptyDropArea =
@@ -78,13 +101,23 @@ private void initEmptyDropArea(DataTable dataTable) {
     emptyDropRow.hide();
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Indicates whether this plugin requires a utility column in the DataTable.
+   *
+   * @return {@code true} if a utility column is required; otherwise, {@code false}.
+   */
   @Override
   public boolean requiresUtilityColumn() {
     return true;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Returns utility elements for the DataTable cell.
+   *
+   * @param dataTable The DataTable to which the cell belongs.
+   * @param cellInfo Information about the cell.
+   * @return An optional list of utility elements, including the drag-and-drop icon.
+   */
   @Override
   public Optional> getUtilityElements(
       DataTable dataTable, CellRenderer.CellInfo cellInfo) {
@@ -92,7 +125,12 @@ public Optional> getUtilityElements(
         Collections.singletonList(dragDropIconSupplier.get().addCss(dui_row_dnd_grab).element()));
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Handles the addition of a header column in the DataTable.
+   *
+   * @param dataTable The DataTable to which the header is added.
+   * @param column The column configuration.
+   */
   @Override
   public void onHeaderAdded(DataTable dataTable, ColumnConfig column) {
     if (column.isUtilityColumn()) {
@@ -100,7 +138,12 @@ public void onHeaderAdded(DataTable dataTable, ColumnConfig column) {
     }
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Handles the addition of a row in the DataTable.
+   *
+   * @param dataTable The DataTable to which the row is added.
+   * @param tableRow The added row.
+   */
   @Override
   public void onRowAdded(DataTable dataTable, TableRow tableRow) {
     dragSource.addDraggable(Draggable.of(tableRow));
@@ -108,6 +151,13 @@ public void onRowAdded(DataTable dataTable, TableRow tableRow) {
         tableRow, draggableId -> moveItem(dataTable, tableRow.getRecord(), draggableId));
   }
 
+  /**
+   * Moves an item within the DataTable or to another DataTable when it is dropped.
+   *
+   * @param dataTable The DataTable containing the item.
+   * @param record The record to be moved.
+   * @param draggableId The unique identifier of the draggable item.
+   */
   private void moveItem(DataTable dataTable, T record, String draggableId) {
     Optional> optionalTableRow = find(draggableId, dataTable);
 
@@ -127,7 +177,11 @@ private void moveItem(DataTable dataTable, T record, String draggableId) {
     }
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Handles events related to the DataTable, such as RecordDraggedOutEvent and RecordDroppedEvent.
+   *
+   * @param event The event to be handled.
+   */
   @Override
   public void handleEvent(TableEvent event) {
     if (event instanceof RecordDraggedOutEvent) {
@@ -138,6 +192,13 @@ public void handleEvent(TableEvent event) {
     }
   }
 
+  /**
+   * Finds a TableRow by its unique identifier (draggableId) within a DataTable.
+   *
+   * @param draggableId The unique identifier of the draggable item.
+   * @param dataTable The DataTable in which to search for the TableRow.
+   * @return An Optional containing the TableRow if found; otherwise, an empty Optional.
+   */
   private Optional> find(String draggableId, DataTable dataTable) {
     if (nonNull(dataTable.querySelector("[domino-uuid='" + draggableId + "']"))) {
       return dataTable.getRows().stream()
@@ -148,9 +209,9 @@ private Optional> find(String draggableId, DataTable dataTable) {
   }
 
   /**
-   * Link this plugin with other data table in order to be able to move items from it
+   * Links this plugin with another DataTable, allowing drag-and-drop between them.
    *
-   * @param other the other data table to accept items from it
+   * @param other The DataTable to link with.
    */
   public void linkWith(DataTable other) {
     otherDataTables.add(other);
@@ -159,41 +220,37 @@ public void linkWith(DataTable other) {
     }
   }
 
-  /** @param emptyDropIconSupplier supplier to create icon for the empty drop area */
   /**
-   * Setter for the field emptyDropIconSupplier.
+   * Sets the supplier for the empty drop area icon.
    *
-   * @param emptyDropIconSupplier a {@link java.util.function.Supplier} object
+   * @param emptyDropIconSupplier A {@link Supplier} that provides an empty drop area {@link Icon}.
    */
   public void setEmptyDropIconSupplier(Supplier> emptyDropIconSupplier) {
     this.emptyDropIconSupplier = emptyDropIconSupplier;
   }
 
-  /** @param dragDropIconSupplier supplier to create icon for each draggable row */
   /**
-   * Setter for the field dragDropIconSupplier.
+   * Sets the supplier for the drag-and-drop icon displayed in the DataTable.
    *
-   * @param dragDropIconSupplier a {@link java.util.function.Supplier} object
+   * @param dragDropIconSupplier A {@link Supplier} that provides the drag-and-drop {@link Icon}.
    */
   public void setDragDropIconSupplier(Supplier> dragDropIconSupplier) {
     this.dragDropIconSupplier = dragDropIconSupplier;
   }
 
-  /** @return the element of empty drop */
   /**
-   * Getter for the field emptyDropArea.
+   * Retrieves the empty drop area as a {@link DivElement}.
    *
-   * @return a {@link org.dominokit.domino.ui.elements.DivElement} object
+   * @return The empty drop area as a {@link DivElement}.
    */
   public DivElement getEmptyDropArea() {
     return emptyDropArea;
   }
 
-  /** @param text changes the text of the empty drop area */
   /**
-   * Setter for the field emptyDropText.
+   * Sets the text content for the empty drop area.
    *
-   * @param text a {@link java.lang.String} object
+   * @param text The text to display in the empty drop area.
    */
   public void setEmptyDropText(String text) {
     emptyDropText.textContent = text;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/HasPluginConfig.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/HasPluginConfig.java
index ca8cc1f07..23a94e8aa 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/HasPluginConfig.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/HasPluginConfig.java
@@ -13,33 +13,42 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins;
 
 import java.util.function.Consumer;
 
-/** HasPluginConfig interface. */
+/**
+ * The {@code HasPluginConfig} interface is implemented by classes that allow configuring a
+ * DataTablePlugin with a specific configuration. It provides methods to set, get, and configure the
+ * plugin's configuration.
+ *
+ * @param  The type of data table records.
+ * @param  The type of DataTablePlugin to configure.
+ * @param  The type of configuration for the DataTablePlugin.
+ */
 public interface HasPluginConfig, C extends PluginConfig> {
 
   /**
-   * setConfig.
+   * Sets the configuration for the DataTablePlugin.
    *
-   * @param config a C object
-   * @return a T object
+   * @param config The configuration to set.
+   * @return The DataTablePlugin with the updated configuration.
    */
   T setConfig(C config);
 
   /**
-   * getConfig.
+   * Gets the configuration for the DataTablePlugin.
    *
-   * @return a C object
+   * @return The configuration for the DataTablePlugin.
    */
   C getConfig();
 
   /**
-   * Use to update the configuration in the current plugin configuration
+   * Configures the DataTablePlugin using the provided handler.
    *
-   * @param handler {@link java.util.function.Consumer} of {@link C}
-   * @return same plugin instance.
+   * @param handler The consumer function to configure the DataTablePlugin's configuration.
+   * @return The DataTablePlugin with the updated configuration.
    */
   default T configure(Consumer handler) {
     handler.accept(getConfig());
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/PluginConfig.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/PluginConfig.java
index 5c16f2a7b..f3e8279d5 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/PluginConfig.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/PluginConfig.java
@@ -15,5 +15,9 @@
  */
 package org.dominokit.domino.ui.datatable.plugins;
 
-/** PluginConfig interface. */
+/**
+ * The {@code PluginConfig} interface serves as a marker interface for configuration objects used
+ * with DataTable plugins. It does not define any methods or properties but is used to indicate that
+ * a class is intended to be a configuration object for DataTable plugins.
+ */
 public interface PluginConfig {}
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/column/ColumnFilterMeta.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/column/ColumnFilterMeta.java
index 15dd38cb1..6e042846c 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/column/ColumnFilterMeta.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/column/ColumnFilterMeta.java
@@ -21,62 +21,65 @@
 import org.dominokit.domino.ui.utils.ComponentMeta;
 import org.dominokit.domino.ui.utils.DominoElement;
 
-/** ColumnFilterMeta class. */
+/**
+ * Represents metadata associated with a column filter in a DataTable's header.
+ *
+ * @param  The type of data in the column.
+ */
 public class ColumnFilterMeta implements ComponentMeta {
 
-  /** Constant DOMINO_COLUMN_HEADER_FILTER_META="domino-column-header-filter-meta" */
+  /** The key used to identify this metadata. */
   public static final String DOMINO_COLUMN_HEADER_FILTER_META = "domino-column-header-filter-meta";
 
   private ColumnHeaderFilterPlugin.HeaderFilter headerFilter;
   private DominoElement headerElement;
 
   /**
-   * Constructor for ColumnFilterMeta.
+   * Creates a new ColumnFilterMeta instance with the given header filter.
    *
-   * @param headerFilter a {@link
-   *     org.dominokit.domino.ui.datatable.plugins.column.ColumnHeaderFilterPlugin.HeaderFilter}
-   *     object
+   * @param headerFilter The header filter associated with the column.
    */
   public ColumnFilterMeta(ColumnHeaderFilterPlugin.HeaderFilter headerFilter) {
     this.headerFilter = headerFilter;
   }
 
   /**
-   * of.
+   * Creates a new ColumnFilterMeta instance with the given header filter.
    *
-   * @param headerFilter a {@link
-   *     org.dominokit.domino.ui.datatable.plugins.column.ColumnHeaderFilterPlugin.HeaderFilter}
-   *     object
-   * @param  a T class
-   * @return a {@link org.dominokit.domino.ui.datatable.plugins.column.ColumnFilterMeta} object
+   * @param  The type of data in the column.
+   * @param headerFilter The header filter associated with the column.
+   * @return A new ColumnFilterMeta instance.
    */
   public static  ColumnFilterMeta of(ColumnHeaderFilterPlugin.HeaderFilter headerFilter) {
     return new ColumnFilterMeta<>(headerFilter);
   }
 
-  /** {@inheritDoc} */
+  /**
+   * {@inheritDoc} Returns the key used to identify this metadata, which is {@value
+   * DOMINO_COLUMN_HEADER_FILTER_META}.
+   *
+   * @return The metadata key.
+   */
   @Override
   public String getKey() {
     return DOMINO_COLUMN_HEADER_FILTER_META;
   }
 
   /**
-   * get.
+   * Retrieves the ColumnFilterMeta associated with the specified column configuration.
    *
-   * @param column a {@link org.dominokit.domino.ui.datatable.ColumnConfig} object
-   * @param  a T class
-   * @return a {@link java.util.Optional} object
+   * @param  The type of data in the column.
+   * @param column The column configuration to retrieve the metadata from.
+   * @return An optional ColumnFilterMeta instance if found; otherwise, an empty optional.
    */
   public static  Optional> get(ColumnConfig column) {
     return column.getMeta(DOMINO_COLUMN_HEADER_FILTER_META);
   }
 
   /**
-   * Getter for the field headerFilter.
+   * Retrieves the header filter associated with this ColumnFilterMeta.
    *
-   * @return a {@link
-   *     org.dominokit.domino.ui.datatable.plugins.column.ColumnHeaderFilterPlugin.HeaderFilter}
-   *     object
+   * @return The header filter.
    */
   public ColumnHeaderFilterPlugin.HeaderFilter getHeaderFilter() {
     return headerFilter;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/column/ColumnHeaderFilterPlugin.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/column/ColumnHeaderFilterPlugin.java
index 4f009b4c1..654b4f287 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/column/ColumnHeaderFilterPlugin.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/column/ColumnHeaderFilterPlugin.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.column;
 
 import static java.util.Objects.nonNull;
@@ -32,31 +33,44 @@
 import org.dominokit.domino.ui.style.Style;
 
 /**
- * This plugin adds header filters to table columns headers
+ * A DataTable plugin that adds header filters to the DataTable. Header filters are used to filter
+ * data in the DataTable based on the values in the column headers.
  *
- * @param  the type of the data table records
+ * @param  The type of data in the DataTable.
  */
 public class ColumnHeaderFilterPlugin implements DataTablePlugin {
 
+  /** The HTML element that contains the header filters. */
   private TableRowElement filtersRowElement = elements.tr();
+
+  /** The DataTable instance to which this plugin is attached. */
   private DataTable datatable;
 
+  /**
+   * Initializes the ColumnHeaderFilterPlugin for a specific DataTable instance.
+   *
+   * @param dataTable The DataTable to which this plugin is attached.
+   */
   @Override
   public void init(DataTable dataTable) {
     this.datatable = dataTable;
   }
 
   /**
-   * Create a new instance
+   * Creates a new instance of the ColumnHeaderFilterPlugin.
    *
-   * @param  the type of the data table records
-   * @return new instance
+   * @param  The type of data in the DataTable.
+   * @return A new ColumnHeaderFilterPlugin instance.
    */
   public static  ColumnHeaderFilterPlugin create() {
     return new ColumnHeaderFilterPlugin<>();
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Adds header filters to the DataTable after the headers have been added.
+   *
+   * @param dataTable The DataTable to which the header filters are added.
+   */
   @Override
   public void onAfterAddHeaders(DataTable dataTable) {
     TableConfig tableConfig = dataTable.getTableConfig();
@@ -118,7 +132,11 @@ private String bestFitWidth(ColumnConfig columnConfig) {
     }
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Handles table events, such as clearing the filters when a search is cleared.
+   *
+   * @param event The table event to handle.
+   */
   @Override
   public void handleEvent(TableEvent event) {
     if (SearchClearedEvent.SEARCH_EVENT_CLEARED.equals(event.getType())) {
@@ -136,46 +154,42 @@ public void handleEvent(TableEvent event) {
     }
   }
 
-  /** @return The table row element that contains the header filters components */
   /**
-   * Getter for the field filtersRowElement.
+   * Gets the HTML element that contains the header filters.
    *
-   * @return a {@link org.dominokit.domino.ui.elements.TableRowElement} object
+   * @return The TableRowElement containing the header filters.
    */
   public TableRowElement getFiltersRowElement() {
     return filtersRowElement;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Specifies the order in which this plugin should be executed. Plugins with lower order values
+   * are executed first.
+   *
+   * @return The order value for this plugin.
+   */
   @Override
   public int order() {
     return 110;
   }
 
   /**
-   * An interface for implementing HeaderFilters
+   * An interface for defining header filters that can be used with the ColumnHeaderFilterPlugin.
    *
-   * @param  the type of data table records
+   * @param  The type of data in the DataTable.
    */
   public interface HeaderFilter extends IsElement {
+
     /**
-     * Initializes the header filter with the data table search context and the column config to
-     * which the filter is being added
+     * Initializes the header filter with the search context and column configuration.
      *
-     * 
this will be called by the {@link ColumnHeaderFilterPlugin}
-     *
-     * @param searchContext {@link SearchContext}
-     * @param columnConfig {@link ColumnConfig}
+     * @param searchContext The search context for the DataTable.
+     * @param columnConfig The configuration of the column to which the filter is attached.
      */
     void init(SearchContext searchContext, ColumnConfig columnConfig);
 
-    /**
-     * Clears the header filter component value
-     *
-     * 

-     *
-     * 
this will be called by the {@link ColumnHeaderFilterPlugin}
-     */
+    /** Clears the header filter, resetting it to its initial state. */
     void clear();
   }
 }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/column/PinColumnFunction.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/column/PinColumnFunction.java
index 159810762..cb39be324 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/column/PinColumnFunction.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/column/PinColumnFunction.java
@@ -17,13 +17,15 @@
 
 import org.dominokit.domino.ui.datatable.ColumnConfig;
 
+/** The functional interface for pinning columns in a DataTable. */
 interface PinColumnFunction {
+
   /**
-   * pin.
+   * Pins a column to a specified position in a DataTable.
    *
-   * @param column a {@link org.dominokit.domino.ui.datatable.ColumnConfig} object
-   * @param position a double
-   * @return a double
+   * @param column The column to be pinned.
+   * @param position The position to which the column should be pinned.
+   * @return The new position of the column after pinning.
    */
   double pin(ColumnConfig column, double position);
 }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/column/PinColumnMeta.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/column/PinColumnMeta.java
index 9010225ad..878de078c 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/column/PinColumnMeta.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/column/PinColumnMeta.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.column;
 
 import static org.dominokit.domino.ui.datatable.plugins.column.PinColumnsPlugin.PIN_COLUMNS_CSS_RULE;
@@ -25,112 +26,127 @@
 import org.dominokit.domino.ui.utils.ComponentMeta;
 import org.dominokit.domino.ui.utils.DominoCSSRule;
 
-/** PinColumnMeta class. */
+/**
+ * A meta class for handling pinned columns in a DataTable. It provides methods and information
+ * related to pinned columns.
+ *
+ * @see org.dominokit.domino.ui.datatable.plugins.column.PinColumnsPlugin
+ */
 public class PinColumnMeta implements ComponentMeta, PinColumnFunction {
 
   private final PinDirection direction;
 
-  /** Constant PIN_COLUMN_META="pin-column-meta" */
+  /** The meta key for PinColumnMeta. */
   public static final String PIN_COLUMN_META = "pin-column-meta";
 
   /**
-   * left.
+   * Creates a new PinColumnMeta instance for pinning columns to the left side of the DataTable.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.plugins.column.PinColumnMeta} object
+   * @return A PinColumnMeta instance for pinning columns to the left side.
    */
   public static PinColumnMeta left() {
     return new PinColumnMeta(PinDirection.LEFT);
   }
 
   /**
-   * right.
+   * Creates a new PinColumnMeta instance for pinning columns to the right side of the DataTable.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.plugins.column.PinColumnMeta} object
+   * @return A PinColumnMeta instance for pinning columns to the right side.
    */
   public static PinColumnMeta right() {
     return new PinColumnMeta(PinDirection.RIGHT);
   }
 
   /**
-   * get.
+   * Gets an optional PinColumnMeta for the specified column.
    *
-   * @param column a {@link org.dominokit.domino.ui.datatable.ColumnConfig} object
-   * @return a {@link java.util.Optional} object
+   * @param column The column for which to retrieve the PinColumnMeta.
+   * @return An Optional containing the PinColumnMeta if available, or an empty Optional if not.
    */
   public static Optional get(ColumnConfig column) {
     return column.getMeta(PIN_COLUMN_META);
   }
 
   /**
-   * isPinLeft.
+   * Checks if the specified column is pinned to the left side.
    *
-   * @param column a {@link org.dominokit.domino.ui.datatable.ColumnConfig} object
-   * @return a boolean
+   * @param column The column to check.
+   * @return True if the column is pinned to the left side, false otherwise.
    */
   public static boolean isPinLeft(ColumnConfig column) {
     return PinColumnMeta.get(column).isPresent() && PinColumnMeta.get(column).get().isLeftPin();
   }
 
   /**
-   * isPinRight.
+   * Checks if the specified column is pinned to the right side.
    *
-   * @param column a {@link org.dominokit.domino.ui.datatable.ColumnConfig} object
-   * @return a boolean
+   * @param column The column to check.
+   * @return True if the column is pinned to the right side, false otherwise.
    */
   public static boolean isPinRight(ColumnConfig column) {
     return PinColumnMeta.get(column).isPresent() && PinColumnMeta.get(column).get().isRightPin();
   }
 
   /**
-   * isPinned.
+   * Checks if the specified column is pinned either to the left or right side.
    *
-   * @param column a {@link org.dominokit.domino.ui.datatable.ColumnConfig} object
-   * @return a boolean
+   * @param column The column to check.
+   * @return True if the column is pinned, false otherwise.
    */
   public static boolean isPinned(ColumnConfig column) {
     return (PinColumnMeta.isPinLeft(column) || PinColumnMeta.isPinRight(column));
   }
 
   /**
-   * Constructor for PinColumnMeta.
+   * Creates a new PinColumnMeta instance with the specified pin direction.
    *
-   * @param direction a {@link
-   *     org.dominokit.domino.ui.datatable.plugins.column.PinColumnMeta.PinDirection} object
+   * @param direction The pin direction.
    */
   public PinColumnMeta(PinDirection direction) {
     this.direction = direction;
   }
 
   /**
-   * isLeftPin.
+   * Checks if the column is pinned to the left side.
    *
-   * @return a boolean
+   * @return True if the column is pinned to the left side, false otherwise.
    */
   public boolean isLeftPin() {
     return PinDirection.LEFT.equals(direction);
   }
 
   /**
-   * isRightPin.
+   * Checks if the column is pinned to the right side.
    *
-   * @return a boolean
+   * @return True if the column is pinned to the right side, false otherwise.
    */
   public boolean isRightPin() {
     return PinDirection.RIGHT.equals(direction);
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Gets the meta key associated with PinColumnMeta.
+   *
+   * @return The meta key.
+   */
   @Override
   public String getKey() {
     return PIN_COLUMN_META;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Pins the specified column at the given position.
+   *
+   * @param column The column to be pinned.
+   * @param position The position at which to pin the column.
+   * @return The new position of the column after pinning.
+   */
   @Override
   public double pin(ColumnConfig column, double position) {
     return direction.pin(column, position);
   }
 
+  /** Enumeration representing the pin direction for columns. */
   public enum PinDirection implements PinColumnFunction {
     LEFT(PinDirection::pinHeaderLeft),
     RIGHT(PinColumnMeta::pinHeaderRight);
@@ -141,6 +157,14 @@ public enum PinDirection implements PinColumnFunction {
       this.pinColumnFunction = pinColumnFunction;
     }
 
+    /**
+     * Pins the header of the column to the left.
+     *
+     * @param  The data type of the column.
+     * @param column The column to be pinned.
+     * @param left The position to pin the column.
+     * @return The new position of the column after pinning.
+     */
     private static  double pinHeaderLeft(ColumnConfig column, double left) {
       ColumnCssRuleMeta.get(column)
           .flatMap(cssMeta -> cssMeta.getColumnCssRule(PIN_COLUMNS_CSS_RULE))
@@ -179,12 +203,28 @@ private static  double pinHeaderLeft(ColumnConfig column, double left) {
       return left + column.getHeadElement().getBoundingClientRect().width;
     }
 
+    /**
+     * Pins a column to a specified position in a DataTable. Implementing classes must provide the
+     * logic for pinning the column.
+     *
+     * @param column The column to be pinned.
+     * @param position The position to pin the column.
+     * @return The new position of the column after pinning.
+     */
     @Override
     public double pin(ColumnConfig column, double position) {
       return pinColumnFunction.pin(column, position);
     }
   }
 
+  /**
+   * Pins the header of the column to the right.
+   *
+   * @param  The data type of the column.
+   * @param column The column to be pinned.
+   * @param right The position to pin the column.
+   * @return The new position of the column after pinning.
+   */
   private static  double pinHeaderRight(ColumnConfig column, double right) {
     ColumnCssRuleMeta.get(column)
         .flatMap(cssMeta -> cssMeta.getColumnCssRule(PIN_COLUMNS_CSS_RULE))
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/column/PinColumnsConfig.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/column/PinColumnsConfig.java
index bf7e18745..b62932b24 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/column/PinColumnsConfig.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/column/PinColumnsConfig.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.column;
 
 import org.dominokit.domino.ui.datatable.plugins.PluginConfig;
@@ -20,26 +21,40 @@
 import org.dominokit.domino.ui.icons.lib.Icons;
 import org.dominokit.domino.ui.style.SpacingCss;
 
-/** PinColumnsConfig class. */
+/**
+ * Configuration class for the PinColumnsPlugin in a DataTable. This class allows you to customize
+ * the behavior and appearance of pinned columns.
+ *
+ * @see org.dominokit.domino.ui.datatable.plugins.column.PinColumnsPlugin
+ * @see org.dominokit.domino.ui.datatable.plugins.PluginConfig
+ */
 public class PinColumnsConfig implements PluginConfig {
   private boolean showPinIcon = false;
   private boolean showPinMenu = false;
 
+  /** Icon used for pinning columns to the left side of the DataTable. */
   private Icon pinLeftIcon = Icons.pin().addCss(SpacingCss.dui_font_size_4);
+
+  /** Icon used for pinning columns to the right side of the DataTable. */
   private Icon pinRightIcon = Icons.pin().addCss(SpacingCss.dui_font_size_4);
 
+  /** Text label for the "Pin Left" action in the column menu. */
   private String pinLeftText = "Pin left";
+
+  /** Text label for the "Pin Right" action in the column menu. */
   private String pinRightText = "Pin right";
+
+  /** Text label for the "Unpin" action in the column menu. */
   private String unpinText = "Unpin";
 
-  /** Constructor for PinColumnsConfig. */
+  /** Default constructor for PinColumnsConfig. */
   public PinColumnsConfig() {}
 
   /**
-   * Constructor for PinColumnsConfig.
+   * Constructor for PinColumnsConfig with options to show pin icon and pin menu.
    *
-   * @param showPinIcon a boolean
-   * @param showPinMenu a boolean
+   * @param showPinIcon True to show pin icons, false otherwise.
+   * @param showPinMenu True to show the pin menu, false otherwise.
    */
   public PinColumnsConfig(boolean showPinIcon, boolean showPinMenu) {
     this.showPinIcon = showPinIcon;
@@ -47,39 +62,39 @@ public PinColumnsConfig(boolean showPinIcon, boolean showPinMenu) {
   }
 
   /**
-   * of.
+   * Creates a new PinColumnsConfig instance with default settings.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.plugins.column.PinColumnsConfig} object
+   * @return A new PinColumnsConfig instance.
    */
   public static PinColumnsConfig of() {
     return new PinColumnsConfig();
   }
 
   /**
-   * of.
+   * Creates a new PinColumnsConfig instance with the specified settings.
    *
-   * @param showPinIcon a boolean
-   * @param showPinMenu a boolean
-   * @return a {@link org.dominokit.domino.ui.datatable.plugins.column.PinColumnsConfig} object
+   * @param showPinIcon True to show pin icons, false otherwise.
+   * @param showPinMenu True to show the pin menu, false otherwise.
+   * @return A new PinColumnsConfig instance with the specified settings.
    */
   public static PinColumnsConfig of(boolean showPinIcon, boolean showPinMenu) {
     return new PinColumnsConfig(showPinIcon, showPinMenu);
   }
 
   /**
-   * isShowPinIcon.
+   * Checks if pin icons are shown.
    *
-   * @return a boolean
+   * @return True if pin icons are shown, false otherwise.
    */
   public boolean isShowPinIcon() {
     return showPinIcon;
   }
 
   /**
-   * Setter for the field showPinIcon.
+   * Sets whether to show pin icons.
    *
-   * @param showPinIcon a boolean
-   * @return a {@link org.dominokit.domino.ui.datatable.plugins.column.PinColumnsConfig} object
+   * @param showPinIcon True to show pin icons, false otherwise.
+   * @return The PinColumnsConfig instance for method chaining.
    */
   public PinColumnsConfig setShowPinIcon(boolean showPinIcon) {
     this.showPinIcon = showPinIcon;
@@ -87,19 +102,19 @@ public PinColumnsConfig setShowPinIcon(boolean showPinIcon) {
   }
 
   /**
-   * isShowPinMenu.
+   * Checks if the pin menu is shown.
    *
-   * @return a boolean
+   * @return True if the pin menu is shown, false otherwise.
    */
   public boolean isShowPinMenu() {
     return showPinMenu;
   }
 
   /**
-   * Setter for the field showPinMenu.
+   * Sets whether to show the pin menu.
    *
-   * @param showPinMenu a boolean
-   * @return a {@link org.dominokit.domino.ui.datatable.plugins.column.PinColumnsConfig} object
+   * @param showPinMenu True to show the pin menu, false otherwise.
+   * @return The PinColumnsConfig instance for method chaining.
    */
   public PinColumnsConfig setShowPinMenu(boolean showPinMenu) {
     this.showPinMenu = showPinMenu;
@@ -107,73 +122,73 @@ public PinColumnsConfig setShowPinMenu(boolean showPinMenu) {
   }
 
   /**
-   * Getter for the field pinLeftText.
+   * Gets the text label for the "Pin Left" action in the column menu.
    *
-   * @return a {@link java.lang.String} object
+   * @return The text label for "Pin Left."
    */
   public String getPinLeftText() {
     return pinLeftText;
   }
 
   /**
-   * Setter for the field pinLeftText.
+   * Sets the text label for the "Pin Left" action in the column menu.
    *
-   * @param pinLeftText a {@link java.lang.String} object
+   * @param pinLeftText The text label for "Pin Left."
    */
   public void setPinLeftText(String pinLeftText) {
     this.pinLeftText = pinLeftText;
   }
 
   /**
-   * Getter for the field pinRightText.
+   * Gets the text label for the "Pin Right" action in the column menu.
    *
-   * @return a {@link java.lang.String} object
+   * @return The text label for "Pin Right."
    */
   public String getPinRightText() {
     return pinRightText;
   }
 
   /**
-   * Setter for the field pinRightText.
+   * Sets the text label for the "Pin Right" action in the column menu.
    *
-   * @param pinRightText a {@link java.lang.String} object
+   * @param pinRightText The text label for "Pin Right."
    */
   public void setPinRightText(String pinRightText) {
     this.pinRightText = pinRightText;
   }
 
   /**
-   * Getter for the field unpinText.
+   * Gets the text label for the "Unpin" action in the column menu.
    *
-   * @return a {@link java.lang.String} object
+   * @return The text label for "Unpin."
    */
   public String getUnpinText() {
     return unpinText;
   }
 
   /**
-   * Setter for the field unpinText.
+   * Sets the text label for the "Unpin" action in the column menu.
    *
-   * @param unpinText a {@link java.lang.String} object
+   * @param unpinText The text label for "Unpin."
    */
   public void setUnpinText(String unpinText) {
     this.unpinText = unpinText;
   }
 
   /**
-   * Getter for the field pinLeftIcon.
+   * Gets the icon used for pinning columns to the left side of the DataTable.
    *
-   * @return a {@link org.dominokit.domino.ui.icons.Icon} object
+   * @return The pin left icon.
    */
   public Icon getPinLeftIcon() {
     return pinLeftIcon;
   }
 
   /**
-   * Setter for the field pinLeftIcon.
+   * Sets the icon used for pinning columns to the left side of the DataTable.
    *
-   * @param pinLeftIcon a {@link org.dominokit.domino.ui.icons.Icon} object
-   * @return a {@link org.dominokit.domino.ui.datatable.plugins.column.PinColumnsConfig} object
+   * @param pinLeftIcon The pin left icon.
+   * @return The PinColumnsConfig instance for method chaining.
    */
   public PinColumnsConfig setPinLeftIcon(Icon pinLeftIcon) {
     this.pinLeftIcon = pinLeftIcon;
@@ -181,19 +196,19 @@ public PinColumnsConfig setPinLeftIcon(Icon pinLeftIcon) {
   }
 
   /**
-   * Getter for the field pinRightIcon.
+   * Gets the icon used for pinning columns to the right side of the DataTable.
    *
-   * @return a {@link org.dominokit.domino.ui.icons.Icon} object
+   * @return The pin right icon.
    */
   public Icon getPinRightIcon() {
     return pinRightIcon;
   }
 
   /**
-   * Setter for the field pinRightIcon.
+   * Sets the icon used for pinning columns to the right side of the DataTable.
    *
-   * @param pinRightIcon a {@link org.dominokit.domino.ui.icons.Icon} object
-   * @return a {@link org.dominokit.domino.ui.datatable.plugins.column.PinColumnsConfig} object
+   * @param pinRightIcon The pin right icon.
+   * @return The PinColumnsConfig instance for method chaining.
    */
   public PinColumnsConfig setPinRightIcon(Icon pinRightIcon) {
     this.pinRightIcon = pinRightIcon;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/column/PinColumnsPlugin.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/column/PinColumnsPlugin.java
index c83b63a9c..d748a9a60 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/column/PinColumnsPlugin.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/column/PinColumnsPlugin.java
@@ -38,52 +38,80 @@
 import org.dominokit.domino.ui.utils.PrefixAddOn;
 
 /**
- * This plugin allow the user to pin a specific column or columns to the right or left of the table.
- * pinned columns will not scroll horizontally with the table.
+ * This plugin allows users to pin specific columns to the right or left of a {@link
+ * org.dominokit.domino.ui.datatable.DataTable}. Pinned columns remain fixed when scrolling
+ * horizontally, making it easier to view important data while scrolling through a large dataset.
  *
- * 
pinning a column to the left will also pin all columns that are to the left of that column to
- * left too pinning a column to the right will also pin all columns that are to the right of that
- * column to the right. pinning a column in a column group will pin all columns in that group.
+ * 
When you pin a column to the left, all columns to the left of the pinned column will also be
+ * pinned to the left. Similarly, pinning a column to the right will cause all columns to the right
+ * to be pinned to the right.
  *
- * 
to pin a column to the left apply a {@link
- * org.dominokit.domino.ui.datatable.plugins.column.PinColumnMeta} to the column with left direction
+ * 
To pin a column to the left, use {@link
+ * org.dominokit.domino.ui.datatable.plugins.column.PinColumnMeta#left()} when configuring the
+ * column:
  *
  * 
- *     
- *     tableConfig.addColumn(ColumnConfig.create("name", "label").applyMeta(PinColumnMeta.left()))
- *     
+ * tableConfig.addColumn(ColumnConfig.create("name", "Label").applyMeta(PinColumnMeta.left()));
  * 

  *
- * 
to pin a column to the left apply a {@link
- * org.dominokit.domino.ui.datatable.plugins.column.PinColumnMeta} to the column with right
- * direction
+ * 
To pin a column to the right, use {@link
+ * org.dominokit.domino.ui.datatable.plugins.column.PinColumnMeta#right()}:
  *
  * 
- *     
- *     tableConfig.addColumn(ColumnConfig.create("name", "label").applyMeta(PinColumnMeta.right()))
- *     
+ * tableConfig.addColumn(ColumnConfig.create("name", "Label").applyMeta(PinColumnMeta.right()));
  * 

  *
- * 
The pin menu and pin icon are both configurable and are disabled by default.
+ * 
This plugin provides the ability to configure the pinning behavior, including
+ * enabling/disabling pinning icons and menus, and customizing the icon visuals.
  *
- * @param 
+ * 
Customization: You can customize the pin icons using {@link
+ * org.dominokit.domino.ui.icons.Icon} objects. By default, pin icons are taken from the {@link
+ * org.dominokit.domino.ui.icons.lib.Icons} class.
+ *
+ * 
Pin Menu: This plugin provides an optional pinning menu that can be shown
+ * when a column's header is right-clicked. The menu allows users to easily pin/unpin columns.
+ *
+ * 
This plugin listens to various DataTable events such as column resizing and updates to ensure
+ * that pinned columns stay in the correct position.
+ *
+ * 
Notes: - Pinning a column to the left will also pin all columns to the left
+ * of that column. - Pinning a column to the right will also pin all columns to the right of that
+ * column. - Pinned columns do not scroll horizontally with the table.
+ *
+ * @param  The type of data in the DataTable.
+ * @see org.dominokit.domino.ui.datatable.plugins.column.PinColumnMeta
+ * @see org.dominokit.domino.ui.icons.Icon
+ * @see org.dominokit.domino.ui.icons.lib.Icons
  */
 public class PinColumnsPlugin
     implements DataTablePlugin, HasPluginConfig, PinColumnsConfig> {
 
-  /** Constant PIN_COLUMNS_CSS_RULE="PIN-COLUMNS-CSS-RULE" */
+  /** The CSS rule applied to pinned columns. */
   public static final String PIN_COLUMNS_CSS_RULE = "PIN-COLUMNS-CSS-RULE";
 
+  /** The DataTable instance to which this plugin is attached. */
   private DataTable datatable;
 
+  /** The icon used for pinning columns to the left. */
   private Icon pinLeftIcon;
+
+  /** The icon used for pinning columns to the right. */
   private Icon pinRightIcon;
+
+  /** The configuration for this plugin. */
   private PinColumnsConfig config = PinColumnsConfig.of();
 
+  /** The currently pinned column to the left. */
   private ColumnConfig pinLeftColumn;
+
+  /** The currently pinned column to the right. */
   private ColumnConfig pinRightColumn;
 
-  /** {@inheritDoc} */
+  /**
+   * Initializes the PinColumnsPlugin for a specific DataTable instance.
+   *
+   * @param dataTable The DataTable to which this plugin is attached.
+   */
   @Override
   public void init(DataTable dataTable) {
     this.datatable = dataTable;
@@ -108,7 +136,13 @@ public void init(DataTable dataTable) {
     this.datatable.onAttached(mutationRecord -> pinColumns());
   }
 
-  /** {@inheritDoc} */
+  /**
+   * This method is called after headers are added to the DataTable. It handles pinning and
+   * unpinning columns based on the configuration provided. It also sets the z-index of the header
+   * element.
+   *
+   * @param dataTable The {@link DataTable} to which headers are added.
+   */
   @Override
   public void onAfterAddHeaders(DataTable dataTable) {
     dataTable
@@ -192,9 +226,9 @@ private void onBeforeSetPinColumn() {
   }
 
   /**
-   * Setter for the field pinRightColumn.
+   * Sets the right pin for the specified column and updates the pinned columns accordingly.
    *
-   * @param pinRightColumn a {@link org.dominokit.domino.ui.datatable.ColumnConfig} object
+   * @param pinRightColumn The {@link ColumnConfig} to be pinned on the right.
    */
   public void setPinRightColumn(ColumnConfig pinRightColumn) {
     this.datatable.nowOrWhenAttached(
@@ -217,9 +251,10 @@ public void setPinRightColumn(ColumnConfig pinRightColumn) {
   }
 
   /**
-   * unpinColumn.
+   * Unpins the specified column. If the column is pinned on the left, it will unpin left columns;
+   * if it is pinned on the right, it will unpin right columns.
    *
-   * @param column a {@link org.dominokit.domino.ui.datatable.ColumnConfig} object
+   * @param column The {@link ColumnConfig} to be unpinned.
    */
   public void unpinColumn(ColumnConfig column) {
     if (PinColumnMeta.isPinLeft(column)) {
@@ -231,7 +266,7 @@ public void unpinColumn(ColumnConfig column) {
     }
   }
 
-  /** unpinLeftColumns. */
+  /** Unpins all left-pinned columns. */
   public void unpinLeftColumns() {
     onBeforeSetPinColumn();
     datatable.getTableConfig().getColumnsGrouped().stream()
@@ -244,7 +279,7 @@ public void unpinLeftColumns() {
     applyPinnedColumns();
   }
 
-  /** unpinRightColumns. */
+  /** Unpins all right-pinned columns. */
   public void unpinRightColumns() {
     onBeforeSetPinColumn();
     datatable.getTableConfig().getColumnsGrouped().stream()
@@ -258,9 +293,9 @@ public void unpinRightColumns() {
   }
 
   /**
-   * Setter for the field pinLeftColumn.
+   * Sets the left pin for the specified column and updates the pinned columns accordingly.
    *
-   * @param pinLeftColumn a {@link org.dominokit.domino.ui.datatable.ColumnConfig} object
+   * @param pinLeftColumn The {@link ColumnConfig} to be pinned on the left.
    */
   public void setPinLeftColumn(ColumnConfig pinLeftColumn) {
     this.datatable.nowOrWhenAttached(
@@ -281,6 +316,11 @@ public void setPinLeftColumn(ColumnConfig pinLeftColumn) {
         });
   }
 
+  /**
+   * Pins columns on the left side based on the provided pinned column configuration.
+   *
+   * @param pinLeftColumn The {@link ColumnConfig} to be pinned on the left.
+   */
   private void pinColumnsLeft(ColumnConfig pinLeftColumn) {
     List> columns = datatable.getTableConfig().getColumnsGrouped();
     int columnIndex = columns.indexOf(pinLeftColumn.getGrandParent());
@@ -331,6 +371,11 @@ private void pinColumnsLeft(ColumnConfig pinLeftColumn) {
     }
   }
 
+  /**
+   * Pins columns on the right side based on the provided pinned column configuration.
+   *
+   * @param pinRightColumn The {@link ColumnConfig} to be pinned on the right.
+   */
   private void pinColumnsRight(ColumnConfig pinRightColumn) {
     List> columns = datatable.getTableConfig().getColumnsGrouped();
     int columnIndex = columns.indexOf(pinRightColumn.getGrandParent());
@@ -379,7 +424,14 @@ private void pinColumnsRight(ColumnConfig pinRightColumn) {
     }
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Handles the given {@link org.dominokit.domino.ui.datatable.events.TableEvent} by applying
+   * pinned columns when certain events occur. This method listens for events such as table border
+   * updates, record updates, and column resizing to ensure pinned columns remain correctly
+   * positioned.
+   *
+   * @param event The {@link org.dominokit.domino.ui.datatable.events.TableEvent} to handle.
+   */
   @Override
   public void handleEvent(TableEvent event) {
     switch (event.getType()) {
@@ -404,16 +456,28 @@ public void handleEvent(TableEvent event) {
     }
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Applies pinned columns when all rows are added to the DataTable.
+   *
+   * @param dataTable The DataTable to which this plugin is attached.
+   */
   @Override
   public void onAllRowsAdded(DataTable dataTable) {
     applyPinnedColumns();
   }
 
+  /**
+   * Applies pinned columns to the DataTable. This method is called to ensure that pinned columns
+   * stay in the correct position.
+   */
   private void applyPinnedColumns() {
     pinColumns();
   }
 
+  /**
+   * Pins columns based on the current configuration and DataTable state. This method is responsible
+   * for determining which columns to pin and updating their positions.
+   */
   private void pinColumns() {
     onBeforeSetPinColumn();
     if (datatable.isAttached()) {
@@ -424,6 +488,10 @@ private void pinColumns() {
     }
   }
 
+  /**
+   * Pins columns for a DataTable that is currently attached to the DOM. This method calculates the
+   * positions of pinned columns and ensures they remain correctly positioned.
+   */
   private void pinColumnsForAttachedTable() {
     ElementUtil.withBodyObserverPaused(
         () -> {
@@ -457,9 +525,10 @@ private void pinColumnsForAttachedTable() {
   }
 
   /**
-   * {@inheritDoc}
+   * Sets the configuration for this plugin.
    *
-   * 
Set the configuration for this plugin instance
+   * @param config The {@link PinColumnsConfig} configuration to set.
+   * @return This {@link PinColumnsPlugin} instance for method chaining.
    */
   @Override
   public PinColumnsPlugin setConfig(PinColumnsConfig config) {
@@ -467,7 +536,11 @@ public PinColumnsPlugin setConfig(PinColumnsConfig config) {
     return this;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Retrieves the current configuration for this plugin.
+   *
+   * @return The current {@link PinColumnsConfig} configuration.
+   */
   @Override
   public PinColumnsConfig getConfig() {
     return config;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/column/ReorderColumnsPlugin.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/column/ReorderColumnsPlugin.java
index 1429efc90..f2bba78f1 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/column/ReorderColumnsPlugin.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/column/ReorderColumnsPlugin.java
@@ -26,9 +26,9 @@
 import org.dominokit.domino.ui.icons.lib.Icons;
 
 /**
- * this plugin allows reordering columns of a data table
+ * A DataTable plugin that allows columns to be reordered via drag-and-drop.
  *
- * @param  the type of data table records
+ * @param  The type of data displayed in the DataTable.
  */
 public class ReorderColumnsPlugin implements DataTablePlugin {
 
@@ -36,7 +36,13 @@ public class ReorderColumnsPlugin implements DataTablePlugin {
   private final DragSource dragSource = new DragSource();
   private Supplier> headerIconSupplier = Icons::drag_vertical;
 
-  /** {@inheritDoc} */
+  /**
+   * Handles the addition of a header to the DataTable and enables column reordering via
+   * drag-and-drop.
+   *
+   * @param dataTable The DataTable to which the header is added.
+   * @param column The ColumnConfig representing the column to which the header is added.
+   */
   @Override
   public void onHeaderAdded(DataTable dataTable, ColumnConfig column) {
     if (!column.isUtilityColumn()) {
@@ -56,11 +62,10 @@ public void onHeaderAdded(DataTable dataTable, ColumnConfig column) {
     }
   }
 
-  /** @param headerIconSupplier header icon supplier */
   /**
-   * Setter for the field headerIconSupplier.
+   * Sets a custom supplier for the header icon used for column reordering.
    *
-   * @param headerIconSupplier a {@link java.util.function.Supplier} object
+   * @param headerIconSupplier A supplier for the header icon.
    */
   public void setHeaderIconSupplier(Supplier> headerIconSupplier) {
     this.headerIconSupplier = headerIconSupplier;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/column/ResizeColumnMeta.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/column/ResizeColumnMeta.java
index a3e5acc68..d013a0cc7 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/column/ResizeColumnMeta.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/column/ResizeColumnMeta.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.column;
 
 import static java.util.Objects.isNull;
@@ -22,10 +23,13 @@
 import org.dominokit.domino.ui.datatable.ColumnConfig;
 import org.dominokit.domino.ui.utils.ComponentMeta;
 
-/** ResizeColumnMeta class. */
+/**
+ * Meta information class used to store additional metadata related to column resizing in a
+ * DataTable.
+ */
 public class ResizeColumnMeta implements ComponentMeta {
 
-  /** Constant RESIZE_COLUMN_META="resize-column-meta" */
+  /** The key used to retrieve the ResizeColumnMeta instance from a column's metadata. */
   public static final String RESIZE_COLUMN_META = "resize-column-meta";
 
   private double initialWidth;
@@ -37,47 +41,47 @@ public class ResizeColumnMeta implements ComponentMeta {
   private String originalMaxWidth;
 
   /**
-   * create.
+   * Creates a new ResizeColumnMeta instance with the default setting of resizable.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.plugins.column.ResizeColumnMeta} object
+   * @return A new ResizeColumnMeta instance with resizable set to true.
    */
   public static ResizeColumnMeta create() {
     return new ResizeColumnMeta(true);
   }
 
   /**
-   * create.
+   * Creates a new ResizeColumnMeta instance with the specified resizable setting.
    *
-   * @param resizable a boolean
-   * @return a {@link org.dominokit.domino.ui.datatable.plugins.column.ResizeColumnMeta} object
+   * @param resizable {@code true} if the column is resizable, {@code false} otherwise.
+   * @return A new ResizeColumnMeta instance with the specified resizable setting.
    */
   public static ResizeColumnMeta create(boolean resizable) {
     return new ResizeColumnMeta(resizable);
   }
 
   /**
-   * Constructor for ResizeColumnMeta.
+   * Constructs a ResizeColumnMeta instance with the specified resizable setting.
    *
-   * @param resizable a boolean
+   * @param resizable {@code true} if the column is resizable, {@code false} otherwise.
    */
   public ResizeColumnMeta(boolean resizable) {
     this.resizable = resizable;
   }
 
   /**
-   * Getter for the field initialWidth.
+   * Gets the initial width of the column during resizing.
    *
-   * @return a double
+   * @return The initial width of the column during resizing.
    */
   public double getInitialWidth() {
     return initialWidth;
   }
 
   /**
-   * Setter for the field initialWidth.
+   * Sets the initial width of the column during resizing.
    *
-   * @param initialWidth a double
-   * @return a {@link org.dominokit.domino.ui.datatable.plugins.column.ResizeColumnMeta} object
+   * @param initialWidth The initial width of the column during resizing.
+   * @return The ResizeColumnMeta instance with the updated initial width.
    */
   public ResizeColumnMeta setInitialWidth(double initialWidth) {
     this.initialWidth = initialWidth;
@@ -85,19 +89,19 @@ public ResizeColumnMeta setInitialWidth(double initialWidth) {
   }
 
   /**
-   * Getter for the field startPosition.
+   * Gets the starting position of the column during resizing.
    *
-   * @return a double
+   * @return The starting position of the column during resizing.
    */
   public double getStartPosition() {
     return startPosition;
   }
 
   /**
-   * Setter for the field startPosition.
+   * Sets the starting position of the column during resizing.
    *
-   * @param startPosition a double
-   * @return a {@link org.dominokit.domino.ui.datatable.plugins.column.ResizeColumnMeta} object
+   * @param startPosition The starting position of the column during resizing.
+   * @return The ResizeColumnMeta instance with the updated starting position.
    */
   public ResizeColumnMeta setStartPosition(double startPosition) {
     this.startPosition = startPosition;
@@ -105,19 +109,20 @@ public ResizeColumnMeta setStartPosition(double startPosition) {
   }
 
   /**
-   * isResizable.
+   * Checks if the column is resizable.
    *
-   * @return a boolean
+   * @return {@code true} if the column is resizable, {@code false} otherwise.
    */
   public boolean isResizable() {
     return resizable;
   }
 
   /**
-   * Setter for the field resizable.
+   * Sets whether the column is resizable.
    *
-   * @param resizable a boolean
-   * @return a {@link org.dominokit.domino.ui.datatable.plugins.column.ResizeColumnMeta} object
+   * @param resizable {@code true} to make the column resizable, {@code false} to make it
+   *     non-resizable.
+   * @return The ResizeColumnMeta instance with the updated resizable setting.
    */
   public ResizeColumnMeta setResizable(boolean resizable) {
     this.resizable = resizable;
@@ -125,64 +130,64 @@ public ResizeColumnMeta setResizable(boolean resizable) {
   }
 
   /**
-   * Getter for the field originalWidth.
+   * Gets the original width of the column.
    *
-   * @return a {@link java.lang.String} object
+   * @return The original width of the column.
    */
   public String getOriginalWidth() {
     return originalWidth;
   }
 
   /**
-   * Setter for the field originalWidth.
+   * Sets the original width of the column.
    *
-   * @param originalWidth a {@link java.lang.String} object
+   * @param originalWidth The original width of the column.
    */
   public void setOriginalWidth(String originalWidth) {
     this.originalWidth = originalWidth;
   }
 
   /**
-   * Getter for the field originalMinWidth.
+   * Gets the original minimum width of the column.
    *
-   * @return a {@link java.lang.String} object
+   * @return The original minimum width of the column.
    */
   public String getOriginalMinWidth() {
     return originalMinWidth;
   }
 
   /**
-   * Setter for the field originalMinWidth.
+   * Sets the original minimum width of the column.
    *
-   * @param originalMinWidth a {@link java.lang.String} object
+   * @param originalMinWidth The original minimum width of the column.
    */
   public void setOriginalMinWidth(String originalMinWidth) {
     this.originalMinWidth = originalMinWidth;
   }
 
   /**
-   * Getter for the field originalMaxWidth.
+   * Gets the original maximum width of the column.
    *
-   * @return a {@link java.lang.String} object
+   * @return The original maximum width of the column.
    */
   public String getOriginalMaxWidth() {
     return originalMaxWidth;
   }
 
   /**
-   * Setter for the field originalMaxWidth.
+   * Sets the original maximum width of the column.
    *
-   * @param originalMaxWidth a {@link java.lang.String} object
+   * @param originalMaxWidth The original maximum width of the column.
    */
   public void setOriginalMaxWidth(String originalMaxWidth) {
     this.originalMaxWidth = originalMaxWidth;
   }
 
   /**
-   * suppliedMaxWidthOrOriginal.
+   * Returns the original maximum width or the supplied width if the original is not set or invalid.
    *
-   * @param maxWidth a {@link java.lang.String} object
-   * @return a {@link java.lang.String} object
+   * @param maxWidth The supplied maximum width.
+   * @return The original maximum width or the supplied width if valid.
    */
   public String suppliedMaxWidthOrOriginal(String maxWidth) {
     if (isNull(originalMaxWidth) || !originalMaxWidth.contains("px")) {
@@ -204,10 +209,10 @@ public String suppliedMaxWidthOrOriginal(String maxWidth) {
   }
 
   /**
-   * suppliedMinWidthOrOriginal.
+   * Returns the original minimum width or the supplied width if the original is not set or invalid.
    *
-   * @param minWidth a {@link java.lang.String} object
-   * @return a {@link java.lang.String} object
+   * @param minWidth The supplied minimum width.
+   * @return The original minimum width or the supplied width if valid.
    */
   public String suppliedMinWidthOrOriginal(String minWidth) {
     if (isNull(originalMinWidth) || !originalMinWidth.contains("px")) {
@@ -236,17 +241,21 @@ public String suppliedMinWidthOrOriginal(String minWidth) {
     }
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Gets the key used to identify the metadata associated with column resizing.
+   *
+   * @return The key used to identify the column resizing metadata.
+   */
   @Override
   public String getKey() {
     return RESIZE_COLUMN_META;
   }
 
   /**
-   * get.
+   * Retrieves the ResizeColumnMeta instance associated with the given column.
    *
-   * @param column a {@link org.dominokit.domino.ui.datatable.ColumnConfig} object
-   * @return a {@link java.util.Optional} object
+   * @param column The ColumnConfig to retrieve the ResizeColumnMeta from.
+   * @return An Optional containing the ResizeColumnMeta if it exists, or an empty Optional if not.
    */
   public static Optional get(ColumnConfig column) {
     return column.getMeta(RESIZE_COLUMN_META);
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/column/ResizeColumnsConfig.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/column/ResizeColumnsConfig.java
index 49cdeb18b..53b783262 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/column/ResizeColumnsConfig.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/column/ResizeColumnsConfig.java
@@ -17,25 +17,28 @@
 
 import org.dominokit.domino.ui.datatable.plugins.PluginConfig;
 
-/** ResizeColumnsConfig class. */
+/**
+ * Configuration class for the ResizeColumnsPlugin, which allows users to configure the behavior of
+ * column resizing.
+ */
 public class ResizeColumnsConfig implements PluginConfig {
 
   private boolean clipContent = false;
 
   /**
-   * isClipContent.
+   * Checks if content clipping is enabled for column resizing.
    *
-   * @return a boolean
+   * @return {@code true} if content clipping is enabled, {@code false} otherwise.
    */
   public boolean isClipContent() {
     return clipContent;
   }
 
   /**
-   * Setter for the field clipContent.
+   * Sets whether to enable content clipping during column resizing.
    *
-   * @param clipContent a boolean
-   * @return a {@link org.dominokit.domino.ui.datatable.plugins.column.ResizeColumnsConfig} object
+   * @param clipContent {@code true} to enable content clipping, {@code false} to disable it.
+   * @return The ResizeColumnsConfig instance with the updated configuration.
    */
   public ResizeColumnsConfig setClipContent(boolean clipContent) {
     this.clipContent = clipContent;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/column/ResizeColumnsPlugin.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/column/ResizeColumnsPlugin.java
index 930a1b277..e41f98898 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/column/ResizeColumnsPlugin.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/column/ResizeColumnsPlugin.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.column;
 
 import static org.dominokit.domino.ui.datatable.DataTableStyles.dui_column_resizer;
@@ -24,6 +25,7 @@
 import jsinterop.base.Js;
 import org.dominokit.domino.ui.datatable.*;
 import org.dominokit.domino.ui.datatable.events.ColumnResizedEvent;
+import org.dominokit.domino.ui.datatable.events.ColumnResizingEvent;
 import org.dominokit.domino.ui.datatable.plugins.DataTablePlugin;
 import org.dominokit.domino.ui.datatable.plugins.HasPluginConfig;
 import org.dominokit.domino.ui.elements.DivElement;
@@ -32,9 +34,9 @@
 import org.dominokit.domino.ui.utils.DominoDom;
 
 /**
- * this plugin allows resizing columns of a data table
+ * A DataTable plugin that allows users to resize column widths via drag-and-drop.
  *
- * @param  the type of data table records
+ * @param  The data type of the DataTable.
  */
 public class ResizeColumnsPlugin
     implements DataTablePlugin, HasPluginConfig, ResizeColumnsConfig> {
@@ -42,7 +44,14 @@ public class ResizeColumnsPlugin
   private ResizeColumnsConfig config = new ResizeColumnsConfig();
   private DataTable datatable;
 
-  /** {@inheritDoc} */
+  private ColumnConfig resizingColumn;
+  private boolean resizing = false;
+
+  /**
+   * Initializes the plugin and prepares columns for resizing.
+   *
+   * @param dataTable The DataTable to which this plugin is applied.
+   */
   @Override
   public void init(DataTable dataTable) {
     this.datatable = dataTable;
@@ -67,7 +76,13 @@ public void init(DataTable dataTable) {
                     }));
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Handles the addition of a header to the DataTable and enables column resizing via
+   * drag-and-drop.
+   *
+   * @param dataTable The DataTable to which the header is added.
+   * @param column The ColumnConfig representing the column to which the header is added.
+   */
   @Override
   public void onHeaderAdded(DataTable dataTable, ColumnConfig column) {
     ResizeColumnMeta.get(column)
@@ -115,7 +130,7 @@ public void onHeaderAdded(DataTable dataTable, ColumnConfig column) {
                                 double currentPosition = mouseEvent.clientX;
                                 double diff = currentPosition - meta.getStartPosition();
 
-                                dataTable.fireTableEvent(ColumnResizedEvent.of(column, diff));
+                                dataTable.fireTableEvent(ColumnResizingEvent.of(column, diff));
                               });
                     };
 
@@ -126,6 +141,8 @@ public void onHeaderAdded(DataTable dataTable, ColumnConfig column) {
                       if (mouseEvent.buttons == 1) {
                         mouseEvent.stopPropagation();
                         mouseEvent.preventDefault();
+                        this.resizingColumn = column;
+                        this.resizing = true;
                         column
                             .getGrandParent()
                             .applyAndOnSubColumns(
@@ -144,23 +161,27 @@ public void onHeaderAdded(DataTable dataTable, ColumnConfig column) {
                     });
                 EventListener stopResizing =
                     evt -> {
-                      ResizeColumnMeta.get(column)
-                          .ifPresent(
-                              meta -> {
-                                MouseEvent mouseEvent = Js.uncheckedCast(evt);
-                                double currentPosition = mouseEvent.clientX;
-                                double diff = currentPosition - meta.getStartPosition();
+                      evt.stopPropagation();
+                      if (column.equals(this.resizingColumn) && resizing) {
+                        this.resizing = false;
+                        ResizeColumnMeta.get(column)
+                            .ifPresent(
+                                meta -> {
+                                  MouseEvent mouseEvent = Js.uncheckedCast(evt);
+                                  double currentPosition = mouseEvent.clientX;
+                                  double diff = currentPosition - meta.getStartPosition();
 
-                                dataTable.fireTableEvent(ColumnResizedEvent.of(column, diff, true));
-                              });
+                                  dataTable.fireTableEvent(
+                                      ColumnResizedEvent.of(column, diff, true));
+                                });
 
-                      DominoDom.document.body.removeEventListener(
-                          EventType.mousemove.getName(), resizeListener);
+                        DominoDom.document.body.removeEventListener(
+                            EventType.mousemove.getName(), resizeListener);
+                      }
                     };
 
                 this.datatable.onAttached(
                     mutationRecord -> {
-                      resizeElement.addEventListener(EventType.mouseup.getName(), stopResizing);
                       DominoDom.document.body.addEventListener(
                           EventType.mouseup.getName(), stopResizing);
                     });
@@ -175,6 +196,13 @@ public void onHeaderAdded(DataTable dataTable, ColumnConfig column) {
             });
   }
 
+  /**
+   * Resizes the specified column with the given metadata and difference value.
+   *
+   * @param col The ColumnConfig to resize.
+   * @param meta The ResizeColumnMeta containing column resize metadata.
+   * @param diff The difference in width to apply to the column.
+   */
   private void resizeColumn(ColumnConfig col, ResizeColumnMeta meta, double diff) {
     DomGlobal.requestAnimationFrame(
         timestamp -> {
@@ -216,7 +244,13 @@ private void resizeColumn(ColumnConfig col, ResizeColumnMeta meta, double dif
         });
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Handles actions before adding a cell to the DataTable.
+   *
+   * @param dataTable The DataTable.
+   * @param tableRow The TableRow where the cell is added.
+   * @param rowCell The RowCell to be added.
+   */
   @Override
   public void onBeforeAddCell(DataTable dataTable, TableRow tableRow, RowCell rowCell) {
     if (config.isClipContent()) {
@@ -224,14 +258,23 @@ public void onBeforeAddCell(DataTable dataTable, TableRow tableRow, RowCel
     }
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Sets the configuration for the ResizeColumnsPlugin.
+   *
+   * @param config The ResizeColumnsConfig to set.
+   * @return The ResizeColumnsPlugin instance.
+   */
   @Override
   public ResizeColumnsPlugin setConfig(ResizeColumnsConfig config) {
     this.config = config;
     return this;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Gets the current configuration of the ResizeColumnsPlugin.
+   *
+   * @return The current ResizeColumnsConfig.
+   */
   @Override
   public ResizeColumnsConfig getConfig() {
     return config;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/BooleanHeaderFilter.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/BooleanHeaderFilter.java
index 846498c61..96bd09c32 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/BooleanHeaderFilter.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/BooleanHeaderFilter.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.filter.header;
 
 import elemental2.dom.HTMLElement;
@@ -26,51 +27,52 @@
 import org.dominokit.domino.ui.forms.suggest.SelectOption;
 
 /**
- * Boolean column header filter component that is rendered as a {@link
- * org.dominokit.domino.ui.forms.suggest.Select} component
+ * The BooleanHeaderFilter class provides a header filter for boolean (true/false) columns in a
+ * DataTable. It allows users to filter data based on boolean values.
  *
- * @param  type of data table records
+ * @param  The type of data in the DataTable.
  */
 public class BooleanHeaderFilter implements ColumnHeaderFilterPlugin.HeaderFilter {
 
   private final Select select;
 
   /**
-   * Creates an instance with default labels ALL,Yes,No
+   * Creates a new instance of the BooleanHeaderFilter with default labels for true, false, and both
+   * options.
    *
-   * @param  the data table records type
-   * @return new instance
+   * @param  The type of data in the DataTable.
+   * @return A new BooleanHeaderFilter instance.
    */
   public static  BooleanHeaderFilter create() {
     return new BooleanHeaderFilter<>();
   }
+
   /**
-   * Creates an instance with specified labels
+   * Creates a new instance of the BooleanHeaderFilter with custom labels for true, false, and both
+   * options.
    *
-   * @param trueLabel String, the label for the Yes option
-   * @param falseLabel String, the label for the No option
-   * @param bothLabel String, the label for the ALL option
-   * @param  the data table records type
-   * @return new instance
+   * @param  The type of data in the DataTable.
+   * @param trueLabel The label for the "true" option.
+   * @param falseLabel The label for the "false" option.
+   * @param bothLabel The label for the "both" option.
+   * @return A new BooleanHeaderFilter instance with custom labels.
    */
   public static  BooleanHeaderFilter create(
       String trueLabel, String falseLabel, String bothLabel) {
     return new BooleanHeaderFilter<>(trueLabel, falseLabel, bothLabel);
   }
 
-  /** @see BooleanHeaderFilter#create() */
-  /** Constructor for BooleanHeaderFilter. */
+  /** Initializes a new BooleanHeaderFilter with default labels ("Yes", "No", "ALL"). */
   public BooleanHeaderFilter() {
     this("Yes", "No", "ALL");
   }
 
   /**
-   * Constructor for BooleanHeaderFilter.
+   * Initializes a new BooleanHeaderFilter with custom labels for true, false, and both options.
    *
-   * @see BooleanHeaderFilter#create(String, String, String)
-   * @param trueLabel String, the label for the Yes option
-   * @param falseLabel String, the label for the No option
-   * @param bothLabel String, the label for the ALL option
+   * @param trueLabel The label for the "true" option.
+   * @param falseLabel The label for the "false" option.
+   * @param bothLabel The label for the "both" option.
    */
   public BooleanHeaderFilter(String trueLabel, String falseLabel, String bothLabel) {
     select =
@@ -84,7 +86,12 @@ public BooleanHeaderFilter(String trueLabel, String falseLabel, String bothLabel
     select.styler(style -> style.setMarginBottom("0px"));
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Initializes the BooleanHeaderFilter and sets up filtering behavior.
+   *
+   * @param searchContext The search context for the DataTable.
+   * @param columnConfig The configuration for the column being filtered.
+   */
   @Override
   public void init(SearchContext searchContext, ColumnConfig columnConfig) {
     searchContext.addBeforeSearchHandler(
@@ -103,7 +110,7 @@ public void init(SearchContext searchContext, ColumnConfig columnConfig) {
     select.addChangeListener((oldOption, option) -> searchContext.fireSearchEvent());
   }
 
-  /** {@inheritDoc} */
+  /** Clears the BooleanHeaderFilter by resetting the Select value to the default option. */
   @Override
   public void clear() {
     select.withPausedChangeListeners(
@@ -112,17 +119,20 @@ public void clear() {
         });
   }
 
-  /** {@inheritDoc} */
+  /**
+   * @dominokit-site-ignore {@inheritDoc}
+   *     
Gets the HTML element representing the BooleanHeaderFilter.
+   * @return The HTML element.
+   */
   @Override
   public HTMLElement element() {
     return select.element();
   }
 
-  /** @return the {@link Select} component wrapped in this filter */
   /**
-   * Getter for the field select.
+   * Gets the Select instance used for filtering boolean values.
    *
-   * @return a {@link org.dominokit.domino.ui.forms.suggest.Select} object
+   * @return The Select instance.
    */
   public Select getSelect() {
     return select;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/DateHeaderFilter.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/DateHeaderFilter.java
index c28a08af1..c84e897a9 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/DateHeaderFilter.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/DateHeaderFilter.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.filter.header;
 
 import elemental2.dom.HTMLElement;
@@ -25,27 +26,26 @@
 import org.dominokit.domino.ui.forms.DateBox;
 
 /**
- * Date column header filter component that is rendered as a {@link
- * org.dominokit.domino.ui.forms.DateBox} component
+ * The DateHeaderFilter class provides a header filter for date columns in a DataTable. It allows
+ * users to filter data based on date values.
  *
- * @param  type of data table records
+ * @param  The type of data in the DataTable.
  */
 public class DateHeaderFilter implements ColumnHeaderFilterPlugin.HeaderFilter {
 
   private DateBox dateBox;
 
   /**
-   * Static factory to create a new instance
+   * Creates a new instance of the DateHeaderFilter.
    *
-   * @param  the type of the data table records
-   * @return new instance
+   * @param  The type of data in the DataTable.
+   * @return A new DateHeaderFilter instance.
    */
   public static  DateHeaderFilter create() {
     return new DateHeaderFilter<>();
   }
 
-  /** @see DateHeaderFilter#create() */
-  /** Constructor for DateHeaderFilter. */
+  /** Initializes a new DateHeaderFilter. */
   public DateHeaderFilter() {
     this.dateBox =
         DateBox.create()
@@ -62,17 +62,21 @@ public DateHeaderFilter() {
                 });
   }
 
-  /** @return the {@link DateBox} wrapped in this filter component */
   /**
-   * Getter for the field dateBox.
+   * Gets the DateBox instance used for filtering dates.
    *
-   * @return a {@link org.dominokit.domino.ui.forms.DateBox} object
+   * @return The DateBox instance.
    */
   public DateBox getDateBox() {
     return dateBox;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Initializes the DateHeaderFilter and sets up filtering behavior.
+   *
+   * @param searchContext The search context for the DataTable.
+   * @param columnConfig The configuration for the column being filtered.
+   */
   @Override
   public void init(SearchContext searchContext, ColumnConfig columnConfig) {
     searchContext.addBeforeSearchHandler(
@@ -91,7 +95,7 @@ public void init(SearchContext searchContext, ColumnConfig columnConfig) {
     dateBox.addChangeListener((oldValue, value) -> searchContext.fireSearchEvent());
   }
 
-  /** {@inheritDoc} */
+  /** Clears the DateHeaderFilter by resetting the DateBox value. */
   @Override
   public void clear() {
     dateBox.withPausedChangeListeners(
@@ -100,7 +104,10 @@ public void clear() {
         });
   }
 
-  /** {@inheritDoc} */
+  /**
+   * @dominokit-site-ignore {@inheritDoc} Gets the HTML element representing the DateHeaderFilter.
+   * @return The HTML element.
+   */
   @Override
   public HTMLElement element() {
     return dateBox.element();
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/DecimalHeaderFilter.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/DecimalHeaderFilter.java
index 8926174c6..324ab298c 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/DecimalHeaderFilter.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/DecimalHeaderFilter.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.filter.header;
 
 import elemental2.dom.HTMLInputElement;
@@ -21,81 +22,100 @@
 import org.dominokit.domino.ui.forms.BigDecimalBox;
 
 /**
- * BigDecimal column header filter component that is rendered as a {@link
- * org.dominokit.domino.ui.forms.BigDecimalBox} component
+ * The DecimalHeaderFilter class provides a header filter for decimal values in a DataTable. It
+ * allows users to filter data based on decimal values.
  *
- * @param  type of data table records
+ * @param  The type of data in the DataTable.
  */
 public class DecimalHeaderFilter extends DelayedHeaderFilterInput {
 
   private BigDecimalBox decimalBox;
 
-  /** Constructor for DecimalHeaderFilter. */
+  /** Creates a new instance of the DecimalHeaderFilter with an empty constructor. */
   public DecimalHeaderFilter() {}
 
   /**
-   * Create and instance with custom placeholder
+   * Creates a new instance of the DecimalHeaderFilter with a specified placeholder.
    *
-   * @param placeholder String
+   * @param placeholder The placeholder text for the input field.
    */
   public DecimalHeaderFilter(String placeholder) {
     super(placeholder);
   }
 
   /**
-   * create a new instance
+   * Creates a new instance of the DecimalHeaderFilter with default settings.
    *
-   * @param  a T class
-   * @return a {@link org.dominokit.domino.ui.datatable.plugins.filter.header.DecimalHeaderFilter}
-   *     object
+   * @param  The type of data in the DataTable.
+   * @return A new DecimalHeaderFilter instance.
    */
   public static  DecimalHeaderFilter create() {
     return new DecimalHeaderFilter<>();
   }
 
   /**
-   * creates a new instance with custom placeholder
+   * Creates a new instance of the DecimalHeaderFilter with a specified placeholder.
    *
-   * @param placeholder String
-   * @param  type of the data table records
-   * @return new instance
+   * @param  The type of data in the DataTable.
+   * @param placeholder The placeholder text for the input field.
+   * @return A new DecimalHeaderFilter instance with a custom placeholder.
    */
   public static  DecimalHeaderFilter create(String placeholder) {
     return new DecimalHeaderFilter<>(placeholder);
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Gets the HTML input element used for filtering decimal values.
+   *
+   * @return The HTML input element.
+   */
   @Override
   protected HTMLInputElement getInputElement() {
     return decimalBox.getInputElement().element();
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Creates the BigDecimalBox for handling decimal values.
+   *
+   * @return The created BigDecimalBox instance.
+   */
   @Override
   protected BigDecimalBox createValueBox() {
     this.decimalBox = BigDecimalBox.create();
     return this.decimalBox;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Checks if the BigDecimalBox is empty.
+   *
+   * @return {@code true} if the BigDecimalBox is empty, {@code false} otherwise.
+   */
   @Override
   protected boolean isEmpty() {
     return this.decimalBox.isEmptyIgnoreSpaces();
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Gets the value from the BigDecimalBox as a string.
+   *
+   * @return The value as a string.
+   */
   @Override
   protected String getValue() {
     return this.decimalBox.getValue() + "";
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Gets the filter type for decimal values.
+   *
+   * @return The filter type for decimal values.
+   */
   @Override
   protected FilterTypes getType() {
     return FilterTypes.DECIMAL;
   }
 
-  /** {@inheritDoc} */
+  /** Clears the DecimalHeaderFilter by resetting the BigDecimalBox and the input field's value. */
   @Override
   public void clear() {
     decimalBox.withPausedChangeListeners(
@@ -105,11 +125,10 @@ public void clear() {
         });
   }
 
-  /** @return the {@link BigDecimalBox} wrapped inside this filter component */
   /**
-   * Getter for the field decimalBox.
+   * Gets the BigDecimalBox instance used for filtering decimal values.
    *
-   * @return a {@link org.dominokit.domino.ui.forms.BigDecimalBox} object
+   * @return The BigDecimalBox instance.
    */
   public BigDecimalBox getDecimalBox() {
     return decimalBox;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/DelayedHeaderFilterInput.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/DelayedHeaderFilterInput.java
index 2ce79ef4c..548f0542a 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/DelayedHeaderFilterInput.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/DelayedHeaderFilterInput.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.filter.header;
 
 import static java.util.Objects.nonNull;
@@ -31,13 +32,13 @@
 import org.dominokit.domino.ui.utils.HasPlaceHolder;
 
 /**
- * An abstract implementation of the {@link
- * org.dominokit.domino.ui.datatable.plugins.column.ColumnHeaderFilterPlugin.HeaderFilter} for text
- * input based filters that add a delay for triggering the search while the user is typing
+ * The DelayedHeaderFilterInput class provides a header filter input field with delayed search
+ * functionality. It allows users to input filter criteria and performs a delayed search based on
+ * the user's input.
  *
- * @param  the type of the component that extends from {@link
- *     org.dominokit.domino.ui.forms.InputFormField} and is wrapped in the implementation
- * @param  the type of the data table records
+ * @param  The type of the input field.
+ * @param  The type of data in the DataTable.
+ * @param  The type of filter value.
  */
 public abstract class DelayedHeaderFilterInput<
         B extends InputFormField, T, V>
@@ -45,19 +46,15 @@ public abstract class DelayedHeaderFilterInput<
   private B input;
   private DelayedTextInput delayedTextInput;
 
-  /**
-   * A constructor that initialized with a default placeholder
-   *
-   * 
Search

-   */
+  /** Creates a new instance of DelayedHeaderFilterInput with a default placeholder. */
   public DelayedHeaderFilterInput() {
     this("Search");
   }
 
   /**
-   * A constructor to specify a custom placeholder
+   * Creates a new instance of DelayedHeaderFilterInput with a specified placeholder.
    *
-   * @param placeHolder String
+   * @param placeHolder The placeholder text for the input field.
    */
   public DelayedHeaderFilterInput(String placeHolder) {
     input = createValueBox();
@@ -70,7 +67,12 @@ public DelayedHeaderFilterInput(String placeHolder) {
     delayedTextInput = DelayedTextInput.create(getInputElement(), 200);
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Initializes the header filter input and sets up the delayed search functionality.
+   *
+   * @param searchContext The search context for filtering data.
+   * @param columnConfig The column configuration for filtering.
+   */
   @Override
   public void init(SearchContext searchContext, ColumnConfig columnConfig) {
     searchContext.addBeforeSearchHandler(
@@ -93,57 +95,55 @@ public void init(SearchContext searchContext, ColumnConfig columnConfig) {
         });
   }
 
-  /** @return the {@link HTMLInputElement} wrapped inside the ValueBox component */
   /**
-   * getInputElement.
+   * Gets the HTML input element used for filtering.
    *
-   * @return a {@link elemental2.dom.HTMLInputElement} object
+   * @return The HTML input element.
    */
   protected abstract HTMLInputElement getInputElement();
 
-  /** @return a new instance of the wrapped component type */
   /**
-   * createValueBox.
+   * Creates the input field for filtering.
    *
-   * @return a B object
+   * @return The created input field instance.
    */
   protected abstract B createValueBox();
 
-  /** @return boolean, true if the wrapped component is empty */
   /**
-   * isEmpty.
+   * Checks if the input field is empty.
    *
-   * @return a boolean
+   * @return {@code true} if the input field is empty, {@code false} otherwise.
    */
   protected abstract boolean isEmpty();
 
-  /** @return String value of the wrapped component */
   /**
-   * getValue.
+   * Gets the value from the input field as a string.
    *
-   * @return a {@link java.lang.String} object
+   * @return The value from the input field as a string.
    */
   protected abstract String getValue();
 
-  /** @return The type of the filter */
   /**
-   * getType.
+   * Gets the filter type for the input field.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.model.FilterTypes} object
+   * @return The filter type for the input field.
    */
   protected abstract FilterTypes getType();
 
-  /** @return the wrapped component instance */
   /**
-   * getField.
+   * Gets the input field instance.
    *
-   * @return a B object
+   * @return The input field instance.
    */
   public B getField() {
     return input;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * @dominokit-site-ignore {@inheritDoc}
+   *     
Gets the HTMLElement representing the input field.
+   * @return The HTMLElement representing the input field.
+   */
   @Override
   public HTMLElement element() {
     return input.element();
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/DoubleHeaderFilter.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/DoubleHeaderFilter.java
index b6dc846d0..f599a0468 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/DoubleHeaderFilter.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/DoubleHeaderFilter.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.filter.header;
 
 import elemental2.dom.HTMLInputElement;
@@ -20,81 +21,100 @@
 import org.dominokit.domino.ui.forms.DoubleBox;
 
 /**
- * BigDecimal column header filter component that is rendered as a {@link
- * org.dominokit.domino.ui.forms.DoubleBox} component
+ * The DoubleHeaderFilter class provides a header filter input field for filtering double values
+ * with delayed search functionality.
  *
- * @param  type of data table records
+ * @param  The type of data in the DataTable.
  */
 public class DoubleHeaderFilter extends DelayedHeaderFilterInput {
 
   private DoubleBox doubleBox;
 
-  /** Default constructor */
+  /** Creates a new instance of DoubleHeaderFilter with a default placeholder. */
   public DoubleHeaderFilter() {}
 
   /**
-   * Create and instance with custom placeholder
+   * Creates a new instance of DoubleHeaderFilter with a specified placeholder.
    *
-   * @param placeholder String
+   * @param placeholder The placeholder text for the input field.
    */
   public DoubleHeaderFilter(String placeholder) {
     super(placeholder);
   }
 
   /**
-   * create a new instance
+   * Creates a new instance of DoubleHeaderFilter.
    *
-   * @param  a T class
-   * @return a {@link org.dominokit.domino.ui.datatable.plugins.filter.header.DoubleHeaderFilter}
-   *     object
+   * @param  The type of data in the DataTable.
+   * @return A new instance of DoubleHeaderFilter.
    */
   public static  DoubleHeaderFilter create() {
     return new DoubleHeaderFilter<>();
   }
 
   /**
-   * creates a new instance with custom placeholder
+   * Creates a new instance of DoubleHeaderFilter with a specified placeholder.
    *
-   * @param placeholder String
-   * @param  type of the data table records
-   * @return new instance
+   * @param  The type of data in the DataTable.
+   * @param placeholder The placeholder text for the input field.
+   * @return A new instance of DoubleHeaderFilter with the specified placeholder.
    */
   public static  DoubleHeaderFilter create(String placeholder) {
     return new DoubleHeaderFilter<>(placeholder);
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Gets the HTML input element used for filtering.
+   *
+   * @return The HTML input element.
+   */
   @Override
   protected HTMLInputElement getInputElement() {
     return doubleBox.getInputElement().element();
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Creates the input field for filtering.
+   *
+   * @return The created input field instance.
+   */
   @Override
   protected DoubleBox createValueBox() {
     this.doubleBox = DoubleBox.create();
     return this.doubleBox;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Checks if the input field is empty.
+   *
+   * @return {@code true} if the input field is empty, {@code false} otherwise.
+   */
   @Override
   protected boolean isEmpty() {
     return this.doubleBox.isEmptyIgnoreSpaces();
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Gets the value from the input field as a string.
+   *
+   * @return The value from the input field as a string.
+   */
   @Override
   protected String getValue() {
     return this.doubleBox.getValue() + "";
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Gets the filter type for the input field.
+   *
+   * @return The filter type for the input field.
+   */
   @Override
   protected FilterTypes getType() {
     return FilterTypes.DOUBLE;
   }
 
-  /** {@inheritDoc} */
+  /** Clears the input field. */
   @Override
   public void clear() {
     doubleBox.withPausedChangeListeners(
@@ -104,11 +124,10 @@ public void clear() {
         });
   }
 
-  /** @return the {@link DoubleBox} wrapped in this component */
   /**
-   * Getter for the field doubleBox.
+   * Gets the DoubleBox instance used for filtering.
    *
-   * @return a {@link org.dominokit.domino.ui.forms.DoubleBox} object
+   * @return The DoubleBox instance.
    */
   public DoubleBox getDoubleBox() {
     return doubleBox;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/EnumHeaderFilter.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/EnumHeaderFilter.java
index 13e7ace97..41121b613 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/EnumHeaderFilter.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/EnumHeaderFilter.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.filter.header;
 
 import elemental2.dom.HTMLElement;
@@ -27,11 +28,10 @@
 import org.dominokit.domino.ui.forms.suggest.SelectOption;
 
 /**
- * Enum column header filter component that is rendered as a {@link
- * org.dominokit.domino.ui.forms.suggest.Select} component
+ * The EnumHeaderFilter class provides a header filter for filtering values from an Enum.
  *
- * @param  type of data table records
- * @param  the enum type
+ * @param  The type of data in the DataTable.
+ * @param  The type of Enum to filter.
  */
 public class EnumHeaderFilter
     implements ColumnHeaderFilterPlugin.HeaderFilter {
@@ -39,35 +39,35 @@ public class EnumHeaderFilter
   private final Select select;
 
   /**
-   * Creates a filter from an array of enum values and default label ALL for all option
+   * Creates a new instance of EnumHeaderFilter with default labels.
    *
-   * @param values Array of enum values
-   * @param  type of data table records
-   * @param  the enum type
-   * @return new instance
+   * @param values The Enum values to display in the filter.
+   * @param  The type of data in the DataTable.
+   * @param  The type of Enum to filter.
+   * @return A new instance of EnumHeaderFilter.
    */
   public static  EnumHeaderFilter create(E[] values) {
     return new EnumHeaderFilter<>(values, "ALL");
   }
 
   /**
-   * Creates a filter from an array of enum values and a custom label for all option
+   * Creates a new instance of EnumHeaderFilter with custom labels.
    *
-   * @param values Array of enum values
-   * @param  type of data table records
-   * @param  the enum type
-   * @return new instance
-   * @param allLabel a {@link java.lang.String} object
+   * @param values The Enum values to display in the filter.
+   * @param allLabel The label to use for the "All" option in the filter.
+   * @param  The type of data in the DataTable.
+   * @param  The type of Enum to filter.
+   * @return A new instance of EnumHeaderFilter with custom labels.
    */
   public static  EnumHeaderFilter create(E[] values, String allLabel) {
     return new EnumHeaderFilter<>(values, allLabel);
   }
 
   /**
-   * Creates a filter from an array of enum values and a custom label for all option
+   * Creates a new instance of EnumHeaderFilter with custom labels.
    *
-   * @param values Array of enum values
-   * @param allLabel a {@link java.lang.String} object
+   * @param values The Enum values to display in the filter.
+   * @param allLabel The label to use for the "All" option in the filter.
    */
   public EnumHeaderFilter(E[] values, String allLabel) {
     select =
@@ -84,7 +84,12 @@ public EnumHeaderFilter(E[] values, String allLabel) {
     select.styler(style -> style.setMarginBottom("0px"));
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Initializes the header filter and adds search functionality.
+   *
+   * @param searchContext The search context for filtering.
+   * @param columnConfig The column configuration to filter.
+   */
   @Override
   public void init(SearchContext searchContext, ColumnConfig columnConfig) {
     searchContext.addBeforeSearchHandler(
@@ -103,7 +108,7 @@ public void init(SearchContext searchContext, ColumnConfig columnConfig) {
     select.addChangeListener((oldOption, option) -> searchContext.fireSearchEvent());
   }
 
-  /** {@inheritDoc} */
+  /** Clears the header filter. */
   @Override
   public void clear() {
     select.withPausedChangeListeners(
@@ -112,17 +117,20 @@ public void clear() {
         });
   }
 
-  /** {@inheritDoc} */
+  /**
+   * @dominokit-site-ignore {@inheritDoc}
+   *     
Gets the HTML element representing the header filter.
+   * @return The HTML element of the header filter.
+   */
   @Override
   public HTMLElement element() {
     return select.element();
   }
 
-  /** @return the {@link Select} wrapped in this component */
   /**
-   * Getter for the field select.
+   * Gets the Select component used in the header filter.
    *
-   * @return a {@link org.dominokit.domino.ui.forms.suggest.Select} object
+   * @return The Select component.
    */
   public Select getSelect() {
     return select;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/FloatHeaderFilter.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/FloatHeaderFilter.java
index 31730a345..1db63d813 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/FloatHeaderFilter.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/FloatHeaderFilter.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.filter.header;
 
 import elemental2.dom.HTMLInputElement;
@@ -20,81 +21,99 @@
 import org.dominokit.domino.ui.forms.FloatBox;
 
 /**
- * Float number column header filter component that is rendered as a {@link
- * org.dominokit.domino.ui.forms.FloatBox} component
+ * The FloatHeaderFilter class provides a header filter for filtering float values.
  *
- * @param  type of data table records
+ * @param  The type of data in the DataTable.
  */
 public class FloatHeaderFilter extends DelayedHeaderFilterInput {
 
   private FloatBox floatBox;
 
-  /** Default constructor */
+  /** Creates a new instance of FloatHeaderFilter with default placeholder. */
   public FloatHeaderFilter() {}
 
   /**
-   * Create and instance with custom placeholder
+   * Creates a new instance of FloatHeaderFilter with a custom placeholder.
    *
-   * @param placeholder String
+   * @param placeholder The custom placeholder to display in the filter.
    */
   public FloatHeaderFilter(String placeholder) {
     super(placeholder);
   }
 
   /**
-   * create a new instance
+   * Creates a new instance of FloatHeaderFilter.
    *
-   * @param  a T class
-   * @return a {@link org.dominokit.domino.ui.datatable.plugins.filter.header.FloatHeaderFilter}
-   *     object
+   * @param  The type of data in the DataTable.
+   * @return A new instance of FloatHeaderFilter.
    */
   public static  FloatHeaderFilter create() {
     return new FloatHeaderFilter<>();
   }
 
   /**
-   * creates a new instance with custom placeholder
+   * Creates a new instance of FloatHeaderFilter with a custom placeholder.
    *
-   * @param placeholder String
-   * @param  type of the data table records
-   * @return new instance
+   * @param  The type of data in the DataTable.
+   * @param placeholder The custom placeholder to display in the filter.
+   * @return A new instance of FloatHeaderFilter with a custom placeholder.
    */
   public static  FloatHeaderFilter create(String placeholder) {
     return new FloatHeaderFilter<>(placeholder);
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Gets the HTML input element used in the header filter.
+   *
+   * @return The HTML input element.
+   */
   @Override
   protected HTMLInputElement getInputElement() {
     return floatBox.getInputElement().element();
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Creates the FloatBox value box for the header filter.
+   *
+   * @return The FloatBox value box.
+   */
   @Override
   protected FloatBox createValueBox() {
     this.floatBox = FloatBox.create();
     return this.floatBox;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Checks if the header filter input is empty.
+   *
+   * @return {@code true} if the input is empty, {@code false} otherwise.
+   */
   @Override
   protected boolean isEmpty() {
     return this.floatBox.isEmptyIgnoreSpaces();
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Gets the value of the header filter input as a string.
+   *
+   * @return The value of the input as a string.
+   */
   @Override
   protected String getValue() {
     return this.floatBox.getValue() + "";
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Gets the type of the header filter, which is FLOAT.
+   *
+   * @return The filter type as FilterTypes.FLOAT.
+   */
   @Override
   protected FilterTypes getType() {
     return FilterTypes.FLOAT;
   }
 
-  /** {@inheritDoc} */
+  /** Clears the header filter by resetting the input. */
   @Override
   public void clear() {
     floatBox.withPausedChangeListeners(
@@ -104,11 +123,10 @@ public void clear() {
         });
   }
 
-  /** @return the {@link FloatBox} wrapped in this component */
   /**
-   * Getter for the field floatBox.
+   * Gets the FloatBox value box used in the header filter.
    *
-   * @return a {@link org.dominokit.domino.ui.forms.FloatBox} object
+   * @return The FloatBox value box.
    */
   public FloatBox getFloatBox() {
     return floatBox;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/IntegerHeaderFilter.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/IntegerHeaderFilter.java
index 1d4d9ecc6..2eb62f3ca 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/IntegerHeaderFilter.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/IntegerHeaderFilter.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.filter.header;
 
 import elemental2.dom.HTMLInputElement;
@@ -20,81 +21,99 @@
 import org.dominokit.domino.ui.forms.IntegerBox;
 
 /**
- * Integer number column header filter component that is rendered as a {@link
- * org.dominokit.domino.ui.forms.IntegerBox} component
+ * The IntegerHeaderFilter class provides a header filter for filtering integer values.
  *
- * @param  type of data table records
+ * @param  The type of data in the DataTable.
  */
 public class IntegerHeaderFilter extends DelayedHeaderFilterInput {
 
   private IntegerBox integerBox;
 
-  /** Default constructor */
+  /** Creates a new instance of IntegerHeaderFilter with default placeholder. */
   public IntegerHeaderFilter() {}
 
   /**
-   * Create and instance with custom placeholder
+   * Creates a new instance of IntegerHeaderFilter with a custom placeholder.
    *
-   * @param placeholder String
+   * @param placeholder The custom placeholder to display in the filter.
    */
   public IntegerHeaderFilter(String placeholder) {
     super(placeholder);
   }
 
   /**
-   * create a new instance
+   * Creates a new instance of IntegerHeaderFilter.
    *
-   * @param  a T class
-   * @return a {@link org.dominokit.domino.ui.datatable.plugins.filter.header.IntegerHeaderFilter}
-   *     object
+   * @param  The type of data in the DataTable.
+   * @return A new instance of IntegerHeaderFilter.
    */
   public static  IntegerHeaderFilter create() {
     return new IntegerHeaderFilter<>();
   }
 
   /**
-   * creates a new instance with custom placeholder
+   * Creates a new instance of IntegerHeaderFilter with a custom placeholder.
    *
-   * @param placeholder String
-   * @param  type of the data table records
-   * @return new instance
+   * @param  The type of data in the DataTable.
+   * @param placeholder The custom placeholder to display in the filter.
+   * @return A new instance of IntegerHeaderFilter with a custom placeholder.
    */
   public static  IntegerHeaderFilter create(String placeholder) {
     return new IntegerHeaderFilter<>(placeholder);
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Gets the HTML input element used in the header filter.
+   *
+   * @return The HTML input element.
+   */
   @Override
   protected HTMLInputElement getInputElement() {
     return integerBox.getInputElement().element();
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Creates the IntegerBox value box for the header filter.
+   *
+   * @return The IntegerBox value box.
+   */
   @Override
   protected IntegerBox createValueBox() {
     this.integerBox = IntegerBox.create();
     return this.integerBox;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Checks if the header filter input is empty.
+   *
+   * @return {@code true} if the input is empty, {@code false} otherwise.
+   */
   @Override
   protected boolean isEmpty() {
     return this.integerBox.isEmptyIgnoreSpaces();
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Gets the value of the header filter input as a string.
+   *
+   * @return The value of the input as a string.
+   */
   @Override
   protected String getValue() {
     return this.integerBox.getValue() + "";
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Gets the type of the header filter, which is INTEGER.
+   *
+   * @return The filter type as FilterTypes.INTEGER.
+   */
   @Override
   protected FilterTypes getType() {
     return FilterTypes.INTEGER;
   }
 
-  /** {@inheritDoc} */
+  /** Clears the header filter by resetting the input. */
   @Override
   public void clear() {
     integerBox.withPausedChangeListeners(
@@ -104,11 +123,10 @@ public void clear() {
         });
   }
 
-  /** @return the {@link IntegerBox} wrapped in this component */
   /**
-   * Getter for the field integerBox.
+   * Gets the IntegerBox value box used in the header filter.
    *
-   * @return a {@link org.dominokit.domino.ui.forms.IntegerBox} object
+   * @return The IntegerBox value box.
    */
   public IntegerBox getIntegerBox() {
     return integerBox;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/LongHeaderFilter.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/LongHeaderFilter.java
index 926846d1c..128d67742 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/LongHeaderFilter.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/LongHeaderFilter.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.filter.header;
 
 import elemental2.dom.HTMLInputElement;
@@ -20,81 +21,99 @@
 import org.dominokit.domino.ui.forms.LongBox;
 
 /**
- * Long column header filter component that is rendered as a {@link
- * org.dominokit.domino.ui.forms.LongBox} component
+ * The LongHeaderFilter class provides a header filter for filtering long values.
  *
- * @param  type of data table records
+ * @param  The type of data in the DataTable.
  */
 public class LongHeaderFilter extends DelayedHeaderFilterInput {
 
   private LongBox longBox;
 
-  /** Default constructor */
+  /** Creates a new instance of LongHeaderFilter with default placeholder. */
   public LongHeaderFilter() {}
 
   /**
-   * Create and instance with custom placeholder
+   * Creates a new instance of LongHeaderFilter with a custom placeholder.
    *
-   * @param placeholder String
+   * @param placeholder The custom placeholder to display in the filter.
    */
   public LongHeaderFilter(String placeholder) {
     super(placeholder);
   }
 
   /**
-   * create a new instance
+   * Creates a new instance of LongHeaderFilter.
    *
-   * @param  a T class
-   * @return a {@link org.dominokit.domino.ui.datatable.plugins.filter.header.LongHeaderFilter}
-   *     object
+   * @param  The type of data in the DataTable.
+   * @return A new instance of LongHeaderFilter.
    */
   public static  LongHeaderFilter create() {
     return new LongHeaderFilter<>();
   }
 
   /**
-   * creates a new instance with custom placeholder
+   * Creates a new instance of LongHeaderFilter with a custom placeholder.
    *
-   * @param placeholder String
-   * @param  type of the data table records
-   * @return new instance
+   * @param  The type of data in the DataTable.
+   * @param placeholder The custom placeholder to display in the filter.
+   * @return A new instance of LongHeaderFilter with a custom placeholder.
    */
   public static  LongHeaderFilter create(String placeholder) {
     return new LongHeaderFilter<>(placeholder);
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Gets the HTML input element used in the header filter.
+   *
+   * @return The HTML input element.
+   */
   @Override
   protected HTMLInputElement getInputElement() {
     return longBox.getInputElement().element();
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Creates the LongBox value box for the header filter.
+   *
+   * @return The LongBox value box.
+   */
   @Override
   protected LongBox createValueBox() {
     this.longBox = LongBox.create();
     return this.longBox;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Checks if the header filter input is empty.
+   *
+   * @return {@code true} if the input is empty, {@code false} otherwise.
+   */
   @Override
   protected boolean isEmpty() {
     return this.longBox.isEmptyIgnoreSpaces();
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Gets the value of the header filter input as a string.
+   *
+   * @return The value of the input as a string.
+   */
   @Override
   protected String getValue() {
     return this.longBox.getValue() + "";
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Gets the type of the header filter, which is LONG.
+   *
+   * @return The filter type as FilterTypes.LONG.
+   */
   @Override
   protected FilterTypes getType() {
     return FilterTypes.LONG;
   }
 
-  /** {@inheritDoc} */
+  /** Clears the header filter by resetting the input. */
   @Override
   public void clear() {
     longBox.withPausedChangeListeners(
@@ -104,11 +123,10 @@ public void clear() {
         });
   }
 
-  /** @return the {@link LongBox} wrapped in this component */
   /**
-   * Getter for the field longBox.
+   * Gets the LongBox value box used in the header filter.
    *
-   * @return a {@link org.dominokit.domino.ui.forms.LongBox} object
+   * @return The LongBox value box.
    */
   public LongBox getLongBox() {
     return longBox;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/SelectHeaderFilter.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/SelectHeaderFilter.java
index 17458f3fb..071d16805 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/SelectHeaderFilter.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/SelectHeaderFilter.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.filter.header;
 
 import static org.dominokit.domino.ui.style.SpacingCss.dui_m_b_0;
@@ -28,42 +29,32 @@
 import org.dominokit.domino.ui.forms.suggest.SelectOption;
 
 /**
- * A Single option select column header filter component that is rendered as a {@link
- * org.dominokit.domino.ui.forms.suggest.Select} component * @param  The type of data in the DataTable.
  */
 public class SelectHeaderFilter implements ColumnHeaderFilterPlugin.HeaderFilter {
 
   private final Select select;
 
-  /**
-   * create a new instance with a default label for ALL option
-   *
-   * @param  a T class
-   * @return a {@link org.dominokit.domino.ui.datatable.plugins.filter.header.SelectHeaderFilter}
-   *     object
-   */
+  /** Creates a new instance of SelectHeaderFilter with default "ALL" label. */
   public static  SelectHeaderFilter create() {
     return new SelectHeaderFilter<>("ALL");
   }
 
   /**
-   * create a new instance with a custom label for ALL option
+   * Creates a new instance of SelectHeaderFilter with a custom label for "ALL".
    *
-   * @param allLabel a {@link java.lang.String} object
-   * @param  a T class
-   * @return a {@link org.dominokit.domino.ui.datatable.plugins.filter.header.SelectHeaderFilter}
-   *     object
+   * @param allLabel The custom label for "ALL".
    */
   public static  SelectHeaderFilter create(String allLabel) {
     return new SelectHeaderFilter<>(allLabel);
   }
 
-  /** @param allLabel String, ALL option label */
   /**
-   * Constructor for SelectHeaderFilter.
+   * Creates a new instance of SelectHeaderFilter.
    *
-   * @param allLabel a {@link java.lang.String} object
+   * @param allLabel The label for the "ALL" option.
    */
   public SelectHeaderFilter(String allLabel) {
     select =
@@ -74,18 +65,22 @@ public SelectHeaderFilter(String allLabel) {
   }
 
   /**
-   * adds a new option to the select
+   * Appends a SelectOption to the header filter.
    *
-   * @see Select#appendChild(SelectOption)
-   * @param selectOption the {@link org.dominokit.domino.ui.forms.suggest.SelectOption}
-   * @return same instance
+   * @param selectOption The SelectOption to append.
+   * @return The SelectHeaderFilter instance.
    */
   public SelectHeaderFilter appendChild(SelectOption selectOption) {
     select.appendChild(selectOption);
     return this;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Initializes the header filter and adds event listeners.
+   *
+   * @param searchContext The SearchContext for filtering.
+   * @param columnConfig The ColumnConfig associated with the header filter.
+   */
   @Override
   public void init(SearchContext searchContext, ColumnConfig columnConfig) {
     searchContext.addBeforeSearchHandler(
@@ -104,7 +99,7 @@ public void init(SearchContext searchContext, ColumnConfig columnConfig) {
     select.addChangeListener((oldOption, option) -> searchContext.fireSearchEvent());
   }
 
-  /** {@inheritDoc} */
+  /** Clears the header filter by selecting the "ALL" option. */
   @Override
   public void clear() {
     select.withPausedChangeListeners(
@@ -113,17 +108,19 @@ public void clear() {
         });
   }
 
-  /** {@inheritDoc} */
+  /**
+   * @dominokit-site-ignore {@inheritDoc} Gets the HTML element representing the header filter.
+   * @return The HTML element.
+   */
   @Override
   public HTMLElement element() {
     return select.element();
   }
 
-  /** @return the {@link Select} wrapped in this component */
   /**
-   * Getter for the field select.
+   * Gets the Select component used in the header filter.
    *
-   * @return a {@link org.dominokit.domino.ui.forms.suggest.Select} object
+   * @return The Select component.
    */
   public Select getSelect() {
     return select;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/ShortHeaderFilter.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/ShortHeaderFilter.java
index e1e786d3c..08798a85b 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/ShortHeaderFilter.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/ShortHeaderFilter.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.filter.header;
 
 import elemental2.dom.HTMLInputElement;
@@ -20,81 +21,97 @@
 import org.dominokit.domino.ui.forms.ShortBox;
 
 /**
- * Short number column header filter component that is rendered as a {@link
- * org.dominokit.domino.ui.forms.ShortBox} component
+ * The ShortHeaderFilter class provides a header filter for filtering short values.
  *
- * @param  type of data table records
+ * @param  The type of data in the DataTable.
  */
 public class ShortHeaderFilter extends DelayedHeaderFilterInput {
 
   private ShortBox shortBox;
 
-  /** Default constructor */
+  /** Creates a new instance of ShortHeaderFilter with no placeholder. */
   public ShortHeaderFilter() {}
 
   /**
-   * Create and instance with custom placeholder
+   * Creates a new instance of ShortHeaderFilter with a custom placeholder.
    *
-   * @param placeholder String
+   * @param placeholder The custom placeholder text.
    */
   public ShortHeaderFilter(String placeholder) {
     super(placeholder);
   }
 
   /**
-   * create a new instance
+   * Creates a new instance of ShortHeaderFilter.
    *
-   * @param  a T class
-   * @return a {@link org.dominokit.domino.ui.datatable.plugins.filter.header.ShortHeaderFilter}
-   *     object
+   * @return The ShortHeaderFilter instance.
    */
   public static  ShortHeaderFilter create() {
     return new ShortHeaderFilter<>();
   }
 
   /**
-   * creates a new instance with custom placeholder
+   * Creates a new instance of ShortHeaderFilter with a custom placeholder.
    *
-   * @param placeholder String
-   * @param  type of the data table records
-   * @return new instance
+   * @param placeholder The custom placeholder text.
+   * @return The ShortHeaderFilter instance.
    */
   public static  ShortHeaderFilter create(String placeholder) {
     return new ShortHeaderFilter<>(placeholder);
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Gets the HTMLInputElement used in the header filter.
+   *
+   * @return The HTMLInputElement element.
+   */
   @Override
   protected HTMLInputElement getInputElement() {
     return shortBox.getInputElement().element();
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Creates the ShortBox value box used in the header filter.
+   *
+   * @return The ShortBox element.
+   */
   @Override
   protected ShortBox createValueBox() {
     this.shortBox = ShortBox.create();
     return this.shortBox;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Checks if the header filter input is empty.
+   *
+   * @return True if the input is empty, false otherwise.
+   */
   @Override
   protected boolean isEmpty() {
     return this.shortBox.isEmptyIgnoreSpaces();
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Gets the value of the header filter input as a string.
+   *
+   * @return The value of the input as a string.
+   */
   @Override
   protected String getValue() {
     return this.shortBox.getValue() + "";
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Gets the filter type of the header filter.
+   *
+   * @return The filter type.
+   */
   @Override
   protected FilterTypes getType() {
     return FilterTypes.SHORT;
   }
 
-  /** {@inheritDoc} */
+  /** Clears the header filter by setting the input value to an empty string. */
   @Override
   public void clear() {
     shortBox.withPausedChangeListeners(
@@ -104,11 +121,10 @@ public void clear() {
         });
   }
 
-  /** @return the {@link ShortBox} wrapped in this component */
   /**
-   * Getter for the field shortBox.
+   * Gets the ShortBox used in the header filter.
    *
-   * @return a {@link org.dominokit.domino.ui.forms.ShortBox} object
+   * @return The ShortBox element.
    */
   public ShortBox getShortBox() {
     return shortBox;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/TextHeaderFilter.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/TextHeaderFilter.java
index ca299ba39..436c738b8 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/TextHeaderFilter.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/TextHeaderFilter.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.filter.header;
 
 import elemental2.dom.HTMLInputElement;
@@ -20,91 +21,106 @@
 import org.dominokit.domino.ui.forms.TextBox;
 
 /**
- * String column header filter component that is rendered as a {@link
- * org.dominokit.domino.ui.forms.TextBox} component
+ * The TextHeaderFilter class provides a header filter for filtering text values.
  *
- * @param  type of data table records
+ * @param  The type of data in the DataTable.
  */
 public class TextHeaderFilter extends DelayedHeaderFilterInput {
 
   private TextBox textBox;
 
-  /** Default constructor */
+  /** Creates a new instance of TextHeaderFilter with no placeholder. */
   public TextHeaderFilter() {}
 
   /**
-   * Create and instance with custom placeholder
+   * Creates a new instance of TextHeaderFilter with a custom placeholder.
    *
-   * @param placeholder String
+   * @param placeholder The custom placeholder text.
    */
   public TextHeaderFilter(String placeholder) {
     super(placeholder);
   }
 
   /**
-   * create a new instance
+   * Creates a new instance of TextHeaderFilter.
    *
-   * @param  a T class
-   * @return a {@link org.dominokit.domino.ui.datatable.plugins.filter.header.TextHeaderFilter}
-   *     object
+   * @return The TextHeaderFilter instance.
    */
   public static  TextHeaderFilter create() {
     return new TextHeaderFilter<>();
   }
 
   /**
-   * creates a new instance with custom placeholder
+   * Creates a new instance of TextHeaderFilter with a custom placeholder.
    *
-   * @param placeholder String
-   * @param  type of the data table records
-   * @return new instance
+   * @param placeholder The custom placeholder text.
+   * @return The TextHeaderFilter instance.
    */
   public static  TextHeaderFilter create(String placeholder) {
     return new TextHeaderFilter<>(placeholder);
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Gets the HTMLInputElement used in the header filter.
+   *
+   * @return The HTMLInputElement element.
+   */
   @Override
   protected HTMLInputElement getInputElement() {
     return this.textBox.getInputElement().element();
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Creates the TextBox value box used in the header filter.
+   *
+   * @return The TextBox element.
+   */
   @Override
   protected TextBox createValueBox() {
     this.textBox = TextBox.create();
     return this.textBox;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Checks if the header filter input is empty.
+   *
+   * @return True if the input is empty, false otherwise.
+   */
   @Override
   protected boolean isEmpty() {
     return this.textBox.isEmptyIgnoreSpaces();
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Gets the value of the header filter input as a string.
+   *
+   * @return The value of the input as a string.
+   */
   @Override
   protected String getValue() {
     return this.textBox.getValue();
   }
 
-  /** @return the {@link TextBox} wrapped in this component */
   /**
-   * Getter for the field textBox.
+   * Gets the TextBox used in the header filter.
    *
-   * @return a {@link org.dominokit.domino.ui.forms.TextBox} object
+   * @return The TextBox element.
    */
   public TextBox getTextBox() {
     return textBox;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Gets the filter type of the header filter.
+   *
+   * @return The filter type.
+   */
   @Override
   protected FilterTypes getType() {
     return FilterTypes.STRING;
   }
 
-  /** {@inheritDoc} */
+  /** Clears the header filter by calling the clear method on the TextBox. */
   @Override
   public void clear() {
     textBox.withPausedChangeListeners(field -> textBox.clear());
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/TimeHeaderFilter.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/TimeHeaderFilter.java
index 3f26472f6..d3a7dcbb9 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/TimeHeaderFilter.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/filter/header/TimeHeaderFilter.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.filter.header;
 
 import elemental2.dom.HTMLElement;
@@ -25,27 +26,28 @@
 import org.dominokit.domino.ui.forms.TimeBox;
 
 /**
- * Date column header filter component that is rendered as a {@link
- * org.dominokit.domino.ui.forms.TimeBox} component
+ * The {@code TimeHeaderFilter} class provides a header filter for filtering time values in a
+ * DataTable.
  *
- * @param  type of data table records
+ * @param  The type of data in the DataTable.
  */
 public class TimeHeaderFilter implements ColumnHeaderFilterPlugin.HeaderFilter {
 
   private TimeBox timeBox;
 
   /**
-   * Static factory to create a new instance
+   * Creates a new instance of {@code TimeHeaderFilter} with the default placeholder text "Search".
    *
-   * @param  the type of the data table records
-   * @return new instance
+   * @return A new {@code TimeHeaderFilter} instance.
    */
   public static  TimeHeaderFilter create() {
     return new TimeHeaderFilter<>();
   }
 
-  /** @see TimeHeaderFilter#create() */
-  /** Constructor for TimeHeaderFilter. */
+  /**
+   * Creates a new instance of {@code TimeHeaderFilter} with the default placeholder text "Search".
+   * The created instance allows users to filter time values in a DataTable.
+   */
   public TimeHeaderFilter() {
     this.timeBox =
         TimeBox.create()
@@ -62,17 +64,23 @@ public TimeHeaderFilter() {
                 });
   }
 
-  /** @return the {@link TimeBox} wrapped in this filter component */
   /**
-   * Getter for the field timeBox.
+   * Gets the TimeBox element used in the header filter.
    *
-   * @return a {@link org.dominokit.domino.ui.forms.TimeBox} object
+   * @return The TimeBox element configured for filtering time values.
    */
   public TimeBox getTimeBox() {
     return timeBox;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Initializes the header filter by adding a BeforeSearchHandler and a change listener. When the
+   * search is performed, it adds a filter based on the selected time value or removes the filter if
+   * the TimeBox is empty.
+   *
+   * @param searchContext The search context of the DataTable.
+   * @param columnConfig The column configuration of the DataTable.
+   */
   @Override
   public void init(SearchContext searchContext, ColumnConfig columnConfig) {
     searchContext.addBeforeSearchHandler(
@@ -91,7 +99,7 @@ public void init(SearchContext searchContext, ColumnConfig columnConfig) {
     timeBox.addChangeListener((oldValue, value) -> searchContext.fireSearchEvent());
   }
 
-  /** {@inheritDoc} */
+  /** Clears the header filter by invoking the clear method on the TimeBox element. */
   @Override
   public void clear() {
     timeBox.withPausedChangeListeners(
@@ -100,7 +108,11 @@ public void clear() {
         });
   }
 
-  /** {@inheritDoc} */
+  /**
+   * @dominokit-site-ignore {@inheritDoc} Gets the HTMLElement representing the header filter
+   *     element, which is the TimeBox element.
+   * @return The TimeBox element used for filtering time values in the header.
+   */
   @Override
   public HTMLElement element() {
     return timeBox.element();
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/grouping/GroupingPlugin.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/grouping/GroupingPlugin.java
index 4bbdc5f7c..82e777f99 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/grouping/GroupingPlugin.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/grouping/GroupingPlugin.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.grouping;
 
 import static java.util.Objects.nonNull;
@@ -34,9 +35,32 @@
 import org.dominokit.domino.ui.utils.ComponentMeta;
 
 /**
- * This plugin renders the table rows in groups.
+ * The {@code GroupingPlugin} class provides the functionality to group data in a {@link DataTable}
+ * based on a grouping criteria. It allows expanding and collapsing groups of rows, making it easier
+ * to navigate and manage large datasets.
+ *
+ * 
Usage example:
+ *
+ * 
+ * DataTable dataTable = ... // Create a DataTable instance
+ * GroupingPlugin groupingPlugin = new GroupingPlugin<>(new GroupSupplier() {
+ *     {@literal @}Override
+ *     public String getRecordGroupId(TableRow tableRow) {
+ *         return tableRow.getModel().getCountry(); // Grouping criteria based on the 'country' field
+ *     }
+ * }, new CellRenderer() {
+ *     {@literal @}Override
+ *     public void render(CellInfo cellInfo) {
+ *         // Custom rendering for the group header cell
+ *         cellInfo.getElement().textContent = "Group: " + cellInfo.getModel().getCountry();
+ *     }
+ * });
  *
- * @param  the type of the data table records
+ * // Initialize and add the grouping plugin to the DataTable
+ * dataTable.addPlugin(groupingPlugin);
+ * 

+ *
+ * @param  The data type of the DataTable.
  */
 public class GroupingPlugin implements DataTablePlugin, TableConfig.RowAppender {
 
@@ -47,29 +71,31 @@ public class GroupingPlugin implements DataTablePlugin, TableConfig.RowApp
       () -> ToggleMdiIcon.create(Icons.minus_box(), Icons.plus_box());
 
   /**
-   * Create an instance with custom group supplier and group cell renderer
+   * Creates a new {@code GroupingPlugin} instance with the given group supplier and group renderer.
    *
-   * @param groupSupplier the {@link
-   *     org.dominokit.domino.ui.datatable.plugins.grouping.GroupingPlugin.GroupSupplier}
-   * @param groupRenderer the {@link org.dominokit.domino.ui.datatable.CellRenderer}
+   * @param groupSupplier The supplier for grouping records.
+   * @param groupRenderer The cell renderer for rendering group headers.
    */
   public GroupingPlugin(GroupSupplier groupSupplier, CellRenderer groupRenderer) {
     this.groupSupplier = groupSupplier;
     this.groupRenderer = groupRenderer;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Initializes the grouping plugin and adds it to the DataTable.
+   *
+   * @param dataTable The DataTable instance to which this plugin will be added.
+   */
   @Override
   public void init(DataTable dataTable) {
     dataTable.getTableConfig().setRowAppender(this);
   }
 
   /**
-   * Changes the group expand icon
+   * Sets the group expanded/collapse icon supplier for the group headers.
    *
-   * @param groupExpandedIconSupplier Supplier of {@link org.dominokit.domino.ui.icons.Icon} to
-   *     change the icon
-   * @return same plugin instance
+   * @param groupExpandedIconSupplier The supplier for the group expanded/collapse icon.
+   * @return This {@code GroupingPlugin} instance for method chaining.
    */
   public GroupingPlugin setGroupExpandedCollapseIcon(
       Supplier> groupExpandedIconSupplier) {
@@ -78,10 +104,10 @@ public GroupingPlugin setGroupExpandedCollapseIcon(
   }
 
   /**
-   * {@inheritDoc}
+   * Appends a row to the DataTable. Handles grouping of rows based on the group criteria.
    *
-   * 
the plugin will create a group based on the GroupSupplier and will append rows to the first
-   * group matching the criteria
+   * @param dataTable The DataTable instance.
+   * @param tableRow The TableRow to append.
    */
   @Override
   public void appendRow(DataTable dataTable, TableRow tableRow) {
@@ -122,7 +148,7 @@ public void appendRow(DataTable dataTable, TableRow tableRow) {
     }
   }
 
-  /** Expands all the current groups in the data table */
+  /** Expands all groups in the DataTable. */
   public void expandAll() {
     for (DataGroup dataGroup : dataGroups.values()) {
       if (!dataGroup.expanded) {
@@ -132,7 +158,7 @@ public void expandAll() {
     }
   }
 
-  /** Collapse all the current groups in the data table */
+  /** Collapses all groups in the DataTable. */
   public void collapseAll() {
     for (DataGroup dataGroup : dataGroups.values()) {
       if (dataGroup.expanded) {
@@ -143,15 +169,19 @@ public void collapseAll() {
   }
 
   /**
-   * Getter for the field dataGroups.
+   * Retrieves the data groups created by this plugin.
    *
-   * @return a {@link java.util.Map} object
+   * @return A map of data groups.
    */
   public Map> getDataGroups() {
     return dataGroups;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Handles events triggered on the DataTable.
+   *
+   * @param event The TableEvent to handle.
+   */
   @Override
   public void handleEvent(TableEvent event) {
     if (event.getType().equalsIgnoreCase(OnBeforeDataChangeEvent.ON_BEFORE_DATA_CHANGE)) {
@@ -159,8 +189,13 @@ public void handleEvent(TableEvent event) {
     }
   }
 
+  /**
+   * The {@code DataGroup} class represents a group of data rows in the DataTable. It is used for
+   * grouping and rendering data rows as a single group.
+   */
   public static class DataGroup implements ComponentMeta {
 
+    /** The key for identifying {@code DataGroup} instances in TableRow metadata. */
     private static final String KEY = "dataGroup";
 
     private List> groupRows = new ArrayList<>();
@@ -170,50 +205,98 @@ public static class DataGroup implements ComponentMeta {
     private ToggleIcon groupIconSupplier;
     private CellRenderer groupRenderer;
 
+    /**
+     * Creates a new {@code DataGroup} instance with the given lastRow and cellInfo.
+     *
+     * @param lastRow The last TableRow in the group.
+     * @param cellInfo The CellInfo containing the group cell element.
+     */
     public DataGroup(TableRow lastRow, CellRenderer.CellInfo cellInfo) {
       this.lastRow = lastRow;
       this.cellInfo = cellInfo;
       addRow(lastRow);
     }
 
+    /**
+     * Retrieves a {@code DataGroup} associated with the given TableRow, if available.
+     *
+     * @param  The data type of the TableRow.
+     * @param tableRow The TableRow for which to retrieve the associated DataGroup.
+     * @return An Optional containing the associated DataGroup, or an empty Optional if not found.
+     */
     public static  Optional> fromRow(TableRow tableRow) {
       return tableRow.getMeta(KEY);
     }
 
+    /** Toggles the visibility of the group's rows (expanding/collapsing the group). */
     public void toggleGroup() {
       expanded = !expanded;
       groupRows.forEach(tableRow -> elements.elementOf(tableRow.element()).toggleDisplay(expanded));
     }
 
+    /**
+     * Adds a TableRow to the group and updates its styling.
+     *
+     * @param tableRow The TableRow to add to the group.
+     */
     public void addRow(TableRow tableRow) {
       groupRows.add(tableRow);
       tableRow.addCss(isOdd(tableRow) ? dui_odd : dui_even);
       tableRow.applyMeta(this);
     }
 
+    /**
+     * Sets the group expanded/collapse icon supplier for the group headers.
+     *
+     * @param groupIconSupplier The supplier for the group expanded/collapse icon.
+     * @return This {@code DataGroup} instance for method chaining.
+     */
     private DataGroup setGroupIconSupplier(ToggleIcon groupIconSupplier) {
       this.groupIconSupplier = groupIconSupplier;
       return this;
     }
 
+    /**
+     * Retrieves the group's expanded/collapse icon supplier.
+     *
+     * @return The group icon supplier.
+     */
     private ToggleIcon getGroupIconSupplier() {
       return this.groupIconSupplier;
     }
 
+    /**
+     * Sets the group renderer for rendering the group header cell.
+     *
+     * @param groupRenderer The group renderer.
+     * @return This {@code DataGroup} instance for method chaining.
+     */
     private DataGroup setGroupRenderer(CellRenderer groupRenderer) {
       this.groupRenderer = groupRenderer;
       return this;
     }
 
+    /**
+     * Retrieves the key for identifying {@code DataGroup} instances in TableRow metadata.
+     *
+     * @return The identifying key.
+     */
     @Override
     public String getKey() {
       return KEY;
     }
 
+    /**
+     * Checks if the TableRow is an odd row within the group.
+     *
+     * @param tableRow The TableRow to check.
+     * @return True if the TableRow is odd, false otherwise.
+     */
     private boolean isOdd(TableRow tableRow) {
       return groupRows.indexOf(tableRow) % 2 > 0;
     }
 
+    /** Renders the group header cell with the provided group icon and group renderer. */
     public void render() {
       elements
           .elementOf(cellInfo.getElement())
@@ -232,17 +315,18 @@ public void render() {
   }
 
   /**
-   * this interface is to provide an implementation to define each row group
+   * A functional interface for supplying group criteria for DataTable rows.
    *
-   * @param  the type of the table row record
+   * @param  The type of data in the DataTable.
    */
   @FunctionalInterface
   public interface GroupSupplier {
+
     /**
-     * determines the row group
+     * Gets the group criteria for a TableRow.
      *
-     * @param tableRow the {@link TableRow}
-     * @return String group name the table row belongs to
+     * @param tableRow The TableRow for which to determine the group criteria.
+     * @return The group criteria.
      */
     String getRecordGroupId(TableRow tableRow);
   }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/header/HeaderActionElement.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/header/HeaderActionElement.java
index 1ddf5d2cb..16589e670 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/header/HeaderActionElement.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/header/HeaderActionElement.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.header;
 
 import elemental2.dom.Element;
@@ -21,29 +22,34 @@
 import org.dominokit.domino.ui.datatable.events.TableEventListener;
 
 /**
- * An interface to implement header action elements for the {@link
- * org.dominokit.domino.ui.datatable.plugins.header.HeaderBarPlugin}
+ * An interface for defining elements that can be used as actions in the header of a DataTable.
  *
- * @param  the type of the data table records
+ * @param  The type of data in the DataTable.
  */
 public interface HeaderActionElement extends TableEventListener {
+
   /**
-   * initialize the element for this action
+   * Converts the header action element into an HTML element.
    *
-   * @param dataTable the {@link org.dominokit.domino.ui.datatable.DataTable} we are attaching the
-   *     plugin to
-   * @return the {@link elemental2.dom.Node} representing this action element
+   * @param dataTable The DataTable to which this header action belongs.
+   * @return The HTML element representing the header action.
    */
   Element asElement(DataTable dataTable);
 
-  /** {@inheritDoc} */
+  /**
+   * {@inheritDoc}
+   *
+   * 
This default implementation does nothing when handling table events.
+   *
+   * @param event The table event to handle.
+   */
   @Override
   default void handleEvent(TableEvent event) {}
 
   /**
-   * Customize the styles for this action container
+   * Apply additional styles to the container element if needed.
    *
-   * @param container the flex item parent container of this action
+   * @param container The container element to which styles can be applied.
    */
   default void applyStyles(Element container) {}
 }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/header/HeaderBarPlugin.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/header/HeaderBarPlugin.java
index b12eeb5c9..ad578d2c2 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/header/HeaderBarPlugin.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/header/HeaderBarPlugin.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.header;
 
 import static java.util.Objects.nonNull;
@@ -41,10 +42,27 @@
 import org.dominokit.domino.ui.utils.PostfixAddOn;
 
 /**
- * This plugin attach an action bar to the table and adds {@link
- * org.dominokit.domino.ui.datatable.plugins.header.HeaderActionElement}(s) to it
+ * The HeaderBarPlugin class provides a customizable header bar for a DataTable with various actions
+ * such as condensing, expanding, toggling stripes, borders, hover effect, clearing filters, and
+ * showing/hiding columns.
+ *
+ * 
Usage Example:
+ *
+ * 
+ * HeaderBarPlugin headerBar = new HeaderBarPlugin<>("My Table", "Description");
+ * headerBar.addActionElement(new HeaderBarPlugin.CondenseTableAction<>());
+ * headerBar.addActionElement(new HeaderBarPlugin.StripesTableAction<>());
+ * headerBar.addActionElement(new HeaderBarPlugin.BordersTableAction<>());
+ * headerBar.addActionElement(new HeaderBarPlugin.HoverTableAction<>());
+ * headerBar.addActionElement(new HeaderBarPlugin.ClearSearch<>());
+ * headerBar.addActionElement(new HeaderBarPlugin.SearchTableAction<>());
+ * headerBar.addActionElement(new HeaderBarPlugin.ShowHideColumnsAction<>());
+ *
+ * DataTable dataTable = DataTable.create(data);
+ * dataTable.addPlugin(headerBar);
+ * 

  *
- * @param  the type of the data table records
+ * @param  The data type of the DataTable
  */
 public class HeaderBarPlugin implements DataTablePlugin {
 
@@ -52,19 +70,19 @@ public class HeaderBarPlugin implements DataTablePlugin {
   private final List> actionElements = new ArrayList<>();
 
   /**
-   * creates an instance with a custom title
+   * Creates a HeaderBarPlugin with the specified title and an empty description.
    *
-   * @param title String title of the header bar
+   * @param title The title to be displayed in the header bar.
    */
   public HeaderBarPlugin(String title) {
     this(title, "");
   }
 
   /**
-   * creates an instance with a custom and description
+   * Creates a HeaderBarPlugin with the specified title and description.
    *
-   * @param title String title of the header bar
-   * @param description String description of the header bar
+   * @param title The title to be displayed in the header bar.
+   * @param description The description to be displayed in the header bar.
    */
   public HeaderBarPlugin(String title, String description) {
     this.navBar = NavBar.create(title).addCss(dui_datatable_nav_bar);
@@ -73,7 +91,14 @@ public HeaderBarPlugin(String title, String description) {
     }
   }
 
-  /** {@inheritDoc} */
+  /**
+   * {@inheritDoc}
+   *
+   * 
This method is called before adding the DataTable to the DOM. It adds the header bar and
+   * action elements to the DataTable.
+   *
+   * @param dataTable The DataTable to which the header bar and action elements will be added.
+   */
   @Override
   public void onBeforeAddTable(DataTable dataTable) {
     actionElements.forEach(
@@ -82,11 +107,10 @@ public void onBeforeAddTable(DataTable dataTable) {
   }
 
   /**
-   * Adds a new header action to this header bar
+   * Adds an action element to the header bar.
    *
-   * @param headerActionElement the {@link
-   *     org.dominokit.domino.ui.datatable.plugins.header.HeaderActionElement}
-   * @return same plugin instance
+   * @param headerActionElement The HeaderActionElement to be added to the header bar.
+   * @return This HeaderBarPlugin instance for method chaining.
    */
   public HeaderBarPlugin addActionElement(HeaderActionElement headerActionElement) {
     actionElements.add(headerActionElement);
@@ -94,15 +118,24 @@ public HeaderBarPlugin addActionElement(HeaderActionElement headerActionEl
   }
 
   /**
-   * a Predefined {@link HeaderActionElement} that condense/expand the data table rows
+   * An implementation of the {@link HeaderActionElement} that allows condensing and expanding the
+   * DataTable.
    *
-   * @param  the type of the data table records
+   * @param  The type of data in the DataTable.
    */
   public static class CondenseTableAction implements HeaderActionElement {
     private String condenseToolTip = "Condense";
     private String expandToolTip = "Expand";
 
-    /** {@inheritDoc} */
+    /**
+     * {@inheritDoc}
+     *
+     * 
Creates an element that represents a toggle button for condensing and expanding the
+     * DataTable.
+     *
+     * @param dataTable The DataTable to apply the condense/expand action to.
+     * @return The created HTML element representing the condense/expand button.
+     */
     @Override
     public Element asElement(DataTable dataTable) {
       ToggleIcon condenseIcon =
@@ -121,10 +154,10 @@ public Element asElement(DataTable dataTable) {
     }
 
     /**
-     * Changes the condense icon tooltip
+     * Sets the tooltip text for the condense action button.
      *
-     * @param condenseToolTip String
-     * @return same acton instance
+     * @param condenseToolTip The tooltip text for the condense action.
+     * @return This {@code CondenseTableAction} instance for method chaining.
      */
     public CondenseTableAction setCondenseToolTip(String condenseToolTip) {
       this.condenseToolTip = condenseToolTip;
@@ -132,10 +165,10 @@ public CondenseTableAction setCondenseToolTip(String condenseToolTip) {
     }
 
     /**
-     * Changes the expand icon tooltip
+     * Sets the tooltip text for the expand action button.
      *
-     * @param expandToolTip String
-     * @return same acton instance
+     * @param expandToolTip The tooltip text for the expand action.
+     * @return This {@code CondenseTableAction} instance for method chaining.
      */
     public CondenseTableAction setExpandToolTip(String expandToolTip) {
       this.expandToolTip = expandToolTip;
@@ -144,16 +177,23 @@ public CondenseTableAction setExpandToolTip(String expandToolTip) {
   }
 
   /**
-   * A predefined action to toggle stripes on data table rows
+   * An implementation of the {@link HeaderActionElement} that allows toggling table stripes.
    *
-   * @param  the type of the data table records
+   * @param  The type of data in the DataTable.
    */
   public static class StripesTableAction implements HeaderActionElement {
 
     private String noStripsToolTip = "No stripes";
     private String stripsToolTip = "Stripes";
 
-    /** {@inheritDoc} */
+    /**
+     * {@inheritDoc}
+     *
+     * 
Creates an element that represents a toggle button for showing or hiding table stripes.
+     *
+     * @param dataTable The DataTable to apply the stripes action to.
+     * @return The created HTML element representing the stripes toggle button.
+     */
     @Override
     public Element asElement(DataTable dataTable) {
       ToggleIcon stripesIcon =
@@ -172,10 +212,10 @@ public Element asElement(DataTable dataTable) {
     }
 
     /**
-     * Changes the no strips icon tooltip
+     * Sets the tooltip text for the "No Stripes" action button.
      *
-     * @param noStripsToolTip String
-     * @return same acton instance
+     * @param noStripsToolTip The tooltip text for the "No Stripes" action.
+     * @return This {@code StripesTableAction} instance for method chaining.
      */
     public StripesTableAction setNoStripsToolTip(String noStripsToolTip) {
       this.noStripsToolTip = noStripsToolTip;
@@ -183,10 +223,10 @@ public StripesTableAction setNoStripsToolTip(String noStripsToolTip) {
     }
 
     /**
-     * Changes the strips icon tooltip
+     * Sets the tooltip text for the "Stripes" action button.
      *
-     * @param stripsToolTip String
-     * @return same acton instance
+     * @param stripsToolTip The tooltip text for the "Stripes" action.
+     * @return This {@code StripesTableAction} instance for method chaining.
      */
     public StripesTableAction setStripsToolTip(String stripsToolTip) {
       this.stripsToolTip = stripsToolTip;
@@ -195,16 +235,23 @@ public StripesTableAction setStripsToolTip(String stripsToolTip) {
   }
 
   /**
-   * A predefined action to toggle borders on data table rows
+   * An implementation of the {@link HeaderActionElement} that allows toggling table borders.
    *
-   * @param  the type of the data table records
+   * @param  The type of data in the DataTable.
    */
   public static class BordersTableAction implements HeaderActionElement {
 
     private String borderedToolTip = "Bordered";
     private String noBordersToolTip = "No borders";
 
-    /** {@inheritDoc} */
+    /**
+     * {@inheritDoc}
+     *
+     * 
Creates an element that represents a toggle button for showing or hiding table borders.
+     *
+     * @param dataTable The DataTable to apply the borders action to.
+     * @return The created HTML element representing the borders toggle button.
+     */
     @Override
     public Element asElement(DataTable dataTable) {
       ToggleIcon bordersIcon =
@@ -223,10 +270,10 @@ public Element asElement(DataTable dataTable) {
     }
 
     /**
-     * Changes the borders icon tooltip
+     * Sets the tooltip text for the "Bordered" action button.
      *
-     * @param borderedToolTip String
-     * @return same acton instance
+     * @param borderedToolTip The tooltip text for the "Bordered" action.
+     * @return This {@code BordersTableAction} instance for method chaining.
      */
     public BordersTableAction setBorderedToolTip(String borderedToolTip) {
       this.borderedToolTip = borderedToolTip;
@@ -234,10 +281,10 @@ public BordersTableAction setBorderedToolTip(String borderedToolTip) {
     }
 
     /**
-     * Changes the no borders icon tooltip
+     * Sets the tooltip text for the "No Borders" action button.
      *
-     * @param noBordersToolTip String
-     * @return same acton instance
+     * @param noBordersToolTip The tooltip text for the "No Borders" action.
+     * @return This {@code BordersTableAction} instance for method chaining.
      */
     public BordersTableAction setNoBordersToolTip(String noBordersToolTip) {
       this.noBordersToolTip = noBordersToolTip;
@@ -246,16 +293,24 @@ public BordersTableAction setNoBordersToolTip(String noBordersToolTip) {
   }
 
   /**
-   * A predefined action to toggle hover on data table rows
+   * An implementation of the {@link HeaderActionElement} that allows toggling table hover effect.
    *
-   * @param  the type of the data table records
+   * @param  The type of data in the DataTable.
    */
   public static class HoverTableAction implements HeaderActionElement {
 
     private String hoverToolTip = "Hover";
     private String noHoverToolTip = "No Hover";
 
-    /** {@inheritDoc} */
+    /**
+     * {@inheritDoc}
+     *
+     * 
Creates an element that represents a toggle button for enabling or disabling table hover
+     * effect.
+     *
+     * @param dataTable The DataTable to apply the hover action to.
+     * @return The created HTML element representing the hover toggle button.
+     */
     @Override
     public Element asElement(DataTable dataTable) {
 
@@ -274,10 +329,10 @@ public Element asElement(DataTable dataTable) {
     }
 
     /**
-     * Changes the hover icon tooltip
+     * Sets the tooltip text for the "Hover" action button.
      *
-     * @param hoverToolTip String
-     * @return same acton instance
+     * @param hoverToolTip The tooltip text for the "Hover" action.
+     * @return This {@code HoverTableAction} instance for method chaining.
      */
     public HoverTableAction setHoverToolTip(String hoverToolTip) {
       this.hoverToolTip = hoverToolTip;
@@ -285,10 +340,10 @@ public HoverTableAction setHoverToolTip(String hoverToolTip) {
     }
 
     /**
-     * Changes the no hover icon tooltip
+     * Sets the tooltip text for the "No Hover" action button.
      *
-     * @param noHoverToolTip String
-     * @return same acton instance
+     * @param noHoverToolTip The tooltip text for the "No Hover" action.
+     * @return This {@code HoverTableAction} instance for method chaining.
      */
     public HoverTableAction setNoHoverToolTip(String noHoverToolTip) {
       this.noHoverToolTip = noHoverToolTip;
@@ -297,15 +352,23 @@ public HoverTableAction setNoHoverToolTip(String noHoverToolTip) {
   }
 
   /**
-   * A predefined action to clear data table search
+   * An implementation of the {@link HeaderActionElement} that allows clearing filters in a
+   * DataTable.
    *
-   * @param  the type of the data table records
+   * @param  The type of data in the DataTable.
    */
   public static class ClearSearch implements HeaderActionElement {
 
     private String clearFiltersToolTip = "Clear filters";
 
-    /** {@inheritDoc} */
+    /**
+     * {@inheritDoc}
+     *
+     * 
Creates an element that represents a button to clear filters in a DataTable.
+     *
+     * @param dataTable The DataTable from which to clear filters.
+     * @return The created HTML element representing the clear filters button.
+     */
     @Override
     public Element asElement(DataTable dataTable) {
 
@@ -320,10 +383,10 @@ public Element asElement(DataTable dataTable) {
     }
 
     /**
-     * Changes the clear filters icon tooltip
+     * Sets the tooltip text for the "Clear Filters" action button.
      *
-     * @param clearFiltersToolTip String
-     * @return same acton instance
+     * @param clearFiltersToolTip The tooltip text for the "Clear Filters" action.
+     * @return This {@code ClearSearch} instance for method chaining.
      */
     public ClearSearch setClearFiltersToolTip(String clearFiltersToolTip) {
       this.clearFiltersToolTip = clearFiltersToolTip;
@@ -332,16 +395,20 @@ public ClearSearch setClearFiltersToolTip(String clearFiltersToolTip) {
   }
 
   /**
-   * A predefined action to add a search box the data table
+   * An implementation of the {@link HeaderActionElement} that provides search functionality for a
+   * DataTable.
    *
-   * @param  the type of the data table records
+   * @param  The type of data in the DataTable.
    */
   public static class SearchTableAction implements HeaderActionElement {
 
     private DataTable dataTable;
     private final SearchBox searchBox;
 
-    /** creates a new instance */
+    /**
+     * Creates a new instance of the {@code SearchTableAction}. Initializes a search box with
+     * automatic search and adds a search listener to trigger searches.
+     */
     public SearchTableAction() {
       this.searchBox = SearchBox.create().addCss(dui_datatable_search_box);
       searchBox.setAutoSearch(true);
@@ -355,12 +422,19 @@ private void search() {
       this.dataTable.getSearchContext().fireSearchEvent();
     }
 
-    /** Clears the search */
+    /** Clears the search box. */
     public void clear() {
       searchBox.clearSearch();
     }
 
-    /** {@inheritDoc} */
+    /**
+     * {@inheritDoc}
+     *
+     * 
Handles events related to search, particularly clearing the search box when the search is
+     * cleared.
+     *
+     * @param event The table event to handle.
+     */
     @Override
     public void handleEvent(TableEvent event) {
       if (SearchClearedEvent.SEARCH_EVENT_CLEARED.equals(event.getType())) {
@@ -368,7 +442,15 @@ public void handleEvent(TableEvent event) {
       }
     }
 
-    /** {@inheritDoc} */
+    /**
+     * {@inheritDoc}
+     *
+     * 
Creates an element representing the search box and adds listeners to handle searching and
+     * clearing.
+     *
+     * @param dataTable The DataTable to which this action element belongs.
+     * @return The created HTML element representing the search box.
+     */
     @Override
     public Element asElement(DataTable dataTable) {
       this.dataTable = dataTable;
@@ -383,12 +465,24 @@ public Element asElement(DataTable dataTable) {
       return searchBox.element();
     }
 
+    /**
+     * {@inheritDoc}
+     *
+     * 
Applies styles to the search box element.
+     *
+     * @param self The element representing the search box.
+     */
     @Override
     public void applyStyles(Element self) {
       elements.elementOf(self).addCss(dui_grow_1);
     }
 
-    /** @return the search box */
+    /**
+     * Configures the search box with a custom handler using method chaining.
+     *
+     * @param handler The custom handler to apply to the search box.
+     * @return This {@code SearchTableAction} instance for method chaining.
+     */
     public SearchTableAction withSearchBox(
         ChildHandler, SearchBox> handler) {
       handler.apply(this, searchBox);
@@ -397,13 +491,22 @@ public SearchTableAction withSearchBox(
   }
 
   /**
-   * A predefined action to add a drop down to the data table that allow selecting which columns be
-   * shown/hidden
+   * An implementation of the {@link HeaderActionElement} that provides the ability to show/hide
+   * columns in a DataTable.
    *
-   * @param  the type of the data table records
+   * @param  The type of data in the DataTable.
    */
   public static class ShowHideColumnsAction implements HeaderActionElement {
-    /** {@inheritDoc} */
+
+    /**
+     * {@inheritDoc}
+     *
+     * 
Creates an element representing a button that allows users to show/hide columns. When
+     * clicked, a dropdown menu appears, providing options to show or hide individual columns.
+     *
+     * @param dataTable The DataTable to which this action element belongs.
+     * @return The created HTML element representing the show/hide columns button.
+     */
     @Override
     public Element asElement(DataTable dataTable) {
       Icon columnsIcon = Icons.view_column().clickable();
@@ -459,7 +562,13 @@ private boolean notUtility(ColumnConfig column) {
       return !column.isUtilityColumn();
     }
 
-    /** {@inheritDoc} */
+    /**
+     * {@inheritDoc}
+     *
+     * 
This method does not handle any specific events.
+     *
+     * @param event The table event to handle.
+     */
     @Override
     public void handleEvent(TableEvent event) {}
   }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/header/TopPanelPlugin.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/header/TopPanelPlugin.java
index 991c116ee..e3cd18b79 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/header/TopPanelPlugin.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/header/TopPanelPlugin.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.header;
 
 import static java.util.Objects.nonNull;
@@ -23,13 +24,20 @@
 import org.dominokit.domino.ui.datatable.plugins.DataTablePlugin;
 
 /**
- * This abstract plugin attach custom content to the data table top panel
+ * An abstract class that provides a plugin mechanism for adding a top panel element to a DataTable.
  *
- * @param  the type of the data table records
+ * @param  The type of data in the DataTable.
  */
 public abstract class TopPanelPlugin implements DataTablePlugin, IsElement {
 
-  /** {@inheritDoc} */
+  /**
+   * {@inheritDoc}
+   *
+   * 
This method is called before adding the DataTable to the DOM. It appends the top panel
+   * element, if not null, to the DataTable's element.
+   *
+   * @param dataTable The DataTable to which this top panel belongs.
+   */
   @Override
   public void onBeforeAddTable(DataTable dataTable) {
     if (nonNull(element())) {
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/marker/RowMarkerMeta.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/marker/RowMarkerMeta.java
index 29e9cbf31..21ecebcd2 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/marker/RowMarkerMeta.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/marker/RowMarkerMeta.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.marker;
 
 import java.util.Optional;
@@ -20,55 +21,67 @@
 import org.dominokit.domino.ui.style.CssClass;
 import org.dominokit.domino.ui.utils.ComponentMeta;
 
-/** RowMarkerMeta class. */
+/**
+ * A meta-information class that holds the marker CSS class for a table row in the DataTable.
+ *
+ * @param  The type of data in the DataTable.
+ */
 public class RowMarkerMeta implements ComponentMeta {
 
-  /** Constant DOMINO_ROW_MARKER_META="domino-row-marker-meta" */
+  /** The key used to identify this meta-information in the TableRow. */
   public static final String DOMINO_ROW_MARKER_META = "domino-row-marker-meta";
 
   private CssClass markerCssClass;
 
   /**
-   * Constructor for RowMarkerMeta.
+   * Creates a new {@link RowMarkerMeta} instance with the specified marker CSS class.
    *
-   * @param markerCssClass a {@link org.dominokit.domino.ui.style.CssClass} object
+   * @param markerCssClass The CSS class representing the row marker.
    */
   public RowMarkerMeta(CssClass markerCssClass) {
     this.markerCssClass = markerCssClass;
   }
 
   /**
-   * of.
+   * Static factory method to create a new {@link RowMarkerMeta} instance with the specified marker
+   * CSS class.
    *
-   * @param markerCssClass a {@link org.dominokit.domino.ui.style.CssClass} object
-   * @param  a T class
-   * @return a {@link org.dominokit.domino.ui.datatable.plugins.marker.RowMarkerMeta} object
+   * @param  The type of data in the DataTable.
+   * @param markerCssClass The CSS class representing the row marker.
+   * @return A new {@link RowMarkerMeta} instance.
    */
   public static  RowMarkerMeta of(CssClass markerCssClass) {
     return new RowMarkerMeta<>(markerCssClass);
   }
 
-  /** {@inheritDoc} */
+  /**
+   * {@inheritDoc}
+   *
+   * 
Returns the key used to identify this meta-information.
+   *
+   * @return The key, which is {@link #DOMINO_ROW_MARKER_META}.
+   */
   @Override
   public String getKey() {
     return DOMINO_ROW_MARKER_META;
   }
 
   /**
-   * get.
+   * Retrieves the {@link RowMarkerMeta} instance associated with the specified table row.
    *
-   * @param row a {@link org.dominokit.domino.ui.datatable.TableRow} object
-   * @param  a T class
-   * @return a {@link java.util.Optional} object
+   * @param  The type of data in the DataTable.
+   * @param row The TableRow for which to retrieve the marker meta-information.
+   * @return An {@link Optional} containing the {@link RowMarkerMeta} instance if present, or empty
+   *     otherwise.
    */
   public static  Optional> get(TableRow row) {
     return row.getMeta(DOMINO_ROW_MARKER_META);
   }
 
   /**
-   * Getter for the field markerCssClass.
+   * Gets the CSS class representing the row marker.
    *
-   * @return a {@link org.dominokit.domino.ui.style.CssClass} object
+   * @return The CSS class representing the row marker.
    */
   public CssClass getMarkerCssClass() {
     return markerCssClass;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/marker/RowMarkerPlugin.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/marker/RowMarkerPlugin.java
index 3e8b9f19c..db902a056 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/marker/RowMarkerPlugin.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/marker/RowMarkerPlugin.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.marker;
 
 import static java.util.Objects.nonNull;
@@ -26,26 +27,53 @@
 import org.dominokit.domino.ui.style.CssClass;
 
 /**
- * This plugin adds a thin colored border to the left of a row based on custom criteria
+ * A DataTable plugin that adds row markers based on the provided {@link MarkerColor} function.
  *
- * @param  the type of the data table records
+ * @param  The type of data in the DataTable.
  */
 public class RowMarkerPlugin implements DataTablePlugin, DataTableStyles {
 
   private final MarkerColor markerColor;
 
-  /** {@inheritDoc} */
+  /**
+   * Creates a new {@link RowMarkerPlugin} with the specified marker color function.
+   *
+   * @param markerColor The function that determines the marker color for each row.
+   */
+  public RowMarkerPlugin(MarkerColor markerColor) {
+    this.markerColor = markerColor;
+  }
+
+  /**
+   * {@inheritDoc}
+   *
+   * 
Adds the CSS class for row markers to the DataTable before adding it.
+   *
+   * @param dataTable The DataTable to which this plugin is applied.
+   */
   @Override
   public void onBeforeAddTable(DataTable dataTable) {
     dataTable.addCss(dui_datatable_row_marker);
   }
 
-  /** {@inheritDoc} */
+  /**
+   * {@inheritDoc}
+   *
+   * 
Sets the marker style for the newly added row.
+   *
+   * @param dataTable The DataTable to which this plugin is applied.
+   * @param tableRow The newly added TableRow.
+   */
   @Override
   public void onRowAdded(DataTable dataTable, TableRow tableRow) {
     setStyle(tableRow);
   }
 
+  /**
+   * Sets the CSS style for the specified table row based on the marker color function.
+   *
+   * @param tableRow The TableRow for which to set the style.
+   */
   private void setStyle(TableRow tableRow) {
     CssClass color = markerColor.getColor(tableRow);
     RowMarkerMeta.get(tableRow).ifPresent(meta -> meta.getMarkerCssClass().remove(tableRow));
@@ -55,7 +83,13 @@ private void setStyle(TableRow tableRow) {
     }
   }
 
-  /** {@inheritDoc} */
+  /**
+   * {@inheritDoc}
+   *
+   * 
Handles row record updated events by updating the row marker style.
+   *
+   * @param event The table event to handle.
+   */
   @Override
   public void handleEvent(TableEvent event) {
     if (RowRecordUpdatedEvent.RECORD_UPDATED.equals(event.getType())) {
@@ -64,33 +98,31 @@ public void handleEvent(TableEvent event) {
   }
 
   /**
-   * creates an instance with a custom marker color
+   * {@inheritDoc}
+   *
+   * 
Specifies the order in which this plugin should be executed. It has the highest order value
+   * to ensure that it runs last.
    *
-   * @param markerColor {@link
-   *     org.dominokit.domino.ui.datatable.plugins.marker.RowMarkerPlugin.MarkerColor}
+   * @return The order value, set to {@link Integer#MAX_VALUE}.
    */
-  public RowMarkerPlugin(MarkerColor markerColor) {
-    this.markerColor = markerColor;
-  }
-
-  /** {@inheritDoc} */
   @Override
   public int order() {
     return Integer.MAX_VALUE;
   }
 
   /**
-   * An interface to implement different color markers
+   * Functional interface for determining the marker color for a row.
    *
-   * @param  the type of the table row record
+   * @param  The type of data in the DataTable.
    */
   @FunctionalInterface
   public interface MarkerColor {
+
     /**
-     * determines the Color scheme from the cell info
+     * Returns the marker color CSS class for the specified table row.
      *
-     * @param tableRow {@link TableRow}
-     * @return String color value
+     * @param tableRow The TableRow for which to determine the marker color.
+     * @return The CSS class representing the marker color for the row.
      */
     CssClass getColor(TableRow tableRow);
   }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/menu/RowContextMenuMeta.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/menu/RowContextMenuMeta.java
index e1f5b1893..cfb041989 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/menu/RowContextMenuMeta.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/menu/RowContextMenuMeta.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.menu;
 
 import java.util.Optional;
@@ -21,39 +22,43 @@
 import org.dominokit.domino.ui.menu.MenuTarget;
 import org.dominokit.domino.ui.utils.ComponentMeta;
 
-/** RowContextMenuMeta class. */
+/**
+ * A metadata class for associating context menus with table rows in a DataTable.
+ *
+ * @param  The type of data in the DataTable.
+ */
 public class RowContextMenuMeta implements ComponentMeta {
-  /** Constant ROW_CONTEXT_MENU_META="row-context-menu-meta" */
+
   public static final String ROW_CONTEXT_MENU_META = "row-context-menu-meta";
 
   private final TableRow tableRow;
 
   /**
-   * Constructor for RowContextMenuMeta.
+   * Creates a new {@link RowContextMenuMeta} instance for the specified table row.
    *
-   * @param tableRow a {@link org.dominokit.domino.ui.datatable.TableRow} object
+   * @param tableRow The TableRow to associate with the context menu.
    */
   public RowContextMenuMeta(TableRow tableRow) {
     this.tableRow = tableRow;
   }
 
   /**
-   * of.
+   * Creates a new {@link RowContextMenuMeta} instance for the specified table row.
    *
-   * @param tableRow a {@link org.dominokit.domino.ui.datatable.TableRow} object
-   * @param  a T class
-   * @return a {@link org.dominokit.domino.ui.datatable.plugins.menu.RowContextMenuMeta} object
+   * @param  The type of data in the DataTable.
+   * @param tableRow The TableRow to associate with the context menu.
+   * @return A new {@link RowContextMenuMeta} instance.
    */
   public static  RowContextMenuMeta of(TableRow tableRow) {
     return new RowContextMenuMeta<>(tableRow);
   }
 
   /**
-   * get.
+   * Gets the context menu metadata associated with a menu.
    *
-   * @param menu a {@link org.dominokit.domino.ui.menu.Menu} object
-   * @param  a T class
-   * @return a {@link java.util.Optional} object
+   * @param  The type of data in the DataTable.
+   * @param menu The context menu to retrieve metadata from.
+   * @return An {@link Optional} containing the context menu metadata if found, or empty otherwise.
    */
   public static  Optional> get(Menu menu) {
     Optional target = menu.getTarget();
@@ -64,15 +69,19 @@ public static  Optional> get(Menu menu) {
   }
 
   /**
-   * Getter for the field tableRow.
+   * Gets the TableRow associated with this context menu.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.TableRow} object
+   * @return The TableRow associated with the context menu.
    */
   public TableRow getTableRow() {
     return tableRow;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Gets the key used for identifying this metadata.
+   *
+   * @return The key for this metadata.
+   */
   @Override
   public String getKey() {
     return ROW_CONTEXT_MENU_META;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/menu/RowContextMenuPlugin.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/menu/RowContextMenuPlugin.java
index 7140282b4..8f69eff9a 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/menu/RowContextMenuPlugin.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/menu/RowContextMenuPlugin.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.menu;
 
 import java.util.Optional;
@@ -22,21 +23,32 @@
 import org.dominokit.domino.ui.menu.Menu;
 import org.dominokit.domino.ui.menu.MenuTarget;
 
-/** RowContextMenuPlugin class. */
+/**
+ * A plugin for adding row context menus to a DataTable.
+ *
+ * @param  The type of data in the DataTable.
+ */
 public class RowContextMenuPlugin implements DataTablePlugin {
 
   private final Menu menu;
 
   /**
-   * Constructor for RowContextMenuPlugin.
+   * Creates a new {@link RowContextMenuPlugin} instance with the specified context menu.
    *
-   * @param menu a {@link org.dominokit.domino.ui.menu.Menu} object
+   * @param menu The context menu to be associated with the rows.
    */
   public RowContextMenuPlugin(Menu menu) {
     this.menu = menu;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * {@inheritDoc}
+   *
+   * 
Adds the context menu to the specified row when a new row is added to the DataTable.
+   *
+   * @param dataTable The DataTable to which this plugin is applied.
+   * @param tableRow The TableRow to which the context menu is added.
+   */
   @Override
   public void onRowAdded(DataTable dataTable, TableRow tableRow) {
     this.menu.addTarget(
@@ -44,9 +56,9 @@ public void onRowAdded(DataTable dataTable, TableRow tableRow) {
   }
 
   /**
-   * getRowContextMenuMeta.
+   * Gets the context menu associated with this plugin.
    *
-   * @return a {@link java.util.Optional} object
+   * @return An {@link Optional} containing the context menu if set, or empty otherwise.
    */
   public Optional> getRowContextMenuMeta() {
     return RowContextMenuMeta.get(this.menu);
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/pagination/AdvancedPaginationPlugin.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/pagination/AdvancedPaginationPlugin.java
index ff818c0de..ab520f2fa 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/pagination/AdvancedPaginationPlugin.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/pagination/AdvancedPaginationPlugin.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.pagination;
 
 import org.dominokit.domino.ui.datatable.DataTable;
@@ -21,30 +22,34 @@
 import org.dominokit.domino.ui.pagination.AdvancedPagination;
 
 /**
- * This plugin attach an {@link org.dominokit.domino.ui.pagination.AdvancedPagination} component to
- * the data table and fires {@link TablePageChangeEvent} when ever the page is changed
+ * A plugin for adding advanced pagination functionality to a DataTable.
  *
- * @param  the type of the data table records
+ * @param  The type of data in the DataTable.
  */
 public class AdvancedPaginationPlugin implements DataTablePlugin {
 
   private AdvancedPagination pagination;
 
-  /** Creates and instance with default page size of 10 */
+  /** Initializes the plugin with a default page size of 10. */
   public AdvancedPaginationPlugin() {
     this(10);
   }
 
   /**
-   * Creates and instance with a custom page size
+   * Initializes the plugin with a specified page size.
    *
-   * @param pageSize int, Page size
+   * @param pageSize The number of items per page.
    */
   public AdvancedPaginationPlugin(int pageSize) {
     this.pagination = AdvancedPagination.create(0, pageSize);
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Adds the advanced pagination component to the DataTable and registers a change listener to
+   * handle page change events.
+   *
+   * @param dataTable The DataTable instance to which this plugin is applied.
+   */
   @Override
   public void onAfterAddTable(DataTable dataTable) {
     dataTable.appendChild(pagination);
@@ -53,11 +58,10 @@ public void onAfterAddTable(DataTable dataTable) {
             dataTable.fireTableEvent(new TablePageChangeEvent(pageNumber, pagination)));
   }
 
-  /** @return the {@link AdvancedPagination} wrapped in this plugin */
   /**
-   * Getter for the field pagination.
+   * Gets the AdvancedPagination instance used by this plugin.
    *
-   * @return a {@link org.dominokit.domino.ui.pagination.AdvancedPagination} object
+   * @return The AdvancedPagination instance.
    */
   public AdvancedPagination getPagination() {
     return pagination;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/pagination/BodyScrollPlugin.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/pagination/BodyScrollPlugin.java
index c6b74719e..0e6ad6d93 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/pagination/BodyScrollPlugin.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/pagination/BodyScrollPlugin.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.pagination;
 
 import elemental2.core.JsMath;
@@ -20,16 +21,23 @@
 import org.dominokit.domino.ui.datatable.DataTable;
 import org.dominokit.domino.ui.datatable.events.BodyScrollEvent;
 import org.dominokit.domino.ui.datatable.plugins.DataTablePlugin;
+import org.dominokit.domino.ui.datatable.plugins.HasPluginConfig;
 
 /**
- * This plugin fires {@link org.dominokit.domino.ui.datatable.events.BodyScrollEvent} whenever the
- * table body scroll reaches the top of the bottom
+ * A plugin for handling body scroll events in a DataTable.
  *
- * @param  the type of the data table records
+ * @param  The type of data in the DataTable.
  */
-public class BodyScrollPlugin implements DataTablePlugin {
+public class BodyScrollPlugin
+    implements DataTablePlugin, HasPluginConfig, BodyScrollPluginConfig> {
+
+  private BodyScrollPluginConfig config = new BodyScrollPluginConfig(0);
 
-  /** {@inheritDoc} */
+  /**
+   * Initializes the plugin and adds scroll event listeners to the DataTable's body.
+   *
+   * @param dataTable The DataTable instance to which this plugin is applied.
+   */
   @Override
   public void onBodyAdded(DataTable dataTable) {
     HTMLTableElement scrollElement = dataTable.tableElement().element();
@@ -42,19 +50,38 @@ public void onBodyAdded(DataTable dataTable) {
           }
           int offsetHeight = new Double(scrollElement.offsetHeight).intValue();
           int scrollHeight = new Double(scrollElement.scrollHeight).intValue();
+          int clientHeight = new Double(scrollElement.clientHeight).intValue();
 
           if (JsMath.abs(offsetHeight) + JsMath.abs(scrollTop)
-              == new Double(scrollHeight).intValue()) {
+              >= new Double(scrollHeight + (offsetHeight - clientHeight)).intValue()
+                  - config.getOffset()) {
             dataTable.fireTableEvent(new BodyScrollEvent(ScrollPosition.BOTTOM));
           }
         });
   }
 
-  /** An enum to specify the postion of the scroll */
+  /**
+   * Sets up the plugin configuration.
+   *
+   * @param config The plugin configuration.
+   */
+  @Override
+  public BodyScrollPlugin setConfig(BodyScrollPluginConfig config) {
+    this.config = config;
+    return this;
+  }
+
+  /** @return the plugin configuration */
+  @Override
+  public BodyScrollPluginConfig getConfig() {
+    return this.config;
+  }
+
+  /** An enum representing the scroll position in the DataTable's body. */
   public enum ScrollPosition {
-    /** The scroll reached the top */
+    /** Represents the top scroll position. */
     TOP,
-    /** The scroll reached the bottom */
+    /** Represents the bottom scroll position. */
     BOTTOM
   }
 }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/pagination/BodyScrollPluginConfig.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/pagination/BodyScrollPluginConfig.java
new file mode 100644
index 000000000..4947b9f51
--- /dev/null
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/pagination/BodyScrollPluginConfig.java
@@ -0,0 +1,51 @@
+/*
+ * Copyright © 2019 Dominokit
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+package org.dominokit.domino.ui.datatable.plugins.pagination;
+
+import org.dominokit.domino.ui.datatable.plugins.PluginConfig;
+
+/**
+ * Configuration class for {@link BodyScrollPlugin} Allow the user to define the offset of pixels
+ * the plugin will use to fire the event before it reach the bottom of the scroll.
+ */
+public class BodyScrollPluginConfig implements PluginConfig {
+
+  private int offset;
+
+  /**
+   * creates a new instance with the specified scroll offset.
+   *
+   * @param offset number of pixels to be used as scroll offset.
+   */
+  public BodyScrollPluginConfig(int offset) {
+    this.offset = offset;
+  }
+
+  /** @return int number of pixels to use as an offset for reaching the scroll bottom. */
+  public int getOffset() {
+    return offset;
+  }
+
+  /**
+   * sets the number of pixels to use as an offset for reaching the scroll bottom.
+   *
+   * @return same configuration instance
+   */
+  public BodyScrollPluginConfig setOffset(int offset) {
+    this.offset = offset;
+    return this;
+  }
+}
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/pagination/ScrollingPaginationPlugin.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/pagination/ScrollingPaginationPlugin.java
index c6101c265..21128bc90 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/pagination/ScrollingPaginationPlugin.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/pagination/ScrollingPaginationPlugin.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.pagination;
 
 import org.dominokit.domino.ui.datatable.DataTable;
@@ -21,40 +22,44 @@
 import org.dominokit.domino.ui.pagination.ScrollingPagination;
 
 /**
- * This plugin attach an {@link org.dominokit.domino.ui.pagination.ScrollingPagination} component to
- * the data table and fires {@link TablePageChangeEvent} when ever the page is changed
+ * A plugin for adding scrolling pagination functionality to a DataTable.
  *
- * @param  the type of the data table records
+ * @param  The type of data in the DataTable.
  */
 public class ScrollingPaginationPlugin implements DataTablePlugin {
 
   private ScrollingPagination pagination;
 
-  /** Creates and instance with default page size of 10 */
+  /** Initializes the plugin with a default page size of 10 and a default window size of 10. */
   public ScrollingPaginationPlugin() {
     this(10);
   }
 
   /**
-   * Constructor for ScrollingPaginationPlugin.
+   * Initializes the plugin with a specified page size and a default window size of 10.
    *
-   * @param pageSize a int
+   * @param pageSize The number of items per page.
    */
   public ScrollingPaginationPlugin(int pageSize) {
     this(pageSize, 10);
   }
 
   /**
-   * Creates and instance with a custom page size
+   * Initializes the plugin with a specified page size and window size.
    *
-   * @param pageSize int, Page size
-   * @param windowSize a int
+   * @param pageSize The number of items per page.
+   * @param windowSize The number of pages to display in the pagination window.
    */
   public ScrollingPaginationPlugin(int pageSize, int windowSize) {
     this.pagination = ScrollingPagination.create(0, pageSize, windowSize);
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Adds the scrolling pagination component to the DataTable and registers a change listener to
+   * handle page change events.
+   *
+   * @param dataTable The DataTable instance to which this plugin is applied.
+   */
   @Override
   public void onAfterAddTable(DataTable dataTable) {
     dataTable.appendChild(pagination);
@@ -63,11 +68,10 @@ public void onAfterAddTable(DataTable dataTable) {
             dataTable.fireTableEvent(new TablePageChangeEvent(pageNumber, pagination)));
   }
 
-  /** @return The {@link ScrollingPagination} component wrapped in this plugin */
   /**
-   * Getter for the field pagination.
+   * Gets the ScrollingPagination instance used by this plugin.
    *
-   * @return a {@link org.dominokit.domino.ui.pagination.ScrollingPagination} object
+   * @return The ScrollingPagination instance.
    */
   public ScrollingPagination getPagination() {
     return pagination;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/pagination/SimplePaginationPlugin.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/pagination/SimplePaginationPlugin.java
index a78cc9db0..eccaaf428 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/pagination/SimplePaginationPlugin.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/pagination/SimplePaginationPlugin.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.pagination;
 
 import org.dominokit.domino.ui.datatable.DataTable;
@@ -21,30 +22,34 @@
 import org.dominokit.domino.ui.pagination.SimplePagination;
 
 /**
- * This plugin attach an {@link org.dominokit.domino.ui.pagination.SimplePagination} component to
- * the data table and fires {@link TablePageChangeEvent} when ever the page is changed
+ * A plugin for adding simple pagination functionality to a DataTable.
  *
- * @param  the type of the data table records
+ * @param  The type of data in the DataTable.
  */
 public class SimplePaginationPlugin implements DataTablePlugin {
 
   private SimplePagination simplePagination;
 
-  /** Creates and instance with default page size of 10 */
+  /** Initializes the plugin with a default page size of 10. */
   public SimplePaginationPlugin() {
     this(10);
   }
 
   /**
-   * Creates and instance with a custom page size
+   * Initializes the plugin with a specified page size.
    *
-   * @param pageSize int, Page size
+   * @param pageSize The number of items per page.
    */
   public SimplePaginationPlugin(int pageSize) {
     this.simplePagination = SimplePagination.create(0, pageSize).markActivePage().gotoPage(1);
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Adds the pagination component to the DataTable and registers a change listener to handle page
+   * change events.
+   *
+   * @param dataTable The DataTable instance to which this plugin is applied.
+   */
   @Override
   public void onAfterAddTable(DataTable dataTable) {
     dataTable.appendChild(simplePagination);
@@ -54,11 +59,10 @@ public void onAfterAddTable(DataTable dataTable) {
             dataTable.fireTableEvent(new TablePageChangeEvent(pageNumber, simplePagination)));
   }
 
-  /** @return the {@link SimplePagination} wrapped in this plugin */
   /**
-   * Getter for the field simplePagination.
+   * Gets the SimplePagination instance used by this plugin.
    *
-   * @return a {@link org.dominokit.domino.ui.pagination.SimplePagination} object
+   * @return The SimplePagination instance.
    */
   public SimplePagination getSimplePagination() {
     return simplePagination;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/pagination/SortDirection.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/pagination/SortDirection.java
index 807deb9fa..a65e1dac7 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/pagination/SortDirection.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/pagination/SortDirection.java
@@ -13,11 +13,40 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.pagination;
 
-/** Enum listing possible sort direction */
+/**
+ * The {@code SortDirection} enum represents the sorting directions used in sorting operations. It
+ * provides three possible sorting directions: - {@link SortDirection#ASC ASC} for ascending sorting
+ * order. - {@link SortDirection#DESC DESC} for descending sorting order. - {@link
+ * SortDirection#NONE NONE} when no sorting is applied.
+ *
+ * 
This enum is typically used in conjunction with sorting operations in a {@link
+ * org.dominokit.domino.ui.datatable.DataTable} to indicate the desired sorting direction for
+ * columns or data.
+ *
+ * @see org.dominokit.domino.ui.datatable.plugins.pagination.SortPlugin
+ */
 public enum SortDirection {
+  /**
+   * Represents ascending sorting order.
+   *
+   * @see org.dominokit.domino.ui.datatable.plugins.pagination.SortPlugin
+   */
   ASC,
+
+  /**
+   * Represents descending sorting order.
+   *
+   * @see org.dominokit.domino.ui.datatable.plugins.pagination.SortPlugin
+   */
   DESC,
+
+  /**
+   * Represents no sorting.
+   *
+   * @see org.dominokit.domino.ui.datatable.plugins.pagination.SortPlugin
+   */
   NONE
 }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/pagination/SortPlugin.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/pagination/SortPlugin.java
index fd3fcc9d0..de72a6f8c 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/pagination/SortPlugin.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/pagination/SortPlugin.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.pagination;
 
 import static java.util.Objects.nonNull;
@@ -33,9 +34,10 @@
 import org.dominokit.domino.ui.utils.DominoElement;
 
 /**
- * This plugin adds sort capability to column headers on click
+ * A plugin for adding sorting functionality to a DataTable. This plugin allows users to click on
+ * the table headers to sort the data in ascending or descending order.
  *
- * @param  the type of the data table records
+ * @param  The type of data in the DataTable.
  */
 public class SortPlugin
     implements DataTablePlugin, HasPluginConfig, SortPluginConfig> {
@@ -45,13 +47,22 @@ public class SortPlugin
   private DataTable dataTable;
   private SortPluginConfig config = new SortPluginConfig();
 
-  /** {@inheritDoc} */
+  /**
+   * Initializes the plugin with the DataTable instance.
+   *
+   * @param dataTable The DataTable instance to which this plugin is applied.
+   */
   @Override
   public void init(DataTable dataTable) {
     this.dataTable = dataTable;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Adds sorting functionality to the table header columns that are marked as sortable.
+   *
+   * @param dataTable The DataTable instance to which this plugin is applied.
+   * @param column The column configuration to which sorting functionality is added.
+   */
   @Override
   public void onHeaderAdded(DataTable dataTable, ColumnConfig column) {
     if (column.isSortable()) {
@@ -96,11 +107,10 @@ private void updateSort(SortContext sortContext) {
   }
 
   /**
-   * manually sort the table by the specified column and fires the {@link
-   * org.dominokit.domino.ui.datatable.events.SortEvent}
+   * Sorts the table data in the specified direction for the given column.
    *
-   * @param direction the {@link org.dominokit.domino.ui.datatable.plugins.pagination.SortDirection}
-   * @param column the sort {@link org.dominokit.domino.ui.datatable.ColumnConfig}
+   * @param direction The sorting direction (ascending or descending).
+   * @param column The column to be sorted.
    */
   public void sort(SortDirection direction, ColumnConfig column) {
     SortContext sortContext = sortContainers.get(column.getSortKey());
@@ -109,11 +119,21 @@ public void sort(SortDirection direction, ColumnConfig column) {
     fireSortEvent(direction, column);
   }
 
+  /**
+   * Fires a SortEvent to notify listeners of a sorting operation.
+   *
+   * @param direction The sorting direction.
+   * @param column The column being sorted.
+   */
   private void fireSortEvent(SortDirection direction, ColumnConfig column) {
     dataTable.fireTableEvent(new SortEvent<>(direction, column));
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Handles sorting-related events, such as DataSortEvent.
+   *
+   * @param event The event to handle.
+   */
   @Override
   public void handleEvent(TableEvent event) {
     if (DataSortEvent.EVENT.equalsIgnoreCase(event.getType())) {
@@ -127,29 +147,40 @@ public void handleEvent(TableEvent event) {
     }
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Sets the configuration for this plugin.
+   *
+   * @param config The SortPluginConfig to set.
+   * @return This SortPlugin instance for method chaining.
+   */
   @Override
   public SortPlugin setConfig(SortPluginConfig config) {
     this.config = config;
     return this;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Gets the current configuration for this plugin.
+   *
+   * @return The SortPluginConfig.
+   */
   @Override
   public SortPluginConfig getConfig() {
     return config;
   }
 
   /**
-   * {@inheritDoc}
+   * Configures the SortPlugin using a consumer that modifies the configuration settings.
    *
-   * 
Use to update the configuration in the current plugin configuration
+   * @param handler The consumer to apply configuration changes.
+   * @return This SortPlugin instance for method chaining.
    */
   public SortPlugin configure(Consumer handler) {
     handler.accept(config);
     return this;
   }
 
+  /** A helper class for managing the sorting state of a column. */
   private static class SortContext {
     private final String columnName;
     private SortPluginConfig config;
@@ -172,11 +203,17 @@ public SortContext(String columnName, SortPluginConfig config) {
       }
     }
 
+    /** Clears the sorting state of the column. */
     public void clear() {
       sortDirection = SortDirection.NONE;
       sortIcon.setState(sortDirection.name());
     }
 
+    /**
+     * Updates the sorting state of the column, optionally flipping the sort direction.
+     *
+     * @param flip Whether to flip the sort direction.
+     */
     public void update(boolean flip) {
       if (flip) {
         if (sortDirection.NONE.equals(sortDirection)) {
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/pagination/SortPluginConfig.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/pagination/SortPluginConfig.java
index 9a73443e6..02a6b1fc9 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/pagination/SortPluginConfig.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/pagination/SortPluginConfig.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.pagination;
 
 import static java.util.Objects.nonNull;
@@ -22,7 +23,9 @@
 import org.dominokit.domino.ui.icons.Icon;
 import org.dominokit.domino.ui.icons.lib.Icons;
 
-/** SortPluginConfig class. */
+/**
+ * Configuration class for the SortPlugin that allows customization of sorting behavior and icons.
+ */
 public class SortPluginConfig implements PluginConfig {
   private boolean triStateSort = false;
   private Supplier> ascendingIcon = Icons::sort_ascending;
@@ -31,19 +34,19 @@ public class SortPluginConfig implements PluginConfig {
   private boolean showIconOnSortedColumnOnly = false;
 
   /**
-   * isTriStateSort.
+   * Checks if tri-state sorting is enabled.
    *
-   * @return a boolean
+   * @return {@code true} if tri-state sorting is enabled, {@code false} otherwise.
    */
   public boolean isTriStateSort() {
     return triStateSort;
   }
 
   /**
-   * Setter for the field triStateSort.
+   * Sets whether tri-state sorting is enabled.
    *
-   * @param triStateSort a boolean
-   * @return a {@link org.dominokit.domino.ui.datatable.plugins.pagination.SortPluginConfig} object
+   * @param triStateSort {@code true} to enable tri-state sorting, {@code false} to disable.
+   * @return This SortPluginConfig instance for method chaining.
    */
   public SortPluginConfig setTriStateSort(boolean triStateSort) {
     this.triStateSort = triStateSort;
@@ -51,19 +54,19 @@ public SortPluginConfig setTriStateSort(boolean triStateSort) {
   }
 
   /**
-   * Getter for the field ascendingIcon.
+   * Gets the supplier for the ascending sorting icon.
    *
-   * @return a {@link java.util.function.Supplier} object
+   * @return The supplier for the ascending sorting icon.
    */
   public Supplier> getAscendingIcon() {
     return ascendingIcon;
   }
 
   /**
-   * Setter for the field ascendingIcon.
+   * Sets the supplier for the ascending sorting icon.
    *
-   * @param ascendingIcon a {@link java.util.function.Supplier} object
-   * @return a {@link org.dominokit.domino.ui.datatable.plugins.pagination.SortPluginConfig} object
+   * @param ascendingIcon The supplier for the ascending sorting icon.
+   * @return This SortPluginConfig instance for method chaining.
    */
   public SortPluginConfig setAscendingIcon(Supplier> ascendingIcon) {
     if (nonNull(ascendingIcon)) {
@@ -73,19 +76,19 @@ public SortPluginConfig setAscendingIcon(Supplier> ascendingIcon) {
   }
 
   /**
-   * Getter for the field descendingIcon.
+   * Gets the supplier for the descending sorting icon.
    *
-   * @return a {@link java.util.function.Supplier} object
+   * @return The supplier for the descending sorting icon.
    */
   public Supplier> getDescendingIcon() {
     return descendingIcon;
   }
 
   /**
-   * Setter for the field descendingIcon.
+   * Sets the supplier for the descending sorting icon.
    *
-   * @param descendingIcon a {@link java.util.function.Supplier} object
-   * @return a {@link org.dominokit.domino.ui.datatable.plugins.pagination.SortPluginConfig} object
+   * @param descendingIcon The supplier for the descending sorting icon.
+   * @return This SortPluginConfig instance for method chaining.
    */
   public SortPluginConfig setDescendingIcon(Supplier> descendingIcon) {
     if (nonNull(descendingIcon)) {
@@ -95,19 +98,19 @@ public SortPluginConfig setDescendingIcon(Supplier> descendingIcon) {
   }
 
   /**
-   * Getter for the field unsortedIcon.
+   * Gets the supplier for the unsorted icon.
    *
-   * @return a {@link java.util.function.Supplier} object
+   * @return The supplier for the unsorted icon.
    */
   public Supplier> getUnsortedIcon() {
     return unsortedIcon;
   }
 
   /**
-   * Setter for the field unsortedIcon.
+   * Sets the supplier for the unsorted icon.
    *
-   * @param unsortedIcon a {@link java.util.function.Supplier} object
-   * @return a {@link org.dominokit.domino.ui.datatable.plugins.pagination.SortPluginConfig} object
+   * @param unsortedIcon The supplier for the unsorted icon.
+   * @return This SortPluginConfig instance for method chaining.
    */
   public SortPluginConfig setUnsortedIcon(Supplier> unsortedIcon) {
     if (nonNull(unsortedIcon)) {
@@ -117,19 +120,20 @@ public SortPluginConfig setUnsortedIcon(Supplier> unsortedIcon) {
   }
 
   /**
-   * isShowIconOnSortedColumnOnly.
+   * Checks if icons are displayed only on the sorted column.
    *
-   * @return a boolean
+   * @return {@code true} if icons are displayed only on the sorted column, {@code false} otherwise.
    */
   public boolean isShowIconOnSortedColumnOnly() {
     return showIconOnSortedColumnOnly;
   }
 
   /**
-   * Setter for the field showIconOnSortedColumnOnly.
+   * Sets whether icons should be displayed only on the sorted column.
    *
-   * @param showIconOnSortedColumnOnly a boolean
-   * @return a {@link org.dominokit.domino.ui.datatable.plugins.pagination.SortPluginConfig} object
+   * @param showIconOnSortedColumnOnly {@code true} to display icons only on the sorted column,
+   *     {@code false} otherwise.
+   * @return This SortPluginConfig instance for method chaining.
    */
   public SortPluginConfig setShowIconOnSortedColumnOnly(boolean showIconOnSortedColumnOnly) {
     this.showIconOnSortedColumnOnly = showIconOnSortedColumnOnly;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/pagination/StateIcon.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/pagination/StateIcon.java
index cd0a8898f..4a48bf795 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/pagination/StateIcon.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/pagination/StateIcon.java
@@ -13,33 +13,63 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.pagination;
 
 import org.dominokit.domino.ui.icons.*;
 
-/** StateIcon class. */
+/**
+ * The {@code StateIcon} class is used to represent an icon that can change its appearance based on
+ * different states. It extends {@link StateChangeIcon}, allowing you to define multiple states and
+ * corresponding icons.
+ *
+ * 
You can create instances of {@code StateIcon} using the {@link #create(Icon) create} method.
+ *
+ * 
Example usage:
+ *
+ * 
+ * // Create a StateIcon with a default icon
+ * StateIcon stateIcon = StateIcon.create(Icons.check());
+ *
+ * // Define different states and their corresponding icons
+ * stateIcon
+ *     .withState("active", Icons.star()) // Icon for the "active" state
+ *     .withState("inactive", Icons.star_border()) // Icon for the "inactive" state
+ *     .withState("disabled", Icons.block()) // Icon for the "disabled" state
+ *     .withState("selected", Icons.check_circle()); // Icon for the "selected" state
+ *
+ * // Set the current state of the icon
+ * stateIcon.setState("active");
+ * 

+ *
+ * @see StateChangeIcon
+ */
 public class StateIcon extends StateChangeIcon {
 
   /**
-   * create.
+   * Creates a new {@code StateIcon} instance with the provided default icon.
    *
-   * @param defaultIcon a {@link org.dominokit.domino.ui.icons.Icon} object
-   * @return a {@link org.dominokit.domino.ui.datatable.plugins.pagination.StateIcon} object
+   * @param defaultIcon The default icon to be used when no state is set.
+   * @return A new {@code StateIcon} instance.
    */
   public static StateIcon create(Icon defaultIcon) {
     return new StateIcon(defaultIcon);
   }
 
   /**
-   * Constructor for StateIcon.
+   * Constructs a {@code StateIcon} with the provided default icon.
    *
-   * @param defaultIcon a {@link org.dominokit.domino.ui.icons.Icon} object
+   * @param defaultIcon The default icon to be used when no state is set.
    */
   public StateIcon(Icon defaultIcon) {
     super(new IconWrapper(defaultIcon));
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Creates a copy of this {@code StateIcon} with the same default icon and states.
+   *
+   * @return A new {@code StateIcon} instance with the same properties.
+   */
   @Override
   public StateIcon copy() {
     StateIcon copy = new StateIcon(defaultIcon.copy());
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/row/DoubleClickPlugin.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/row/DoubleClickPlugin.java
index 3e4ef782d..e26ee69ed 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/row/DoubleClickPlugin.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/row/DoubleClickPlugin.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.row;
 
 import org.dominokit.domino.ui.datatable.DataTable;
@@ -21,25 +22,34 @@
 import org.dominokit.domino.ui.events.EventType;
 
 /**
- * this plugin attach a handler to listen for double click event on data table rows
+ * The {@code DoubleClickPlugin} class is a DataTable plugin that adds double-click event handling
+ * for table rows. It allows you to specify a custom double-click handler using the {@link
+ * DoubleClickHandler} functional interface.
  *
- * @param  the type of data table records
+ * @param  The type of data in the DataTable rows.
+ * @see DataTablePlugin
+ * @see TableRow
  */
 public class DoubleClickPlugin implements DataTablePlugin {
 
   private DoubleClickHandler handler;
 
   /**
-   * creates a new instance
+   * Creates a new {@code DoubleClickPlugin} with the provided double-click handler.
    *
-   * @param handler the {@link
-   *     org.dominokit.domino.ui.datatable.plugins.row.DoubleClickPlugin.DoubleClickHandler}
+   * @param handler The double-click handler to be executed when a row is double-clicked.
    */
   public DoubleClickPlugin(DoubleClickHandler handler) {
     this.handler = handler;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Adds double-click event handling for newly added table rows. When a row is double-clicked, the
+   * double-click handler {@link DoubleClickHandler#onDoubleClick(TableRow)} is executed.
+   *
+   * @param dataTable The DataTable to which this plugin is applied.
+   * @param tableRow The table row to which the double-click event handling is added.
+   */
   @Override
   public void onRowAdded(DataTable dataTable, TableRow tableRow) {
     tableRow.addCss(dui_cursor_pointer);
@@ -47,16 +57,16 @@ public void onRowAdded(DataTable dataTable, TableRow tableRow) {
   }
 
   /**
-   * An interface to handle row double click event
+   * A functional interface for handling row double-click events.
    *
-   * @param  the type of the row record
+   * @param  The type of data in the DataTable rows.
    */
   @FunctionalInterface
   public interface DoubleClickHandler {
     /**
-     * to handle the event
+     * Handles a row double-click event.
      *
-     * @param tableRow the {@link TableRow} being double clicked
+     * @param tableRow The table row that was double-clicked.
      */
     void onDoubleClick(TableRow tableRow);
   }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/row/RecordDetailsPlugin.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/row/RecordDetailsPlugin.java
index 3e412834f..d06147802 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/row/RecordDetailsPlugin.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/row/RecordDetailsPlugin.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.row;
 
 import static java.util.Objects.nonNull;
@@ -42,10 +43,13 @@
 import org.dominokit.domino.ui.utils.ComponentMeta;
 
 /**
- * This plugin add the capability to expand a row in the table to display more information about its
- * record beneath the row itself
+ * The {@code RecordDetailsPlugin} class is a DataTable plugin that allows expanding and collapsing
+ * rows to display additional details within the DataTable. It provides functionality to add
+ * expand/collapse buttons to utility columns and handle expand/collapse events.
  *
- * @param  the type of the data table records
+ * @param  The type of data in the DataTable rows.
+ * @see DataTablePlugin
+ * @see CellRenderer
  */
 public class RecordDetailsPlugin implements DataTablePlugin {
 
@@ -60,9 +64,9 @@ public class RecordDetailsPlugin implements DataTablePlugin {
   private DetailsButtonElement expandedRow;
 
   /**
-   * Creates an instance with custom renderer and default expand/collapse icons
+   * Creates a new {@code RecordDetailsPlugin} with the provided cell renderer.
    *
-   * @param cellRenderer the {@link org.dominokit.domino.ui.datatable.CellRenderer}
+   * @param cellRenderer The cell renderer used to render details content.
    */
   public RecordDetailsPlugin(CellRenderer cellRenderer) {
     this(
@@ -72,11 +76,12 @@ public RecordDetailsPlugin(CellRenderer cellRenderer) {
   }
 
   /**
-   * Creates an instance with custom renderer and expand/collapse icons
+   * Creates a new {@code RecordDetailsPlugin} with the provided cell renderer and custom expand and
+   * collapse icons.
    *
-   * @param cellRenderer the {@link org.dominokit.domino.ui.datatable.CellRenderer}
-   * @param expandIcon {@link Supplier}
-   * @param collapseIcon {@link Supplier}
+   * @param cellRenderer The cell renderer used to render details content.
+   * @param expandIcon A supplier of the expand icon.
+   * @param collapseIcon A supplier of the collapse icon.
    */
   public RecordDetailsPlugin(
       CellRenderer cellRenderer, Supplier> expandIcon, Supplier> collapseIcon) {
@@ -85,13 +90,24 @@ public RecordDetailsPlugin(
     this.collapseIcon = collapseIcon;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Indicates whether this plugin requires a utility column in the DataTable. It returns {@code
+   * true} since it adds expand/collapse buttons to utility columns.
+   *
+   * @return {@code true} since this plugin requires a utility column.
+   */
   @Override
   public boolean requiresUtilityColumn() {
     return true;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Returns a list of utility elements to be added to utility columns for a specific cell.
+   *
+   * @param dataTable The DataTable to which this plugin is applied.
+   * @param cell The cell information containing the cell content and metadata.
+   * @return An optional list of utility elements, empty if none.
+   */
   @Override
   public Optional> getUtilityElements(
       DataTable dataTable, CellRenderer.CellInfo cell) {
@@ -113,7 +129,13 @@ public Optional> getUtilityElements(
     return Optional.of(Collections.singletonList(detailsButtonElement.element()));
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Handles the addition of headers to the DataTable. In this case, it adds the expand icon to the
+   * utility column header.
+   *
+   * @param dataTable The DataTable to which this plugin is applied.
+   * @param column The column configuration to which the header is added.
+   */
   @Override
   public void onHeaderAdded(DataTable dataTable, ColumnConfig column) {
     if (column.isUtilityColumn()) {
@@ -121,13 +143,21 @@ public void onHeaderAdded(DataTable dataTable, ColumnConfig column) {
     }
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Called before adding headers to the DataTable. It initializes the DataTable instance.
+   *
+   * @param dataTable The DataTable to which this plugin is applied.
+   */
   @Override
   public void onBeforeAddHeaders(DataTable dataTable) {
     this.dataTable = dataTable;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Handles table events, specifically handling the expand/collapse events.
+   *
+   * @param event The table event to be handled.
+   */
   @Override
   public void handleEvent(TableEvent event) {
     if (ExpandRecordEvent.EXPAND_RECORD.equals(event.getType())) {
@@ -135,61 +165,69 @@ public void handleEvent(TableEvent event) {
     }
   }
 
+  /**
+   * Expands a row when receiving an expand record event.
+   *
+   * @param event The expand record event.
+   */
   private void expandRow(ExpandRecordEvent event) {
     Optional> detailsButtonElement =
         DetailsButtonElement.get(event.getTableRow());
     setExpanded(detailsButtonElement.get());
   }
 
-  /** @return the root {@link HTMLDivElement} of this component */
   /**
-   * Getter for the field element.
+   * Gets the details element.
    *
-   * @return a {@link org.dominokit.domino.ui.elements.DivElement} object
+   * @return The details element.
    */
   public DivElement getElement() {
     return element;
   }
 
-  /** @return the {@link HTMLTableCellElement} that contains the records details */
   /**
-   * Getter for the field td.
+   * Gets the TD element.
    *
-   * @return a {@link org.dominokit.domino.ui.elements.TDElement} object
+   * @return The TD element.
    */
   public TDElement getTd() {
     return td;
   }
 
-  /** @return the {@link HTMLTableRowElement} that contains the records details */
   /**
-   * Getter for the field tr.
+   * Gets the TR element.
    *
-   * @return a {@link org.dominokit.domino.ui.elements.TableRowElement} object
+   * @return The TR element.
    */
   public TableRowElement getTr() {
     return tr;
   }
 
   /**
-   * applyStyles.
+   * Applies styles to a cell based on the cell information.
    *
-   * @param cellInfo a {@link org.dominokit.domino.ui.datatable.CellRenderer.CellInfo} object
+   * @param cellInfo The cell information containing the cell content and metadata.
    */
   public void applyStyles(CellRenderer.CellInfo cellInfo) {}
 
   /**
-   * A hook method to customize the column of the expand/collapse icons
+   * Sets up a column with the specified configuration.
    *
-   * @param column {@link org.dominokit.domino.ui.datatable.ColumnConfig}
+   * @param column The column configuration to set up.
    */
   public void setupColumn(ColumnConfig column) {}
 
+  /** Clears the current details content. */
   private void clear() {
     tr.remove();
     element.clearElement();
   }
 
+  /**
+   * Sets the specified element as expanded and displays the details content.
+   *
+   * @param expandElement The element to expand.
+   */
   private void setExpanded(DetailsButtonElement expandElement) {
     if (nonNull(this.expandedRow)) {
       this.expandedRow.collapse();
@@ -202,6 +240,14 @@ private void setExpanded(DetailsButtonElement expandElement) {
         .insertBefore(tr, expandElement.getCellInfo().getTableRow().element().nextSibling);
   }
 
+  /**
+   * The {@code DetailsButtonElement} class represents an element for handling row expand/collapse
+   * events.
+   *
+   * @param  The type of data in the DataTable rows.
+   * @see IsElement
+   * @see ComponentMeta
+   */
   private static class DetailsButtonElement implements IsElement, ComponentMeta {
     public static final String RECORD_DETAILS_BUTTON = "record-details-button";
     private final DivElement element;
@@ -209,6 +255,14 @@ private static class DetailsButtonElement implements IsElement,
     private StateIcon stateIcon;
     private RecordDetailsPlugin recordDetailsPlugin;
 
+    /**
+     * Creates a new {@code DetailsButtonElement} with the provided expand and collapse icons.
+     *
+     * @param expandIcon The icon for expanding rows.
+     * @param collapseIcon The icon for collapsing rows.
+     * @param recordDetailsPlugin The RecordDetailsPlugin instance associated with this element.
+     * @param cellInfo The cell information containing the cell content and metadata.
+     */
     public DetailsButtonElement(
         Icon expandIcon,
         Icon collapseIcon,
@@ -236,30 +290,54 @@ public DetailsButtonElement(
               }));
     }
 
+    /**
+     * Gets the cell information associated with this element.
+     *
+     * @return The cell information.
+     */
     public CellRenderer.CellInfo getCellInfo() {
       return cellInfo;
     }
 
+    /** Expands the associated row and sets the icon to the expanded state. */
     public void expand() {
       recordDetailsPlugin.setExpanded(this);
       this.stateIcon.setState("expanded");
     }
 
+    /** Collapses the associated row and sets the icon to the collapsed state. */
     public void collapse() {
       recordDetailsPlugin.clear();
       this.stateIcon.setState("collapsed");
     }
 
+    /**
+     * Gets the HTML element representing this DetailsButtonElement.
+     *
+     * @return The HTML element.
+     */
     @Override
     public HTMLElement element() {
       return element.element();
     }
 
+    /**
+     * Gets the key associated with this component meta.
+     *
+     * @return The key.
+     */
     @Override
     public String getKey() {
       return RECORD_DETAILS_BUTTON;
     }
 
+    /**
+     * Retrieves a DetailsButtonElement associated with a specific table row.
+     *
+     * @param  The type of data in the DataTable rows.
+     * @param tableRow The table row to retrieve the DetailsButtonElement for.
+     * @return An optional DetailsButtonElement, empty if not found.
+     */
     public static  Optional> get(TableRow tableRow) {
       return tableRow.getMeta(RECORD_DETAILS_BUTTON);
     }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/row/RowClickPlugin.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/row/RowClickPlugin.java
index 3da4e8570..103d44a80 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/row/RowClickPlugin.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/row/RowClickPlugin.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.row;
 
 import org.dominokit.domino.ui.datatable.DataTable;
@@ -21,25 +22,33 @@
 import org.dominokit.domino.ui.events.EventType;
 
 /**
- * This plugin allow adding a listener to single click event on a row
+ * The {@code RowClickPlugin} class is a DataTable plugin that adds click event handling for table
+ * rows. It allows you to specify a custom click handler using the {@link ClickHandler} functional
+ * interface.
  *
- * @param  the type of the data table records
+ * @param  The type of data in the DataTable rows.
+ * @see DataTablePlugin
+ * @see TableRow
  */
 public class RowClickPlugin implements DataTablePlugin {
   private ClickHandler handler;
 
   /**
-   * Creates a new instance
+   * Creates a new {@code RowClickPlugin} with the provided click handler.
    *
-   * @param handler the {@link
-   *     org.dominokit.domino.ui.datatable.plugins.row.RowClickPlugin.ClickHandler} to handle the
-   *     click event
+   * @param handler The click handler to be executed when a row is clicked.
    */
   public RowClickPlugin(ClickHandler handler) {
     this.handler = handler;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Adds click event handling for newly added table rows. When a row is clicked, the click handler
+   * {@link ClickHandler#onClick(TableRow)} is executed.
+   *
+   * @param dataTable The DataTable to which this plugin is applied.
+   * @param tableRow The table row to which the click event handling is added.
+   */
   @Override
   public void onRowAdded(DataTable dataTable, TableRow tableRow) {
     tableRow.addCss(dui_cursor_pointer);
@@ -47,16 +56,16 @@ public void onRowAdded(DataTable dataTable, TableRow tableRow) {
   }
 
   /**
-   * An interface to implement handlers for the click event on a row
+   * A functional interface for handling row click events.
    *
-   * @param  the type of the row record
+   * @param  The type of data in the DataTable rows.
    */
   @FunctionalInterface
   public interface ClickHandler {
     /**
-     * called when the row is clicked
+     * Handles a row click event.
      *
-     * @param tableRow the clicked {@link TableRow}
+     * @param tableRow The table row that was clicked.
      */
     void onClick(TableRow tableRow);
   }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/selection/SelectionPlugin.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/selection/SelectionPlugin.java
index e7dfebede..a055cc796 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/selection/SelectionPlugin.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/selection/SelectionPlugin.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.selection;
 
 import static java.util.Collections.singletonList;
@@ -21,7 +22,6 @@
 import static org.dominokit.domino.ui.datatable.DataTableStyles.dui_datatable_row_selected;
 import static org.dominokit.domino.ui.forms.FormsStyles.dui_form_select_check_box;
 
-import elemental2.dom.DomGlobal;
 import elemental2.dom.Element;
 import elemental2.dom.HTMLElement;
 import elemental2.dom.MouseEvent;
@@ -41,11 +41,12 @@
 import org.dominokit.domino.ui.utils.Selectable;
 
 /**
- * This plugin allow selecting/deselecting single or multiple rows based on the {@link
- * TableConfig#isMultiSelect()} and fires table selection change events when the user changes the
- * selection.
+ * The `SelectionPlugin` class is a DataTable plugin that provides selection functionality for table
+ * rows. It allows users to select one or multiple rows, and it provides options for customizing the
+ * selection behavior.
  *
- * @param  the type of the data table records
+ * @param  The type of data in the DataTable rows.
+ * @see DataTablePlugin
  */
 public class SelectionPlugin implements DataTablePlugin {
   private Selectable> selectedRow;
@@ -57,27 +58,37 @@ public class SelectionPlugin implements DataTablePlugin {
   private List oldSelection = new ArrayList<>();
   private boolean retainSelectionOnDataChange = false;
 
-  /** creates an instance with default configurations */
+  /** Creates a new `SelectionPlugin` with default settings. */
   public SelectionPlugin() {}
 
   /**
-   * create an instance that changes the selected row background color and use a custom selection
-   * indicator icon
+   * Creates a new `SelectionPlugin` with a custom single select indicator element.
    *
-   * @param singleSelectIndicator {@link elemental2.dom.HTMLElement} to use a selection indicator
+   * @param singleSelectIndicator A supplier for the single select indicator element.
    */
   public SelectionPlugin(Supplier singleSelectIndicator) {
     this();
     this.singleSelectIndicator = singleSelectIndicator;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Indicates whether this plugin requires a utility column in the DataTable. It returns `true`
+   * since it adds selection checkboxes to utility columns.
+   *
+   * @return `true` since this plugin requires a utility column.
+   */
   @Override
   public boolean requiresUtilityColumn() {
     return true;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Returns a list of utility elements to be added to utility columns for a specific cell.
+   *
+   * @param dataTable The DataTable to which this plugin is applied.
+   * @param cellInfo The cell information containing the cell content and metadata.
+   * @return An optional list of utility elements, empty if none.
+   */
   @Override
   public Optional> getUtilityElements(
       DataTable dataTable, CellRenderer.CellInfo cellInfo) {
@@ -96,13 +107,24 @@ public Optional> getUtilityElements(
     return Optional.empty();
   }
 
-  /** {@inheritDoc} */
+  /**
+   * This method is called after the DataTable has been added, allowing the plugin to access and
+   * reference the DataTable.
+   *
+   * @param dataTable The DataTable instance to which this plugin is applied.
+   */
   @Override
   public void onAfterAddTable(DataTable dataTable) {
     this.datatable = dataTable;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Handles the addition of headers to the DataTable. In this case, it adds the selection indicator
+   * to the utility column header.
+   *
+   * @param dataTable The DataTable to which this plugin is applied.
+   * @param column The column configuration to which the header is added.
+   */
   @Override
   public void onHeaderAdded(DataTable dataTable, ColumnConfig column) {
     if (column.isUtilityColumn()) {
@@ -115,10 +137,22 @@ public void onHeaderAdded(DataTable dataTable, ColumnConfig column) {
     }
   }
 
+  /**
+   * Creates the selection indicator element for a single selection.
+   *
+   * @return The selection indicator element.
+   */
   private Element createSingleSelectHeader() {
     return singleSelectIndicator.get();
   }
 
+  /**
+   * Creates the selection indicator element for a single selection cell.
+   *
+   * @param dataTable The DataTable to which this plugin is applied.
+   * @param cell The cell information containing the cell content and metadata.
+   * @return The selection indicator element for a single selection cell.
+   */
   private Element createSingleSelectCell(DataTable dataTable, CellRenderer.CellInfo cell) {
     Element clonedIndicator = Js.uncheckedCast(singleSelectIndicator.get());
     elementOf(clonedIndicator).addCss(dui_fg_accent);
@@ -128,12 +162,9 @@ private Element createSingleSelectCell(DataTable dataTable, CellRenderer.Cell
             "click",
             evt -> {
               if (selectionCondition.isAllowSelection(dataTable, cell.getTableRow())) {
-                DomGlobal.console.info("isSelected  = " + cell.getTableRow().isSelected());
                 if (cell.getTableRow().isSelected()) {
-                  DomGlobal.console.info("De-Selecting row : <");
                   cell.getTableRow().deselect();
                 } else {
-                  DomGlobal.console.info("Selecting row : >");
                   cell.getTableRow().select();
                 }
               }
@@ -161,6 +192,13 @@ private Element createSingleSelectCell(DataTable dataTable, CellRenderer.Cell
     return clonedIndicator;
   }
 
+  /**
+   * Creates the selection indicator element for a multi-selection cell.
+   *
+   * @param dataTable The DataTable to which this plugin is applied.
+   * @param cell The cell information containing the cell content and metadata.
+   * @return The selection indicator element for a multi-selection cell.
+   */
   private HTMLElement createMultiSelectCell(DataTable dataTable, CellRenderer.CellInfo cell) {
     CheckBox checkBox = createCheckBox(Optional.ofNullable(cell.getTableRow()));
 
@@ -214,6 +252,12 @@ private HTMLElement createMultiSelectCell(DataTable dataTable, CellRenderer.C
     return checkBox.setAttribute("order", "20").element();
   }
 
+  /**
+   * Gets the index of the first selected row for use with shift-click selection.
+   *
+   * @param dataTable The DataTable to which this plugin is applied.
+   * @return The index of the first selected row.
+   */
   private int getStartSelectionIndex(DataTable dataTable) {
     if (nonNull(lastSelected)) {
       return lastSelected.getIndex();
@@ -226,16 +270,34 @@ private int getStartSelectionIndex(DataTable dataTable) {
     }
   }
 
+  /**
+   * Selects a row in the DataTable.
+   *
+   * @param dataTable The DataTable to which this plugin is applied.
+   * @param tableRow The row to select.
+   */
   private void selectRow(DataTable dataTable, TableRow tableRow) {
     tableRow.select();
     tableRow.addCss(dui_datatable_row_selected);
   }
 
+  /**
+   * Deselects a row in the DataTable.
+   *
+   * @param dataTable The DataTable to which this plugin is applied.
+   * @param tableRow The row to deselect.
+   */
   private void deselectRow(DataTable dataTable, TableRow tableRow) {
     tableRow.deselect();
     tableRow.removeCss(dui_datatable_row_selected);
   }
 
+  /**
+   * Creates the selection indicator element for a multi-selection header.
+   *
+   * @param dataTable The DataTable to which this plugin is applied.
+   * @return The selection indicator element for a multi-selection header.
+   */
   private HTMLElement createMultiSelectHeader(DataTable dataTable) {
     CheckBox checkBox = createCheckBox(Optional.empty());
     checkBox.addChangeListener(
@@ -266,10 +328,10 @@ private HTMLElement createMultiSelectHeader(DataTable dataTable) {
   }
 
   /**
-   * Change the single selection indicator icon
+   * Sets the single selection indicator using a supplier of icons.
    *
-   * @param singleSelectIcon {@link org.dominokit.domino.ui.icons.Icon}
-   * @return same plugin instance
+   * @param singleSelectIcon A supplier for the single selection indicator icon.
+   * @return This `SelectionPlugin` instance for method chaining.
    */
   public SelectionPlugin setSingleSelectIcon(Supplier> singleSelectIcon) {
     this.singleSelectIndicator = () -> singleSelectIcon.get().element();
@@ -283,10 +345,10 @@ private CheckBox createCheckBox(Optional> tableRow) {
   }
 
   /**
-   * Set a condition to use to determine if a row should be selectable or not
+   * Sets the selection condition for rows in the DataTable.
    *
-   * @param selectionCondition {@link org.dominokit.domino.ui.datatable.SelectionCondition}
-   * @return Same plugin instance
+   * @param selectionCondition A function that determines whether a row is selectable.
+   * @return This `SelectionPlugin` instance for method chaining.
    */
   public SelectionPlugin setSelectionCondition(SelectionCondition selectionCondition) {
     if (nonNull(selectionCondition)) {
@@ -296,19 +358,23 @@ public SelectionPlugin setSelectionCondition(SelectionCondition selectionC
   }
 
   /**
-   * If set to true any record that was originally selected, will remain selected after data change
-   * if it is present in the ew data set
+   * Sets whether to retain row selection on data changes in the DataTable.
    *
-   * @param retainSelectionOnDataChange boolean , true to retain selection and false to ignore old
-   *     selection
-   * @return Same plugin instance
+   * @param retainSelectionOnDataChange `true` to retain row selection, `false` otherwise.
+   * @return This `SelectionPlugin` instance for method chaining.
    */
   public SelectionPlugin setRetainSelectionOnDataChange(boolean retainSelectionOnDataChange) {
     this.retainSelectionOnDataChange = retainSelectionOnDataChange;
     return this;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Handles the addition of a row to the DataTable. If selection retention is enabled and the row
+   * was previously selected, it re-selects the row.
+   *
+   * @param dataTable The DataTable to which this plugin is applied.
+   * @param tableRow The row to be added.
+   */
   @Override
   public void onRowAdded(DataTable dataTable, TableRow tableRow) {
     if (retainSelectionOnDataChange) {
@@ -323,7 +389,11 @@ public void onRowAdded(DataTable dataTable, TableRow tableRow) {
     }
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Handles DataTable events, specifically retaining the selection on data change events.
+   *
+   * @param event The DataTable event.
+   */
   @Override
   public void handleEvent(TableEvent event) {
     if (retainSelectionOnDataChange) {
@@ -334,11 +404,10 @@ public void handleEvent(TableEvent event) {
   }
 
   /**
-   * A setter to give the user the ability to customize the selection checkbox
+   * Sets a custom CheckBox creator for multi-selection cells.
    *
-   * @param checkBoxCreator {@link java.util.function.Supplier} of {@link
-   *     org.dominokit.domino.ui.forms.CheckBox}
-   * @return same plugin instance
+   * @param checkBoxCreator A custom CheckBox creator.
+   * @return This `SelectionPlugin` instance for method chaining.
    */
   public SelectionPlugin setCheckBoxCreator(CheckBoxCreator checkBoxCreator) {
     if (nonNull(checkBoxCreator)) {
@@ -347,6 +416,11 @@ public SelectionPlugin setCheckBoxCreator(CheckBoxCreator checkBoxCreator)
     return this;
   }
 
+  /**
+   * Functional interface for creating a CheckBox for a row.
+   *
+   * @param  The type of data in the DataTable rows.
+   */
   public interface CheckBoxCreator {
     CheckBox get(Optional> row);
   }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/summary/EmptyStatePlugin.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/summary/EmptyStatePlugin.java
index a3627b285..4764fc19d 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/summary/EmptyStatePlugin.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/summary/EmptyStatePlugin.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.summary;
 
 import org.dominokit.domino.ui.datatable.DataTable;
@@ -23,39 +24,53 @@
 import org.dominokit.domino.ui.utils.ChildHandler;
 
 /**
- * This plugin attache a pre-defined {@link org.dominokit.domino.ui.layout.EmptyState} component
- * elements to the data table when the data table has no records, and remove it when there is
- * records
+ * The {@code EmptyStatePlugin} class is a plugin for a {@link DataTable} that displays an empty
+ * state message when the table has no data.
+ *
+ * 
This plugin provides an empty state message with an icon and a title, and it automatically
+ * shows the empty state when the table has no data rows and hides it when there is data available
+ * in the table.
+ *
+ * 
Usage example:
+ *
+ * 
+ * DataTable dataTable = DataTable.create();
+ * dataTable.addPlugin(EmptyStatePlugin.create(Icons.warning(), "No Data Available"));
+ * 

  *
- * @param  the type of the data table records
+ * @param  The type of data in the DataTable.
+ * @see DataTable
+ * @see EmptyState
+ * @see Icon
+ * @see TableDataUpdatedEvent
  */
 public class EmptyStatePlugin implements DataTablePlugin {
 
   private EmptyState emptyState;
 
   /**
-   * create.
+   * Creates and returns a new instance of {@code EmptyStatePlugin} with the provided icon and
+   * title.
    *
-   * @param icon a {@link org.dominokit.domino.ui.icons.Icon} object
-   * @param title a {@link java.lang.String} object
-   * @param  a T class
-   * @return a {@link org.dominokit.domino.ui.datatable.plugins.summary.EmptyStatePlugin} object
+   * @param  The type of data in the DataTable.
+   * @param emptyStateIcon The icon to display in the empty state.
+   * @param title The title to display in the empty state.
+   * @return A new {@code EmptyStatePlugin} instance.
    */
-  public static  EmptyStatePlugin create(Icon icon, String title) {
-    return new EmptyStatePlugin<>(icon, title);
+  public static  EmptyStatePlugin create(Icon emptyStateIcon, String title) {
+    return new EmptyStatePlugin<>(emptyStateIcon, title);
   }
 
   /**
-   * Create an instance with custom icon and title
+   * Creates a new instance of {@code EmptyStatePlugin} with the provided icon and title.
    *
-   * @param emptyStateIcon the {@link org.dominokit.domino.ui.icons.Icon} of the empty state
-   * @param title String, the title of the empty state
+   * @param emptyStateIcon The icon to display in the empty state.
+   * @param title The title to display in the empty state.
    */
   public EmptyStatePlugin(Icon emptyStateIcon, String title) {
     emptyState = EmptyState.create(emptyStateIcon).setTitle(title).addCss(dui_accent_grey);
   }
 
-  /** {@inheritDoc} */
   @Override
   public void onAfterAddTable(DataTable dataTable) {
     dataTable.addTableEventListener(
@@ -71,21 +86,20 @@ public void onAfterAddTable(DataTable dataTable) {
     dataTable.element().appendChild(emptyState.element());
   }
 
-  /** @return the {@link EmptyState} component instance of this plugin */
   /**
-   * Getter for the field emptyState.
+   * Gets the empty state element.
    *
-   * @return a {@link org.dominokit.domino.ui.layout.EmptyState} object
+   * @return The empty state element.
    */
   public EmptyState getEmptyState() {
     return emptyState;
   }
 
   /**
-   * withEmptyState.
+   * Allows customizing the empty state using a handler.
    *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a {@link org.dominokit.domino.ui.datatable.plugins.summary.EmptyStatePlugin} object
+   * @param handler The handler to customize the empty state.
+   * @return This {@code EmptyStatePlugin} instance for method chaining.
    */
   public EmptyStatePlugin withEmptyState(ChildHandler, EmptyState> handler) {
     handler.apply(this, emptyState);
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/summary/SummaryCellRenderer.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/summary/SummaryCellRenderer.java
index 508e314b1..9e3223791 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/summary/SummaryCellRenderer.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/summary/SummaryCellRenderer.java
@@ -13,59 +13,76 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.summary;
 
 import elemental2.dom.HTMLTableCellElement;
 import elemental2.dom.Node;
 
 /**
- * An implementation of this interface will determine in how a table cell content will be displayed
- * and rendered in the table
+ * The {@code SummaryCellRenderer} functional interface is used for rendering summary cells in a
+ * DataTable's summary row.
  *
- * @param  the type of the data table records
+ * @param  The type of data in the DataTable.
+ * @param  The type of data in the summary row.
  */
 @FunctionalInterface
 public interface SummaryCellRenderer {
+
   /**
-   * Takes a cell info to determine what content to append to the cell element
+   * Renders a summary cell as a DOM Node based on the provided {@link SummaryCellInfo}.
    *
-   * @param summaryCellInfo {@link
-   *     org.dominokit.domino.ui.datatable.plugins.summary.SummaryCellRenderer.SummaryCellInfo}
-   * @return the {@link elemental2.dom.Node} to be appended to the table cell element
+   * @param summaryCellInfo The information about the summary cell to be rendered.
+   * @return The rendered summary cell as a DOM Node.
    */
   Node asElement(SummaryCellInfo summaryCellInfo);
 
   /**
-   * A class containing all information required about a cell in a data table
+   * The {@code SummaryCellInfo} class encapsulates information about a summary cell in a
+   * DataTable's summary row.
    *
-   * @param  the type of the data table records
+   * @param  The type of data in the DataTable.
+   * @param  The type of data in the summary row.
    */
   class SummaryCellInfo {
     private final SummaryRow summaryRow;
     private final HTMLTableCellElement element;
 
     /**
-     * Creates an instance with the row that the belongs to and the cell html element
+     * Creates a new instance of {@code SummaryCellInfo} with the provided summary row and HTML
+     * table cell element.
      *
-     * @param summaryRow {@link SummaryRow}
-     * @param element {@link HTMLTableCellElement} the td element
+     * @param summaryRow The summary row containing the summary cell.
+     * @param element The HTML table cell element representing the summary cell.
      */
     public SummaryCellInfo(SummaryRow summaryRow, HTMLTableCellElement element) {
       this.summaryRow = summaryRow;
       this.element = element;
     }
 
-    /** @return the {@link SummaryRow} the cell belongs to */
+    /**
+     * Gets the summary row containing the summary cell.
+     *
+     * @return The summary row.
+     */
     public SummaryRow getSummaryRow() {
       return summaryRow;
     }
 
-    /** @return the {@link HTMLTableCellElement}, the td element */
+    /**
+     * Gets the HTML table cell element representing the summary cell.
+     *
+     * @return The HTML table cell element.
+     */
     public HTMLTableCellElement getElement() {
       return element;
     }
 
-    /** @return T the record instance being rendered on the row this belongs to. */
+    /**
+     * Gets the summary record associated with the summary cell.
+     *
+     * @return The summary record.
+     */
     public S getRecord() {
       return summaryRow.getRecord();
     }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/summary/SummaryMeta.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/summary/SummaryMeta.java
index fce4d60ea..ed9df8eaa 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/summary/SummaryMeta.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/summary/SummaryMeta.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.summary;
 
 import java.util.Objects;
@@ -20,33 +21,40 @@
 import org.dominokit.domino.ui.datatable.ColumnConfig;
 import org.dominokit.domino.ui.utils.ComponentMeta;
 
-/** SummaryMeta class. */
+/**
+ * The {@code SummaryMeta} class represents metadata associated with a summary column in a
+ * DataTable. It contains information about the summary cell renderer and whether the summary should
+ * be skipped.
+ *
+ * @param  The type of data in the DataTable.
+ * @param  The type of data in the summary row.
+ */
 public class SummaryMeta implements ComponentMeta {
 
-  /** Constant COLUMN_SUMMARY_META="column-summary-meta" */
+  /** The unique key for identifying summary metadata associated with a column. */
   public static final String COLUMN_SUMMARY_META = "column-summary-meta";
 
   private SummaryCellRenderer cellRenderer;
   private boolean skip = false;
 
   /**
-   * of.
+   * Creates a new instance of {@code SummaryMeta} with the provided summary cell renderer.
    *
-   * @param cellRenderer a {@link
-   *     org.dominokit.domino.ui.datatable.plugins.summary.SummaryCellRenderer} object
-   * @param  a T class
-   * @param  a S class
-   * @return a {@link org.dominokit.domino.ui.datatable.plugins.summary.SummaryMeta} object
+   * @param cellRenderer The summary cell renderer to be associated with the summary column.
+   * @param  The type of data in the DataTable.
+   * @param  The type of data in the summary row.
+   * @return A new instance of {@code SummaryMeta} with the specified summary cell renderer.
+   * @throws NullPointerException if {@code cellRenderer} is {@code null}.
    */
   public static  SummaryMeta of(SummaryCellRenderer cellRenderer) {
     return new SummaryMeta<>(cellRenderer);
   }
 
   /**
-   * Constructor for SummaryMeta.
+   * Creates a new instance of {@code SummaryMeta} with the provided summary cell renderer.
    *
-   * @param cellRenderer a {@link
-   *     org.dominokit.domino.ui.datatable.plugins.summary.SummaryCellRenderer} object
+   * @param cellRenderer The summary cell renderer to be associated with the summary column.
+   * @throws NullPointerException if {@code cellRenderer} is {@code null}.
    */
   public SummaryMeta(SummaryCellRenderer cellRenderer) {
     Objects.requireNonNull(cellRenderer, "Summary cell renderer cant be null.");
@@ -54,32 +62,32 @@ public SummaryMeta(SummaryCellRenderer cellRenderer) {
   }
 
   /**
-   * get.
+   * Retrieves the summary metadata associated with a given column configuration.
    *
-   * @param column a {@link org.dominokit.domino.ui.datatable.ColumnConfig} object
-   * @param  a T class
-   * @param  a S class
-   * @return a {@link java.util.Optional} object
+   * @param  The type of data in the DataTable.
+   * @param  The type of data in the summary row.
+   * @param column The {@link ColumnConfig} for which to retrieve the summary metadata.
+   * @return An {@link Optional} containing the {@code SummaryMeta} if found, or an empty {@code
+   *     Optional} if not found.
    */
   public static  Optional> get(ColumnConfig column) {
     return column.getMeta(COLUMN_SUMMARY_META);
   }
 
   /**
-   * Getter for the field cellRenderer.
+   * Retrieves the summary cell renderer associated with the summary column.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.plugins.summary.SummaryCellRenderer} object
+   * @return The summary cell renderer.
    */
   public SummaryCellRenderer getCellRenderer() {
     return cellRenderer;
   }
 
   /**
-   * Setter for the field cellRenderer.
+   * Sets the summary cell renderer for the summary column.
    *
-   * @param cellRenderer a {@link
-   *     org.dominokit.domino.ui.datatable.plugins.summary.SummaryCellRenderer} object
-   * @return a {@link org.dominokit.domino.ui.datatable.plugins.summary.SummaryMeta} object
+   * @param cellRenderer The summary cell renderer to be associated with the summary column.
+   * @return This {@code SummaryMeta} instance for method chaining.
    */
   public SummaryMeta setCellRenderer(SummaryCellRenderer cellRenderer) {
     this.cellRenderer = cellRenderer;
@@ -87,26 +95,30 @@ public SummaryMeta setCellRenderer(SummaryCellRenderer cellRenderer)
   }
 
   /**
-   * isSkip.
+   * Checks if the summary column should be skipped.
    *
-   * @return a boolean
+   * @return {@code true} if the summary column should be skipped, {@code false} otherwise.
    */
   public boolean isSkip() {
     return skip;
   }
 
   /**
-   * Setter for the field skip.
+   * Sets whether the summary column should be skipped.
    *
-   * @param skip a boolean
-   * @return a {@link org.dominokit.domino.ui.datatable.plugins.summary.SummaryMeta} object
+   * @param skip {@code true} to skip the summary column, {@code false} to include it.
+   * @return This {@code SummaryMeta} instance for method chaining.
    */
   public SummaryMeta setSkip(boolean skip) {
     this.skip = skip;
     return this;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * {@inheritDoc}
+   *
+   * @return The unique key for identifying summary metadata associated with a column.
+   */
   @Override
   public String getKey() {
     return COLUMN_SUMMARY_META;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/summary/SummaryPlugin.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/summary/SummaryPlugin.java
index 88f1491c5..91e9928e8 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/summary/SummaryPlugin.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/summary/SummaryPlugin.java
@@ -13,41 +13,65 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.summary;
 
 import java.util.ArrayList;
 import java.util.Collection;
 import java.util.List;
 import org.dominokit.domino.ui.datatable.DataTable;
-import org.dominokit.domino.ui.datatable.TableRow;
 import org.dominokit.domino.ui.datatable.plugins.DataTablePlugin;
 import org.dominokit.domino.ui.elements.TFootElement;
 import org.dominokit.domino.ui.utils.BaseDominoElement;
 
-/** SummaryPlugin class. */
+/**
+ * The {@code SummaryPlugin} class is used to display summary rows in a {@link DataTable}. Summary
+ * rows provide aggregate information about the data in the table.
+ *
+ * 
Usage Example:
+ *
+ * 

+ * DataTable<Employee> dataTable = DataTable.create(dataList);
+ * SummaryPlugin<Employee, SummaryData> summaryPlugin = new SummaryPlugin<>();
+ * dataTable.addPlugin(summaryPlugin);
+ * summaryPlugin.setSummaryRecords(summaryDataList);
+ * 

+ *
+ * @param  The type of data in the DataTable.
+ * @param  The type of data in the summary row.
+ */
 public class SummaryPlugin implements DataTablePlugin {
 
-  private List> summaryRows = new ArrayList<>();
+  private List> summaryRows = new ArrayList<>();
   private DataTable dataTable;
   private TFootElement footer;
 
-  /** {@inheritDoc} */
+  /**
+   * Initializes the SummaryPlugin with the DataTable.
+   *
+   * @param dataTable The DataTable to which this plugin is added.
+   */
   @Override
   public void init(DataTable dataTable) {
     this.dataTable = dataTable;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Invoked when the footer is added to the DataTable.
+   *
+   * @param datatable The DataTable to which the footer is added.
+   */
   @Override
   public void onFooterAdded(DataTable datatable) {
     this.footer = datatable.footerElement();
   }
 
   /**
-   * setSummaryRecords.
+   * Sets the summary records to be displayed in the DataTable. Any existing summary rows are
+   * removed and replaced with new ones based on the provided records.
    *
-   * @param records a {@link java.util.Collection} object
-   * @return a {@link org.dominokit.domino.ui.datatable.plugins.summary.SummaryPlugin} object
+   * @param records A collection of summary records.
+   * @return This SummaryPlugin instance.
    */
   public SummaryPlugin setSummaryRecords(Collection records) {
     summaryRows.forEach(BaseDominoElement::remove);
@@ -57,11 +81,17 @@ public SummaryPlugin setSummaryRecords(Collection records) {
       SummaryRow summaryRow = new SummaryRow<>(recordsList.get(i), i, this.dataTable);
       summaryRow.render();
       footer.appendChild(summaryRow);
+      summaryRows.add(summaryRow);
     }
     return this;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Specifies the order in which this plugin should be applied relative to other plugins. Plugins
+   * with lower order values are applied first.
+   *
+   * @return The order value for this plugin.
+   */
   @Override
   public int order() {
     return 10;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/summary/SummaryRow.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/summary/SummaryRow.java
index 4e13fa3bd..424640b60 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/summary/SummaryRow.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/summary/SummaryRow.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.summary;
 
 import elemental2.dom.HTMLTableCellElement;
@@ -27,7 +28,14 @@
 import org.dominokit.domino.ui.utils.BaseDominoElement;
 import org.dominokit.domino.ui.utils.DominoElement;
 
-/** SummaryRow class. */
+/**
+ * The {@code SummaryRow} class represents a summary row in a {@link DataTable}. Summary rows
+ * provide aggregate information about the data in the table.
+ *
+ * @param  The type of data in the DataTable.
+ * @param  The type of data in the summary row.
+ * @see BaseDominoElement
+ */
 public class SummaryRow extends BaseDominoElement>
     implements DataTableStyles {
   private S record;
@@ -38,11 +46,11 @@ public class SummaryRow extends BaseDominoElement rowRenderer = new DefaultSummaryRowRenderer<>();
 
   /**
-   * Constructor for SummaryRow.
+   * Constructs a new SummaryRow instance.
    *
-   * @param record a S object
-   * @param index a int
-   * @param dataTable a {@link org.dominokit.domino.ui.datatable.DataTable} object
+   * @param record The summary record to be displayed in the row.
+   * @param index The index of the summary row.
+   * @param dataTable The DataTable to which this summary row belongs.
    */
   public SummaryRow(S record, int index, DataTable dataTable) {
     this.record = record;
@@ -52,76 +60,79 @@ public SummaryRow(S record, int index, DataTable dataTable) {
   }
 
   /**
-   * Setter for the field record.
+   * Sets the summary record to be displayed in the summary row.
    *
-   * @param record a S object
+   * @param record The summary record.
    */
   public void setRecord(S record) {
     this.record = record;
   }
 
   /**
-   * Getter for the field record.
+   * Gets the summary record displayed in the summary row.
    *
-   * @return a S object
+   * @return The summary record.
    */
   public S getRecord() {
     return record;
   }
 
   /**
-   * Getter for the field dataTable.
+   * Gets the DataTable to which this summary row belongs.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.DataTable} object
+   * @return The DataTable instance.
    */
   public DataTable getDataTable() {
     return dataTable;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Gets the HTML representation of the summary row.
+   *
+   * @return The HTMLTableRowElement of the summary row.
+   */
   @Override
   public HTMLTableRowElement element() {
     return element.element();
   }
 
   /**
-   * addCell.
+   * Adds a summary cell to the summary row.
    *
-   * @param rowCell a {@link org.dominokit.domino.ui.datatable.plugins.summary.SummaryRowCell}
-   *     object
+   * @param rowCell The summary cell to add.
    */
   public void addCell(SummaryRowCell rowCell) {
     rowCells.put(rowCell.getColumnConfig().getName(), rowCell);
   }
 
   /**
-   * getCell.
+   * Gets a summary cell by its column name.
    *
-   * @param name a {@link java.lang.String} object
-   * @return a {@link org.dominokit.domino.ui.datatable.plugins.summary.SummaryRowCell} object
+   * @param name The name of the column associated with the summary cell.
+   * @return The SummaryRowCell instance.
    */
   public SummaryRowCell getCell(String name) {
     return rowCells.get(name);
   }
 
   /**
-   * Getter for the field index.
+   * Gets the index of the summary row.
    *
-   * @return a int
+   * @return The index of the summary row.
    */
   public int getIndex() {
     return index;
   }
 
-  /** updateRow. */
+  /** Updates the summary row with the current summary record. */
   public void updateRow() {
     updateRow(this.record);
   }
 
   /**
-   * updateRow.
+   * Updates the summary row with the specified summary record.
    *
-   * @param record a S object
+   * @param record The summary record to update the row with.
    */
   public void updateRow(S record) {
     this.record = record;
@@ -129,34 +140,40 @@ public void updateRow(S record) {
   }
 
   /**
-   * Getter for the field rowCells.
+   * Gets an unmodifiable map of summary cells in the summary row.
    *
-   * @return a {@link java.util.Map} object
+   * @return An unmodifiable map of summary cells.
    */
   public Map> getRowCells() {
     return Collections.unmodifiableMap(rowCells);
   }
 
-  /** render. */
+  /** Renders the summary row based on the DataTable's column configuration. */
   public void render() {
     rowRenderer.render(dataTable, this);
   }
 
   /**
-   * An interface to implement listeners for Table row changes
+   * The {@code RowListener} interface represents a listener for changes to a {@code SummaryRow}.
    *
-   * @param  the type of the data table records
+   * @param  The type of data in the DataTable.
+   * @param  The type of data in the summary row.
    */
   @FunctionalInterface
   public interface RowListener {
-    /** @param summaryRow the changed {@link SummaryRow} */
+
+    /**
+     * Called when a change occurs in a SummaryRow.
+     *
+     * @param summaryRow The SummaryRow instance that has changed.
+     */
     void onChange(SummaryRow summaryRow);
   }
 
   /**
-   * renderCell.
+   * Renders a summary cell for a specific column configuration and adds it to the summary row.
    *
-   * @param columnConfig a {@link org.dominokit.domino.ui.datatable.ColumnConfig} object
+   * @param columnConfig The {@link ColumnConfig} associated with the summary cell to be rendered.
    */
   public void renderCell(ColumnConfig columnConfig) {
     TDElement cellElement = td().addCss(dui_datatable_td);
@@ -184,7 +201,19 @@ public void renderCell(ColumnConfig columnConfig) {
     columnConfig.addShowHideListener(DefaultColumnShowHideListener.of(cellElement.element()));
   }
 
+  /**
+   * Renders a summary row based on the DataTable's column configuration.
+   *
+   * @param  The type of data in the DataTable.
+   * @param  The type of data in the summary row.
+   */
   public interface SummaryRowRenderer {
+    /**
+     * Renders the summary row.
+     *
+     * @param dataTable The DataTable to which the summary row belongs.
+     * @param summaryRow The SummaryRow to render.
+     */
     void render(DataTable dataTable, SummaryRow summaryRow);
   }
 
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/summary/SummaryRowCell.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/summary/SummaryRowCell.java
index 538a0dde3..009530ae2 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/summary/SummaryRowCell.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/summary/SummaryRowCell.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.summary;
 
 import static java.util.Objects.nonNull;
@@ -24,10 +25,11 @@
 import org.dominokit.domino.ui.utils.DominoElement;
 
 /**
- * This class represent a single cell in a data table row, and it contains information about the
- * cell row and column which it is part of
+ * Represents a cell within a summary row of a DataTable, containing a specific column's summary
+ * data.
  *
- * @param  the type of the data table records
+ * @param  The type of data displayed in the DataTable.
+ * @param  The type of data used for summary calculations.
  */
 public class SummaryRowCell {
 
@@ -36,12 +38,11 @@ public class SummaryRowCell {
   private SummaryCellRenderer defaultCellRenderer = cell -> elements.text();
 
   /**
-   * Creates and initialize an instance with the cell info and column info
+   * Constructs a new {@code SummaryRowCell} for the given column configuration and summary cell
+   * info.
    *
-   * @param cellInfo the {@link org.dominokit.domino.ui.datatable.CellRenderer.CellInfo} information
-   *     about this cell
-   * @param columnConfig the {@link org.dominokit.domino.ui.datatable.ColumnConfig} the column this
-   *     cell is part of
+   * @param cellInfo The summary cell information associated with this cell.
+   * @param columnConfig The column configuration associated with this cell.
    */
   public SummaryRowCell(
       SummaryCellRenderer.SummaryCellInfo cellInfo, ColumnConfig columnConfig) {
@@ -49,21 +50,18 @@ public SummaryRowCell(
     this.cellInfo = cellInfo;
   }
 
-  /** @return the {@link ColumnConfig} the column this cell is part of */
   /**
-   * Getter for the field columnConfig.
+   * Gets the column configuration associated with this summary cell.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.ColumnConfig} object
+   * @return The {@link ColumnConfig} associated with this summary cell.
    */
   public ColumnConfig getColumnConfig() {
     return columnConfig;
   }
 
   /**
-   * This method will force update the cell which might result on clearing all it content and
-   * rerender them again with any updated data this is useful when for example changing a field
-   * value in the record instance, and we want to reflect the change to the cell that renders the
-   * field.
+   * Updates the content of this summary cell based on its associated column configuration and
+   * summary data.
    */
   public void updateCell() {
     DominoElement cellElement = elements.elementOf(cellInfo.getElement());
@@ -93,13 +91,10 @@ public void updateCell() {
     }
   }
 
-  /** @return the {@link CellRenderer.CellInfo} information about this cell */
   /**
-   * Getter for the field cellInfo.
+   * Gets the summary cell information associated with this cell.
    *
-   * @return a {@link
-   *     org.dominokit.domino.ui.datatable.plugins.summary.SummaryCellRenderer.SummaryCellInfo}
-   *     object
+   * @return The {@link SummaryCellRenderer.SummaryCellInfo} associated with this cell.
    */
   public SummaryCellRenderer.SummaryCellInfo getCellInfo() {
     return cellInfo;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/IsTreeNode.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/IsTreeNode.java
index 97a101c2f..230692be3 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/IsTreeNode.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/IsTreeNode.java
@@ -13,14 +13,16 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.tree;
 
-/** IsTreeNode interface. */
+/** An interface to represent a tree node in a hierarchical structure. */
 public interface IsTreeNode {
+
   /**
-   * hasChildren.
+   * Checks if this tree node has children nodes.
    *
-   * @return a boolean
+   * @return {@code true} if this tree node has children nodes, {@code false} otherwise.
    */
   boolean hasChildren();
 }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/SubItemsProvider.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/SubItemsProvider.java
index b17303d4f..c6ae86f6c 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/SubItemsProvider.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/SubItemsProvider.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.tree;
 
 import java.util.Collection;
@@ -20,17 +21,20 @@
 import java.util.function.Consumer;
 
 /**
- * A functional interface to supply record children
+ * A functional interface for providing sub-items for a given parent item.
  *
- * @param  Type of table records.
+ * @param  The type of items in the hierarchy.
  */
 @FunctionalInterface
 public interface SubItemsProvider {
+
   /**
-   * getSubItems.
+   * Provides sub-items for a given parent item and passes them to the specified items consumer.
    *
-   * @param parent a T object
-   * @param itemsConsumer a {@link java.util.function.Consumer} object
+   * @param parent The parent item for which sub-items are requested.
+   * @param itemsConsumer A consumer that receives the sub-items as an optional collection. If there
+   *     are sub-items, the collection should be wrapped in an Optional and passed to the consumer.
+   *     If there are no sub-items, an empty Optional should be passed.
    */
   void getSubItems(T parent, Consumer>> itemsConsumer);
 }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/TreeChildRowAppender.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/TreeChildRowAppender.java
index dd5f1f733..e7eb3ff3d 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/TreeChildRowAppender.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/TreeChildRowAppender.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.tree;
 
 import static java.util.Objects.nonNull;
@@ -21,21 +22,31 @@
 import org.dominokit.domino.ui.datatable.TableConfig;
 import org.dominokit.domino.ui.datatable.TableRow;
 
-/** TreeChildRowAppender class. */
+/**
+ * A custom row appender implementation for appending child rows to a DataTable with tree-like
+ * functionality.
+ *
+ * @param  The data type of the DataTable.
+ */
 public class TreeChildRowAppender implements TableConfig.RowAppender {
 
   private final TreePluginConfig config;
 
   /**
-   * Constructor for TreeChildRowAppender.
+   * Constructs a new TreeChildRowAppender with the given configuration.
    *
-   * @param config a {@link org.dominokit.domino.ui.datatable.plugins.tree.TreePluginConfig} object
+   * @param config The configuration for the tree plugin.
    */
   public TreeChildRowAppender(TreePluginConfig config) {
     this.config = config;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Appends a row to the DataTable based on the provided configuration.
+   *
+   * @param dataTable The DataTable to which the row should be appended.
+   * @param tableRow The TableRow to be appended.
+   */
   @Override
   public void appendRow(DataTable dataTable, TableRow tableRow) {
     if (config.isLazy()) {
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/TreeGridPlugin.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/TreeGridPlugin.java
index 7cb0ab4c5..274832008 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/TreeGridPlugin.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/TreeGridPlugin.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.tree;
 
 import static java.util.Objects.nonNull;
@@ -28,6 +29,8 @@
 import org.dominokit.domino.ui.datatable.plugins.HasPluginConfig;
 import org.dominokit.domino.ui.datatable.plugins.tree.events.TreeRowCollapsedEvent;
 import org.dominokit.domino.ui.datatable.plugins.tree.events.TreeRowExpandedEvent;
+import org.dominokit.domino.ui.datatable.plugins.tree.events.TreeRowOnBeforeCollapseEvent;
+import org.dominokit.domino.ui.datatable.plugins.tree.events.TreeRowOnBeforeExpandEvent;
 import org.dominokit.domino.ui.elements.DivElement;
 import org.dominokit.domino.ui.icons.Icon;
 import org.dominokit.domino.ui.icons.ToggleIcon;
@@ -35,19 +38,37 @@
 import org.dominokit.domino.ui.utils.DominoElement;
 import org.dominokit.domino.ui.utils.Unit;
 
-/** TreeGridPlugin class. */
+/**
+ * The TreeGridPlugin is a DataTable plugin that allows you to create hierarchical tables with
+ * expandable/collapsible rows. It provides functionality to expand and collapse rows, making it
+ * easy to display tree-like data structures in your DataTable. This plugin adds a utility column to
+ * the DataTable for expand/collapse icons in each row.
+ *
+ * 
Usage example:
+ *
+ * 
+ * TreeGridPlugin treeGridPlugin = new TreeGridPlugin<>();
+ * treeGridPlugin.expandAllRows(true);
+ *
+ * DataTable dataTable = DataTable.create();
+ * dataTable.addPlugin(treeGridPlugin);
+ * 

+ *
+ * All rows in the DataTable can be expanded or collapsed at once using the expandAllRows and
+ * collapseAllRows methods. You can also expand or collapse individual rows using the expandRow and
+ * collapseRow methods.
+ */
 public class TreeGridPlugin
     implements DataTablePlugin, HasPluginConfig, TreePluginConfig> {
 
-  /** Constant TREE_GRID_ROW_LEVEL="tree-grid-row-level" */
   public static final String TREE_GRID_ROW_LEVEL = "tree-grid-row-level";
-  /** Constant TREE_GRID_ROW_TOGGLE_ICON="tree-grid-row-toggle-icon" */
+
   public static final String TREE_GRID_ROW_TOGGLE_ICON = "tree-grid-row-toggle-icon";
-  /** Constant TREE_GRID_EXPAND_COLLAPSE="plugin-utility-column" */
+
   public static final String TREE_GRID_EXPAND_COLLAPSE = "plugin-utility-column";
-  /** Constant BASE_PADDING=10 */
+
   public static final int BASE_PADDING = 10;
-  /** Constant ICON_ORDER="10" */
+
   public static final String ICON_ORDER = "10";
 
   private ToggleIcon headerIcon;
@@ -55,32 +76,43 @@ public class TreeGridPlugin
   private DataTable dataTable;
   private TreePluginConfig config;
 
-  /** Constructor for TreeGridPlugin. */
+  /** Constructs a new TreeGridPlugin with default configuration. */
   public TreeGridPlugin() {
     config = new TreePluginConfig<>();
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Initializes the TreeGridPlugin with the given DataTable. This method is called by the DataTable
+   * when the plugin is added. It sets up the necessary configuration and applies the TreeStateMeta
+   * to keep track of the tree state.
+   *
+   * @param dataTable The DataTable to which this plugin is being added.
+   */
   @Override
   public void init(DataTable dataTable) {
     this.dataTable = dataTable;
     this.dataTable.applyMeta(TreeStateMeta.create());
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Indicates whether this plugin requires a utility column in the DataTable. The utility column is
+   * used to display expand/collapse icons for tree rows.
+   *
+   * @return {@code true} if a utility column is required, {@code false} otherwise.
+   */
   @Override
   public boolean requiresUtilityColumn() {
     return true;
   }
 
   /**
-   * If the row has children it will expand the row, and based on recursive value it might also
-   * expand its children sub-children
+   * Expands a specific row in the DataTable.
    *
-   * @param row {@link org.dominokit.domino.ui.datatable.TableRow} to be expanded
-   * @param recursive boolean, if true will recursively expand the row children
+   * @param row The TableRow to expand.
+   * @param recursive Whether to recursively expand child rows.
    */
-  public final void expandRow(TableRow row, boolean recursive) {
+  public void expandRow(TableRow row, boolean recursive) {
+    this.dataTable.fireTableEvent(new TreeRowOnBeforeExpandEvent<>(row));
     if (config.isLazy()) {
       TreeGridRowSubItemsMeta.get(row)
           .ifPresent(
@@ -119,10 +151,18 @@ public final void expandRow(TableRow row, boolean recursive) {
       if (row.isRoot()) {
         increment();
       }
+      this.dataTable.fireTableEvent(new TreeRowExpandedEvent<>(row));
     }
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Handles the event when a new row is added to the DataTable. If the TreeGridPlugin is not
+   * configured as lazy, it adds the children of the row to the table. If the added row was
+   * previously expanded, it ensures that the child rows are visible as well.
+   *
+   * @param dataTable The DataTable to which the row is added.
+   * @param tableRow The TableRow that was added.
+   */
   @Override
   public void onRowAdded(DataTable dataTable, TableRow tableRow) {
     if (!config.isLazy()) {
@@ -139,12 +179,23 @@ public void onRowAdded(DataTable dataTable, TableRow tableRow) {
             });
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Handles the event when all rows are added to the DataTable. This method is called after all
+   * rows have been added.
+   *
+   * @param dataTable The DataTable to which rows are added.
+   */
   @Override
   public void onAllRowsAdded(DataTable dataTable) {
     TreeStateMeta.get(this.dataTable).ifPresent(TreeStateMeta::onAllRowsAdded);
   }
 
+  /**
+   * Adds child rows to the given parent TableRow based on the TreeGridRowSubItemsMeta information.
+   * If the parent row already has children, the new child rows are added after the existing ones.
+   *
+   * @param tableRow The parent TableRow to which child rows are added.
+   */
   private void addRowChildren(TableRow tableRow) {
     TreeGridRowSubItemsMeta.get(tableRow)
         .ifPresent(
@@ -198,10 +249,23 @@ record -> {
             });
   }
 
+  /**
+   * Checks if a TableRow is odd relative to its parent.
+   *
+   * @param subRow The TableRow to check.
+   * @param parent The parent TableRow.
+   * @return {@code true} if the subRow is odd, {@code false} otherwise.
+   */
   private boolean isOdd(TableRow subRow, TableRow parent) {
     return !dui_odd.isAppliedTo(subRow.element().previousElementSibling);
   }
 
+  /**
+   * Applies the indentation to a TableRow based on its level in the tree hierarchy. The indentation
+   * is determined by the TreeGridPlugin's configuration.
+   *
+   * @param tableRow The TableRow to which the indentation is applied.
+   */
   private void applyIndent(TableRow tableRow) {
     TreeGridRowLevel treeGridRowLevel =
         tableRow
@@ -217,38 +281,47 @@ private void applyIndent(TableRow tableRow) {
   }
 
   /**
-   * If the row has children it will expand the row and recursively expand the row children
+   * Expands a specific row in the DataTable with recursive expansion of child rows.
    *
-   * @param row {@link org.dominokit.domino.ui.datatable.TableRow} to be expanded
+   * @param row The TableRow to expand.
    */
-  public final void expandRow(TableRow row) {
+  public void expandRow(TableRow row) {
     expandRow(row, true);
   }
 
   /**
-   * Expand all table rows, and based on recursive value it might also recursively expand all
-   * children
+   * Expands all rows in the DataTable. If "recursive" is set to true, child rows will also be
+   * expanded.
    *
-   * @param recursive boolean, if true will recursively expand the row children
+   * @param recursive If true, child rows will also be expanded; otherwise, only the parent rows are
+   *     expanded.
    */
-  public final void expandAllRows(boolean recursive) {
+  public void expandAllRows(boolean recursive) {
     dataTable.getRows().forEach(tableRow -> expandRow(tableRow, recursive));
   }
 
   /**
-   * If the row has children it will collapse the row.
+   * Collapses a specific row in the DataTable, hiding its child rows if any.
    *
-   * @param row {@link org.dominokit.domino.ui.datatable.TableRow} to be collapsed
+   * @param row The TableRow to collapse.
    */
-  public final void collapseRow(TableRow row) {
+  public void collapseRow(TableRow row) {
     collapse(row);
   }
 
-  /** Collapse all table row */
-  public final void collapseAllRows() {
+  /** Collapses all rows in the DataTable, hiding child rows if any. */
+  public void collapseAllRows() {
     dataTable.getRows().forEach(this::collapseRow);
   }
 
+  /**
+   * Expands a specific TableRow, making it visible, and optionally expanding its child rows
+   * recursively.
+   *
+   * @param row The TableRow to expand.
+   * @param recursive If true, child rows are expanded recursively; otherwise, only the direct child
+   *     rows are expanded.
+   */
   private void expand(TableRow row, boolean recursive) {
     showRow(row);
     for (TableRow child : row.getChildren()) {
@@ -268,11 +341,24 @@ private void expand(TableRow row, boolean recursive) {
         });
   }
 
+  /**
+   * Makes a TableRow visible by displaying it in the DataTable.
+   *
+   * @param row The TableRow to show.
+   */
   private void showRow(TableRow row) {
     row.show();
   }
 
+  /**
+   * Collapses a specific TableRow, hiding it, and optionally collapsing its child rows recursively.
+   *
+   * @param row The TableRow to collapse.
+   * @param recursive If true, child rows are collapsed recursively; otherwise, only the direct
+   *     child rows are collapsed.
+   */
   private void collapse(TableRow row) {
+    this.dataTable.fireTableEvent(new TreeRowOnBeforeCollapseEvent<>(row));
     Optional iconMeta = row.getMeta(TREE_GRID_ROW_TOGGLE_ICON);
     iconMeta.ifPresent(
         meta -> {
@@ -302,6 +388,7 @@ private void collapse(TableRow row) {
     this.dataTable.fireTableEvent(new TreeRowCollapsedEvent<>(row));
   }
 
+  /** Increments the count of expanded rows and toggles the header icon if needed. */
   private void increment() {
     expandedCount++;
     if (!headerIcon.isToggled()) {
@@ -309,6 +396,9 @@ private void increment() {
     }
   }
 
+  /**
+   * Decrements the count of expanded rows and toggles the header icon if all rows are collapsed.
+   */
   private void decrement() {
     expandedCount--;
     if (expandedCount == 0 && headerIcon.isToggled()) {
@@ -316,6 +406,12 @@ private void decrement() {
     }
   }
 
+  /**
+   * Gets the DOM element of the cell associated with a TableRow.
+   *
+   * @param subRow The TableRow for which the cell element is retrieved.
+   * @return A DominoElement representing the cell element.
+   */
   private DominoElement getRowCellElement(TableRow subRow) {
     return elements.elementOf(
         subRow
@@ -325,7 +421,13 @@ private DominoElement getRowCellElement(TableRow subRow
             .getElement());
   }
 
-  /** Adds the expand/collapse/leaf icons to the plugins utility columns cells {@inheritDoc} */
+  /**
+   * Generates utility elements to be displayed in a cell of the DataTable.
+   *
+   * @param dataTable The DataTable instance.
+   * @param cellInfo Information about the cell.
+   * @return A list of utility elements to be displayed in the cell.
+   */
   @Override
   public Optional> getUtilityElements(
       DataTable dataTable, CellRenderer.CellInfo cellInfo) {
@@ -362,6 +464,12 @@ public Optional> getUtilityElements(
     return Optional.of(elementsList);
   }
 
+  /**
+   * Initializes the utility elements for a leaf node in the tree.
+   *
+   * @param elements A list of utility elements to which the leaf icon will be added.
+   * @param tableRow The TableRow representing the leaf node.
+   */
   private void initLeaf(List elements, TableRow tableRow) {
     Icon icon = config.getLeafIconSupplier().get().addCss("dt-tree-grid-leaf");
     icon.setAttribute("order", ICON_ORDER);
@@ -369,6 +477,12 @@ private void initLeaf(List elements, TableRow tableRow) {
     elements.add(icon.element());
   }
 
+  /**
+   * Initializes the utility elements for a parent node in the tree.
+   *
+   * @param elements A list of utility elements to which the expand/collapse icon will be added.
+   * @param tableRow The TableRow representing the parent node.
+   */
   private void initParent(List elements, TableRow tableRow) {
     ToggleIcon icon = initExpandCollapseIcons(tableRow);
     icon.setAttribute("order", ICON_ORDER);
@@ -376,6 +490,12 @@ private void initParent(List elements, TableRow tableRow) {
     elements.add(icon.element());
   }
 
+  /**
+   * Initializes the expand/collapse icon for a parent node in the tree.
+   *
+   * @param tableRow The TableRow representing the parent node.
+   * @return The initialized ToggleIcon for expand/collapse functionality.
+   */
   private ToggleIcon initExpandCollapseIcons(TableRow tableRow) {
     ToggleIcon icon;
     icon = config.getExpandToggleIconSupplier().get().clickable();
@@ -391,7 +511,12 @@ private void initParent(List elements, TableRow tableRow) {
     return icon;
   }
 
-  /** Adds the Expand all/collapse all to the plugins utility column header {@inheritDoc} */
+  /**
+   * Handles the event when a header is added to the DataTable.
+   *
+   * @param dataTable The DataTable instance.
+   * @param column The ColumnConfig that was added as a header.
+   */
   @Override
   public void onHeaderAdded(DataTable dataTable, ColumnConfig column) {
     if (column.isUtilityColumn()) {
@@ -411,7 +536,12 @@ public void onHeaderAdded(DataTable dataTable, ColumnConfig column) {
     }
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Handles the event before adding a row to the DataTable.
+   *
+   * @param dataTable The DataTable instance.
+   * @param tableRow The TableRow to be added.
+   */
   @Override
   public void onBeforeAddRow(DataTable dataTable, TableRow tableRow) {
     if (config.isLazy()) {
@@ -434,7 +564,12 @@ public void onBeforeAddRow(DataTable dataTable, TableRow tableRow) {
     }
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Handles table-related events such as sorting, searching, data updates, and pagination. Updates
+   * the header icon and resets the expanded count if necessary.
+   *
+   * @param event The table event to handle.
+   */
   @Override
   public void handleEvent(TableEvent event) {
     switch (event.getType()) {
@@ -452,33 +587,49 @@ public void handleEvent(TableEvent event) {
     }
   }
 
+  /**
+   * Checks if a collection of items has children.
+   *
+   * @param items The collection of items to check.
+   * @return {@code true} if the collection is present and not empty; otherwise, {@code false}.
+   */
   private boolean hasChildren(Optional> items) {
     return items.isPresent() && !items.get().isEmpty();
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Sets the configuration for the TreeGridPlugin.
+   *
+   * @param config The configuration to set.
+   * @return The TreeGridPlugin instance.
+   */
   @Override
   public TreeGridPlugin setConfig(TreePluginConfig config) {
     this.config = config;
     return this;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Retrieves the current configuration of the TreeGridPlugin.
+   *
+   * @return The current TreePluginConfig instance.
+   */
   @Override
   public TreePluginConfig getConfig() {
     return config;
   }
 
   /**
-   * Functional interface to provide the cells to be rendered in a parent row
+   * Functional interface for supplying parent row cells.
    *
-   * @param  Type of the table records
+   * @param  The data type of the DataTable.
    */
   @FunctionalInterface
   public interface ParentRowCellsSupplier {
     List> get(DataTable dataTable, TableRow tableRow);
   }
 
+  /** Inner class representing the level of a tree grid row. */
   private static class TreeGridRowLevel implements ComponentMeta {
     private final int level;
 
@@ -492,6 +643,7 @@ public String getKey() {
     }
   }
 
+  /** Inner class representing the toggle icon for a tree grid row. */
   private static class TreeGridRowToggleIcon implements ComponentMeta {
     private final Icon icon;
 
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/TreeGridRowRenderer.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/TreeGridRowRenderer.java
index 4c0329546..c46127f44 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/TreeGridRowRenderer.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/TreeGridRowRenderer.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.tree;
 
 import java.util.List;
@@ -21,22 +22,31 @@
 import org.dominokit.domino.ui.datatable.RowCell;
 import org.dominokit.domino.ui.datatable.TableRow;
 
-/** TreeGridRowRenderer class. */
+/**
+ * A custom row renderer implementation for rendering parent rows in a DataTable with tree-like
+ * functionality.
+ *
+ * @param  The data type of the DataTable.
+ */
 public class TreeGridRowRenderer implements TableRow.RowRenderer {
 
   private final TreeGridPlugin treeGridPlugin;
 
   /**
-   * Constructor for TreeGridRowRenderer.
+   * Constructs a new TreeGridRowRenderer with the given TreeGridPlugin.
    *
-   * @param treeGridPlugin a {@link org.dominokit.domino.ui.datatable.plugins.tree.TreeGridPlugin}
-   *     object
+   * @param treeGridPlugin The TreeGridPlugin associated with this renderer.
    */
   public TreeGridRowRenderer(TreeGridPlugin treeGridPlugin) {
     this.treeGridPlugin = treeGridPlugin;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Renders a row within the DataTable based on the provided configuration.
+   *
+   * @param dataTable The DataTable to which the row belongs.
+   * @param tableRow The TableRow to be rendered.
+   */
   @Override
   public void render(DataTable dataTable, TableRow tableRow) {
     List> columns = dataTable.getTableConfig().getColumns();
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/TreeGridRowSubItemsMeta.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/TreeGridRowSubItemsMeta.java
index da31a9dc7..fe289c27f 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/TreeGridRowSubItemsMeta.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/TreeGridRowSubItemsMeta.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.tree;
 
 import static java.util.Objects.nonNull;
@@ -27,22 +28,29 @@
 import org.dominokit.domino.ui.datatable.store.DataStore;
 import org.dominokit.domino.ui.utils.ComponentMeta;
 
-/** TreeGridRowSubItemsMeta class. */
+/**
+ * The {@code TreeGridRowSubItemsMeta} class provides metadata and utilities for managing sub-items
+ * in a tree grid. It is used in conjunction with the TreeGridPlugin to enable hierarchical data
+ * rendering in a DataTable.
+ *
+ * @param  The type of data records in the DataTable.
+ */
 public class TreeGridRowSubItemsMeta implements ComponentMeta {
 
-  /** Constant TREE_GRID_ROW_SUB_ITEMS_META="tree-grid-row-sub-items-meta" */
+  /** A constant representing the key for accessing this metadata in a TableRow. */
   public static final String TREE_GRID_ROW_SUB_ITEMS_META = "tree-grid-row-sub-items-meta";
 
   private final TreePluginConfig config;
   private Collection records;
 
   /**
-   * of.
+   * Static factory method to create an instance of {@code TreeGridRowSubItemsMeta} with the
+   * specified configuration and records.
    *
-   * @param config a {@link org.dominokit.domino.ui.datatable.plugins.tree.TreePluginConfig} object
-   * @param records a {@link java.util.Collection} object
-   * @param  a T class
-   * @return a {@link org.dominokit.domino.ui.datatable.plugins.tree.TreeGridRowSubItemsMeta} object
+   * @param  The type of data records in the DataTable.
+   * @param config The configuration for the TreeGridPlugin.
+   * @param records The collection of sub-items records.
+   * @return A new instance of {@code TreeGridRowSubItemsMeta}.
    */
   public static  TreeGridRowSubItemsMeta of(
       TreePluginConfig config, Collection records) {
@@ -50,30 +58,32 @@ public static  TreeGridRowSubItemsMeta of(
   }
 
   /**
-   * of.
+   * Static factory method to create an instance of {@code TreeGridRowSubItemsMeta} with the
+   * specified configuration.
    *
-   * @param config a {@link org.dominokit.domino.ui.datatable.plugins.tree.TreePluginConfig} object
-   * @param  a T class
-   * @return a {@link org.dominokit.domino.ui.datatable.plugins.tree.TreeGridRowSubItemsMeta} object
+   * @param  The type of data records in the DataTable.
+   * @param config The configuration for the TreeGridPlugin.
+   * @return A new instance of {@code TreeGridRowSubItemsMeta}.
    */
   public static  TreeGridRowSubItemsMeta of(TreePluginConfig config) {
     return new TreeGridRowSubItemsMeta<>(config);
   }
 
   /**
-   * Constructor for TreeGridRowSubItemsMeta.
+   * Creates a new instance of {@code TreeGridRowSubItemsMeta} with the specified configuration and
+   * records.
    *
-   * @param config a {@link org.dominokit.domino.ui.datatable.plugins.tree.TreePluginConfig} object
+   * @param config The configuration for the TreeGridPlugin.
+   * @param records The collection of sub-items records.
    */
   public TreeGridRowSubItemsMeta(TreePluginConfig config) {
     this.config = config;
   }
 
   /**
-   * Constructor for TreeGridRowSubItemsMeta.
+   * Creates a new instance of {@code TreeGridRowSubItemsMeta} with the specified configuration.
    *
-   * @param config a {@link org.dominokit.domino.ui.datatable.plugins.tree.TreePluginConfig} object
-   * @param records a {@link java.util.Collection} object
+   * @param config The configuration for the TreeGridPlugin.
    */
   public TreeGridRowSubItemsMeta(TreePluginConfig config, Collection records) {
     this.config = config;
@@ -81,22 +91,23 @@ public TreeGridRowSubItemsMeta(TreePluginConfig config, Collection records
   }
 
   /**
-   * get.
+   * Gets the {@code TreeGridRowSubItemsMeta} instance associated with the provided TableRow.
    *
-   * @param row a {@link org.dominokit.domino.ui.datatable.TableRow} object
-   * @param  a T class
-   * @return a {@link java.util.Optional} object
+   * @param  The type of data records in the DataTable.
+   * @param row The TableRow for which to retrieve the metadata.
+   * @return An optional containing the {@code TreeGridRowSubItemsMeta} instance, if available.
    */
   public static  Optional> get(TableRow row) {
     return row.getMeta(TREE_GRID_ROW_SUB_ITEMS_META);
   }
 
   /**
-   * Getter for the field records.
+   * Retrieves the sub-items records associated with the provided TableRow and invokes a consumer to
+   * process them.
    *
-   * @param row a {@link org.dominokit.domino.ui.datatable.TableRow} object
-   * @param recordsConsumer a {@link java.util.function.Consumer} object
-   * @return a {@link org.dominokit.domino.ui.datatable.plugins.tree.TreeGridRowSubItemsMeta} object
+   * @param row The TableRow for which to retrieve the sub-items records.
+   * @param recordsConsumer The consumer function to process the retrieved records.
+   * @return The current {@code TreeGridRowSubItemsMeta} instance.
    */
   public TreeGridRowSubItemsMeta getRecords(
       TableRow row, Consumer>> recordsConsumer) {
@@ -118,10 +129,10 @@ public TreeGridRowSubItemsMeta getRecords(
   }
 
   /**
-   * hasChildren.
+   * Checks if the provided TableRow has children records.
    *
-   * @param row a {@link org.dominokit.domino.ui.datatable.TableRow} object
-   * @return a boolean
+   * @param row The TableRow to check for children records.
+   * @return {@code true} if the TableRow has children records, {@code false} otherwise.
    */
   @SuppressWarnings("unchecked")
   public boolean hasChildren(TableRow row) {
@@ -136,15 +147,19 @@ public boolean hasChildren(TableRow row) {
   }
 
   /**
-   * loaded.
+   * Checks if the sub-items records have been loaded.
    *
-   * @return a boolean
+   * @return {@code true} if the sub-items records have been loaded, {@code false} otherwise.
    */
   public boolean loaded() {
     return nonNull(records);
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Gets the key associated with this metadata.
+   *
+   * @return The key for accessing this metadata.
+   */
   @Override
   public String getKey() {
     return TREE_GRID_ROW_SUB_ITEMS_META;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/TreeNodeChildrenAware.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/TreeNodeChildrenAware.java
index 8b98c587d..979b2ff75 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/TreeNodeChildrenAware.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/TreeNodeChildrenAware.java
@@ -13,15 +13,21 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.tree;
 
-/** TreeNodeChildrenAware interface. */
+/**
+ * An interface to indicate whether a specific item in a tree structure has children.
+ *
+ * @param  The type of items in the tree.
+ */
 public interface TreeNodeChildrenAware {
+
   /**
-   * hasChildren.
+   * Checks if the specified item has children.
    *
-   * @param record a T object
-   * @return a boolean
+   * @param record The item to check for children.
+   * @return {@code true} if the item has children, {@code false} otherwise.
    */
   boolean hasChildren(T record);
 }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/TreePluginConfig.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/TreePluginConfig.java
index 3205d19e0..b669c4329 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/TreePluginConfig.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/TreePluginConfig.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.tree;
 
 import static java.util.Objects.isNull;
@@ -29,10 +30,14 @@
 import org.dominokit.domino.ui.icons.ToggleMdiIcon;
 import org.dominokit.domino.ui.icons.lib.Icons;
 
-/** TreePluginConfig class. */
+/**
+ * Configuration class for the TreeGridPlugin, which adds tree-like functionality to a DataTable.
+ *
+ * @param  The data type of the DataTable.
+ */
 public class TreePluginConfig implements PluginConfig {
 
-  /** Constant DEFAULT_INDENT=20 */
+  /** The default indentation value for tree grid rows. */
   public static final int DEFAULT_INDENT = 20;
 
   private boolean lazy = false;
@@ -43,23 +48,23 @@ public class TreePluginConfig implements PluginConfig {
   private Function, Node> indentColumnElementSupplier = tableRow -> elements.text();
   private int indent = DEFAULT_INDENT;
 
-  /** Constructor for TreePluginConfig. */
+  /** Constructs a new TreePluginConfig with default settings. */
   public TreePluginConfig() {}
 
   /**
-   * isLazy.
+   * Checks if lazy loading of child rows is enabled.
    *
-   * @return a boolean
+   * @return {@code true} if lazy loading is enabled; otherwise, {@code false}.
    */
   public boolean isLazy() {
     return lazy;
   }
 
   /**
-   * Setter for the field lazy.
+   * Sets whether lazy loading of child rows should be enabled.
    *
-   * @param lazy a boolean
-   * @return a {@link org.dominokit.domino.ui.datatable.plugins.tree.TreePluginConfig} object
+   * @param lazy {@code true} to enable lazy loading; {@code false} to disable it.
+   * @return The TreePluginConfig instance.
    */
   public TreePluginConfig setLazy(boolean lazy) {
     this.lazy = lazy;
@@ -67,23 +72,19 @@ public TreePluginConfig setLazy(boolean lazy) {
   }
 
   /**
-   * Getter for the field parentRowCellsSupplier.
+   * Retrieves the supplier for parent row cells.
    *
-   * @return a {@link
-   *     org.dominokit.domino.ui.datatable.plugins.tree.TreeGridPlugin.ParentRowCellsSupplier}
-   *     object
+   * @return The supplier for parent row cells.
    */
   public TreeGridPlugin.ParentRowCellsSupplier getParentRowCellsSupplier() {
     return parentRowCellsSupplier;
   }
 
   /**
-   * Set a supplier that provides cells to be rendered in a parent row cells, this can be used to
-   * provide a custom UI for parent rows
+   * Sets the supplier for parent row cells.
    *
-   * @param parentRowCellsSupplier {@link
-   *     org.dominokit.domino.ui.datatable.plugins.tree.TreeGridPlugin.ParentRowCellsSupplier}
-   * @return Same config instance
+   * @param parentRowCellsSupplier The supplier for parent row cells.
+   * @return The TreePluginConfig instance.
    */
   public TreePluginConfig setParentRowCellsSupplier(
       TreeGridPlugin.ParentRowCellsSupplier parentRowCellsSupplier) {
@@ -92,20 +93,19 @@ public TreePluginConfig setParentRowCellsSupplier(
   }
 
   /**
-   * Getter for the field expandToggleIconSupplier.
+   * Retrieves the supplier for the expand/collapse toggle icon.
    *
-   * @return a {@link java.util.function.Supplier} object
+   * @return The supplier for the expand/collapse toggle icon.
    */
   public Supplier> getExpandToggleIconSupplier() {
     return expandToggleIconSupplier;
   }
 
   /**
-   * Sets a supplier for a custom expand icon instead of the default one
+   * Sets the supplier for the expand/collapse toggle icon.
    *
-   * @param expandIconSupplier {@link java.util.function.Supplier} of {@link
-   *     org.dominokit.domino.ui.icons.Icon}
-   * @return Same config instance
+   * @param expandIconSupplier The supplier for the expand/collapse toggle icon.
+   * @return The TreePluginConfig instance.
    */
   public TreePluginConfig setExpandToggleIconSupplier(
       Supplier> expandIconSupplier) {
@@ -119,20 +119,19 @@ public TreePluginConfig setExpandToggleIconSupplier(
   }
 
   /**
-   * Getter for the field leafIconSupplier.
+   * Retrieves the supplier for the leaf icon.
    *
-   * @return a {@link java.util.function.Supplier} object
+   * @return The supplier for the leaf icon.
    */
   public Supplier> getLeafIconSupplier() {
     return leafIconSupplier;
   }
 
   /**
-   * Sets a supplier for a custom leaf row icon instead of the default one
+   * Sets the supplier for the leaf icon.
    *
-   * @param leafIconSupplier {@link java.util.function.Supplier} of {@link
-   *     org.dominokit.domino.ui.icons.Icon}
-   * @return Same config instance
+   * @param leafIconSupplier The supplier for the leaf icon.
+   * @return The TreePluginConfig instance.
    */
   public TreePluginConfig setLeafIconSupplier(Supplier> leafIconSupplier) {
     if (isNull(leafIconSupplier)) {
@@ -144,21 +143,19 @@ public TreePluginConfig setLeafIconSupplier(Supplier> leafIconSupplie
   }
 
   /**
-   * Getter for the field indentColumnElementSupplier.
+   * Retrieves the supplier for the indent column element.
    *
-   * @return a {@link java.util.function.Function} object
+   * @return The supplier for the indent column element.
    */
   public Function, Node> getIndentColumnElementSupplier() {
     return indentColumnElementSupplier;
   }
 
   /**
-   * Sets a supplier of elements to be appended to the tree grid indent column as part of the
-   * utility columns cells
+   * Sets the supplier for the indent column element.
    *
-   * @param indentColumnElementSupplier {@link java.util.function.Function} that takes a {@link
-   *     org.dominokit.domino.ui.datatable.TableRow} and return a {@link elemental2.dom.Node}
-   * @return same config instance
+   * @param indentColumnElementSupplier The supplier for the indent column element.
+   * @return The TreePluginConfig instance.
    */
   public TreePluginConfig setIndentColumnElementSupplier(
       Function, Node> indentColumnElementSupplier) {
@@ -167,19 +164,19 @@ public TreePluginConfig setIndentColumnElementSupplier(
   }
 
   /**
-   * Getter for the field indent.
+   * Retrieves the indentation value for tree grid rows.
    *
-   * @return a int
+   * @return The indentation value.
    */
   public int getIndent() {
     return indent;
   }
 
   /**
-   * Sets indent value to be added for each tree gird level
+   * Sets the indentation value for tree grid rows.
    *
-   * @param indent int
-   * @return Same config instance
+   * @param indent The indentation value.
+   * @return The TreePluginConfig instance.
    */
   public TreePluginConfig setIndent(int indent) {
     if (indent < 0) {
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/TreeStateMeta.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/TreeStateMeta.java
index 7585b2c83..36ed233f8 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/TreeStateMeta.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/TreeStateMeta.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.tree;
 
 import java.util.ArrayList;
@@ -22,65 +23,92 @@
 import org.dominokit.domino.ui.datatable.TableRow;
 import org.dominokit.domino.ui.utils.ComponentMeta;
 
-/** TreeStateMeta class. */
+/**
+ * The TreeStateMeta class is responsible for managing the state of tree-like
+ * structures within a DataTable. It keeps track of expanded rows, ensuring their state is
+ * preserved.
+ *
+ * 
This class allows you to maintain information about which rows are expanded and collapsed in a
+ * DataTable with a tree-like structure. You can use it to expand and collapse rows and check their
+ * current state.
+ *
+ * 
Usage Example:
+ *
+ * 
+ * // Create a TreeStateMeta instance
+ * TreeStateMeta<MyData> treeStateMeta = TreeStateMeta.create();
+ *
+ * // Check if a row is expanded
+ * boolean isExpanded = treeStateMeta.isRowExpanded(tableRow);
+ *
+ * // Expand a row
+ * treeStateMeta.onRowExpanded(tableRow);
+ * 

+ *
+ * @param  The type of data stored in the DataTable.
+ */
 public class TreeStateMeta implements ComponentMeta {
 
-  /** Constant TREE_STATE_TABLE_META="tree-state-table-meta" */
+  /** The key used to access this metadata. */
   public static final String TREE_STATE_TABLE_META = "tree-state-table-meta";
 
+  /** The list of expanded records. */
   private List expandedRecords = new ArrayList<>();
+
+  /** A temporary list of expanded records. */
   private List tempExpandedRecords = new ArrayList<>();
 
   /**
-   * create.
+   * Creates a new instance of TreeStateMeta.
    *
-   * @param  a T class
-   * @return a {@link org.dominokit.domino.ui.datatable.plugins.tree.TreeStateMeta} object
+   * @param  The type of data stored in the DataTable.
+   * @return A new TreeStateMeta instance.
    */
   public static  TreeStateMeta create() {
     return new TreeStateMeta<>();
   }
 
   /**
-   * get.
+   * Retrieves the TreeStateMeta instance associated with a DataTable.
    *
-   * @param dataTable a {@link org.dominokit.domino.ui.datatable.DataTable} object
-   * @param  a T class
-   * @return a {@link java.util.Optional} object
+   * @param  The type of data stored in the DataTable.
+   * @param dataTable The DataTable for which to retrieve the TreeStateMeta instance.
+   * @return An {@link Optional} containing the TreeStateMeta instance if found, or an
+   *     empty {@link Optional} if not.
    */
   public static  Optional> get(DataTable dataTable) {
     return dataTable.getMeta(TREE_STATE_TABLE_META);
   }
 
   /**
-   * onRowExpanded.
+   * Marks a row as expanded.
    *
-   * @param tableRow a {@link org.dominokit.domino.ui.datatable.TableRow} object
+   * @param tableRow The TableRow to mark as expanded.
    */
   public void onRowExpanded(TableRow tableRow) {
     this.expandedRecords.add(tableRow.getRecord());
   }
 
   /**
-   * isRowExpanded.
+   * Checks if a row is expanded.
    *
-   * @param tableRow a {@link org.dominokit.domino.ui.datatable.TableRow} object
-   * @return a boolean
+   * @param tableRow The TableRow to check.
+   * @return {@code true} if the row is expanded, {@code false} otherwise.
    */
   public boolean isRowExpanded(TableRow tableRow) {
     return this.expandedRecords.contains(tableRow.getRecord());
   }
 
   /**
-   * onExpandedRowAdded.
+   * Marks an expanded row as added.
    *
-   * @param tableRow a {@link org.dominokit.domino.ui.datatable.TableRow} object
+   * @param tableRow The TableRow to mark as added.
    */
   public void onExpandedRowAdded(TableRow tableRow) {
     this.tempExpandedRecords.add(tableRow.getRecord());
   }
 
-  /** onAllRowsAdded. */
+  /** Marks all rows as added after all rows have been added. */
   public void onAllRowsAdded() {
     this.expandedRecords.clear();
     this.expandedRecords.addAll(tempExpandedRecords);
@@ -88,18 +116,18 @@ public void onAllRowsAdded() {
   }
 
   /**
-   * onRowCollapsed.
+   * Marks a row as collapsed.
    *
-   * @param tableRow a {@link org.dominokit.domino.ui.datatable.TableRow} object
+   * @param tableRow The TableRow to mark as collapsed.
    */
   public void onRowCollapsed(TableRow tableRow) {
     this.expandedRecords.remove(tableRow.getRecord());
   }
 
   /**
-   * Getter for the field expandedRecords.
+   * Retrieves the list of expanded records.
    *
-   * @return a {@link java.util.List} object
+   * @return A list of expanded records.
    */
   public List getExpandedRecords() {
     return expandedRecords;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/events/TreeRowCollapsedEvent.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/events/TreeRowCollapsedEvent.java
index 3bca80812..f1e4cf882 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/events/TreeRowCollapsedEvent.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/events/TreeRowCollapsedEvent.java
@@ -13,45 +13,50 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.tree.events;
 
 import org.dominokit.domino.ui.datatable.TableRow;
 import org.dominokit.domino.ui.datatable.events.TableEvent;
 
 /**
- * This event will be fired by the {@link
- * org.dominokit.domino.ui.datatable.plugins.row.RecordDetailsPlugin} when a record is expanded
+ * The TreeRowCollapsedEvent class represents an event that is triggered when a
+ * tree-like structure's row is collapsed in a DataTable.
  *
- * @param  the type of the record.
+ * @param  The type of data stored in the DataTable.
  */
 public class TreeRowCollapsedEvent implements TableEvent {
 
-  /** A constant string to define a unique type for this event */
+  /** The key used to identify this event type. */
   public static final String TREE_ROW_COLLAPSED_EVENT = "tree-row-collapsed-event";
 
+  /** The TableRow associated with this event. */
   private final TableRow tableRow;
 
-  /** @param tableRow the {@link TableRow} being expanded */
   /**
-   * Constructor for TreeRowCollapsedEvent.
+   * Creates a new instance of TreeRowCollapsedEvent with the specified TableRow.
    *
-   * @param tableRow a {@link org.dominokit.domino.ui.datatable.TableRow} object
+   * @param tableRow The TableRow associated with this event.
    */
   public TreeRowCollapsedEvent(TableRow tableRow) {
     this.tableRow = tableRow;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Retrieves the type of this event, which is identified by the constant value {@link
+   * TreeRowCollapsedEvent#TREE_ROW_COLLAPSED_EVENT}.
+   *
+   * @return The type of this event as a string.
+   */
   @Override
   public String getType() {
     return TREE_ROW_COLLAPSED_EVENT;
   }
 
-  /** @return the {@link TableRow} being expanded */
   /**
-   * Getter for the field tableRow.
+   * Retrieves the TableRow associated with this event.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.TableRow} object
+   * @return The TableRow associated with this event.
    */
   public TableRow getTableRow() {
     return tableRow;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/events/TreeRowExpandedEvent.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/events/TreeRowExpandedEvent.java
index 2f303c4fb..0bf7fa1cf 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/events/TreeRowExpandedEvent.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/events/TreeRowExpandedEvent.java
@@ -13,45 +13,47 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.tree.events;
 
 import org.dominokit.domino.ui.datatable.TableRow;
 import org.dominokit.domino.ui.datatable.events.TableEvent;
 
 /**
- * This event will be fired by the {@link
- * org.dominokit.domino.ui.datatable.plugins.row.RecordDetailsPlugin} when a record is expanded
+ * An event class representing the expansion of a tree row in a data table.
  *
- * @param  the type of the record.
+ * @param  The type of data in the table row.
  */
 public class TreeRowExpandedEvent implements TableEvent {
 
-  /** A constant string to define a unique type for this event */
+  /** The event type indicating the expansion of a tree row. */
   public static final String TREE_ROW_EXPANDED_EVENT = "tree-row-expanded-event";
 
   private final TableRow tableRow;
 
-  /** @param tableRow the {@link TableRow} being expanded */
   /**
-   * Constructor for TreeRowExpandedEvent.
+   * Constructs a new TreeRowExpandedEvent.
    *
-   * @param tableRow a {@link org.dominokit.domino.ui.datatable.TableRow} object
+   * @param tableRow The TableRow that was expanded.
    */
   public TreeRowExpandedEvent(TableRow tableRow) {
     this.tableRow = tableRow;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Gets the type of this event, which is {@code TREE_ROW_EXPANDED_EVENT}.
+   *
+   * @return The type of this event.
+   */
   @Override
   public String getType() {
     return TREE_ROW_EXPANDED_EVENT;
   }
 
-  /** @return the {@link TableRow} being expanded */
   /**
-   * Getter for the field tableRow.
+   * Gets the TableRow that was expanded.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.TableRow} object
+   * @return The TableRow that was expanded.
    */
   public TableRow getTableRow() {
     return tableRow;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/events/TreeRowOnBeforeCollapseEvent.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/events/TreeRowOnBeforeCollapseEvent.java
new file mode 100644
index 000000000..b79e97dc0
--- /dev/null
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/events/TreeRowOnBeforeCollapseEvent.java
@@ -0,0 +1,64 @@
+/*
+ * Copyright © 2019 Dominokit
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+package org.dominokit.domino.ui.datatable.plugins.tree.events;
+
+import org.dominokit.domino.ui.datatable.TableRow;
+import org.dominokit.domino.ui.datatable.events.TableEvent;
+
+/**
+ * An event that represents the occurrence of a row collapsing before it actually collapses. This
+ * event is triggered when a tree row is about to be collapsed.
+ *
+ * @param  The type of data in the DataTable.
+ */
+public class TreeRowOnBeforeCollapseEvent implements TableEvent {
+
+  /** The type of this event, which is {@code TREE_ROW_ON_BEFORE_COLLAPSE_EVENT}. */
+  public static final String TREE_ROW_ON_BEFORE_COLLAPSE_EVENT =
+      "tree-row-on-before-collapse-event";
+
+  /** The table row associated with this event. */
+  private final TableRow tableRow;
+
+  /**
+   * Creates a new {@code TreeRowOnBeforeCollapseEvent} with the given table row.
+   *
+   * @param tableRow The table row associated with this event.
+   */
+  public TreeRowOnBeforeCollapseEvent(TableRow tableRow) {
+    this.tableRow = tableRow;
+  }
+
+  /**
+   * Gets the type of this event, which is {@code TREE_ROW_ON_BEFORE_COLLAPSE_EVENT}.
+   *
+   * @return The type of this event.
+   */
+  @Override
+  public String getType() {
+    return TREE_ROW_ON_BEFORE_COLLAPSE_EVENT;
+  }
+
+  /**
+   * Gets the table row associated with this event.
+   *
+   * @return The table row associated with this event.
+   */
+  public TableRow getTableRow() {
+    return tableRow;
+  }
+}
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/events/TreeRowOnBeforeExpandEvent.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/events/TreeRowOnBeforeExpandEvent.java
new file mode 100644
index 000000000..b2cbdc868
--- /dev/null
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/events/TreeRowOnBeforeExpandEvent.java
@@ -0,0 +1,63 @@
+/*
+ * Copyright © 2019 Dominokit
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+package org.dominokit.domino.ui.datatable.plugins.tree.events;
+
+import org.dominokit.domino.ui.datatable.TableRow;
+import org.dominokit.domino.ui.datatable.events.TableEvent;
+
+/**
+ * An event that represents the occurrence of a row expanding before it actually expands. This event
+ * is triggered when a tree row is about to be expanded.
+ *
+ * @param  The type of data in the DataTable.
+ */
+public class TreeRowOnBeforeExpandEvent implements TableEvent {
+
+  /** The type of this event, which is {@code TREE_ROW_ON_BEFORE_EXPAND_EVENT}. */
+  public static final String TREE_ROW_ON_BEFORE_EXPAND_EVENT = "tree-row-on-before-expand-event";
+
+  /** The table row associated with this event. */
+  private final TableRow tableRow;
+
+  /**
+   * Creates a new {@code TreeRowOnBeforeExpandEvent} with the given table row.
+   *
+   * @param tableRow The table row associated with this event.
+   */
+  public TreeRowOnBeforeExpandEvent(TableRow tableRow) {
+    this.tableRow = tableRow;
+  }
+
+  /**
+   * Gets the type of this event, which is {@code TREE_ROW_ON_BEFORE_EXPAND_EVENT}.
+   *
+   * @return The type of this event.
+   */
+  @Override
+  public String getType() {
+    return TREE_ROW_ON_BEFORE_EXPAND_EVENT;
+  }
+
+  /**
+   * Gets the table row associated with this event.
+   *
+   * @return The table row associated with this event.
+   */
+  public TableRow getTableRow() {
+    return tableRow;
+  }
+}
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/store/LocalTreeDataStore.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/store/LocalTreeDataStore.java
index c168a8d7a..e84e68579 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/store/LocalTreeDataStore.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/store/LocalTreeDataStore.java
@@ -25,17 +25,28 @@
 import org.dominokit.domino.ui.datatable.plugins.tree.TreeNodeChildrenAware;
 import org.dominokit.domino.ui.datatable.store.LocalListDataStore;
 
-/** LocalTreeDataStore class. */
+/**
+ * An implementation of the {@link TreeNodeStore} that uses local data to populate tree structured
+ * records.
+ *
+ * 
Usage:
+ *
+ * 
+ * SubItemsProvider provider = ...; // Implement or get an instance of SubItemsProvider
+ * LocalTreeDataStore store = new LocalTreeDataStore(provider);
+ * 

+ *
+ * @param  the type of data record
+ */
 public class LocalTreeDataStore extends LocalListDataStore implements TreeNodeStore {
   private Map> childrenStore = new HashMap<>();
   private final SubItemsProvider subItemsProvider;
   private final TreeNodeChildrenAware treeNodeChildrenAware;
 
   /**
-   * Constructor for LocalTreeDataStore.
+   * Constructs a {@link LocalTreeDataStore} with a sub-items provider.
    *
-   * @param subItemsProvider a {@link
-   *     org.dominokit.domino.ui.datatable.plugins.tree.SubItemsProvider} object
+   * @param subItemsProvider the provider of sub-items
    */
   public LocalTreeDataStore(SubItemsProvider subItemsProvider) {
     this.subItemsProvider = subItemsProvider;
@@ -43,12 +54,10 @@ public LocalTreeDataStore(SubItemsProvider subItemsProvider) {
   }
 
   /**
-   * Constructor for LocalTreeDataStore.
+   * Constructs a {@link LocalTreeDataStore} with a sub-items provider and a node children checker.
    *
-   * @param subItemsProvider a {@link
-   *     org.dominokit.domino.ui.datatable.plugins.tree.SubItemsProvider} object
-   * @param treeNodeChildrenAware a {@link
-   *     org.dominokit.domino.ui.datatable.plugins.tree.TreeNodeChildrenAware} object
+   * @param subItemsProvider the provider of sub-items
+   * @param treeNodeChildrenAware checker to determine if a node has children
    */
   public LocalTreeDataStore(
       SubItemsProvider subItemsProvider, TreeNodeChildrenAware treeNodeChildrenAware) {
@@ -57,11 +66,10 @@ public LocalTreeDataStore(
   }
 
   /**
-   * Constructor for LocalTreeDataStore.
+   * Constructs a {@link LocalTreeDataStore} with initial records and a sub-items provider.
    *
-   * @param records a {@link java.util.List} object
-   * @param subItemsProvider a {@link
-   *     org.dominokit.domino.ui.datatable.plugins.tree.SubItemsProvider} object
+   * @param records the initial records
+   * @param subItemsProvider the provider of sub-items
    */
   public LocalTreeDataStore(List records, SubItemsProvider subItemsProvider) {
     super(records);
@@ -70,13 +78,12 @@ public LocalTreeDataStore(List records, SubItemsProvider subItemsProvider)
   }
 
   /**
-   * Constructor for LocalTreeDataStore.
+   * Constructs a {@link LocalTreeDataStore} with initial records, a sub-items provider, and a node
+   * children checker.
    *
-   * @param records a {@link java.util.List} object
-   * @param subItemsProvider a {@link
-   *     org.dominokit.domino.ui.datatable.plugins.tree.SubItemsProvider} object
-   * @param treeNodeChildrenAware a {@link
-   *     org.dominokit.domino.ui.datatable.plugins.tree.TreeNodeChildrenAware} object
+   * @param records the initial records
+   * @param subItemsProvider the provider of sub-items
+   * @param treeNodeChildrenAware checker to determine if a node has children
    */
   public LocalTreeDataStore(
       List records,
@@ -87,7 +94,13 @@ public LocalTreeDataStore(
     this.treeNodeChildrenAware = treeNodeChildrenAware;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Handles changes in search criteria. It filters the records based on the search event and
+   * updates the store with the filtered results. If there was a previous sorting operation, it will
+   * re-sort the filtered results.
+   *
+   * @param event the search event containing search details
+   */
   @Override
   public void onSearchChanged(SearchEvent event) {
     if (nonNull(getSearchFilter())) {
@@ -103,14 +116,26 @@ public void onSearchChanged(SearchEvent event) {
     }
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Sets the data for the tree store. This will replace the current data and clear the children
+   * store.
+   *
+   * @param data the new list of data to be set
+   */
   @Override
   public void setData(List data) {
     super.setData(data);
     this.childrenStore.clear();
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Retrieves the children of a given parent node. If the children for the specified parent node
+   * are not yet loaded, it fetches them using the sub-items provider and stores them in a local
+   * cache. The children are then passed to the provided consumer.
+   *
+   * @param context the context providing details about the parent node and any previous operations
+   * @param itemsConsumer a consumer to accept the children once they are retrieved
+   */
   @Override
   public void getNodeChildren(
       TreeNodeStoreContext context, Consumer>> itemsConsumer) {
@@ -142,7 +167,13 @@ public void getNodeChildren(
     }
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Determines if the specified record has children. This determination is made based on the
+   * treeNodeChildrenAware provided during instantiation.
+   *
+   * @param record the data record to check for children
+   * @return true if the record has children, false otherwise
+   */
   @Override
   public boolean hasChildren(T record) {
     return this.treeNodeChildrenAware.hasChildren(record);
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/store/SubItemsStore.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/store/SubItemsStore.java
index 287a1fa0f..c557663e9 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/store/SubItemsStore.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/store/SubItemsStore.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.tree.store;
 
 import java.util.List;
@@ -24,27 +25,32 @@
 import org.dominokit.domino.ui.datatable.store.SearchFilter;
 import org.dominokit.domino.ui.pagination.HasPagination;
 
-/** SubItemsStore class. */
+/**
+ * A data store for sub-items of tree nodes in a DataTable. This store extends the
+ * LocalListDataStore and delegates various data-related operations to the parent
+ * LocalTreeDataStore.
+ *
+ * @param  The type of data in the DataTable.
+ */
 public class SubItemsStore extends LocalListDataStore {
 
   private final LocalTreeDataStore parent;
 
   /**
-   * Constructor for SubItemsStore.
+   * Constructs a SubItemsStore with a reference to its parent LocalTreeDataStore.
    *
-   * @param parent a {@link org.dominokit.domino.ui.datatable.plugins.tree.store.LocalTreeDataStore}
-   *     object
+   * @param parent The parent LocalTreeDataStore to delegate data operations to.
    */
   public SubItemsStore(LocalTreeDataStore parent) {
     this.parent = parent;
   }
 
   /**
-   * Constructor for SubItemsStore.
+   * Constructs a SubItemsStore with the provided data and a reference to its parent
+   * LocalTreeDataStore.
    *
-   * @param data a {@link java.util.List} object
-   * @param parent a {@link org.dominokit.domino.ui.datatable.plugins.tree.store.LocalTreeDataStore}
-   *     object
+   * @param data The list of data items.
+   * @param parent The parent LocalTreeDataStore to delegate data operations to.
    */
   public SubItemsStore(List data, LocalTreeDataStore parent) {
     super(data);
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/store/TreeNodeStore.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/store/TreeNodeStore.java
index eee19af4a..4144610dc 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/store/TreeNodeStore.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/store/TreeNodeStore.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.tree.store;
 
 import java.util.Collection;
@@ -21,37 +22,44 @@
 import org.dominokit.domino.ui.datatable.events.SearchEvent;
 import org.dominokit.domino.ui.datatable.events.SortEvent;
 
-/** TreeNodeStore interface. */
+/**
+ * A data store for tree nodes in a DataTable. This interface defines methods for fetching children
+ * of a tree node, retrieving the last search event, the last sort event, and checking if a node has
+ * children.
+ *
+ * @param  The type of data in the DataTable.
+ */
 public interface TreeNodeStore {
+
   /**
-   * getNodeChildren.
+   * Retrieves the children of a tree node and passes them to the provided consumer. The consumer
+   * receives an optional collection of tree node children.
    *
-   * @param context a {@link
-   *     org.dominokit.domino.ui.datatable.plugins.tree.store.TreeNodeStoreContext} object
-   * @param itemsConsumer a {@link java.util.function.Consumer} object
+   * @param context The context containing information about the node and the events.
+   * @param itemsConsumer The consumer to receive the optional collection of tree node children.
    */
   void getNodeChildren(
       TreeNodeStoreContext context, Consumer>> itemsConsumer);
 
   /**
-   * getLastSearch.
+   * Retrieves the last search event performed.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.events.SearchEvent} object
+   * @return The last search event.
    */
   SearchEvent getLastSearch();
 
   /**
-   * getLastSort.
+   * Retrieves the last sort event performed.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.events.SortEvent} object
+   * @return The last sort event.
    */
   SortEvent getLastSort();
 
   /**
-   * hasChildren.
+   * Checks if a tree node has children.
    *
-   * @param record a T object
-   * @return a boolean
+   * @param record The tree node to check for children.
+   * @return {@code true} if the node has children, {@code false} otherwise.
    */
   boolean hasChildren(T record);
 }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/store/TreeNodeStoreContext.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/store/TreeNodeStoreContext.java
index 26db566b5..b858e779c 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/store/TreeNodeStoreContext.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/plugins/tree/store/TreeNodeStoreContext.java
@@ -13,12 +13,12 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.plugins.tree.store;
 
 import org.dominokit.domino.ui.datatable.events.SearchEvent;
 import org.dominokit.domino.ui.datatable.events.SortEvent;
 
-/** TreeNodeStoreContext class. */
 public class TreeNodeStoreContext {
 
   private final T parent;
@@ -26,11 +26,12 @@ public class TreeNodeStoreContext {
   private final SortEvent lastSort;
 
   /**
-   * Constructor for TreeNodeStoreContext.
+   * Constructs a TreeNodeStoreContext with the provided parent, last search event, and last sort
+   * event.
    *
-   * @param parent a T object
-   * @param lastSearch a {@link org.dominokit.domino.ui.datatable.events.SearchEvent} object
-   * @param lastSort a {@link org.dominokit.domino.ui.datatable.events.SortEvent} object
+   * @param parent The parent node for which children are being fetched.
+   * @param lastSearch The last search event that occurred.
+   * @param lastSort The last sort event that occurred.
    */
   public TreeNodeStoreContext(T parent, SearchEvent lastSearch, SortEvent lastSort) {
     this.parent = parent;
@@ -39,27 +40,27 @@ public TreeNodeStoreContext(T parent, SearchEvent lastSearch, SortEvent lastS
   }
 
   /**
-   * Getter for the field parent.
+   * Gets the parent node for which children are being fetched.
    *
-   * @return a T object
+   * @return The parent node.
    */
   public T getParent() {
     return parent;
   }
 
   /**
-   * Getter for the field lastSearch.
+   * Gets the last search event that occurred.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.events.SearchEvent} object
+   * @return The last search event.
    */
   public SearchEvent getLastSearch() {
     return lastSearch;
   }
 
   /**
-   * Getter for the field lastSort.
+   * Gets the last sort event that occurred.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.events.SortEvent} object
+   * @return The last sort event.
    */
   public SortEvent getLastSort() {
     return lastSort;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/store/DataChangedEvent.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/store/DataChangedEvent.java
index 3db297796..32d2267c2 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/store/DataChangedEvent.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/store/DataChangedEvent.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.store;
 
 import java.util.List;
@@ -20,9 +21,10 @@
 import org.dominokit.domino.ui.datatable.plugins.pagination.SortDirection;
 
 /**
- * This event is fired whenever the data in the data table is changed including the sort
+ * The {@code DataChangedEvent} class represents an event that is triggered when data in a data
+ * store changes, such as when records are loaded or sorted.
  *
- * @param  the type of the data table records
+ * @param  The type of data representing the records in the data table.
  */
 public class DataChangedEvent {
   private final List newData;
@@ -32,11 +34,10 @@ public class DataChangedEvent {
   private final Optional sortColumn;
 
   /**
-   * Creates a new instance without sort information
+   * Constructs a new {@code DataChangedEvent} with the provided data and total count.
    *
-   * @param newData {@link java.util.List} of new records
-   * @param totalCount int, The total count which may not be equal to the data list size as this
-   *     represent the total count of items not just in the current page
+   * @param newData The list of new data records.
+   * @param totalCount The total count of records.
    */
   public DataChangedEvent(List newData, int totalCount) {
     this.newData = newData;
@@ -47,14 +48,13 @@ public DataChangedEvent(List newData, int totalCount) {
   }
 
   /**
-   * Creates a new instance with sort information
+   * Constructs a new {@code DataChangedEvent} with the provided data, total count, sort direction,
+   * and sort column.
    *
-   * @param newData {@link java.util.List} of new records
-   * @param totalCount int, The total count which may not be equal to the data list size as this
-   *     represent the total count of items not just in the current page
-   * @param sortDirection the {@link
-   *     org.dominokit.domino.ui.datatable.plugins.pagination.SortDirection}
-   * @param sortColumn String, the name of the column we sort by.
+   * @param newData The list of new data records.
+   * @param totalCount The total count of records.
+   * @param sortDirection The sorting direction.
+   * @param sortColumn The column used for sorting.
    */
   public DataChangedEvent(
       List newData, int totalCount, SortDirection sortDirection, String sortColumn) {
@@ -66,13 +66,12 @@ public DataChangedEvent(
   }
 
   /**
-   * Creates a new instance without sort information
+   * Constructs a new {@code DataChangedEvent} with the provided data, append flag, and total count.
    *
-   * @param newData {@link java.util.List} of new records
-   * @param append boolean, true if the new data should be appended to the old data instead of
-   *     replacing it.
-   * @param totalCount int, The total count which may not be equal to the data list size as this
-   *     represent the total count of items not just in the current page
+   * @param newData The list of new data records.
+   * @param append {@code true} if the data is being appended to the existing data; {@code false}
+   *     otherwise.
+   * @param totalCount The total count of records.
    */
   public DataChangedEvent(List newData, boolean append, int totalCount) {
     this.newData = newData;
@@ -83,16 +82,15 @@ public DataChangedEvent(List newData, boolean append, int totalCount) {
   }
 
   /**
-   * Creates a new instance with sort information
+   * Constructs a new {@code DataChangedEvent} with the provided data, append flag, total count,
+   * sort direction, and sort column.
    *
-   * @param newData {@link java.util.List} of new records
-   * @param append boolean, true if the new data should be appended to the old data instead of
-   *     replacing it.
-   * @param totalCount int, The total count which may not be equal to the data list size as this
-   *     represent the total count of items not just in the current page
-   * @param sortDirection the {@link
-   *     org.dominokit.domino.ui.datatable.plugins.pagination.SortDirection}
-   * @param sortColumn String, the name of the column we sort by.
+   * @param newData The list of new data records.
+   * @param append {@code true} if the data is being appended to the existing data; {@code false}
+   *     otherwise.
+   * @param totalCount The total count of records.
+   * @param sortDirection The sorting direction.
+   * @param sortColumn The column used for sorting.
    */
   public DataChangedEvent(
       List newData,
@@ -107,51 +105,46 @@ public DataChangedEvent(
     this.sortColumn = Optional.of(sortColumn);
   }
 
-  /** @return the {@link List} of data */
   /**
-   * Getter for the field newData.
+   * Gets the list of new data records.
    *
-   * @return a {@link java.util.List} object
+   * @return A list of new data records.
    */
   public List getNewData() {
     return newData;
   }
 
   /**
-   * isAppend.
+   * Checks if the data is being appended to the existing data.
    *
-   * @return boolean, true if the new data should be appended to the old data instead of replacing
-   *     it.
+   * @return {@code true} if the data is being appended; {@code false} otherwise.
    */
   public boolean isAppend() {
     return append;
   }
 
   /**
-   * Getter for the field totalCount.
+   * Gets the total count of records.
    *
-   * @return int, The total count which may not be equal to the data list size as this represent the
-   *     total count of items not just in the current page
+   * @return The total count of records.
    */
   public int getTotalCount() {
     return totalCount;
   }
 
-  /** @return the {@link SortDirection} */
   /**
-   * Getter for the field sortDir.
+   * Gets the sorting direction, if available.
    *
-   * @return a {@link java.util.Optional} object
+   * @return An {@code Optional} containing the sorting direction, or empty if not available.
    */
   public Optional getSortDir() {
     return sortDir;
   }
 
-  /** @return String, the name of the column we sort by. */
   /**
-   * Getter for the field sortColumn.
+   * Gets the column used for sorting, if available.
    *
-   * @return a {@link java.util.Optional} object
+   * @return An {@code Optional} containing the sort column, or empty if not available.
    */
   public Optional getSortColumn() {
     return sortColumn;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/store/DataStore.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/store/DataStore.java
index 8ceaa7253..82314ed17 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/store/DataStore.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/store/DataStore.java
@@ -13,33 +13,33 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.store;
 
 import org.dominokit.domino.ui.datatable.events.TableEventListener;
 
 /**
- * An interface to implement different data stores for the data table and listen to table events.
+ * The {@code DataStore} interface defines a contract for managing and retrieving data for a data
+ * table.
  *
- * @param  the type of the data table records
+ * @param  The type of data representing the records in the data table.
  */
 public interface DataStore extends TableEventListener {
+
   /**
-   * Adds a listener to handle the {@link org.dominokit.domino.ui.datatable.store.DataChangedEvent}
-   * events
+   * Registers a data change listener to be notified when the data in the store changes.
    *
-   * @param dataChangeListener {@link
-   *     org.dominokit.domino.ui.datatable.store.StoreDataChangeListener}
+   * @param dataChangeListener The data change listener to register.
    */
   void onDataChanged(StoreDataChangeListener dataChangeListener);
 
   /**
-   * removes the listener
+   * Removes a previously registered data change listener.
    *
-   * @param dataChangeListener {@link
-   *     org.dominokit.domino.ui.datatable.store.StoreDataChangeListener}
+   * @param dataChangeListener The data change listener to remove.
    */
   void removeDataChangeListener(StoreDataChangeListener dataChangeListener);
 
-  /** loads the data into the data table */
+  /** Loads or refreshes the data in the data store. */
   void load();
 }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/store/LocalListDataStore.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/store/LocalListDataStore.java
index 4a12f7290..39129e4fd 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/store/LocalListDataStore.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/store/LocalListDataStore.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.store;
 
 import static java.util.Objects.nonNull;
@@ -32,11 +33,10 @@
 import org.dominokit.domino.ui.pagination.HasPagination;
 
 /**
- * An implementation of the {@link org.dominokit.domino.ui.datatable.store.DataStore} that wraps an
- * in-memory/local list of records allowing the data table to use features like pagination and
- * sorting
+ * The {@code LocalListDataStore} class represents a local data store for a DataTable, where data is
+ * loaded and managed within the client-side application.
  *
- * @param  the type of the data table records
+ * @param  The type of data representing the records in the data table.
  */
 public class LocalListDataStore implements DataStore {
 
@@ -81,16 +81,19 @@ public void onDraggedOut(T draggedOutRecord) {
         }
       };
 
-  /** Creates an instance initialized with empty list */
+  /**
+   * Constructs a new {@code LocalListDataStore} with an empty original data list and filtered data
+   * list.
+   */
   public LocalListDataStore() {
     this.original = new ArrayList<>();
     this.filtered = new ArrayList<>();
   }
 
   /**
-   * Creates an instance initialized with a custom list of data
+   * Constructs a new {@code LocalListDataStore} with the provided data as the original data list.
    *
-   * @param data {@link java.util.List} of records
+   * @param data The list of data records.
    */
   public LocalListDataStore(List data) {
     this.original = data;
@@ -98,10 +101,10 @@ public LocalListDataStore(List data) {
   }
 
   /**
-   * sets new data list overriding the existing one, and clears all filters, then loads it in the
-   * data table
+   * Sets the data for this data store. Clears the original and filtered data lists and loads the
+   * new data.
    *
-   * @param data the new {@link java.util.List} of records
+   * @param data The list of data records.
    */
   public void setData(List data) {
     this.original.clear();
@@ -112,22 +115,19 @@ public void setData(List data) {
   }
 
   /**
-   * Getter for the field searchFilter.
+   * Gets the search filter used for filtering records.
    *
-   * @return a reference to the current applied {@link
-   *     org.dominokit.domino.ui.datatable.store.SearchFilter} if exists, otherwise return null
+   * @return The search filter.
    */
   public SearchFilter getSearchFilter() {
     return searchFilter;
   }
 
   /**
-   * Sets a search filter, when ever the data store receives a {@link
-   * org.dominokit.domino.ui.datatable.events.SearchEvent} it will use this search filter to filter
-   * the data list
+   * Sets the search filter used for filtering records.
    *
-   * @param searchFilter {@link org.dominokit.domino.ui.datatable.store.SearchFilter}
-   * @return same instance
+   * @param searchFilter The search filter.
+   * @return This data store instance.
    */
   public LocalListDataStore setSearchFilter(SearchFilter searchFilter) {
     this.searchFilter = searchFilter;
@@ -135,11 +135,10 @@ public LocalListDataStore setSearchFilter(SearchFilter searchFilter) {
   }
 
   /**
-   * Setter for the field autoSort.
+   * Sets whether auto-sorting is enabled for this data store.
    *
-   * @param autoSort if true the data store will automatically sort the data list before loading it
-   *     into the data table
-   * @return same instance
+   * @param autoSort {@code true} to enable auto-sorting, {@code false} otherwise.
+   * @return This data store instance.
    */
   public LocalListDataStore setAutoSort(boolean autoSort) {
     this.autoSort = autoSort;
@@ -147,10 +146,10 @@ public LocalListDataStore setAutoSort(boolean autoSort) {
   }
 
   /**
-   * set the default column name to initially sort the data list by.
+   * Sets the column key for auto-sorting.
    *
-   * @param autoSortBy String, the name of initial sort column
-   * @return same instance
+   * @param autoSortBy The column key for auto-sorting.
+   * @return This data store instance.
    */
   public LocalListDataStore setAutoSortBy(String autoSortBy) {
     this.autoSortBy = autoSortBy;
@@ -158,53 +157,51 @@ public LocalListDataStore setAutoSortBy(String autoSortBy) {
   }
 
   /**
-   * set the default sort direction to initially sort the data list by.
+   * Sets the sorting direction for auto-sorting.
    *
-   * @param autoSortDirection {@link
-   *     org.dominokit.domino.ui.datatable.plugins.pagination.SortDirection}
-   * @return same instance
+   * @param autoSortDirection The sorting direction for auto-sorting.
+   * @return This data store instance.
    */
   public LocalListDataStore setAutoSortDirection(SortDirection autoSortDirection) {
     this.autoSortDirection = autoSortDirection;
     return this;
   }
 
-  /** @return the {@link HasPagination} component used in this data store */
   /**
-   * Getter for the field pagination.
+   * Gets the pagination component associated with this data store.
    *
-   * @return a {@link org.dominokit.domino.ui.pagination.HasPagination} object
+   * @return The pagination component.
    */
   public HasPagination getPagination() {
     return pagination;
   }
 
   /**
-   * set the pagination component to be used by the data store
+   * Sets the pagination component for this data store.
    *
-   * @param pagination {@link org.dominokit.domino.ui.pagination.HasPagination}
-   * @return same instance
+   * @param pagination The pagination component.
+   * @return This data store instance.
    */
   public LocalListDataStore setPagination(HasPagination pagination) {
     this.pagination = pagination;
     return this;
   }
 
-  /** @return the {@link RecordsSorter} used in this data store */
   /**
-   * Getter for the field recordsSorter.
+   * Gets the records sorter used for sorting records.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.store.RecordsSorter} object
+   * @return The records sorter.
    */
   public RecordsSorter getRecordsSorter() {
     return recordsSorter;
   }
 
   /**
-   * Sets the records sorting for this data store
+   * Sets the records sorter used for sorting records. Also sets the sorting function to the default
+   * list sorting.
    *
-   * @param recordsSorter {@link org.dominokit.domino.ui.datatable.store.RecordsSorter}
-   * @return same instance
+   * @param recordsSorter The records sorter.
+   * @return This data store instance.
    */
   public LocalListDataStore setRecordsSorter(RecordsSorter recordsSorter) {
     setRecordsSorter(recordsSorter, List::sort);
@@ -212,12 +209,11 @@ public LocalListDataStore setRecordsSorter(RecordsSorter recordsSorter) {
   }
 
   /**
-   * Setter for the field recordsSorter.
+   * Sets the records sorter used for sorting records along with a custom sorting function.
    *
-   * @param recordsSorter a {@link org.dominokit.domino.ui.datatable.store.RecordsSorter} object
-   * @param sortFunction a {@link
-   *     org.dominokit.domino.ui.datatable.store.LocalListDataStore.SortFunction} object
-   * @return a {@link org.dominokit.domino.ui.datatable.store.LocalListDataStore} object
+   * @param recordsSorter The records sorter.
+   * @param sortFunction The custom sorting function.
+   * @return This data store instance.
    */
   public LocalListDataStore setRecordsSorter(
       RecordsSorter recordsSorter, SortFunction sortFunction) {
@@ -226,36 +222,52 @@ public LocalListDataStore setRecordsSorter(
     return this;
   }
 
+  /**
+   * An interface for defining custom sorting logic for records.
+   *
+   * @param  The type of data representing the records in the data store.
+   */
   public interface SortFunction {
+    /**
+     * Sorts a list of items using a custom comparator.
+     *
+     * @param items The list of items to be sorted.
+     * @param comparator The comparator used for sorting.
+     */
     void sort(List items, Comparator comparator);
   }
 
+  /** Updates the pagination based on the total number of original records. */
   private void updatePagination() {
     if (nonNull(getPagination()) && nonNull(original)) {
       this.getPagination().updatePagesByTotalCount(this.original.size());
     }
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Registers a data change listener to be notified when data changes.
+   *
+   * @param dataChangeListener The data change listener to register.
+   */
   @Override
   public void onDataChanged(StoreDataChangeListener dataChangeListener) {
     listeners.add(dataChangeListener);
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Removes a registered data change listener.
+   *
+   * @param dataChangeListener The data change listener to remove.
+   */
   @Override
   public void removeDataChangeListener(StoreDataChangeListener dataChangeListener) {
     listeners.remove(dataChangeListener);
   }
 
   /**
-   * {@inheritDoc} this store will listen to the following events
-   *
-   * 
SearchEvent

+   * Handles various table-related events such as search, sort, pagination, and record manipulation.
    *
-   * 
SortEvent

-   *
-   * 
TablePageChangeEvent

+   * @param event The table event to handle.
    */
   @Override
   public void handleEvent(TableEvent event) {
@@ -278,6 +290,11 @@ public void handleEvent(TableEvent event) {
     }
   }
 
+  /**
+   * Handles the event when a record is dragged out of the data store.
+   *
+   * @param event The record dragged out event.
+   */
   private void handleDraggedOutEvent(RecordDraggedOutEvent event) {
     T rowToRemove = event.getDraggedOutRecord();
 
@@ -286,6 +303,11 @@ private void handleDraggedOutEvent(RecordDraggedOutEvent event) {
     fireUpdate(true);
   }
 
+  /**
+   * Handles the event when a record is dropped onto another record.
+   *
+   * @param event The record dropped event.
+   */
   private void handleDropEvent(RecordDroppedEvent event) {
     T movedRow = event.getDroppedRecord();
     T targetRow = event.getTargetRecord();
@@ -296,9 +318,9 @@ private void handleDropEvent(RecordDroppedEvent event) {
   }
 
   /**
-   * onSearchChanged.
+   * Handles the event when a search is performed.
    *
-   * @param event a {@link org.dominokit.domino.ui.datatable.events.SearchEvent} object
+   * @param event The search event.
    */
   public void onSearchChanged(SearchEvent event) {
     if (nonNull(getSearchFilter())) {
@@ -314,6 +336,11 @@ public void onSearchChanged(SearchEvent event) {
     }
   }
 
+  /**
+   * Handles the event when a sorting action is performed.
+   *
+   * @param event The sort event.
+   */
   private void onSortChanged(SortEvent event) {
     if (nonNull(this.getRecordsSorter())) {
       setLastSort(event);
@@ -323,45 +350,45 @@ private void onSortChanged(SortEvent event) {
   }
 
   /**
-   * Setter for the field lastSort.
+   * Sets the last sorting event.
    *
-   * @param event a {@link org.dominokit.domino.ui.datatable.events.SortEvent} object
+   * @param event The last sort event.
    */
   protected void setLastSort(SortEvent event) {
     this.lastSort = event;
   }
 
   /**
-   * Getter for the field lastSort.
+   * Gets the last sorting event.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.events.SortEvent} object
+   * @return The last sort event.
    */
   public SortEvent getLastSort() {
     return lastSort;
   }
 
   /**
-   * Setter for the field lastSearch.
+   * Sets the last search event.
    *
-   * @param event a {@link org.dominokit.domino.ui.datatable.events.SearchEvent} object
+   * @param event The last search event.
    */
   protected void setLastSearch(SearchEvent event) {
     this.lastSearch = event;
   }
 
   /**
-   * Getter for the field lastSearch.
+   * Gets the last search event.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.events.SearchEvent} object
+   * @return The last search event.
    */
   public SearchEvent getLastSearch() {
     return this.lastSearch;
   }
 
   /**
-   * sort.
+   * Sorts the filtered records based on the given sorting event.
    *
-   * @param event a {@link org.dominokit.domino.ui.datatable.events.SortEvent} object
+   * @param event The sorting event containing sort information.
    */
   public void sort(SortEvent event) {
     getSortFunction()
@@ -372,16 +399,18 @@ public void sort(SortEvent event) {
   }
 
   /**
-   * Getter for the field sortFunction.
+   * Gets the sort function used for sorting records.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.store.LocalListDataStore.SortFunction}
-   *     object
+   * @return The sort function.
    */
   public SortFunction getSortFunction() {
     return this.sortFunction;
   }
 
-  /** loadFirstPage. */
+  /**
+   * Loads the first page of data if pagination is enabled and updates the data store. This method
+   * is typically called when search or sorting criteria change.
+   */
   protected void loadFirstPage() {
     if (nonNull(getPagination())) {
       getPagination().updatePagesByTotalCount(filtered.size());
@@ -389,11 +418,18 @@ protected void loadFirstPage() {
     fireUpdate(true);
   }
 
+  /**
+   * Handles the event when the active page in pagination changes, triggering a data update. This
+   * method is called when pagination is enabled.
+   */
   private void onPageChanged() {
     fireUpdate(true);
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Initiates the data loading process. This method is typically called to initially load or reload
+   * the data. It triggers a data update.
+   */
   @Override
   public void load() {
     fireUpdate(true);
@@ -401,60 +437,66 @@ public void load() {
   }
 
   /**
-   * isAutoSort.
+   * Checks if auto-sorting is enabled.
    *
-   * @return a boolean
+   * @return {@code true} if auto-sort is enabled, {@code false} otherwise.
    */
   public boolean isAutoSort() {
     return autoSort;
   }
 
   /**
-   * Getter for the field autoSortBy.
+   * Gets the key used for auto-sorting.
    *
-   * @return a {@link java.lang.String} object
+   * @return The key used for auto-sorting.
    */
   public String getAutoSortBy() {
     return autoSortBy;
   }
 
   /**
-   * Getter for the field autoSortDirection.
+   * Gets the auto-sort direction.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.plugins.pagination.SortDirection} object
+   * @return The auto-sort direction (ascending or descending).
    */
   public SortDirection getAutoSortDirection() {
     return autoSortDirection;
   }
 
   /**
-   * isAutoSortApplied.
+   * Checks if auto-sort has been applied.
    *
-   * @return a boolean
+   * @return {@code true} if auto-sort has been applied, {@code false} otherwise.
    */
   public boolean isAutoSortApplied() {
     return autoSortApplied;
   }
 
   /**
-   * Setter for the field sortFunction.
+   * Sets a custom sort function to be used for sorting records.
    *
-   * @param sortFunction a {@link
-   *     org.dominokit.domino.ui.datatable.store.LocalListDataStore.SortFunction} object
+   * @param sortFunction The custom sort function.
    */
   public void setSortFunction(SortFunction sortFunction) {
     this.sortFunction = sortFunction;
   }
 
   /**
-   * Setter for the field autoSortApplied.
+   * Sets whether auto-sort has been applied.
    *
-   * @param autoSortApplied a boolean
+   * @param autoSortApplied {@code true} if auto-sort has been applied, {@code false} otherwise.
    */
   protected void setAutoSortApplied(boolean autoSortApplied) {
     this.autoSortApplied = autoSortApplied;
   }
 
+  /**
+   * Fires a data update event to all registered data change listeners. Optionally, applies sorting
+   * to the updated data.
+   *
+   * @param applySort {@code true} to apply sorting to the updated data, {@code false} to skip
+   *     sorting.
+   */
   private void fireUpdate(boolean applySort) {
     List updateRecords = getUpdateRecords();
     if (applySort) {
@@ -484,6 +526,12 @@ private void fireUpdate(boolean applySort) {
     }
   }
 
+  /**
+   * Retrieves the subset of records that need to be updated based on the current pagination
+   * settings. If pagination is disabled, it returns a copy of the entire filtered list.
+   *
+   * @return A list of records to be updated.
+   */
   private List getUpdateRecords() {
     if (nonNull(getPagination())) {
       int fromIndex = getPagination().getPageSize() * (getPagination().activePage() - 1);
@@ -495,9 +543,9 @@ private List getUpdateRecords() {
   }
 
   /**
-   * adds a single record to the current list and updates the data table accordingly
+   * Adds a single record to the data store, updating both the original and filtered lists.
    *
-   * @param record T the new record being added
+   * @param record The record to be added.
    */
   public void addRecord(T record) {
     original.add(record);
@@ -506,9 +554,9 @@ public void addRecord(T record) {
   }
 
   /**
-   * removes a single record from the current list and updates the data table accordingly
+   * Removes a single record from the data store, updating both the original and filtered lists.
    *
-   * @param record T the record being removed
+   * @param record The record to be removed.
    */
   public void removeRecord(T record) {
     if (original.contains(record)) {
@@ -519,29 +567,30 @@ public void removeRecord(T record) {
   }
 
   /**
-   * updates existing record from the current list and updates the data table accordingly
+   * Updates a single record in the data store by replacing it with a new record, updating both the
+   * original and filtered lists.
    *
-   * @param record T the record being updated
+   * @param record The new record to replace the existing record.
    */
   public void updateRecord(T record) {
     updateRecord(original.indexOf(record), record);
   }
 
   /**
-   * updates a single record at a specific index in the current list and updates the data table
-   * accordingly
+   * Updates a single record in the data store at a specified index, updating both the original and
+   * filtered lists.
    *
-   * @param record T the record being updated
-   * @param index the index of the record to be updated
+   * @param index The index of the record to be updated.
+   * @param record The new record to replace the existing record.
    */
   public void updateRecord(int index, T record) {
     internalUpdate(index, record, true);
   }
 
   /**
-   * updates existing records from the current list and updates the data table accordingly
+   * Updates multiple records in the data store, updating both the original and filtered lists.
    *
-   * @param records records to be updated
+   * @param records A collection of new records to replace the existing records.
    */
   public void updateRecords(Collection records) {
     for (T record : records) {
@@ -551,13 +600,11 @@ public void updateRecords(Collection records) {
   }
 
   /**
-   * updates records from the current list starting from a specific index and updates the data table
-   * accordingly
-   *
-   * 
While updating the records, if the index is out of range then the process will stop.
+   * Updates multiple records in the data store starting from a specified index, updating both the
+   * original and filtered lists.
    *
-   * @param records records to be updated
-   * @param startIndex a int
+   * @param startIndex The starting index for updating records.
+   * @param records A collection of new records to replace the existing records.
    */
   public void updateRecords(int startIndex, Collection records) {
     for (T record : records) {
@@ -569,6 +616,14 @@ public void updateRecords(int startIndex, Collection records) {
     load();
   }
 
+  /**
+   * Internal method to update a single record at a specified index, updating both the original and
+   * filtered lists.
+   *
+   * @param index The index of the record to be updated.
+   * @param record The new record to replace the existing record.
+   * @param load Specifies whether to trigger a data load after the update.
+   */
   private void internalUpdate(int index, T record, boolean load) {
     if (index >= 0 && index < original.size()) {
       T oldRecord = original.get(index);
@@ -583,9 +638,9 @@ private void internalUpdate(int index, T record, boolean load) {
   }
 
   /**
-   * adds a list of records to the current list and updates the data table accordingly
+   * Adds multiple records to the data store, updating both the original and filtered lists.
    *
-   * @param records {@link java.util.Collection} of records
+   * @param records A collection of records to be added.
    */
   public void addRecords(Collection records) {
     original.addAll(records);
@@ -593,11 +648,12 @@ public void addRecords(Collection records) {
     setData(newData);
   }
 
-  /** @deprecated use {@link #removeRecords} */
   /**
-   * removeRecord.
+   * Deprecated method to remove multiple records from the data store, updating both the original
+   * and filtered lists.
    *
-   * @param records a {@link java.util.Collection} object
+   * @param records A collection of records to be removed.
+   * @deprecated Use {@link #removeRecords(Collection)} instead.
    */
   @Deprecated
   public void removeRecord(Collection records) {
@@ -607,9 +663,9 @@ public void removeRecord(Collection records) {
   }
 
   /**
-   * removes a list of records from the current list and updates the data table accordingly
+   * Removes multiple records from the data store, updating both the original and filtered lists.
    *
-   * @param records {@link java.util.Collection} of records
+   * @param records A collection of records to be removed.
    */
   public void removeRecords(Collection records) {
     original.removeAll(records);
@@ -617,55 +673,53 @@ public void removeRecords(Collection records) {
     load();
   }
 
-  /** @return an immutable list obtained from the data records from the data store */
   /**
-   * getRecords.
+   * Retrieves a copy of records stored in the data store.
    *
-   * @return a {@link java.util.List} object
+   * @return A list of original records.
    */
   public List getRecords() {
     return new ArrayList<>(original);
   }
 
   /**
-   * getFilteredRecords.
+   * Retrieves a copy of the filtered list of records in the data store, which represents the
+   * current view based on search and pagination settings.
    *
-   * @return an immutable list obtained from the data records from the data store that match the
-   *     current applied filters
+   * @return A list of filtered records.
    */
   public List getFilteredRecords() {
     return new ArrayList<>(filtered);
   }
 
-  /** @param dragDropRecordActions the {@link DragDropRecordActions} handler */
   /**
-   * Setter for the field dragDropRecordActions.
+   * Sets the actions for drag-and-drop operations on records within the data store.
    *
-   * @param dragDropRecordActions a {@link
-   *     org.dominokit.domino.ui.datatable.store.LocalListDataStore.DragDropRecordActions} object
+   * @param dragDropRecordActions The implementation of drag-and-drop actions for records.
    */
   public void setDragDropRecordActions(DragDropRecordActions dragDropRecordActions) {
     this.dragDropRecordActions = dragDropRecordActions;
   }
 
   /**
-   * An interface that allows applying actions on a record such as moving and removing it
+   * An interface defining actions for handling drag-and-drop operations on records within the data
+   * store.
    *
-   * @param  the type of the data table records
+   * @param  The type of records in the data store.
    */
   public interface DragDropRecordActions {
     /**
-     * On record gets dropped to a target
+     * Invoked when a record is dropped onto a target record within the data store.
      *
-     * @param droppedRecord the record to be moved
-     * @param target the target record to move to
+     * @param droppedRecord The record that was dropped.
+     * @param target The target record onto which the dropped record was placed.
      */
     void onDropped(T droppedRecord, T target);
 
     /**
-     * On record gets dragged out
+     * Invoked when a record is dragged out of the data store.
      *
-     * @param draggedOutRecord the record to remove
+     * @param draggedOutRecord The record that was dragged out.
      */
     void onDraggedOut(T draggedOutRecord);
   }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/store/LocalListScrollingDataSource.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/store/LocalListScrollingDataSource.java
index a99f6c188..faad4b74a 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/store/LocalListScrollingDataSource.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/store/LocalListScrollingDataSource.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.store;
 
 import static java.util.Objects.nonNull;
@@ -49,9 +50,9 @@ public class LocalListScrollingDataSource implements DataStore {
   private SortEvent lastSort;
 
   /**
-   * Creates and instance with a custom page size and empty data list
+   * Creates a new instance of {@link LocalListScrollingDataSource} with the specified page size.
    *
-   * @param pageSize int, Page size
+   * @param pageSize The number of records to load per page.
    */
   public LocalListScrollingDataSource(int pageSize) {
     this.original = new ArrayList<>();
@@ -59,10 +60,11 @@ public LocalListScrollingDataSource(int pageSize) {
   }
 
   /**
-   * Creates and instance with an initial data list and a custom page size
+   * Creates a new instance of {@link LocalListScrollingDataSource} with the specified page size and
+   * initial data.
    *
-   * @param data {@link java.util.List} of records
-   * @param pageSize int
+   * @param data The initial data to populate the data source.
+   * @param pageSize The number of records to load per page.
    */
   public LocalListScrollingDataSource(List data, int pageSize) {
     this.original = data;
@@ -71,43 +73,48 @@ public LocalListScrollingDataSource(List data, int pageSize) {
   }
 
   /**
-   * Getter for the field searchFilter.
+   * Retrieves a copy of records stored in the data store.
+   *
+   * @return A list of original records.
+   */
+  public List getRecords() {
+    return new ArrayList<>(original);
+  }
+
+  /**
+   * Gets the search filter currently set for this data source.
    *
-   * @return a reference to the current applied {@link
-   *     org.dominokit.domino.ui.datatable.store.SearchFilter} if exists, otherwise return null
+   * @return The search filter instance, or {@code null} if no search filter is set.
    */
   public SearchFilter getSearchFilter() {
     return searchFilter;
   }
 
   /**
-   * Sets a search filter, when ever the data store receives a {@link
-   * org.dominokit.domino.ui.datatable.events.SearchEvent} it will use this search filter to filter
-   * the data list
+   * Sets the search filter to be used for filtering records based on search criteria.
    *
-   * @param searchFilter {@link org.dominokit.domino.ui.datatable.store.SearchFilter}
-   * @return same instance
+   * @param searchFilter The search filter to apply.
+   * @return This data source instance for method chaining.
    */
   public LocalListScrollingDataSource setSearchFilter(SearchFilter searchFilter) {
     this.searchFilter = searchFilter;
     return this;
   }
 
-  /** @return the {@link RecordsSorter} used in this data store */
   /**
-   * Getter for the field recordsSorter.
+   * Gets the records sorter currently set for this data source.
    *
-   * @return a {@link org.dominokit.domino.ui.datatable.store.RecordsSorter} object
+   * @return The records sorter instance, or {@code null} if no records sorter is set.
    */
   public RecordsSorter getRecordsSorter() {
     return recordsSorter;
   }
 
   /**
-   * Sets the records sorting for this data store
+   * Sets the records sorter to be used for sorting records based on sorting criteria.
    *
-   * @param recordsSorter {@link org.dominokit.domino.ui.datatable.store.RecordsSorter}
-   * @return same instance
+   * @param recordsSorter The records sorter to apply.
+   * @return This data source instance for method chaining.
    */
   public LocalListScrollingDataSource setRecordsSorter(RecordsSorter recordsSorter) {
     this.recordsSorter = recordsSorter;
@@ -115,10 +122,9 @@ public LocalListScrollingDataSource setRecordsSorter(RecordsSorter records
   }
 
   /**
-   * sets new data list overriding the existing one, and clears all filters, then loads it in the
-   * data table
+   * Sets the data for the data source. This replaces the current data with the new data.
    *
-   * @param data the new {@link java.util.List} of records
+   * @param data The new data to set for the data source.
    */
   public void setData(List data) {
     this.original.clear();
@@ -127,19 +133,27 @@ public void setData(List data) {
     this.filtered.addAll(original);
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Registers a data change listener to receive updates when the data in the data source changes.
+   *
+   * @param dataChangeListener The data change listener to register.
+   */
   @Override
   public void onDataChanged(StoreDataChangeListener dataChangeListener) {
     listeners.add(dataChangeListener);
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Removes a previously registered data change listener.
+   *
+   * @param dataChangeListener The data change listener to remove.
+   */
   @Override
   public void removeDataChangeListener(StoreDataChangeListener dataChangeListener) {
     listeners.remove(dataChangeListener);
   }
 
-  /** {@inheritDoc} */
+  /** Loads data from the data source, resetting the page index and triggering a data update. */
   @Override
   public void load() {
     pageIndex = 0;
@@ -160,13 +174,10 @@ private void fireUpdate(boolean append) {
   }
 
   /**
-   * {@inheritDoc} this store will listen to the following events
+   * Handles various table-related events and delegates to specific event handling methods based on
+   * the event type.
    *
-   * 
BodyScrollEvent

-   *
-   * 
SortEvent

-   *
-   * 
TablePageChangeEvent

+   * @param event The table event to handle.
    */
   @Override
   public void handleEvent(TableEvent event) {
@@ -183,6 +194,13 @@ public void handleEvent(TableEvent event) {
     }
   }
 
+  /**
+   * Handles scrolling events in the data table, specifically when scrolling to the bottom. It
+   * increments the page index and triggers an update in append mode if the scroll position is at
+   * the bottom.
+   *
+   * @param bodyScrollEvent The body scroll event to handle.
+   */
   private void onBodyScroll(BodyScrollEvent bodyScrollEvent) {
     if (BodyScrollPlugin.ScrollPosition.BOTTOM.equals(bodyScrollEvent.getScrollPosition())) {
       int nextIndex = pageIndex + 1;
@@ -194,6 +212,13 @@ private void onBodyScroll(BodyScrollEvent bodyScrollEvent) {
     }
   }
 
+  /**
+   * Handles search events in the data table. It filters the data based on the provided search
+   * criteria and sorts the filtered data if a previous sorting event occurred. Then, it triggers a
+   * data update.
+   *
+   * @param event The search event to handle.
+   */
   private void onSearch(SearchEvent event) {
     if (nonNull(searchFilter)) {
       filtered =
@@ -209,6 +234,12 @@ private void onSearch(SearchEvent event) {
     }
   }
 
+  /**
+   * Handles sorting events in the data table. It sorts the data based on the specified sorting
+   * criteria and triggers a data update.
+   *
+   * @param event The sort event to handle.
+   */
   private void onSort(SortEvent event) {
     if (nonNull(this.recordsSorter)) {
       this.lastSort = event;
@@ -221,10 +252,9 @@ private void onSort(SortEvent event) {
   }
 
   /**
-   * Getter for the field filtered.
+   * Gets the filtered records based on the current filtering criteria.
    *
-   * @return an immutable list obtained from the data records from the data store that match the
-   *     current applied filters
+   * @return A list of filtered records.
    */
   public List getFiltered() {
     return new ArrayList<>(filtered);
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/store/RecordsSorter.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/store/RecordsSorter.java
index c4f9bfbdb..a74189d77 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/store/RecordsSorter.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/store/RecordsSorter.java
@@ -13,25 +13,27 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.store;
 
 import java.util.Comparator;
 import org.dominokit.domino.ui.datatable.plugins.pagination.SortDirection;
 
 /**
- * An interface to implement the sort mechanism for a {@link
- * org.dominokit.domino.ui.datatable.store.LocalListDataStore}
+ * The {@code RecordsSorter} functional interface defines a contract for providing a comparator for
+ * sorting records in a data table.
  *
- * @param  the type of the data table records
+ * @param  The type of data representing the records in the data table.
  */
 @FunctionalInterface
 public interface RecordsSorter {
+
   /**
-   * onSortChange.
+   * Provides a comparator for sorting records based on the specified sorting criteria.
    *
-   * @param sortBy String sort column name
-   * @param sortDirection {@link org.dominokit.domino.ui.datatable.plugins.pagination.SortDirection}
-   * @return a {@link java.util.Comparator} to sort the records
+   * @param sortBy The name of the field by which the records should be sorted.
+   * @param sortDirection The sorting direction (ascending or descending).
+   * @return A comparator for sorting records.
    */
   Comparator onSortChange(String sortBy, SortDirection sortDirection);
 }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/store/SearchFilter.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/store/SearchFilter.java
index 2633d0834..e4a282240 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/store/SearchFilter.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/store/SearchFilter.java
@@ -13,24 +13,28 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datatable.store;
 
 import org.dominokit.domino.ui.datatable.events.SearchEvent;
 
 /**
- * An interface to write implementation for filtering {@link
- * org.dominokit.domino.ui.datatable.store.LocalListDataStore} records
+ * The {@code SearchFilter} functional interface defines a contract for filtering records during a
+ * search operation in a data table.
  *
- * @param  the type of the datatable records
+ * @param  The type of data representing the records in the data table.
  */
 @FunctionalInterface
 public interface SearchFilter {
+
   /**
-   * Filters a record based on the search filters
+   * Determines whether a record should be included in the search results based on the provided
+   * search event and the record's data.
    *
-   * @param event {@link org.dominokit.domino.ui.datatable.events.SearchEvent}
-   * @param record T the record being checked
-   * @return boolean, true if the record match the search criteria otherwise false.
+   * @param event The search event containing search criteria.
+   * @param record The record to be filtered.
+   * @return {@code true} if the record should be included in the search results, {@code false}
+   *     otherwise.
    */
   boolean filterRecord(SearchEvent event, T record);
 }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/store/StoreDataChangeListener.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/store/StoreDataChangeListener.java
index 6b091f3d6..0be633a2a 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/store/StoreDataChangeListener.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datatable/store/StoreDataChangeListener.java
@@ -16,16 +16,18 @@
 package org.dominokit.domino.ui.datatable.store;
 
 /**
- * A listener interface to handle {@link org.dominokit.domino.ui.datatable.store.DataChangedEvent}
+ * The {@code StoreDataChangeListener} functional interface defines a contract for handling data
+ * change events in a data store used by a data table.
  *
- * @param  the type of the data table records
+ * @param  The type of data representing the records in the data table.
  */
 @FunctionalInterface
 public interface StoreDataChangeListener {
+
   /**
-   * Handles the data change event
+   * Called when the data in the data store changes.
    *
-   * @param dataChangedEvent {@link org.dominokit.domino.ui.datatable.store.DataChangedEvent}
+   * @param dataChangedEvent The event containing information about the data change.
    */
   void onDataChanged(DataChangedEvent dataChangedEvent);
 }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/Calendar.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/Calendar.java
index 880d12c70..e6ae1c49b 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/Calendar.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/Calendar.java
@@ -28,7 +28,11 @@
 import org.gwtproject.i18n.shared.cldr.DateTimeFormatInfo;
 import org.gwtproject.i18n.shared.cldr.impl.DateTimeFormatInfo_factory;
 
-/** Calendar class. */
+/**
+ * A date picker component with Year, Month, Date selectors and different Date Time formats
+ *
+ * @see BaseDominoElement
+ */
 public class Calendar extends BaseDominoElement
     implements CalendarStyles, IsCalendar, HasChangeListeners {
 
@@ -47,41 +51,46 @@ public class Calendar extends BaseDominoElement
   private LazyChild footer;
   private boolean changeListenersPaused;
 
-  /** Constructor for Calendar. */
+  /**
+   * Creates a new Calendar instance with default configuration and today date as the selected date
+   */
   public Calendar() {
     this(new Date(), new CalendarInitConfig());
   }
 
   /**
-   * Constructor for Calendar.
+   * Creates a new Calendar instance with provided configuration and today date as the selected date
    *
-   * @param config a {@link org.dominokit.domino.ui.datepicker.CalendarInitConfig} object
+   * @param config a {@link CalendarInitConfig}
    */
   public Calendar(CalendarInitConfig config) {
     this(new Date(), config);
   }
 
   /**
-   * Constructor for Calendar.
+   * Creates a new Calendar instance with default configuration and the provided date as the
+   * selected date
    *
-   * @param date a {@link java.util.Date} object
+   * @param date a {@link java.util.Date}
    */
   public Calendar(Date date) {
     this(date, DateTimeFormatInfo_factory.create(), new CalendarInitConfig());
   }
 
   /**
-   * Constructor for Calendar.
+   * Creates a new Calendar instance with provided configuration and provided date as the selected
+   * date
    *
-   * @param date a {@link java.util.Date} object
-   * @param config a {@link org.dominokit.domino.ui.datepicker.CalendarInitConfig} object
+   * @param date a {@link java.util.Date}
+   * @param config a {@link CalendarInitConfig}
    */
   public Calendar(Date date, CalendarInitConfig config) {
     this(date, DateTimeFormatInfo_factory.create(), config);
   }
 
   /**
-   * Constructor for Calendar.
+   * Creates a new Calendar instance with provided date as the selected date with the provided date
+   * time format
    *
    * @param date a {@link java.util.Date} object
    * @param dateTimeFormatInfo a {@link org.gwtproject.i18n.shared.cldr.DateTimeFormatInfo} object
@@ -91,11 +100,12 @@ public Calendar(Date date, DateTimeFormatInfo dateTimeFormatInfo) {
   }
 
   /**
-   * Constructor for Calendar.
+   * Creates a new Calendar instance with provided date as the selected date, and with the provided
+   * configuration and date time format.
    *
    * @param date a {@link java.util.Date} object
    * @param dateTimeFormatInfo a {@link org.gwtproject.i18n.shared.cldr.DateTimeFormatInfo} object
-   * @param config a {@link org.dominokit.domino.ui.datepicker.CalendarInitConfig} object
+   * @param config a {@link CalendarInitConfig} object
    */
   public Calendar(Date date, DateTimeFormatInfo dateTimeFormatInfo, CalendarInitConfig config) {
     this.date = date;
@@ -127,6 +137,7 @@ public Calendar(Date date, DateTimeFormatInfo dateTimeFormatInfo, CalendarInitCo
           onDateViewUpdate(updatedDate);
           calendarMonth.show();
           yearMonthPicker.hide();
+          this.date = updatedDate;
         });
 
     this.root.addEventListener(
@@ -166,91 +177,98 @@ public Calendar(Date date, DateTimeFormatInfo dateTimeFormatInfo, CalendarInitCo
   }
 
   /**
-   * create.
+   * Factory method to create a new Calendar instance with default configuration and today date as
+   * the selected date.
    *
-   * @return a {@link org.dominokit.domino.ui.datepicker.Calendar} object
+   * @return new Calendar instance
    */
   public static Calendar create() {
     return new Calendar(new Date(), new CalendarInitConfig());
   }
 
   /**
-   * create.
+   * Factory method to create a new Calendar instance with provided configuration and today date as
+   * the selected date
    *
-   * @param config a {@link org.dominokit.domino.ui.datepicker.CalendarInitConfig} object
-   * @return a {@link org.dominokit.domino.ui.datepicker.Calendar} object
+   * @param config a {@link CalendarInitConfig} object
+   * @return new Calendar instance
    */
   public static Calendar create(CalendarInitConfig config) {
     return new Calendar(new Date(), config);
   }
 
   /**
-   * create.
+   * Factory method to create a new Calendar instance with default configuration and the provided
+   * date as the selected date.
    *
-   * @param date a {@link java.util.Date} object
-   * @return a {@link org.dominokit.domino.ui.datepicker.Calendar} object
+   * @param date a {@link java.util.Date}
+   * @return new Calendar instance
    */
   public static Calendar create(Date date) {
     return new Calendar(date, DateTimeFormatInfo_factory.create(), new CalendarInitConfig());
   }
 
   /**
-   * create.
+   * Factory method to create a new Calendar instance with provided date and time format.
    *
    * @param dateTimeFormatInfo a {@link org.gwtproject.i18n.shared.cldr.DateTimeFormatInfo} object
-   * @return a {@link org.dominokit.domino.ui.datepicker.Calendar} object
+   * @return new Calendar instance
    */
   public static Calendar create(DateTimeFormatInfo dateTimeFormatInfo) {
     return new Calendar(new Date(), dateTimeFormatInfo, new CalendarInitConfig());
   }
 
   /**
-   * create.
+   * Factory method to create a new Calendar instance with provided configuration and provided date
+   * as the selected date
    *
-   * @param date a {@link java.util.Date} object
-   * @param config a {@link org.dominokit.domino.ui.datepicker.CalendarInitConfig} object
-   * @return a {@link org.dominokit.domino.ui.datepicker.Calendar} object
+   * @param date a {@link java.util.Date}
+   * @param config a {@link org.dominokit.domino.ui.datepicker.CalendarInitConfig}
+   * @return new Calendar instance
    */
   public static Calendar create(Date date, CalendarInitConfig config) {
     return new Calendar(date, DateTimeFormatInfo_factory.create(), config);
   }
 
   /**
-   * create.
+   * Factory method to create a new Calendar instance with provided date as the selected date with
+   * the provided date time format
    *
-   * @param date a {@link java.util.Date} object
-   * @param dateTimeFormatInfo a {@link org.gwtproject.i18n.shared.cldr.DateTimeFormatInfo} object
-   * @return a {@link org.dominokit.domino.ui.datepicker.Calendar} object
+   * @param date a {@link java.util.Date}
+   * @param dateTimeFormatInfo a {@link org.gwtproject.i18n.shared.cldr.DateTimeFormatInfo}
+   * @return new Calendar instance
    */
   public static Calendar create(Date date, DateTimeFormatInfo dateTimeFormatInfo) {
     return new Calendar(date, dateTimeFormatInfo, new CalendarInitConfig());
   }
 
   /**
-   * create.
+   * Factory method to create a new Calendar instance with the provided configuration and date time
+   * format.
    *
-   * @param dateTimeFormatInfo a {@link org.gwtproject.i18n.shared.cldr.DateTimeFormatInfo} object
-   * @param config a {@link org.dominokit.domino.ui.datepicker.CalendarInitConfig} object
-   * @return a {@link org.dominokit.domino.ui.datepicker.Calendar} object
+   * @param dateTimeFormatInfo a {@link org.gwtproject.i18n.shared.cldr.DateTimeFormatInfo}
+   * @param config a {@link org.dominokit.domino.ui.datepicker.CalendarInitConfig}
+   * @return new Calendar instance
    */
   public static Calendar create(DateTimeFormatInfo dateTimeFormatInfo, CalendarInitConfig config) {
     return new Calendar(new Date(), dateTimeFormatInfo, config);
   }
 
   /**
-   * create.
+   * Factory method to create a new Calendar instance with provided date as the selected date, and
+   * with the provided configuration and date time format.
    *
    * @param date a {@link java.util.Date} object
-   * @param dateTimeFormatInfo a {@link org.gwtproject.i18n.shared.cldr.DateTimeFormatInfo} object
-   * @param config a {@link org.dominokit.domino.ui.datepicker.CalendarInitConfig} object
-   * @return a {@link org.dominokit.domino.ui.datepicker.Calendar} object
+   * @param dateTimeFormatInfo a {@link org.gwtproject.i18n.shared.cldr.DateTimeFormatInfo}
+   * @param config a {@link org.dominokit.domino.ui.datepicker.CalendarInitConfig}
+   * @return new Calendar instance
    */
   public static Calendar create(
       Date date, DateTimeFormatInfo dateTimeFormatInfo, CalendarInitConfig config) {
     return new Calendar(date, dateTimeFormatInfo, config);
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public CalendarInitConfig getConfig() {
     return config;
@@ -271,17 +289,17 @@ private void onDateSelectionChanged(Date updatedDate) {
         .forEach(listener -> listener.onDateSelectionChanged(updatedDate));
   }
 
-  /** {@inheritDoc} */
+  /** @return the current selected date. */
   @Override
   public Date getDate() {
     return this.date;
   }
 
   /**
-   * Setter for the field date.
+   * Change the selected date.
    *
-   * @param date a {@link java.util.Date} object
-   * @return a {@link org.dominokit.domino.ui.datepicker.Calendar} object
+   * @param date a {@link java.util.Date}
+   * @return Same Calendar instance
    */
   public Calendar setDate(Date date) {
     Date oldDate = this.date;
@@ -294,17 +312,17 @@ public Calendar setDate(Date date) {
     return this;
   }
 
-  /** {@inheritDoc} */
+  /** @return the {@link DateTimeFormatInfo} used by this calendar instance */
   @Override
   public DateTimeFormatInfo getDateTimeFormatInfo() {
     return dateTimeFormatInfo;
   }
 
   /**
-   * Setter for the field dateTimeFormatInfo.
+   * Updates the DateTimeFormatInfo used by this calendar instance
    *
-   * @param dateTimeFormatInfo a {@link org.gwtproject.i18n.shared.cldr.DateTimeFormatInfo} object
-   * @return a {@link org.dominokit.domino.ui.datepicker.Calendar} object
+   * @param dateTimeFormatInfo a {@link org.gwtproject.i18n.shared.cldr.DateTimeFormatInfo}
+   * @return Same Calendar instance
    */
   public Calendar setDateTimeFormatInfo(DateTimeFormatInfo dateTimeFormatInfo) {
     this.dateTimeFormatInfo = dateTimeFormatInfo;
@@ -312,13 +330,13 @@ public Calendar setDateTimeFormatInfo(DateTimeFormatInfo dateTimeFormatInfo) {
     return this;
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public HTMLDivElement element() {
     return root.element();
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public void bindCalenderViewListener(CalendarViewListener listener) {
     if (nonNull(listener)) {
@@ -326,7 +344,7 @@ public void bindCalenderViewListener(CalendarViewListener listener) {
     }
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public void unbindCalenderViewListener(CalendarViewListener listener) {
     if (nonNull(listener)) {
@@ -346,9 +364,9 @@ public Calendar withHeader(ChildHandler handler) {
   }
 
   /**
-   * withHeader.
+   * Initializes and appends the header of this calendar instance if not yet initialized
    *
-   * @return a {@link org.dominokit.domino.ui.datepicker.Calendar} object
+   * @return Same Calendar instance
    */
   public Calendar withHeader() {
     header.get();
@@ -356,10 +374,14 @@ public Calendar withHeader() {
   }
 
   /**
-   * withSelectors.
+   * Use to customize the selectors element of this Calendar instance without breaking the fluent
+   * API chain. This will initialize and append selectors element if not yet initialized
    *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a {@link org.dominokit.domino.ui.datepicker.Calendar} object
+   * @see ChildHandler
+   * @see CalendarSelectors
+   * @param handler The {@code ChildHandler} applying the
+   *     customizations
+   * @return same Calendar instance
    */
   public Calendar withSelectors(ChildHandler handler) {
     handler.apply(this, selectors);
@@ -367,10 +389,12 @@ public Calendar withSelectors(ChildHandler handler)
   }
 
   /**
-   * withBody.
+   * Use to customize the body element of this Calendar instance without breaking the fluent API
+   * chain. This will initialize and append body if not yet initialized
    *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a {@link org.dominokit.domino.ui.datepicker.Calendar} object
+   * @see ChildHandler
+   * @param handler The {@code ChildHandler} applying the customizations
+   * @return same Calendar instance
    */
   public Calendar withBody(ChildHandler handler) {
     handler.apply(this, calendarBody);
@@ -378,10 +402,13 @@ public Calendar withBody(ChildHandler handler) {
   }
 
   /**
-   * withCalendarMonth.
+   * Use to customize the calendar month element of this Calendar instance without breaking the
+   * fluent API chain. This will initialize and append calendar month if not yet initialized
    *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a {@link org.dominokit.domino.ui.datepicker.Calendar} object
+   * @see ChildHandler
+   * @see CalendarMonth
+   * @param handler The {@code ChildHandler} applying the customizations
+   * @return same Calendar instance
    */
   public Calendar withCalendarMonth(ChildHandler handler) {
     handler.apply(this, calendarMonth);
@@ -389,10 +416,14 @@ public Calendar withCalendarMonth(ChildHandler handler)
   }
 
   /**
-   * withYearMonthPicker.
+   * Use to customize the year and month picker element of this Calendar instance without breaking
+   * the fluent API chain. This will initialize and append year and month picker if not yet
+   * initialized
    *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a {@link org.dominokit.domino.ui.datepicker.Calendar} object
+   * @see ChildHandler
+   * @see YearMonthPicker
+   * @param handler The {@code ChildHandler} applying the customizations
+   * @return same Calendar instance
    */
   public Calendar withYearMonthPicker(ChildHandler handler) {
     handler.apply(this, yearMonthPicker);
@@ -400,50 +431,52 @@ public Calendar withYearMonthPicker(ChildHandler hand
   }
 
   /**
-   * withFooter.
+   * Use to customize the footer element of this Calendar instance without breaking the fluent API
+   * chain. This will initialize and append footer if not yet initialized
    *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a {@link org.dominokit.domino.ui.datepicker.Calendar} object
+   * @see ChildHandler
+   * @param handler The {@code ChildHandler} applying the customizations
+   * @return same Calendar instance
    */
   public Calendar withFooter(ChildHandler handler) {
     handler.apply(this, footer.get());
     return this;
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public Calendar pauseChangeListeners() {
     this.changeListenersPaused = true;
     return this;
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public Calendar resumeChangeListeners() {
     this.changeListenersPaused = false;
     return this;
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public Calendar togglePauseChangeListeners(boolean toggle) {
     this.changeListenersPaused = toggle;
     return this;
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public Set> getChangeListeners() {
     return changeListeners;
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public boolean isChangeListenersPaused() {
     return this.changeListenersPaused;
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public Calendar triggerChangeListeners(Date oldValue, Date newValue) {
     if (!this.changeListenersPaused) {
@@ -453,17 +486,17 @@ public Calendar triggerChangeListeners(Date oldValue, Date newValue) {
     return this;
   }
 
-  /** {@inheritDoc} */
+  /** @dominokit-site-ignore {@inheritDoc} */
   @Override
   public Set getDateSelectionListeners() {
     return this.dateSelectionListeners;
   }
 
   /**
-   * addDateSelectionListener.
+   * Register a listener that will be triggered when ever the selected date is changed.
    *
-   * @param listener a {@link org.dominokit.domino.ui.datepicker.DateSelectionListener} object
-   * @return a {@link org.dominokit.domino.ui.datepicker.Calendar} object
+   * @param listener a {@link org.dominokit.domino.ui.datepicker.DateSelectionListener}
+   * @return Same Calendar instance
    */
   public Calendar addDateSelectionListener(DateSelectionListener listener) {
     if (nonNull(listener)) {
@@ -473,10 +506,10 @@ public Calendar addDateSelectionListener(DateSelectionListener listener) {
   }
 
   /**
-   * removeDateSelectionListener.
+   * Removes a registered DateSelectionListener.
    *
-   * @param listener a {@link org.dominokit.domino.ui.datepicker.DateSelectionListener} object
-   * @return a {@link org.dominokit.domino.ui.datepicker.Calendar} object
+   * @param listener a {@link org.dominokit.domino.ui.datepicker.DateSelectionListener}
+   * @return a {@link org.dominokit.domino.ui.datepicker.Calendar}
    */
   public Calendar removeDateSelectionListener(DateSelectionListener listener) {
     if (nonNull(listener)) {
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/CalendarCustomEvents.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/CalendarCustomEvents.java
index 366b9f360..92fc31efe 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/CalendarCustomEvents.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/CalendarCustomEvents.java
@@ -20,23 +20,32 @@
 import jsinterop.base.Js;
 import jsinterop.base.JsPropertyMap;
 
+/**
+ * Utility class to manage and create custom events related to calendar operations.
+ *
+ * 
Usage example:
+ *
+ * 
+ * CustomEvent event = CalendarCustomEvents.dateSelectionChanged(1634048882000L);
+ * 

+ */
 class CalendarCustomEvents {
 
-  /**
-   * Constant DUI_CALENDAR_DATE_SELECTION_CHANGED="dui-calendar-date-selection-changed"
-   */
+  /** Event fired when the date selection is changed in the calendar. */
   public static final String DUI_CALENDAR_DATE_SELECTION_CHANGED =
       "dui-calendar-date-selection-changed";
-  /** Constant SELECT_YEAR_MONTH="dui-calendar-select-year-month" */
+
+  /** Event fired when year or month is selected in the calendar. */
   public static final String SELECT_YEAR_MONTH = "dui-calendar-select-year-month";
-  /** Constant DATE_NAVIGATION_CHANGED="dui-calendar-date-navigation-changed" */
+
+  /** Event fired when navigating to a different date in the calendar. */
   public static final String DATE_NAVIGATION_CHANGED = "dui-calendar-date-navigation-changed";
 
   /**
-   * dateSelectionChanged.
+   * Creates a custom event for a date selection change.
    *
-   * @param timestamp a {@link java.lang.Long} object
-   * @return a {@link elemental2.dom.CustomEvent} object
+   * @param timestamp The timestamp of the date that was selected.
+   * @return The created custom event.
    */
   public static CustomEvent> dateSelectionChanged(Long timestamp) {
     CustomEventInit> initOptions = Js.uncheckedCast(CustomEventInit.create());
@@ -49,9 +58,9 @@ public static CustomEvent> dateSelectionChanged(Long times
   }
 
   /**
-   * selectYearMonth.
+   * Creates a custom event indicating a year or month selection.
    *
-   * @return a {@link elemental2.dom.CustomEvent} object
+   * @return The created custom event.
    */
   public static CustomEvent> selectYearMonth() {
     CustomEventInit> initOptions = Js.uncheckedCast(CustomEventInit.create());
@@ -61,10 +70,10 @@ public static CustomEvent> selectYearMonth() {
   }
 
   /**
-   * dateNavigationChanged.
+   * Creates a custom event indicating a navigation change to a different date.
    *
-   * @param timestamp a long
-   * @return a {@link elemental2.dom.CustomEvent} object
+   * @param timestamp The timestamp of the new navigated date.
+   * @return The created custom event.
    */
   public static CustomEvent> dateNavigationChanged(long timestamp) {
     CustomEventInit> initOptions = Js.uncheckedCast(CustomEventInit.create());
@@ -76,19 +85,36 @@ public static CustomEvent> dateNavigationChanged(long time
     return new CustomEvent<>(DATE_NAVIGATION_CHANGED, initOptions);
   }
 
+  /** Inner class to encapsulate event data related to date updates. */
   public static class UpdateDateEventData {
 
     private final long timestamp;
 
+    /**
+     * Constructor for creating an instance of UpdateDateEventData.
+     *
+     * @param event The custom event from which data will be extracted.
+     */
     public UpdateDateEventData(CustomEvent> event) {
       JsPropertyMap detail = event.detail;
       this.timestamp = detail.get("timestamp").longValue();
     }
 
+    /**
+     * Factory method to create an instance of UpdateDateEventData.
+     *
+     * @param event The custom event.
+     * @return An instance of {@link UpdateDateEventData}.
+     */
     public static UpdateDateEventData of(CustomEvent event) {
       return new UpdateDateEventData(Js.uncheckedCast(event));
     }
 
+    /**
+     * Retrieves the timestamp from the event data.
+     *
+     * @return The timestamp.
+     */
     public long getTimestamp() {
       return timestamp;
     }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/CalendarDay.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/CalendarDay.java
index 5a1759f9e..d747efafe 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/CalendarDay.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/CalendarDay.java
@@ -24,7 +24,17 @@
 import org.dominokit.domino.ui.utils.BaseDominoElement;
 import org.gwtproject.i18n.shared.cldr.DateTimeFormatInfo;
 
-/** CalendarDay class. */
+/**
+ * Represents a single day in a calendar view.
+ *
+ * 
Usage example:
+ *
+ * 
+ * CalendarDay day = CalendarDay.create(calendarInstance, new Date(), 5, true);
+ * 

+ *
+ * @see BaseDominoElement
+ */
 public class CalendarDay extends BaseDominoElement
     implements CalendarStyles {
 
@@ -36,12 +46,12 @@ public class CalendarDay extends BaseDominoElement
   private final SpanElement dayNumber;
 
   /**
-   * Constructor for CalendarDay.
+   * Constructs a calendar day with the specified attributes.
    *
-   * @param calendar a {@link org.dominokit.domino.ui.datepicker.IsCalendar} object
-   * @param date a {@link java.util.Date} object
-   * @param day a int
-   * @param inRange a boolean
+   * @param calendar The parent calendar of this day.
+   * @param date The date this day represents.
+   * @param day The day of the week (1-7).
+   * @param inRange Indicates if the day is within the current month.
    */
   public CalendarDay(IsCalendar calendar, Date date, int day, boolean inRange) {
     this.calendar = calendar;
@@ -73,28 +83,32 @@ public CalendarDay(IsCalendar calendar, Date date, int day, boolean inRange) {
   }
 
   /**
-   * create.
+   * Factory method to create a new CalendarDay instance.
    *
-   * @param isCalendar a {@link org.dominokit.domino.ui.datepicker.IsCalendar} object
-   * @param date a {@link java.util.Date} object
-   * @param day a int
-   * @param inRange a boolean
-   * @return a {@link org.dominokit.domino.ui.datepicker.CalendarDay} object
+   * @param isCalendar The parent calendar of this day.
+   * @param date The date this day represents.
+   * @param day The day of the week (1-7).
+   * @param inRange Indicates if the day is within the current month.
+   * @return A new CalendarDay instance.
    */
   public static CalendarDay create(IsCalendar isCalendar, Date date, int day, boolean inRange) {
     return new CalendarDay(isCalendar, date, day, inRange);
   }
 
-  /** {@inheritDoc} */
+  /**
+   * {@inheritDoc}
+   *
+   * 
Returns the element representing the clickable part of the day, which is the day's number.
+   */
   @Override
   public Element getClickableElement() {
     return dayNumber.element();
   }
 
   /**
-   * isTodayDate.
+   * Checks if the day represents the current date.
    *
-   * @return a boolean
+   * @return true if the day is today's date, false otherwise.
    */
   public boolean isTodayDate() {
     Date date = new Date();
@@ -104,9 +118,9 @@ public boolean isTodayDate() {
   }
 
   /**
-   * isSelectedDate.
+   * Checks if the day represents the currently selected date in the calendar.
    *
-   * @return a boolean
+   * @return true if the day is the selected date, false otherwise.
    */
   public boolean isSelectedDate() {
     Date selectedDate = this.calendar.getDate();
@@ -116,63 +130,63 @@ public boolean isSelectedDate() {
   }
 
   /**
-   * isInMonthRange.
+   * Checks if the day is within the current month.
    *
-   * @return a boolean
+   * @return true if the day is in the current month, false otherwise.
    */
   public boolean isInMonthRange() {
     return inRange;
   }
 
   /**
-   * Getter for the field day.
+   * Retrieves the day of the week (1-7) that this day represents.
    *
-   * @return a int
+   * @return The day of the week.
    */
   public int getDay() {
     return day;
   }
 
   /**
-   * isInRange.
+   * Checks if the day is within the range of valid days for the current month.
    *
-   * @return a boolean
+   * @return true if the day is in range, false otherwise.
    */
   public boolean isInRange() {
     return inRange;
   }
 
   /**
-   * Getter for the field calendar.
+   * Retrieves the parent calendar of this day.
    *
-   * @return a {@link org.dominokit.domino.ui.datepicker.IsCalendar} object
+   * @return The parent calendar.
    */
   public IsCalendar getCalendar() {
     return calendar;
   }
 
   /**
-   * Getter for the field date.
+   * Retrieves the date this day represents.
    *
-   * @return a {@link java.util.Date} object
+   * @return The date.
    */
   public Date getDate() {
     return date;
   }
 
   /**
-   * Getter for the field dayNumber.
+   * Retrieves the span element displaying the day's number.
    *
-   * @return a {@link org.dominokit.domino.ui.elements.SpanElement} object
+   * @return The span element for day number.
    */
   public SpanElement getDayNumber() {
     return dayNumber;
   }
 
   /**
-   * isWeekend.
+   * Checks if the day is a weekend.
    *
-   * @return a boolean
+   * @return true if the day is a weekend, false otherwise.
    */
   public boolean isWeekend() {
     DateTimeFormatInfo dateInfo = this.calendar.getDateTimeFormatInfo();
@@ -185,7 +199,11 @@ public boolean isWeekend() {
     }
   }
 
-  /** {@inheritDoc} */
+  /**
+   * {@inheritDoc}
+   *
+   * 
Returns the root element representing the entire calendar day.
+   */
   @Override
   public HTMLDivElement element() {
     return this.root.element();
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/CalendarHeader.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/CalendarHeader.java
index df6c43f8c..a98465d14 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/CalendarHeader.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/CalendarHeader.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datepicker;
 
 import static java.util.Objects.isNull;
@@ -23,7 +24,18 @@
 import org.dominokit.domino.ui.elements.SpanElement;
 import org.dominokit.domino.ui.utils.BaseDominoElement;
 
-/** CalendarHeader class. */
+/**
+ * Represents the header of a calendar which displays the currently selected date.
+ *
+ * 
Usage example:
+ *
+ * 
+ * IsCalendar calendar = ... // create or obtain an instance of IsCalendar
+ * CalendarHeader header = new CalendarHeader(calendar);
+ * 

+ *
+ * @see BaseDominoElement
+ */
 public class CalendarHeader extends BaseDominoElement
     implements CalendarStyles, CalendarViewListener {
 
@@ -34,9 +46,9 @@ public class CalendarHeader extends BaseDominoElementReturns the root element representing the entire calendar header.
+   */
   @Override
   public HTMLDivElement element() {
     return root.element();
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Updates the displayed date when a date selection changes.
+   *
+   * @param date the new selected date
+   */
   @Override
   public void onDateSelectionChanged(Date date) {
     if (isNull(date)) {
@@ -90,6 +110,11 @@ public void onDateSelectionChanged(Date date) {
     }
   }
 
+  /**
+   * Updates the header view to display the provided date details.
+   *
+   * @param date the date to be displayed in the header
+   */
   private void updateView(Date date) {
     int year = date.getYear();
     int month = date.getMonth();
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/CalendarInitConfig.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/CalendarInitConfig.java
index ad876b3d4..37516cd93 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/CalendarInitConfig.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/CalendarInitConfig.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datepicker;
 
 import static java.util.Objects.nonNull;
@@ -20,28 +21,41 @@
 import java.util.HashSet;
 import java.util.Set;
 
-/** CalendarInitConfig class. */
+/**
+ * Represents the initialization configuration for a calendar.
+ *
+ * 
It supports adding and removing plugins that can modify the behavior and appearance of the
+ * calendar.
+ *
+ * 
Usage example:
+ *
+ * 
+ * CalendarInitConfig config = CalendarInitConfig.create()
+ *     .addPlugin(new SamplePlugin())
+ *     .removePlugin(anotherPlugin);
+ * 

+ */
 public class CalendarInitConfig {
 
   private final Set plugins = new HashSet<>();
 
-  /** Constructor for CalendarInitConfig. */
+  /** Constructs an empty calendar initialization configuration. */
   public CalendarInitConfig() {}
 
   /**
-   * create.
+   * Factory method to create a new instance of CalendarInitConfig.
    *
-   * @return a {@link org.dominokit.domino.ui.datepicker.CalendarInitConfig} object
+   * @return a new instance of CalendarInitConfig
    */
   public static CalendarInitConfig create() {
     return new CalendarInitConfig();
   }
 
   /**
-   * addPlugin.
+   * Adds a plugin to the calendar configuration.
    *
-   * @param plugin a {@link org.dominokit.domino.ui.datepicker.CalendarPlugin} object
-   * @return a {@link org.dominokit.domino.ui.datepicker.CalendarInitConfig} object
+   * @param plugin the plugin to be added
+   * @return the current instance of CalendarInitConfig, for chaining method calls
    */
   public CalendarInitConfig addPlugin(CalendarPlugin plugin) {
     if (nonNull(plugin)) {
@@ -51,10 +65,10 @@ public CalendarInitConfig addPlugin(CalendarPlugin plugin) {
   }
 
   /**
-   * removePlugin.
+   * Removes a plugin from the calendar configuration.
    *
-   * @param plugin a {@link org.dominokit.domino.ui.datepicker.CalendarPlugin} object
-   * @return a {@link org.dominokit.domino.ui.datepicker.CalendarInitConfig} object
+   * @param plugin the plugin to be removed
+   * @return the current instance of CalendarInitConfig, for chaining method calls
    */
   public CalendarInitConfig removePlugin(CalendarPlugin plugin) {
     if (nonNull(plugin)) {
@@ -64,9 +78,9 @@ public CalendarInitConfig removePlugin(CalendarPlugin plugin) {
   }
 
   /**
-   * Getter for the field plugins.
+   * Retrieves the set of plugins associated with the calendar configuration.
    *
-   * @return a {@link java.util.Set} object
+   * @return a set of CalendarPlugin objects
    */
   public Set getPlugins() {
     return plugins;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/CalendarMonth.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/CalendarMonth.java
index 32637eb6b..fcb9d8830 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/CalendarMonth.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/CalendarMonth.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datepicker;
 
 import static java.util.Objects.isNull;
@@ -22,7 +23,14 @@
 import org.dominokit.domino.ui.elements.DivElement;
 import org.dominokit.domino.ui.utils.BaseDominoElement;
 
-/** CalendarMonth class. */
+/**
+ * Represents a month view in the calendar component.
+ *
+ * 
It displays the days of a month, provides functionality for selecting days, and interacts with
+ * calendar plugins to customize the behavior and appearance of the month view.
+ *
+ * @see BaseDominoElement
+ */
 public class CalendarMonth extends BaseDominoElement
     implements CalendarStyles, CalendarViewListener {
 
@@ -34,9 +42,9 @@ public class CalendarMonth extends BaseDominoElement {
-                  for (int i = 0; i < 7; i++) {
-                    daysHeader.appendChild(WeekDayHeader.create(this.calendar, i));
+                  int index = firstDayOfTheWeek;
+                  while (index != -1) {
+                    daysHeader.appendChild(WeekDayHeader.create(this.calendar, index));
+                    index = index + 1;
+                    if (index > 6) {
+                      index = 0;
+                    }
+                    if (index == firstDayOfTheWeek) {
+                      index = -1;
+                    }
                   }
                 }));
     this.monthData = new MonthData(this.date);
     MonthData monthBefore = monthData.getMonthBefore();
     MonthData monthAfter = monthData.getMonthAfter();
 
-    int diff = monthFirstDay + 1;
+    int offset = Math.abs(monthFirstDay - firstDayOfTheWeek);
+    int diff = offset + 1;
     int[] currentDaysCounter = new int[] {0};
-    int[] monthBeforeDaysCounter = new int[] {monthBefore.getDaysCount() - monthFirstDay + 1};
+    int[] monthBeforeDaysCounter = new int[] {monthBefore.getDaysCount() - offset + 1};
     int[] monthAfterDaysCounter = new int[] {1};
 
     int[] index = new int[] {0};
@@ -99,7 +117,7 @@ private void updateView() {
                   daysRow -> {
                     for (int day = 0; day < 7; day++) {
                       CalendarDay calendarDay;
-                      if (index[0] < monthFirstDay) {
+                      if (index[0] < offset) {
                         calendarDay =
                             CalendarDay.create(
                                 this.calendar,
@@ -110,7 +128,7 @@ private void updateView() {
                                 day,
                                 false);
                         monthBeforeDaysCounter[0] = monthBeforeDaysCounter[0] + 1;
-                      } else if (index[0] >= monthFirstDay
+                      } else if (index[0] >= offset
                           && index[0] < (monthData.getDaysCount() + diff - 1)) {
                         calendarDay =
                             CalendarDay.create(
@@ -159,19 +177,33 @@ private void updateView() {
     }
   }
 
-  /** {@inheritDoc} */
+  /**
+   * {@inheritDoc}
+   *
+   * 
Returns the root element of the month view.
+   *
+   * @return The root element of the month view
+   */
   @Override
   public HTMLDivElement element() {
     return this.root.element();
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Listener method triggered when the calendar view is updated.
+   *
+   * @param date The new date to be reflected in the calendar view
+   */
   @Override
   public void onUpdateCalendarView(Date date) {
     setDate(date);
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Listener method triggered when a new date is selected.
+   *
+   * @param date The newly selected date
+   */
   @Override
   public void onDateSelectionChanged(Date date) {
     setDate(date);
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/CalendarPlugin.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/CalendarPlugin.java
index a18ad9b68..d6723e48c 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/CalendarPlugin.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/CalendarPlugin.java
@@ -13,21 +13,27 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datepicker;
 
-/** CalendarPlugin interface. */
+/**
+ * A plugin interface for customizing the behavior and appearance of a calendar.
+ *
+ * 
Plugins can be added to a calendar to extend its functionality and respond to events.
+ */
 public interface CalendarPlugin {
+
   /**
-   * onCalendarDayAdded.
+   * Invoked when a calendar day is added to the calendar view.
    *
-   * @param calendarDay a {@link org.dominokit.domino.ui.datepicker.CalendarDay} object
+   * @param calendarDay The calendar day that was added
    */
   default void onCalendarDayAdded(CalendarDay calendarDay) {}
 
   /**
-   * onInit.
+   * Invoked when the calendar is initialized.
    *
-   * @param calendar a {@link org.dominokit.domino.ui.datepicker.Calendar} object
+   * @param calendar The calendar that is being initialized
    */
   default void onInit(Calendar calendar) {}
 }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/CalendarSelectors.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/CalendarSelectors.java
index 78e4f3d67..94b9c997a 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/CalendarSelectors.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/CalendarSelectors.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datepicker;
 
 import static java.util.Objects.isNull;
@@ -29,7 +30,15 @@
 import org.dominokit.domino.ui.utils.BaseDominoElement;
 import org.gwtproject.i18n.shared.cldr.DateTimeFormatInfo;
 
-/** CalendarSelectors class. */
+/**
+ * Represents the selectors component in the calendar, which allows users to navigate between
+ * different months.
+ *
+ * 
The selectors provide icons for previous and next months, and displays the current month and
+ * year.
+ *
+ * @see BaseDominoElement
+ */
 public class CalendarSelectors extends BaseDominoElement
     implements CalendarStyles, HasComponentConfig, CalendarViewListener {
 
@@ -40,9 +49,9 @@ public class CalendarSelectors extends BaseDominoElement previousIcon, Icon nextIcon) {
     this.calendar = calendar;
@@ -96,22 +105,22 @@ public CalendarSelectors(IsCalendar calendar, Icon previousIcon, Icon next
   }
 
   /**
-   * create.
+   * Creates a default calendar selectors.
    *
-   * @param calendar a {@link org.dominokit.domino.ui.datepicker.IsCalendar} object
-   * @return a {@link org.dominokit.domino.ui.datepicker.CalendarSelectors} object
+   * @param calendar the associated calendar instance
+   * @return a new CalendarSelectors instance
    */
   public static CalendarSelectors create(IsCalendar calendar) {
     return new CalendarSelectors(calendar);
   }
 
   /**
-   * create.
+   * Creates a calendar selectors with custom icons.
    *
-   * @param calendar a {@link org.dominokit.domino.ui.datepicker.IsCalendar} object
-   * @param previousIcon a {@link org.dominokit.domino.ui.icons.Icon} object
-   * @param nextIcon a {@link org.dominokit.domino.ui.icons.Icon} object
-   * @return a {@link org.dominokit.domino.ui.datepicker.CalendarSelectors} object
+   * @param calendar the associated calendar instance
+   * @param previousIcon the custom icon for previous month
+   * @param nextIcon the custom icon for next month
+   * @return a new CalendarSelectors instance
    */
   public static CalendarSelectors create(
       IsCalendar calendar, Icon previousIcon, Icon nextIcon) {
@@ -157,7 +166,12 @@ private CalendarSelectors setMonth(int month) {
     return this;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * This method is called whenever the date time format info changes. It updates the year and month
+   * displayed on the selectors using the provided DateTimeFormatInfo.
+   *
+   * @param dateTimeFormatInfo the new DateTimeFormatInfo
+   */
   @Override
   public void onDateTimeFormatInfoChanged(DateTimeFormatInfo dateTimeFormatInfo) {
     if (nonNull(dateTimeFormatInfo)) {
@@ -168,7 +182,12 @@ public void onDateTimeFormatInfoChanged(DateTimeFormatInfo dateTimeFormatInfo) {
     }
   }
 
-  /** {@inheritDoc} */
+  /**
+   * This method is called whenever the selected date changes. It updates the date displayed on the
+   * selectors with the new date.
+   *
+   * @param date the new selected date
+   */
   @Override
   public void onDateSelectionChanged(Date date) {
     if (nonNull(date)) {
@@ -177,10 +196,11 @@ public void onDateSelectionChanged(Date date) {
   }
 
   /**
-   * Setter for the field date.
+   * Sets the date to be displayed on the selectors. If the provided date is null, it sets the date
+   * to the current date.
    *
-   * @param date a {@link java.util.Date} object
-   * @return a {@link org.dominokit.domino.ui.datepicker.CalendarSelectors} object
+   * @param date the date to set
+   * @return this instance for chaining
    */
   public CalendarSelectors setDate(Date date) {
     if (isNull(date)) {
@@ -193,13 +213,22 @@ public CalendarSelectors setDate(Date date) {
     return this;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Returns the root HTMLDivElement of the CalendarSelectors.
+   *
+   * @return the root HTMLDivElement
+   */
   @Override
   public HTMLDivElement element() {
     return root.element();
   }
 
-  /** {@inheritDoc} */
+  /**
+   * This method is called whenever the calendar view updates. It sets the date on the selectors to
+   * the updated date.
+   *
+   * @param date the updated date
+   */
   @Override
   public void onUpdateCalendarView(Date date) {
     setDate(date);
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/CalendarStyles.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/CalendarStyles.java
index 3b50e25d6..5f6a881d8 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/CalendarStyles.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/CalendarStyles.java
@@ -13,89 +13,87 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datepicker;
 
 import org.dominokit.domino.ui.style.CssClass;
 
-/** CalendarStyles interface. */
 public interface CalendarStyles {
 
-  /** Constant dui_calendar_day */
   CssClass dui_calendar_day = () -> "dui-calendar-day";
-  /** Constant dui_calendar_month */
+
   CssClass dui_calendar_month = () -> "dui-calendar-month";
-  /** Constant dui_week_day_header */
+
   CssClass dui_week_day_header = () -> "dui-week-day-header";
-  /** Constant dui_month_days_header */
+
   CssClass dui_month_days_header = () -> "dui-month-days-header";
-  /** Constant dui_month_days_row */
+
   CssClass dui_month_days_row = () -> "dui-month-days-row";
-  /** Constant dui_calendar_day_number */
+
   CssClass dui_calendar_day_number = () -> "dui-calendar-day-number";
-  /** Constant dui_day_header_name */
+
   CssClass dui_day_header_name = () -> "dui-day-header-name";
-  /** Constant dui_month_day_in_range */
+
   CssClass dui_month_day_in_range = () -> "dui-month-day-in-range";
-  /** Constant dui_month_day_out_of_range */
+
   CssClass dui_month_day_out_of_range = () -> "dui-month-day-out-of-range";
-  /** Constant dui_today_date */
+
   CssClass dui_today_date = () -> "dui-today-date";
-  /** Constant dui_calendar */
+
   CssClass dui_calendar = () -> "dui-calendar";
-  /** Constant dui_year_selector */
+
   CssClass dui_year_selector = () -> "dui-year-selector";
-  /** Constant dui_month_selector */
+
   CssClass dui_month_selector = () -> "dui-month-selector";
-  /** Constant dui_years_row */
+
   CssClass dui_years_row = () -> "dui-years-row";
-  /** Constant dui_years_selector_year */
+
   CssClass dui_years_selector_year = () -> "dui-years-selector-year";
-  /** Constant dui_calender_years_spin */
+
   CssClass dui_calender_years_spin = () -> "dui-calender-years-spin";
-  /** Constant dui_current_year */
+
   CssClass dui_current_year = () -> "dui-current-year";
-  /** Constant dui_calendar_months_selector */
+
   CssClass dui_calendar_months_selector = () -> "dui-calendar-months-selector";
-  /** Constant dui_months_row */
+
   CssClass dui_months_row = () -> "dui-months-row";
-  /** Constant dui_month_selector_month */
+
   CssClass dui_month_selector_month = () -> "dui-month-selector-month";
-  /** Constant dui_current_month */
+
   CssClass dui_current_month = () -> "dui-current-month";
-  /** Constant dui_calendar_header */
+
   CssClass dui_calendar_header = () -> "dui-calendar-header";
-  /** Constant dui_calendar_body */
+
   CssClass dui_calendar_body = () -> "dui-calendar-body";
-  /** Constant dui_calendar_footer */
+
   CssClass dui_calendar_footer = () -> "dui-calendar-footer";
-  /** Constant dui_calendar_selectors */
+
   CssClass dui_calendar_selectors = () -> "dui-calendar-selectors";
-  /** Constant dui_calendar_selectors_year */
+
   CssClass dui_calendar_selectors_year = () -> "dui-calendar-selectors-year";
-  /** Constant dui_calendar_selectors_month */
+
   CssClass dui_calendar_selectors_month = () -> "dui-calendar-selectors-month";
-  /** Constant dui_calendar_selectors_previous */
+
   CssClass dui_calendar_selectors_previous = () -> "dui-calendar-selectors-previous";
-  /** Constant dui_calendar_selectors_next */
+
   CssClass dui_calendar_selectors_next = () -> "dui-calendar-selectors-next";
-  /** Constant dui_calendar_header_date */
+
   CssClass dui_calendar_header_date = () -> "dui-calendar-header-date";
-  /** Constant dui_calendar_header_date_number */
+
   CssClass dui_calendar_header_date_number = () -> "dui-calendar-header-date-number";
 
   CssClass dui_calendar_header_date_day_month_year =
-      /** Constant dui_calendar_header_date_day_month_year */
       () -> "dui-calendar-header-date-day-month-year";
-  /** Constant dui_calendar_header_date_day */
+
   CssClass dui_calendar_header_date_day = () -> "dui-calendar-header-date-day";
-  /** Constant dui_calendar_header_date_month_year */
+
   CssClass dui_calendar_header_date_month_year = () -> "dui-calendar-header-date-month-year";
-  /** Constant dui_calendar_months_years_selector */
+
   CssClass dui_calendar_months_years_selector = () -> "dui-calendar-months-years-selector";
-  /** Constant dui_selected_date */
+
   CssClass dui_selected_date = () -> "dui-selected-date";
-  /** Constant dui_selected_year */
+
   CssClass dui_selected_year = () -> "dui-selected-year";
-  /** Constant dui_selected_month */
+
   CssClass dui_selected_month = () -> "dui-selected-month";
 }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/CalendarViewListener.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/CalendarViewListener.java
index c11302201..ebc1522b7 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/CalendarViewListener.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/CalendarViewListener.java
@@ -13,31 +13,48 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datepicker;
 
 import java.util.Date;
 import org.gwtproject.i18n.shared.cldr.DateTimeFormatInfo;
 
-/** CalendarViewListener interface. */
+/**
+ * Represents a listener for the calendar view. The listener is notified about various events
+ * related to the calendar view such as date selection change, calendar view updates, and changes in
+ * date-time format info.
+ *
+ * 
Usage Example:
+ *
+ * 
+ * CalendarViewListener listener = new CalendarViewListener() {
+ *     @Override
+ *     public void onDateSelectionChanged(Date date) {
+ *         System.out.println("Selected date changed: " + date);
+ *     }
+ * };
+ * 

+ */
 public interface CalendarViewListener {
+
   /**
-   * onUpdateCalendarView.
+   * Called whenever the calendar view is updated.
    *
-   * @param date a {@link java.util.Date} object
+   * @param date The current date being viewed/selected in the calendar.
    */
   default void onUpdateCalendarView(Date date) {}
 
   /**
-   * onDateSelectionChanged.
+   * Called whenever the date selection in the calendar changes.
    *
-   * @param date a {@link java.util.Date} object
+   * @param date The newly selected date.
    */
   default void onDateSelectionChanged(Date date) {}
 
   /**
-   * onDateTimeFormatInfoChanged.
+   * Called whenever the date-time format information changes.
    *
-   * @param dateTimeFormatInfo a {@link org.gwtproject.i18n.shared.cldr.DateTimeFormatInfo} object
+   * @param dateTimeFormatInfo The new date-time format information.
    */
   default void onDateTimeFormatInfoChanged(DateTimeFormatInfo dateTimeFormatInfo) {}
 }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/DateFormatter.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/DateFormatter.java
index b8f4e9a5a..c91264594 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/DateFormatter.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/DateFormatter.java
@@ -13,56 +13,67 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datepicker;
 
 import java.util.Date;
 import org.gwtproject.i18n.shared.DateTimeFormat;
 import org.gwtproject.i18n.shared.cldr.DateTimeFormatInfo;
 
-/** DateFormatter interface. */
+/**
+ * Represents a formatter for handling date values. This interface allows the parsing and formatting
+ * of date strings based on specific patterns and localization information.
+ *
+ * 
Usage Example:
+ *
+ * 
+ * DateTimeFormatInfo formatInfo = ...; // Get appropriate format info
+ * String formattedDate = DateFormatter.DEFAULT.format("yyyy-MM-dd", formatInfo, new Date());
+ * 

+ */
 public interface DateFormatter {
 
-  /** Constant DEFAULT */
+  /** A default formatter instance for general use. */
   DateFormatter DEFAULT = new DefaultFormatter();
 
   /**
-   * parse the date string with strict formatting, if the date string does not match the date
-   * pattern this method should throw {@link java.lang.IllegalArgumentException}
+   * Parses the provided date string using the specified pattern and date-time format information.
+   * This method is strict and will throw exceptions if the format isn't strictly adhered to.
    *
-   * @param pattern String date pattern
-   * @param dtfi {@link org.gwtproject.i18n.shared.cldr.DateTimeFormatInfo}
-   * @param dateString String date value
-   * @return Date
+   * @param pattern The date pattern to use.
+   * @param dtfi The date-time format information.
+   * @param dateString The date string to parse.
+   * @return A parsed Date object.
    */
   Date parseStrict(String pattern, DateTimeFormatInfo dtfi, String dateString);
 
   /**
-   * parse the date string and produce a {@link java.util.Date} object
+   * Parses the provided date string using the specified pattern and date-time format information.
    *
-   * @param pattern String date pattern
-   * @param dtfi {@link org.gwtproject.i18n.shared.cldr.DateTimeFormatInfo}
-   * @param dateString String date value
-   * @return Date
+   * @param pattern The date pattern to use.
+   * @param dtfi The date-time format information.
+   * @param dateString The date string to parse.
+   * @return A parsed Date object.
    */
   Date parse(String pattern, DateTimeFormatInfo dtfi, String dateString);
 
   /**
-   * Convert a date object into a date string with the specified pattern and {@link
-   * DateTimeFormatInfo}
+   * Formats the provided date based on the specified pattern and date-time format information.
    *
-   * @param pattern String date pattern
-   * @param dtfi {@link org.gwtproject.i18n.shared.cldr.DateTimeFormatInfo}
-   * @param date {@link java.util.Date}
-   * @return String formatted date
+   * @param pattern The date pattern to use.
+   * @param dtfi The date-time format information.
+   * @param date The date to format.
+   * @return A formatted date string.
    */
   String format(String pattern, DateTimeFormatInfo dtfi, Date date);
 
   /**
-   * An internal implementation of the {@link DateFormatter} that used GWT {@link DateTimeFormat} to
-   * format and parse the date.
+   * Default implementation of the {@link DateFormatter} interface, which utilizes the {@link
+   * DateTimeFormat} for its operations.
    */
   class DefaultFormatter extends DateTimeFormat implements DateFormatter {
 
+    /** Constructs the default formatter based on the predefined short date format. */
     protected DefaultFormatter() {
       super(DateTimeFormat.getFormat(PredefinedFormat.DATE_SHORT).getPattern());
     }
@@ -72,11 +83,13 @@ protected DefaultFormatter() {
     public Date parseStrict(String pattern, DateTimeFormatInfo dtfi, String value) {
       return getFormat(pattern, dtfi).parseStrict(value);
     }
+
     /** {@inheritDoc} */
     @Override
     public Date parse(String pattern, DateTimeFormatInfo dtfi, String value) {
       return getFormat(pattern, dtfi).parse(value);
     }
+
     /** {@inheritDoc} */
     @Override
     public String format(String pattern, DateTimeFormatInfo dtfi, Date date) {
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/DateSelectionListener.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/DateSelectionListener.java
index 9ac04895e..c0d60794d 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/DateSelectionListener.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/DateSelectionListener.java
@@ -15,13 +15,28 @@
  */
 package org.dominokit.domino.ui.datepicker;
 
-/** DateSelectionListener interface. */
+/**
+ * Represents a listener that gets notified when a day is selected in the calendar. The listener
+ * will be provided with both the previously selected day and the newly selected day.
+ *
+ * 
Usage Example:
+ *
+ * 
+ * DateSelectionListener listener = new DateSelectionListener() {
+ *     @Override
+ *     public void onDaySelected(CalendarDay oldDay, CalendarDay newDay) {
+ *         System.out.println("Previous Day: " + oldDay + ", New Day: " + newDay);
+ *     }
+ * };
+ * 

+ */
 public interface DateSelectionListener {
+
   /**
-   * onDaySelected.
+   * Called when a new day is selected in the calendar.
    *
-   * @param oldDay a {@link org.dominokit.domino.ui.datepicker.CalendarDay} object
-   * @param newDay a {@link org.dominokit.domino.ui.datepicker.CalendarDay} object
+   * @param oldDay The previously selected day.
+   * @param newDay The newly selected day.
    */
   void onDaySelected(CalendarDay oldDay, CalendarDay newDay);
 }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/IsCalendar.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/IsCalendar.java
index ffbc857d9..4db0105eb 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/IsCalendar.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/IsCalendar.java
@@ -13,53 +13,73 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datepicker;
 
 import java.util.Date;
 import java.util.Set;
 import org.gwtproject.i18n.shared.cldr.DateTimeFormatInfo;
 
-/** IsCalendar interface. */
+/**
+ * Represents an interface for calendar components. This provides methods to get and set various
+ * properties of the calendar, as well as bind or unbind listeners to calendar events.
+ *
+ * 
Usage Example:
+ *
+ * 
+ * IsCalendar myCalendar = ...; // Implementation of IsCalendar
+ * Date currentDate = myCalendar.getDate();
+ * myCalendar.bindCalenderViewListener(new CalendarViewListener() {
+ *     @Override
+ *     public void onDateSelectionChanged(Date date) {
+ *         System.out.println("Date changed to: " + date);
+ *     }
+ * });
+ * 

+ */
 public interface IsCalendar {
+
   /**
-   * getDate.
+   * Retrieves the current selected date of the calendar.
    *
-   * @return a {@link java.util.Date} object
+   * @return The currently selected date.
    */
   Date getDate();
 
   /**
-   * getDateTimeFormatInfo.
+   * Retrieves the date-time format information for the calendar.
    *
-   * @return a {@link org.gwtproject.i18n.shared.cldr.DateTimeFormatInfo} object
+   * @return The date-time format information.
    */
   DateTimeFormatInfo getDateTimeFormatInfo();
 
   /**
-   * bindCalenderViewListener.
+   * Binds a calendar view listener to the calendar, allowing it to be notified of events like view
+   * updates and date changes.
    *
-   * @param listener a {@link org.dominokit.domino.ui.datepicker.CalendarViewListener} object
+   * @param listener The calendar view listener to bind.
    */
   void bindCalenderViewListener(CalendarViewListener listener);
 
   /**
-   * unbindCalenderViewListener.
+   * Unbinds a previously bound calendar view listener, removing its association with the calendar.
    *
-   * @param listener a {@link org.dominokit.domino.ui.datepicker.CalendarViewListener} object
+   * @param listener The calendar view listener to unbind.
    */
   void unbindCalenderViewListener(CalendarViewListener listener);
 
   /**
-   * getDateSelectionListeners.
+   * Retrieves all date selection listeners currently associated with the calendar. These listeners
+   * are notified when a day is selected or deselected in the calendar.
    *
-   * @return a {@link java.util.Set} object
+   * @return A set of all date selection listeners.
    */
   Set getDateSelectionListeners();
 
   /**
-   * getConfig.
+   * Retrieves the configuration object that holds initialization settings for the calendar.
    *
-   * @return a {@link org.dominokit.domino.ui.datepicker.CalendarInitConfig} object
+   * @return The calendar initialization configuration.
    */
   CalendarInitConfig getConfig();
 }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/MonthData.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/MonthData.java
index 2fc0211db..24dd21117 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/MonthData.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/MonthData.java
@@ -13,12 +13,25 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datepicker;
 
 import elemental2.core.JsDate;
 import java.util.Date;
 
-/** MonthData class. */
+/**
+ * Represents the data for a specific month, including the total number of days in the month, the
+ * full year, and a reference date within the month. This class provides methods to navigate to
+ * previous and next months, and also to retrieve details about the month.
+ *
+ * 
Usage Example:
+ *
+ * 
+ * MonthData currentMonth = new MonthData(new Date());
+ * MonthData previousMonth = currentMonth.getMonthBefore();
+ * System.out.println("Days in current month: " + currentMonth.getDaysCount());
+ * 

+ */
 public class MonthData {
 
   private final int daysCount;
@@ -26,9 +39,9 @@ public class MonthData {
   private final Date date;
 
   /**
-   * Constructor for MonthData.
+   * Constructs a new MonthData instance based on the provided date.
    *
-   * @param date a {@link java.util.Date} object
+   * @param date A date within the month for which the data should be fetched.
    */
   public MonthData(Date date) {
     this.date = date;
@@ -38,9 +51,9 @@ public MonthData(Date date) {
   }
 
   /**
-   * getMonthBefore.
+   * Retrieves the data for the month immediately before the current month.
    *
-   * @return a {@link org.dominokit.domino.ui.datepicker.MonthData} object
+   * @return The data for the previous month.
    */
   public MonthData getMonthBefore() {
     if (this.date.getMonth() == 0) {
@@ -51,9 +64,9 @@ public MonthData getMonthBefore() {
   }
 
   /**
-   * getMonthAfter.
+   * Retrieves the data for the month immediately after the current month.
    *
-   * @return a {@link org.dominokit.domino.ui.datepicker.MonthData} object
+   * @return The data for the next month.
    */
   public MonthData getMonthAfter() {
     if (this.date.getMonth() == 11) {
@@ -64,36 +77,36 @@ public MonthData getMonthAfter() {
   }
 
   /**
-   * getYear.
+   * Retrieves the year part of the reference date.
    *
-   * @return a int
+   * @return The year of the reference date.
    */
   public int getYear() {
     return this.date.getYear();
   }
 
   /**
-   * getMonth.
+   * Retrieves the month part (zero-based) of the reference date.
    *
-   * @return a int
+   * @return The month of the reference date.
    */
   public int getMonth() {
     return this.date.getMonth();
   }
 
   /**
-   * Getter for the field daysCount.
+   * Retrieves the total number of days in the current month.
    *
-   * @return a int
+   * @return The number of days in the month.
    */
   public int getDaysCount() {
     return daysCount;
   }
 
   /**
-   * Getter for the field fullYear.
+   * Retrieves the full year of the reference date (e.g., 2022).
    *
-   * @return a int
+   * @return The full year of the reference date.
    */
   public int getFullYear() {
     return fullYear;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/MonthsPicker.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/MonthsPicker.java
index 25f3fc8d2..8379e069c 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/MonthsPicker.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/MonthsPicker.java
@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 package org.dominokit.domino.ui.datepicker;
 
 import elemental2.dom.HTMLDivElement;
@@ -22,7 +23,19 @@
 import org.dominokit.domino.ui.utils.BaseDominoElement;
 import org.gwtproject.i18n.shared.cldr.DateTimeFormatInfo;
 
-/** MonthsPicker class. */
+/**
+ * Represents a visual component for picking months. The component displays all the months in a
+ * year, and users can select any month by clicking on it.
+ *
+ * 
Usage Example:
+ *
+ * 
+ * IsCalendar calendar = ...; // Implementation of IsCalendar
+ * MonthsPicker picker = MonthsPicker.create(calendar);
+ * 

+ *
+ * @see BaseDominoElement
+ */
 public class MonthsPicker extends BaseDominoElement
     implements CalendarStyles, CalendarViewListener {
 
@@ -30,9 +43,9 @@ public class MonthsPicker extends BaseDominoElementUsage Example:
+ *
+ * 
+ * Pattern pattern = Pattern.FULL;
+ * 

+ */
 public enum Pattern {
-  /** A full date format */
+
+  /** Represents a full pattern, usually the most verbose format. */
   FULL,
-  /** A long date format */
+
+  /** Represents a long pattern, a detailed format excluding the most verbose elements. */
   LONG,
-  /** A medium date format */
+
+  /** Represents a medium pattern, less detailed than LONG but more than SHORT. */
   MEDIUM,
-  /** A short date format */
+
+  /** Represents a short pattern, the least verbose format. */
   SHORT
 }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/WeekDayHeader.java b/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/WeekDayHeader.java
index 80d5fc209..dcb0eae8c 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/WeekDayHeader.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/datepicker/WeekDayHeader.java
@@ -22,7 +22,17 @@
 import org.dominokit.domino.ui.utils.BaseDominoElement;
 import org.gwtproject.i18n.shared.cldr.DateTimeFormatInfo;
 
-/** WeekDayHeader class. */
+/**
+ * Represents the header for each weekday in a calendar.
+ *
+ * 
Usage Example:
+ *
+ * 
+ * WeekDayHeader mondayHeader = WeekDayHeader.create(calendarInstance, 1);
+ * 

+ *
+ * @see BaseDominoElement
+ */
 public class WeekDayHeader extends BaseDominoElement
     implements CalendarStyles, CalendarViewListener {
 
@@ -32,10 +42,10 @@ public class WeekDayHeader extends BaseDominoElementUsage Example:
+ *
+ * 
+ * YearMonthPicker picker = YearMonthPicker.create(calendarInstance);
+ * 

+ *
+ * @see BaseDominoElement
+ */
 public class YearMonthPicker extends BaseDominoElement
     implements CalendarStyles, CalendarViewListener {
 
@@ -31,9 +41,9 @@ public class YearMonthPicker extends BaseDominoElementThe year picker provides a grid of years centered around a reference year, allowing the user
+ * to pick a year either by clicking on it or by navigating using the associated calendar.
+ *
+ * 
Usage Example:
+ *
+ * 
+ * YearPicker picker = YearPicker.create(calendarInstance, 2023);
+ * 

+ *
+ * @see BaseDominoElement
+ */
 public class YearPicker extends BaseDominoElement
     implements CalendarStyles {
 
@@ -30,10 +43,10 @@ public class YearPicker extends BaseDominoElement
   private final IsCalendar calendar;
 
   /**
-   * Constructor for YearPicker.
+   * Creates a new year picker centered around the specified reference year.
    *
-   * @param calendar a {@link org.dominokit.domino.ui.datepicker.IsCalendar} object
-   * @param referenceYear a int
+   * @param calendar The {@link IsCalendar} instance that this picker is associated with.
+   * @param referenceYear The year around which the picker will center its display.
    */
   public YearPicker(IsCalendar calendar, int referenceYear) {
     this.referenceYear = referenceYear;
@@ -69,11 +82,11 @@ public YearPicker(IsCalendar calendar, int referenceYear) {
   }
 
   /**
-   * create.
+   * Factory method to create a new year picker.
    *
-   * @param calendar a {@link org.dominokit.domino.ui.datepicker.IsCalendar} object
-   * @param referenceYear a int
-   * @return a {@link org.dominokit.domino.ui.datepicker.YearPicker} object
+   * @param calendar The {@link IsCalendar} instance to associate with the picker.
+   * @param referenceYear The year around which the picker will center its display.
+   * @return a new instance of {@link YearPicker}.
    */
   public static YearPicker create(IsCalendar calendar, int referenceYear) {
     return new YearPicker(calendar, referenceYear);
@@ -88,15 +101,19 @@ private boolean isSelectedYear(int year) {
   }
 
   /**
-   * Getter for the field referenceYear.
+   * Returns the reference year around which this picker centers its display.
    *
-   * @return a int
+   * @return the reference year.
    */
   public int getReferenceYear() {
     return referenceYear;
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Returns the root {@link HTMLDivElement} of this year picker.
+   *
+   * @return the root {@link HTMLDivElement}.
+   */
   @Override
   public HTMLDivElement element() {
     return root.element();
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/AbstractDialog.java b/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/AbstractDialog.java
index 73765fbdf..49712d872 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/AbstractDialog.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/AbstractDialog.java
@@ -16,6 +16,7 @@
 package org.dominokit.domino.ui.dialogs;
 
 import static elemental2.dom.DomGlobal.document;
+import static elemental2.dom.DomGlobal.window;
 import static java.util.Objects.nonNull;
 
 import elemental2.dom.*;
@@ -34,7 +35,30 @@
 import org.dominokit.domino.ui.style.SwapCssClass;
 import org.dominokit.domino.ui.utils.*;
 
-/** AbstractDialog class. */
+/**
+ * The AbstractDialog class is the base class for creating dialog boxes in the Domino-UI framework.
+ * It provides various customization options and utility methods for creating and managing dialog
+ * boxes.
+ *
+ * 
Usage Example:
+ *
+ * 
+ * AbstractDialog dialog = new AbstractDialog()
+ *     .setTitle("Example Dialog")
+ *     .appendChild(new Text("This is a sample dialog box."))
+ *     .setAutoClose(true)
+ *     .open();
+ * 

+ *
+ * @param  The concrete subclass of the AbstractDialog.
+ * @see DialogStyles
+ * @see IsPopup
+ * @see HasComponentConfig
+ * @see DialogLabels
+ * @see Transition
+ * @see ZIndexConfig
+ * @see BaseDominoElement
+ */
 public class AbstractDialog>
     extends BaseDominoElement
     implements DialogStyles, IsPopup, HasComponentConfig {
@@ -70,7 +94,7 @@ public class AbstractDialog>
 
   protected DialogLabels labels = DominoUIConfig.CONFIG.getDominoUILabels();
 
-  /** Constructor for AbstractDialog. */
+  /** Constructs a new instance of {@code AbstractDialog}. */
   public AbstractDialog() {
     element =
         div()
@@ -98,16 +122,14 @@ public AbstractDialog() {
     openAnimation = Animation.create(element);
     closeAnimation = Animation.create(element);
 
-    modalElement.addClickListener(Event::stopPropagation);
-
     modalElement.addClickListener(
         evt -> {
           evt.stopPropagation();
+          ModalBackDrop.INSTANCE.closePopovers("");
           PopupsCloser.close();
         });
   }
 
-  /** Force the tab to navigate inside the modal dialog only */
   void addTabIndexHandler() {
     element()
         .addEventListener(
@@ -158,19 +180,19 @@ private void handleForwardTab(Event evt) {
   }
 
   /**
-   * Getter for the field openTransition.
+   * Gets the transition used when opening the dialog.
    *
-   * @return a {@link org.dominokit.domino.ui.animations.Transition} object
+   * @return The open transition.
    */
   public Transition getOpenTransition() {
     return openTransition;
   }
 
   /**
-   * Setter for the field openTransition.
+   * Sets the transition used when opening the dialog.
    *
-   * @param openTransition a {@link org.dominokit.domino.ui.animations.Transition} object
-   * @return a T object
+   * @param openTransition The open transition to set.
+   * @return This dialog instance for method chaining.
    */
   public T setOpenTransition(Transition openTransition) {
     this.openTransition = openTransition;
@@ -178,19 +200,19 @@ public T setOpenTransition(Transition openTransition) {
   }
 
   /**
-   * Getter for the field closeTransition.
+   * Gets the transition used when closing the dialog.
    *
-   * @return a {@link org.dominokit.domino.ui.animations.Transition} object
+   * @return The close transition.
    */
   public Transition getCloseTransition() {
     return closeTransition;
   }
 
   /**
-   * Setter for the field closeTransition.
+   * Sets the transition used when closing the dialog.
    *
-   * @param closeTransition a {@link org.dominokit.domino.ui.animations.Transition} object
-   * @return a T object
+   * @param closeTransition The close transition to set.
+   * @return This dialog instance for method chaining.
    */
   public T setCloseTransition(Transition closeTransition) {
     this.closeTransition = closeTransition;
@@ -198,19 +220,19 @@ public T setCloseTransition(Transition closeTransition) {
   }
 
   /**
-   * Getter for the field transitionDuration.
+   * Gets the duration of the open/close animation transition in milliseconds.
    *
-   * @return a int
+   * @return The transition duration in milliseconds.
    */
   public int getTransitionDuration() {
     return transitionDuration;
   }
 
   /**
-   * Setter for the field transitionDuration.
+   * Sets the duration of the open/close animation transition in milliseconds.
    *
-   * @param transitionDuration a int
-   * @return a T object
+   * @param transitionDuration The transition duration in milliseconds to set.
+   * @return This dialog instance for method chaining.
    */
   public T setTransitionDuration(int transitionDuration) {
     this.transitionDuration = transitionDuration;
@@ -218,19 +240,19 @@ public T setTransitionDuration(int transitionDuration) {
   }
 
   /**
-   * isAnimate.
+   * Checks if animations are enabled for opening and closing the dialog.
    *
-   * @return a boolean
+   * @return {@code true} if animations are enabled, {@code false} otherwise.
    */
   public boolean isAnimate() {
     return animate;
   }
 
   /**
-   * Setter for the field animate.
+   * Enables or disables animations for opening and closing the dialog.
    *
-   * @param animate a boolean
-   * @return a T object
+   * @param animate {@code true} to enable animations, {@code false} to disable.
+   * @return This dialog instance for method chaining.
    */
   public T setAnimate(boolean animate) {
     this.animate = animate;
@@ -238,10 +260,10 @@ public T setAnimate(boolean animate) {
   }
 
   /**
-   * {@inheritDoc}
+   * Enables or disables the automatic closing of the dialog when clicking outside of it.
    *
-   * @param autoClose a boolean
-   * @return a T object
+   * @param autoClose {@code true} to enable auto-closing, {@code false} to disable.
+   * @return This dialog instance for method chaining.
    */
   public T setAutoClose(boolean autoClose) {
     this.autoClose = autoClose;
@@ -249,10 +271,12 @@ public T setAutoClose(boolean autoClose) {
   }
 
   /**
-   * {@inheritDoc}
+   * Enables or disables the automatic appending and removing of the dialog element to/from the
+   * document body.
    *
-   * @param autoAppendAndRemove a boolean
-   * @return a T object
+   * @param autoAppendAndRemove {@code true} to enable auto-append and auto-remove, {@code false} to
+   *     disable.
+   * @return This dialog instance for method chaining.
    */
   public T setAutoAppendAndRemove(boolean autoAppendAndRemove) {
     this.autoAppendAndRemove = autoAppendAndRemove;
@@ -260,9 +284,9 @@ public T setAutoAppendAndRemove(boolean autoAppendAndRemove) {
   }
 
   /**
-   * {@inheritDoc}
+   * Opens the dialog box, making it visible to the user.
    *
-   * @return a T object
+   * @return This dialog instance for method chaining.
    */
   public T open() {
     if (isEnabled()) {
@@ -281,6 +305,7 @@ public T open() {
 
   private void doOpen() {
     element.removeCssProperty("z-index");
+    element.setCssProperty("top", Unit.px.of(window.pageYOffset));
     if (autoAppendAndRemove) {
       element().remove();
       document.body.appendChild(element());
@@ -334,9 +359,9 @@ private void initFocusElements(HTMLElement element) {
   }
 
   /**
-   * {@inheritDoc}
+   * Closes the dialog box, making it invisible to the user.
    *
-   * @return a T object
+   * @return This dialog instance for method chaining.
    */
   public T close() {
     if (this.open) {
@@ -367,20 +392,19 @@ private void doClose() {
   }
 
   /**
-   * isAutoClose.
+   * Checks if the dialog is set to automatically close when clicking outside of it.
    *
-   * @return boolean
-   * @see #setAutoClose(boolean)
+   * @return {@code true} if auto-close is enabled, {@code false} otherwise.
    */
   public boolean isAutoClose() {
     return autoClose;
   }
 
   /**
-   * setStretchWidth.
+   * Sets the width of the dialog to stretch according to the specified size.
    *
-   * @param size {@link org.dominokit.domino.ui.dialogs.DialogSize}
-   * @return same Dialog instance
+   * @param size The dialog width size.
+   * @return This dialog instance for method chaining.
    */
   public T setStretchWidth(IsDialogWidth size) {
     addCss(stretchWidthCss.replaceWith(size.getWidthStyle()));
@@ -388,10 +412,10 @@ public T setStretchWidth(IsDialogWidth size) {
   }
 
   /**
-   * setStretchHeight.
+   * Sets the height of the dialog to stretch according to the specified size.
    *
-   * @param size {@link org.dominokit.domino.ui.dialogs.DialogSize}
-   * @return same Dialog instance
+   * @param size The dialog height size.
+   * @return This dialog instance for method chaining.
    */
   public T setStretchHeight(IsDialogHeight size) {
     addCss(stretchHeightCss.replaceWith(size.getHeightStyle()));
@@ -399,6 +423,7 @@ public T setStretchHeight(IsDialogHeight size) {
   }
 
   /**
+   * @dominokit-site-ignore
    * @deprecated use {@link #addCss(org.dominokit.domino.ui.style.CssClass...)} with {@link
    *     DialogType} or the styles from {@link DialogStyles} setType.
    * @param type {@link org.dominokit.domino.ui.dialogs.DialogType}
@@ -410,44 +435,40 @@ public T setType(DialogType type) {
     return (T) this;
   }
 
-  /** @return boolean, true if this modal will show an overlay to block the content behind it. */
   /**
-   * isModal.
+   * Checks if the dialog is modal, i.e., if it blocks interactions with the rest of the page.
    *
-   * @return a boolean
+   * @return {@code true} if the dialog is modal, {@code false} otherwise.
    */
   public boolean isModal() {
     return modal;
   }
 
   /**
-   * Setter for the field modal.
+   * Sets whether the dialog should be modal, blocking interactions with the rest of the page.
    *
-   * @param modal boolean,true to make this modal show an overlay to block the content behind it
-   *     when it is open
-   * @return same dialog instance
+   * @param modal {@code true} to make the dialog modal, {@code false} otherwise.
+   * @return This dialog instance for method chaining.
    */
   public T setModal(boolean modal) {
     this.modal = modal;
     return (T) this;
   }
 
-  /** @return boolean, true if the modal should auto-focus first focusable element when opened. */
   /**
-   * isAutoFocus.
+   * Checks if the dialog is set to automatically focus on the first focusable element when opened.
    *
-   * @return a boolean
+   * @return {@code true} if auto-focus is enabled, {@code false} otherwise.
    */
   public boolean isAutoFocus() {
     return autoFocus;
   }
 
   /**
-   * Setter for the field autoFocus.
+   * Sets whether the dialog should automatically focus on the first focusable element when opened.
    *
-   * @param autoFocus boolean, true if the modal should auto-focus first focusable element when
-   *     opened.
-   * @return same dialog instance
+   * @param autoFocus {@code true} to enable auto-focus, {@code false} to disable.
+   * @return This dialog instance for method chaining.
    */
   public T setAutoFocus(boolean autoFocus) {
     this.autoFocus = autoFocus;
@@ -473,36 +494,42 @@ public HTMLDivElement element() {
   }
 
   /**
-   * appendChild.
+   * Appends a child element to the dialog's header.
    *
-   * @param element a {@link org.dominokit.domino.ui.utils.HeaderContent} object
-   * @return a T object
+   * @param element The child element to append.
+   * @return This dialog instance for method chaining.
    */
   public T appendChild(HeaderContent element) {
+
     contentHeader.get().appendChild(element);
     return (T) this;
   }
 
   /**
-   * appendChild.
+   * Appends a child element to the dialog's footer.
    *
-   * @param element a {@link org.dominokit.domino.ui.utils.FooterContent} object
-   * @return a T object
+   * @param element The child element to append.
+   * @return This dialog instance for method chaining.
    */
   public T appendChild(FooterContent element) {
     contentFooter.get().appendChild(element);
     return (T) this;
   }
 
+  /**
+   * Gets the modal element of the dialog, which is the overlay behind the content.
+   *
+   * @return The modal element.
+   */
   public DivElement getModalElement() {
     return modalElement;
   }
 
   /**
-   * withHeader.
+   * Allows customization of the dialog's header using a {@code ChildHandler}.
    *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a T object
+   * @param handler The handler for customizing the header.
+   * @return This dialog instance for method chaining.
    */
   public T withHeader(ChildHandler handler) {
     handler.apply((T) this, headerElement.get());
@@ -510,19 +537,19 @@ public T withHeader(ChildHandler handler) {
   }
 
   /**
-   * getHeader.
+   * Gets the header element of the dialog.
    *
-   * @return a {@link org.dominokit.domino.ui.elements.DivElement} object
+   * @return The header element.
    */
   public DivElement getHeader() {
     return headerElement.get();
   }
 
   /**
-   * setIcon.
+   * Sets the icon for the dialog panel.
    *
-   * @param icon a {@link org.dominokit.domino.ui.icons.Icon} object
-   * @return a T object
+   * @param icon The icon to set.
+   * @return This dialog instance for method chaining.
    */
   public T setIcon(Icon icon) {
     panelIcon.remove();
@@ -532,143 +559,136 @@ public T setIcon(Icon icon) {
   }
 
   /**
-   * withIcon.
+   * Allows customization of the dialog's content body using a {@code ChildHandler}.
    *
-   * @param icon a {@link org.dominokit.domino.ui.icons.Icon} object
-   * @return a T object
+   * @param handler The handler for customizing the content body.
+   * @return This dialog instance for method chaining.
    */
-  public T withIcon(Icon icon) {
-    return setIcon(icon);
+  public T withContentBody(ChildHandler handler) {
+    handler.apply((T) this, bodyElement);
+    return (T) this;
   }
 
   /**
-   * getContentBody.
+   * Gets the body element of the dialog.
    *
-   * @return a {@link org.dominokit.domino.ui.elements.DivElement} object
+   * @return The body element.
    */
   public DivElement getContentBody() {
     return bodyElement;
   }
 
   /**
-   * withContentBody.
+   * Allows customization of the dialog's content element using a {@code ChildHandler}.
    *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a T object
+   * @param handler The handler for customizing the content element.
+   * @return This dialog instance for method chaining.
    */
-  public T withContentBody(ChildHandler handler) {
-    handler.apply((T) this, bodyElement);
+  public T withContentElement(ChildHandler handler) {
+    handler.apply((T) this, contentElement);
     return (T) this;
   }
 
   /**
-   * Getter for the field contentElement.
+   * Gets the content element of the dialog.
    *
-   * @return a {@link org.dominokit.domino.ui.elements.DivElement} object
+   * @return The content element.
    */
   public DivElement getContentElement() {
     return contentElement;
   }
 
   /**
-   * withContentElement.
+   * Allows customization of the dialog's content header using a {@code ChildHandler}.
    *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a T object
+   * @param handler The handler for customizing the content header.
+   * @return This dialog instance for method chaining.
    */
-  public T withContentElement(ChildHandler handler) {
-    handler.apply((T) this, contentElement);
+  public T withContentHeader(ChildHandler handler) {
+    handler.apply((T) this, contentHeader.get());
     return (T) this;
   }
 
   /**
-   * Getter for the field contentHeader.
+   * Gets the content header element of the dialog.
    *
-   * @return a {@link org.dominokit.domino.ui.elements.DivElement} object
+   * @return The content header element.
    */
   public DivElement getContentHeader() {
     return contentHeader.get();
   }
 
   /**
-   * withContentHeader.
-   *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a T object
-   */
-  public T withContentHeader(ChildHandler handler) {
-    handler.apply((T) this, contentHeader.get());
-    return (T) this;
-  }
-
-  /**
-   * withContentHeader.
+   * Allows customization of the dialog's content footer using a {@code ChildHandler}.
    *
-   * @return a T object
+   * @param handler The handler for customizing the content footer.
+   * @return This dialog instance for method chaining.
    */
-  public T withContentHeader() {
-    contentHeader.get();
+  public T withContentFooter(ChildHandler handler) {
+    handler.apply((T) this, contentFooter.get());
     return (T) this;
   }
 
   /**
-   * Getter for the field contentFooter.
+   * Gets the content footer element of the dialog.
    *
-   * @return a {@link org.dominokit.domino.ui.elements.DivElement} object
+   * @return The content footer element.
    */
   public DivElement getContentFooter() {
     return contentFooter.get();
   }
 
   /**
-   * withContentFooter.
+   * Gets the default element to focus on when the dialog is opened.
    *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a T object
+   * @return The default focus element.
    */
-  public T withContentFooter(ChildHandler handler) {
-    handler.apply((T) this, contentFooter.get());
-    return (T) this;
+  public Element getDefaultFocusElement() {
+    return defaultFocusElement;
   }
 
   /**
-   * withContentFooter.
+   * Sets the default element to focus on when the dialog is opened.
    *
-   * @return a T object
+   * @param defaultFocusElement The default focus element to set.
+   * @return This dialog instance for method chaining.
    */
-  public T withContentFooter() {
-    contentFooter.get();
-    return (T) this;
-  }
-
-  public Element getDefaultFocusElement() {
-    return defaultFocusElement;
-  }
-
   public T setDefaultFocusElement(Element defaultFocusElement) {
     this.defaultFocusElement = defaultFocusElement;
     return (T) this;
   }
 
+  /**
+   * Sets the default element to focus on when the dialog is opened.
+   *
+   * @param defaultFocusElement The default focus element to set.
+   * @return This dialog instance for method chaining.
+   */
   public T setDefaultFocusElement(IsElement defaultFocusElement) {
     this.defaultFocusElement = defaultFocusElement.element();
     return (T) this;
   }
 
+  /**
+   * Checks if the dialog is currently open.
+   *
+   * @return {@code true} if the dialog is open, {@code false} otherwise.
+   */
   public boolean isOpen() {
     return this.open;
   }
 
-  /** A function to implement a listener to be called when open the dialog */
+  /** A functional interface for handling dialog open events. */
   @FunctionalInterface
   public interface OpenHandler {
+    /** Handles the dialog open event. */
     void onOpen();
   }
 
-  /** An interface to implement handlers for closing a dialog */
+  /** A functional interface for handling dialog close events. */
   @FunctionalInterface
   public interface CloseHandler {
-    /** Will be called when the dialog is closed */
+    /** Handles the dialog close event. */
     void onClose();
   }
 }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/AlertMessageDialog.java b/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/AlertMessageDialog.java
index ba784028c..126877ae6 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/AlertMessageDialog.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/AlertMessageDialog.java
@@ -28,7 +28,20 @@
 import org.dominokit.domino.ui.utils.LazyChild;
 import org.dominokit.domino.ui.utils.NullLazyChild;
 
-/** AlertMessageDialog class. */
+/**
+ * The AlertMessageDialog class provides an alert message dialog that can display messages with a
+ * confirmation button.
+ *
+ * 
Sample usage:
+ *
+ * 
+ *  AlertMessageDialog dialog = AlertMessageDialog.create("Confirmation", "Are you sure you want to proceed?")
+ *    .onConfirm(alert -> {
+ *      // Handle the confirmation logic here
+ *    })
+ *    .open();
+ * 

+ */
 public class AlertMessageDialog extends AbstractDialog {
 
   private Button confirmButton;
@@ -45,38 +58,37 @@ public class AlertMessageDialog extends AbstractDialog {
   private LazyChild> alertIcon = NullLazyChild.of();
   private LazyChild navHeader;
 
-  /** @return new instance with empty title */
   /**
-   * create.
+   * Creates a new instance of {@link AlertMessageDialog}.
    *
-   * @return a {@link org.dominokit.domino.ui.dialogs.AlertMessageDialog} object
+   * @return A new {@link AlertMessageDialog} instance with no title or message.
    */
   public static AlertMessageDialog create() {
     return new AlertMessageDialog();
   }
 
   /**
-   * create.
+   * Creates a new instance of {@link AlertMessageDialog} with the specified title.
    *
-   * @param title String
-   * @return new instance with custom title
+   * @param title The title for the dialog.
+   * @return A new {@link AlertMessageDialog} instance with the specified title and no message.
    */
   public static AlertMessageDialog create(String title) {
     return new AlertMessageDialog(title);
   }
 
   /**
-   * create.
+   * Creates a new instance of {@link AlertMessageDialog} with the specified title and message.
    *
-   * @param title String
-   * @return new instance with custom title
-   * @param message a {@link java.lang.String} object
+   * @param title The title for the dialog.
+   * @param message The message to display in the dialog.
+   * @return A new {@link AlertMessageDialog} instance with the specified title and message.
    */
   public static AlertMessageDialog create(String title, String message) {
     return new AlertMessageDialog(title, message);
   }
 
-  /** creates new instance with empty title */
+  /** Creates an empty AlertMessageDialog. */
   public AlertMessageDialog() {
     messageElement = LazyChild.of(span(), contentElement);
     navHeader = LazyChild.of(NavBar.create().addCss(dui_dialog_nav), headerElement);
@@ -103,23 +115,21 @@ public AlertMessageDialog() {
         });
   }
 
-  /** @param title String creates new instance with custom title */
   /**
-   * Constructor for AlertMessageDialog.
+   * Creates an AlertMessageDialog with a specified title.
    *
-   * @param title a {@link java.lang.String} object
+   * @param title The title of the dialog.
    */
   public AlertMessageDialog(String title) {
     this();
     navHeader.get().setTitle(title);
   }
 
-  /** @param title String creates new instance with custom title */
   /**
-   * Constructor for AlertMessageDialog.
+   * Creates an AlertMessageDialog with a specified title and message.
    *
-   * @param title a {@link java.lang.String} object
-   * @param message a {@link java.lang.String} object
+   * @param title The title of the dialog.
+   * @param message The message to display in the dialog.
    */
   public AlertMessageDialog(String title, String message) {
     this(title);
@@ -127,10 +137,10 @@ public AlertMessageDialog(String title, String message) {
   }
 
   /**
-   * setTitle.
+   * Sets the title of the AlertMessageDialog.
    *
-   * @param title a {@link java.lang.String} object
-   * @return a {@link org.dominokit.domino.ui.dialogs.AlertMessageDialog} object
+   * @param title The title to set.
+   * @return This AlertMessageDialog instance.
    */
   public AlertMessageDialog setTitle(String title) {
     navHeader.get().setTitle(title);
@@ -138,10 +148,10 @@ public AlertMessageDialog setTitle(String title) {
   }
 
   /**
-   * setMessage.
+   * Sets the message to be displayed in the AlertMessageDialog.
    *
-   * @param message a {@link java.lang.String} object
-   * @return a {@link org.dominokit.domino.ui.dialogs.AlertMessageDialog} object
+   * @param message The message to set.
+   * @return This AlertMessageDialog instance.
    */
   public AlertMessageDialog setMessage(String message) {
     messageElement.remove();
@@ -166,32 +176,30 @@ private void appendButtons() {
   }
 
   /**
-   * Sets the handler for the confirm action
+   * Sets the handler for the confirmation button click event.
    *
-   * @param handler {@link org.dominokit.domino.ui.dialogs.AlertMessageDialog.MessageHandler}
-   * @return same ConfirmationDialog instance
+   * @param handler The handler to be invoked when the confirmation button is clicked.
+   * @return This AlertMessageDialog instance.
    */
   public AlertMessageDialog onConfirm(MessageHandler handler) {
     this.confirmHandler = handler;
     return this;
   }
 
-  /** @return the confirmation {@link Button} */
   /**
-   * Getter for the field confirmButton.
+   * Gets the confirmation button of the AlertMessageDialog.
    *
-   * @return a {@link org.dominokit.domino.ui.button.LinkButton} object
+   * @return The confirmation Button.
    */
   public Button getConfirmButton() {
     return confirmButton;
   }
 
-  /** @return the confirmation {@link Button} */
   /**
-   * withConfirmButton.
+   * Allows customization of the confirmation button using a handler.
    *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a {@link org.dominokit.domino.ui.dialogs.AlertMessageDialog} object
+   * @param handler The handler for customizing the confirmation button.
+   * @return This AlertMessageDialog instance.
    */
   public AlertMessageDialog withConfirmButton(ChildHandler handler) {
     handler.apply(this, confirmButton);
@@ -199,19 +207,19 @@ public AlertMessageDialog withConfirmButton(ChildHandlericonStartTransition.
+   * Gets the transition used for starting the icon animation.
    *
-   * @return a {@link org.dominokit.domino.ui.animations.Transition} object
+   * @return The start Transition.
    */
   public Transition getIconStartTransition() {
     return iconStartTransition;
   }
 
   /**
-   * Setter for the field iconStartTransition.
+   * Sets the transition used for starting the icon animation.
    *
-   * @param transition a {@link org.dominokit.domino.ui.animations.Transition} object
-   * @return a {@link org.dominokit.domino.ui.dialogs.AlertMessageDialog} object
+   * @param transition The start Transition to set.
+   * @return This AlertMessageDialog instance.
    */
   public AlertMessageDialog setIconStartTransition(Transition transition) {
     this.iconStartTransition = transition;
@@ -219,19 +227,19 @@ public AlertMessageDialog setIconStartTransition(Transition transition) {
   }
 
   /**
-   * Getter for the field iconEndTransition.
+   * Gets the transition used for ending the icon animation.
    *
-   * @return a {@link org.dominokit.domino.ui.animations.Transition} object
+   * @return The end Transition.
    */
   public Transition getIconEndTransition() {
     return iconEndTransition;
   }
 
   /**
-   * Setter for the field iconEndTransition.
+   * Sets the transition used for ending the icon animation.
    *
-   * @param transition a {@link org.dominokit.domino.ui.animations.Transition} object
-   * @return a {@link org.dominokit.domino.ui.dialogs.AlertMessageDialog} object
+   * @param transition The end Transition to set.
+   * @return This AlertMessageDialog instance.
    */
   public AlertMessageDialog setIconEndTransition(Transition transition) {
     this.iconEndTransition = transition;
@@ -239,19 +247,19 @@ public AlertMessageDialog setIconEndTransition(Transition transition) {
   }
 
   /**
-   * Getter for the field iconAnimationDuration.
+   * Gets the duration of the icon animation.
    *
-   * @return a int
+   * @return The animation duration in milliseconds.
    */
   public int getIconAnimationDuration() {
     return iconAnimationDuration;
   }
 
   /**
-   * Setter for the field iconAnimationDuration.
+   * Sets the duration of the icon animation.
    *
-   * @param duration a int
-   * @return a {@link org.dominokit.domino.ui.dialogs.AlertMessageDialog} object
+   * @param duration The animation duration to set in milliseconds.
+   * @return This AlertMessageDialog instance.
    */
   public AlertMessageDialog setIconAnimationDuration(int duration) {
     this.iconAnimationDuration = duration;
@@ -259,19 +267,19 @@ public AlertMessageDialog setIconAnimationDuration(int duration) {
   }
 
   /**
-   * Getter for the field alertIcon.
+   * Gets the alert icon displayed in the dialog.
    *
-   * @return a {@link org.dominokit.domino.ui.icons.Icon} object
+   * @return The alert Icon.
    */
   public Icon getAlertIcon() {
     return alertIcon.get();
   }
 
   /**
-   * Setter for the field alertIcon.
+   * Sets the alert icon to be displayed in the dialog.
    *
-   * @param alertIcon a {@link org.dominokit.domino.ui.icons.Icon} object
-   * @return a {@link org.dominokit.domino.ui.dialogs.AlertMessageDialog} object
+   * @param alertIcon The alert Icon to set.
+   * @return This AlertMessageDialog instance.
    */
   public AlertMessageDialog setAlertIcon(Icon alertIcon) {
     if (nonNull(alertIcon)) {
@@ -283,19 +291,24 @@ public AlertMessageDialog setAlertIcon(Icon alertIcon) {
   }
 
   /**
-   * withNavHeader.
+   * Allows customization of the navigation header using a handler.
    *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a {@link org.dominokit.domino.ui.dialogs.AlertMessageDialog} object
+   * @param handler The handler for customizing the navigation header.
+   * @return This AlertMessageDialog instance.
    */
   public AlertMessageDialog withNavHeader(ChildHandler handler) {
     handler.apply(this, navHeader.get());
     return this;
   }
 
-  /** An interface to implement Confirm action handlers */
+  /** A functional interface for handling confirmation events. */
   @FunctionalInterface
   public interface MessageHandler {
+    /**
+     * Called when the confirmation button is clicked.
+     *
+     * @param dialog The AlertMessageDialog instance.
+     */
     void onConfirm(AlertMessageDialog dialog);
   }
 }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/ConfirmationDialog.java b/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/ConfirmationDialog.java
index d49fc03ab..b23a638ec 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/ConfirmationDialog.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/ConfirmationDialog.java
@@ -25,7 +25,25 @@
 import org.dominokit.domino.ui.utils.FooterContent;
 import org.dominokit.domino.ui.utils.LazyChild;
 
-/** A special dialog component that introduce a confirm/reject actions */
+/**
+ * A dialog for displaying confirmation messages and getting user confirmation.
+ *
+ * 
This dialog allows you to display a confirmation message to the user and get their response
+ * (either confirmation or rejection). It provides buttons for confirming and rejecting the action
+ * and can be customized with a title and message.
+ *
+ * 
Usage example:
+ *
+ * 
+ * ConfirmationDialog.create("Delete Item", "Are you sure you want to delete this item?")
+ *   .onConfirm(dialog -> {
+ *     // Handle the confirmation logic here
+ *     dialog.close();
+ *   })
+ *   .onReject(dialog -> dialog.close())
+ *   .open();
+ * 

+ */
 public class ConfirmationDialog extends AbstractDialog {
   private Button confirmButton;
   private Button rejectButton;
@@ -35,38 +53,31 @@ public class ConfirmationDialog extends AbstractDialog {
   private LazyChild messageElement;
   private LazyChild navHeader;
 
-  /** @return new instance with empty title */
-  /**
-   * create.
-   *
-   * @return a {@link org.dominokit.domino.ui.dialogs.ConfirmationDialog} object
-   */
+  /** Creates a new confirmation dialog with default settings. */
   public static ConfirmationDialog create() {
     return new ConfirmationDialog();
   }
 
   /**
-   * create.
+   * Creates a new confirmation dialog with a specified title.
    *
-   * @param title String
-   * @return new instance with custom title
+   * @param title The title of the confirmation dialog.
    */
   public static ConfirmationDialog create(String title) {
     return new ConfirmationDialog(title);
   }
 
   /**
-   * create.
+   * Creates a new confirmation dialog with a specified title and message.
    *
-   * @param title String
-   * @return new instance with custom title
-   * @param message a {@link java.lang.String} object
+   * @param title The title of the confirmation dialog.
+   * @param message The message to display in the dialog.
    */
   public static ConfirmationDialog create(String title, String message) {
     return new ConfirmationDialog(title, message);
   }
 
-  /** creates new instance with empty title */
+  /** Creates a new empty {@code ConfirmationDialog} instance. */
   public ConfirmationDialog() {
     messageElement = LazyChild.of(span(), contentElement);
     navHeader = LazyChild.of(NavBar.create().addCss(dui_dialog_nav), headerElement);
@@ -77,23 +88,21 @@ public ConfirmationDialog() {
     setAutoClose(false);
   }
 
-  /** @param title String creates new instance with custom title */
   /**
-   * Constructor for ConfirmationDialog.
+   * Creates a new {@code ConfirmationDialog} instance with the specified title.
    *
-   * @param title a {@link java.lang.String} object
+   * @param title The title to set for the dialog.
    */
   public ConfirmationDialog(String title) {
     this();
     navHeader.get().setTitle(title);
   }
 
-  /** @param title String creates new instance with custom title */
   /**
-   * Constructor for ConfirmationDialog.
+   * Creates a new {@code ConfirmationDialog} instance with the specified title and message.
    *
-   * @param title a {@link java.lang.String} object
-   * @param message a {@link java.lang.String} object
+   * @param title The title to set for the dialog.
+   * @param message The message to display in the dialog.
    */
   public ConfirmationDialog(String title, String message) {
     this(title);
@@ -101,10 +110,10 @@ public ConfirmationDialog(String title, String message) {
   }
 
   /**
-   * setTitle.
+   * Sets the title of the dialog.
    *
-   * @param title a {@link java.lang.String} object
-   * @return a {@link org.dominokit.domino.ui.dialogs.ConfirmationDialog} object
+   * @param title The title to set for the dialog.
+   * @return This {@code ConfirmationDialog} instance for method chaining.
    */
   public ConfirmationDialog setTitle(String title) {
     navHeader.get().setTitle(title);
@@ -112,10 +121,10 @@ public ConfirmationDialog setTitle(String title) {
   }
 
   /**
-   * setMessage.
+   * Sets the message to be displayed in the dialog.
    *
-   * @param message a {@link java.lang.String} object
-   * @return a {@link org.dominokit.domino.ui.dialogs.ConfirmationDialog} object
+   * @param message The message to display in the dialog.
+   * @return This {@code ConfirmationDialog} instance for method chaining.
    */
   public ConfirmationDialog setMessage(String message) {
     messageElement.remove();
@@ -151,10 +160,10 @@ private void appendButtons() {
   }
 
   /**
-   * Sets the handler for the confirm action
+   * Sets the action to be performed when the confirm button is clicked.
    *
-   * @param confirmHandler {@link org.dominokit.domino.ui.dialogs.ConfirmationDialog.ConfirmHandler}
-   * @return same ConfirmationDialog instance
+   * @param confirmHandler The action to be executed on confirmation.
+   * @return This {@code ConfirmationDialog} instance for method chaining.
    */
   public ConfirmationDialog onConfirm(ConfirmHandler confirmHandler) {
     this.confirmHandler = confirmHandler;
@@ -162,54 +171,50 @@ public ConfirmationDialog onConfirm(ConfirmHandler confirmHandler) {
   }
 
   /**
-   * Sets the handler for the reject action
+   * Sets the action to be performed when the reject button is clicked.
    *
-   * @param rejectHandler {@link org.dominokit.domino.ui.dialogs.ConfirmationDialog.RejectHandler}
-   * @return same ConfirmationDialog instance
+   * @param rejectHandler The action to be executed on rejection.
+   * @return This {@code ConfirmationDialog} instance for method chaining.
    */
   public ConfirmationDialog onReject(RejectHandler rejectHandler) {
     this.rejectHandler = rejectHandler;
     return this;
   }
 
-  /** @return the confirmation {@link Button} */
   /**
-   * Getter for the field confirmButton.
+   * Retrieves the confirm button of the dialog.
    *
-   * @return a {@link org.dominokit.domino.ui.button.Button} object
+   * @return The confirm button.
    */
   public Button getConfirmButton() {
     return confirmButton;
   }
 
-  /** @return the reject {@link Button} */
   /**
-   * Getter for the field rejectButton.
+   * Retrieves the reject button of the dialog.
    *
-   * @return a {@link org.dominokit.domino.ui.button.Button} object
+   * @return The reject button.
    */
   public Button getRejectButton() {
     return rejectButton;
   }
 
-  /** @return the confirmation {@link Button} */
   /**
-   * withConfirmButton.
+   * Configures the confirm button of the dialog using a handler for customization.
    *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a {@link org.dominokit.domino.ui.dialogs.ConfirmationDialog} object
+   * @param handler The handler to customize the confirm button.
+   * @return This {@code ConfirmationDialog} instance for method chaining.
    */
   public ConfirmationDialog withConfirmButton(ChildHandler handler) {
     handler.apply(this, confirmButton);
     return this;
   }
 
-  /** @return the reject {@link Button} */
   /**
-   * withRejectButton.
+   * Configures the reject button of the dialog using a handler for customization.
    *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a {@link org.dominokit.domino.ui.dialogs.ConfirmationDialog} object
+   * @param handler The handler to customize the reject button.
+   * @return This {@code ConfirmationDialog} instance for method chaining.
    */
   public ConfirmationDialog withRejectButton(ChildHandler handler) {
     handler.apply(this, rejectButton);
@@ -217,34 +222,34 @@ public ConfirmationDialog withRejectButton(ChildHandler handler) {
     handler.apply(this, navHeader.get());
     return this;
   }
 
-  /** An interface to implement Confirm action handlers */
+  /** Functional interface for handling confirmation actions in the {@code ConfirmationDialog}. */
   @FunctionalInterface
   public interface ConfirmHandler {
     /**
-     * called when the confirm button is clicked
+     * Called when the confirmation action is performed.
      *
-     * @param dialog the {@link ConfirmationDialog} from which the action is triggered
+     * @param dialog The {@code ConfirmationDialog} instance.
      */
     void onConfirm(ConfirmationDialog dialog);
   }
 
-  /** An interface to implement Reject action handlers */
+  /** Functional interface for handling rejection actions in the {@code ConfirmationDialog}. */
   @FunctionalInterface
   public interface RejectHandler {
     /**
-     * called when the reject button is clicked
+     * Called when the reject action is performed.
      *
-     * @param dialog the {@link ConfirmationDialog} from which the action is triggered
+     * @param dialog The {@code ConfirmationDialog} instance.
      */
     void onReject(ConfirmationDialog dialog);
   }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/DefaultZIndexManager.java b/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/DefaultZIndexManager.java
index 8c72a6fed..18ddb83b6 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/DefaultZIndexManager.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/DefaultZIndexManager.java
@@ -28,10 +28,20 @@
 import org.dominokit.domino.ui.config.ZIndexConfig;
 import org.dominokit.domino.ui.utils.IsPopup;
 
-/** DefaultZIndexManager class. */
+/**
+ * Default implementation of the {@link ZIndexManager} for managing z-index values of popups and
+ * modals. It provides utilities for handling stacking order to ensure the correct display of
+ * overlay components.
+ *
+ * 
Usage:
+ *
+ * 
+ * DefaultZIndexManager.INSTANCE.onPopupOpen(somePopup);
+ * 

+ */
 public class DefaultZIndexManager implements ZIndexManager, HasComponentConfig {
 
-  /** Constant INSTANCE */
+  /** A singleton instance of {@link DefaultZIndexManager}. */
   public static final ZIndexManager INSTANCE = new DefaultZIndexManager();
 
   private Integer currentZIndex;
@@ -39,7 +49,11 @@ public class DefaultZIndexManager implements ZIndexManager, HasComponentConfig listeners = new ArrayList<>();
 
-  /** {@inheritDoc} */
+  /**
+   * Calculates and returns the next z-index value.
+   *
+   * @return the next z-index value
+   */
   @Override
   public Integer getNextZIndex() {
     if (isNull(currentZIndex)) {
@@ -49,7 +63,12 @@ public Integer getNextZIndex() {
     return currentZIndex;
   }
 
-  /** {@inheritDoc} Also attach the modal backdrop if not attached */
+  /**
+   * Handler for when a popup is opened. Adjusts z-index values and ensures modals are correctly
+   * stacked.
+   *
+   * @param popup the popup that was opened
+   */
   @Override
   public void onPopupOpen(IsPopup popup) {
     if (popup.isModal()) {
@@ -67,7 +86,11 @@ public void onPopupOpen(IsPopup popup) {
         listener -> listener.onZIndexChange(new ZIndexListener.ZIndexInfo(popup, modals)));
   }
 
-  /** {@inheritDoc} Also remove the modal backdrop when modal remain open */
+  /**
+   * Handler for when a popup is closed. Adjusts z-index values and updates modal stacking.
+   *
+   * @param popup the popup that was closed
+   */
   @Override
   public void onPopupClose(IsPopup popup) {
     if (popup.isModal()) {
@@ -86,13 +109,21 @@ public void onPopupClose(IsPopup popup) {
     }
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Returns the top level modal if any.
+   *
+   * @return an {@link Optional} containing the top level modal, or empty if none exists
+   */
   @Override
   public Optional> getTopLevelModal() {
     return Optional.ofNullable(modals.peek());
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Adds a listener to be notified of z-index changes.
+   *
+   * @param listener the {@link ZIndexListener} to add
+   */
   @Override
   public void addZIndexListener(ZIndexListener listener) {
     if (nonNull(listener)) {
@@ -100,7 +131,11 @@ public void addZIndexListener(ZIndexListener listener) {
     }
   }
 
-  /** {@inheritDoc} */
+  /**
+   * Removes a z-index change listener.
+   *
+   * @param listener the {@link ZIndexListener} to remove
+   */
   @Override
   public void removeZIndexListener(ZIndexListener listener) {
     if (nonNull(listener)) {
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/Dialog.java b/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/Dialog.java
index a1161e5a4..e3c12387b 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/Dialog.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/Dialog.java
@@ -15,15 +15,28 @@
  */
 package org.dominokit.domino.ui.dialogs;
 
-/** Dialog class. */
+/**
+ * A concrete implementation of {@link AbstractDialog} to represent a generic dialog. This class
+ * provides an easy way to create and manage a dialog window.
+ *
+ * 
Usage:
+ *
+ * 
+ * Dialog dialog = Dialog.create();
+ * dialog.open();
+ * 

+ *
+ * @see AbstractDialog
+ */
 public class Dialog extends AbstractDialog {
-  /** Constructor for Dialog. */
+
+  /** Default constructor for the {@link Dialog}. */
   public Dialog() {}
 
   /**
-   * create.
+   * Creates a new instance of {@link Dialog}.
    *
-   * @return a {@link org.dominokit.domino.ui.dialogs.Dialog} object
+   * @return a new {@link Dialog} instance
    */
   public static Dialog create() {
     return new Dialog();
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/DialogSize.java b/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/DialogSize.java
index 0eea850a8..6d67dd0ff 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/DialogSize.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/DialogSize.java
@@ -19,41 +19,65 @@
 
 import org.dominokit.domino.ui.style.CssClass;
 
-/** An enum to list modal possible zises */
+/**
+ * Enumerates different sizes for dialogs, providing both width and height styles for each size.
+ *
+ * 
This allows for a consistent sizing mechanism across different dialogs.
+ *
+ * 
Usage:
+ *
+ * 
+ * DialogSize size = DialogSize.SMALL;
+ * CssClass width = size.getWidthStyle();
+ * CssClass height = size.getHeightStyle();
+ * 

+ *
+ * @see CssClass
+ */
 public enum DialogSize implements IsDialogSize {
-  /** Very small modal with smaller width */
+
+  /** Very small dialog size. */
   VERY_SMALL(dui_w_xsmall, dui_h_xsmall),
-  /** Small modal with small width */
+
+  /** Small dialog size. */
   SMALL(dui_w_small, dui_h_small),
-  /** Medium modal with moderate width */
+
+  /** Medium dialog size. */
   MEDIUM(dui_w_medium, dui_h_medium),
-  /** Large modal with wide width */
+
+  /** Large dialog size. */
   LARGE(dui_w_large, dui_h_large),
-  /** Very large modal with wider width */
+
+  /** Very large dialog size. */
   VERY_LARGE(dui_w_xlarge, dui_h_xlarge);
 
   private CssClass widthStyle;
   private CssClass heightStyle;
 
-  /** @param widthStyle String css style name */
+  /**
+   * Constructs a {@link DialogSize} enum value with specific width and height styles.
+   *
+   * @param widthStyle the {@link CssClass} representing the width style
+   * @param heightStyle the {@link CssClass} representing the height style
+   */
   DialogSize(CssClass widthStyle, CssClass heightStyle) {
     this.widthStyle = widthStyle;
     this.heightStyle = heightStyle;
   }
 
   /**
-   * Getter for the field widthStyle.
+   * Retrieves the width style as a {@link CssClass}.
    *
-   * @return a {@link org.dominokit.domino.ui.style.CssClass} object
+   * @return the {@link CssClass} representing the width style
    */
   public CssClass getWidthStyle() {
     return widthStyle;
   }
 
   /**
-   * Getter for the field heightStyle.
+   * Retrieves the height style as a {@link CssClass}.
    *
-   * @return a {@link org.dominokit.domino.ui.style.CssClass} object
+   * @return the {@link CssClass} representing the height style
    */
   public CssClass getHeightStyle() {
     return heightStyle;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/DialogType.java b/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/DialogType.java
index 253a84126..1c8b2fe5a 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/DialogType.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/DialogType.java
@@ -19,8 +19,10 @@
 import org.dominokit.domino.ui.style.HasCssClass;
 
 /**
- * @deprecated use {@link #addCss(org.dominokit.domino.ui.style.CssClass...)} with {@link
- *     DialogType} or the styles from {@link DialogStyles} setType. An enum to list modal types
+ * @deprecated use
+ *     
addCss(CssClass...)

+ *     with {@link DialogType} or the styles from {@link DialogStyles} setType. An enum to list
+ *     modal types
  */
 @Deprecated
 public enum DialogType implements DialogStyles, HasCssClass {
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/IsDialogHeight.java b/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/IsDialogHeight.java
index 11ec96037..2a95c0f9b 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/IsDialogHeight.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/IsDialogHeight.java
@@ -17,12 +17,32 @@
 
 import org.dominokit.domino.ui.style.CssClass;
 
-/** IsDialogHeight interface. */
+/**
+ * Represents an object that can provide a height style for dialogs. Implementing classes can use
+ * this interface to define specific height styles.
+ *
+ * 
Usage:
+ *
+ * 
+ * public class MyDialogHeight implements IsDialogHeight {
+ *     @Override
+ *     public CssClass getHeightStyle() {
+ *         return CssClass.of("my-dialog-height-class");
+ *     }
+ * }
+ *
+ * IsDialogHeight myHeight = new MyDialogHeight();
+ * CssClass css = myHeight.getHeightStyle();
+ * 

+ *
+ * @see CssClass
+ */
 public interface IsDialogHeight {
+
   /**
-   * getHeightStyle.
+   * Retrieves the height style as a {@link CssClass}.
    *
-   * @return a {@link org.dominokit.domino.ui.style.CssClass} object
+   * @return the {@link CssClass} representing the height style
    */
   CssClass getHeightStyle();
 }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/IsDialogSize.java b/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/IsDialogSize.java
index c3c293e18..0ab59fccb 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/IsDialogSize.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/IsDialogSize.java
@@ -15,5 +15,23 @@
  */
 package org.dominokit.domino.ui.dialogs;
 
-/** IsDialogSize interface. */
+/**
+ * Represents a dialog's dimension by combining its width and height attributes.
+ *
+ * 
Implementing this interface allows a dialog to have both width and height styles, enabling
+ * consistent sizing across different dialogs.
+ *
+ * 
Usage:
+ *
+ * 
+ * class CustomDialog implements IsDialogSize {
+ *     // Implement methods...
+ * }
+ *
+ * CustomDialog dialog = new CustomDialog();
+ * 

+ *
+ * @see IsDialogWidth
+ * @see IsDialogHeight
+ */
 public interface IsDialogSize extends IsDialogWidth, IsDialogHeight {}
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/IsDialogWidth.java b/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/IsDialogWidth.java
index a2484ee02..7362f4659 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/IsDialogWidth.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/IsDialogWidth.java
@@ -17,12 +17,35 @@
 
 import org.dominokit.domino.ui.style.CssClass;
 
-/** IsDialogWidth interface. */
+/**
+ * Represents the width styling of a dialog.
+ *
+ * 
By implementing this interface, a dialog can define its width styling. This allows for
+ * consistent width management across different dialog implementations.
+ *
+ * 
Usage:
+ *
+ * 
+ * class CustomDialog implements IsDialogWidth {
+ *
+ *     @Override
+ *     public CssClass getWidthStyle() {
+ *         return CssClass.of("custom-dialog-width");
+ *     }
+ * }
+ *
+ * CustomDialog dialog = new CustomDialog();
+ * CssClass widthStyle = dialog.getWidthStyle();
+ * 

+ *
+ * @see CssClass
+ */
 public interface IsDialogWidth {
+
   /**
-   * getWidthStyle.
+   * Retrieves the width style of the dialog.
    *
-   * @return a {@link org.dominokit.domino.ui.style.CssClass} object
+   * @return The {@link CssClass} representing the width style of the dialog.
    */
   CssClass getWidthStyle();
 }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/MessageDialog.java b/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/MessageDialog.java
index 62968e7e7..c6897a499 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/MessageDialog.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/MessageDialog.java
@@ -22,7 +22,20 @@
 import org.dominokit.domino.ui.layout.NavBar;
 import org.dominokit.domino.ui.utils.*;
 
-/** MessageDialog class. */
+/**
+ * A dialog component for displaying messages to the user. It provides a convenient way to present
+ * information or prompt the user for a confirmation.
+ *
+ * 
Usage:
+ *
+ * 
+ * MessageDialog.create("Title", "This is the message")
+ *     .onConfirm(dialog -> {
+ *         // handle confirmation
+ *     })
+ *     .open();
+ * 

+ */
 public class MessageDialog extends AbstractDialog {
 
   private Button confirmButton;
@@ -32,38 +45,41 @@ public class MessageDialog extends AbstractDialog {
   private LazyChild messageElement;
   private LazyChild navHeader;
 
-  /** @return new instance with empty title */
   /**
-   * create.
+   * Factory method for creating a new instance of {@link MessageDialog} without a title and
+   * message.
    *
-   * @return a {@link org.dominokit.domino.ui.dialogs.MessageDialog} object
+   * @return A new instance of {@link MessageDialog}
    */
   public static MessageDialog create() {
     return new MessageDialog();
   }
 
   /**
-   * create.
+   * Factory method for creating a new instance of {@link MessageDialog} with a title.
    *
-   * @param title String
-   * @return new instance with custom title
+   * @param title The title of the dialog
+   * @return A new instance of {@link MessageDialog}
    */
   public static MessageDialog create(String title) {
     return new MessageDialog(title);
   }
 
   /**
-   * create.
+   * Factory method for creating a new instance of {@link MessageDialog} with a title and message.
    *
-   * @param title String
-   * @return new instance with custom title
-   * @param message a {@link java.lang.String} object
+   * @param title The title of the dialog
+   * @param message The message to display in the dialog
+   * @return A new instance of {@link MessageDialog}
    */
   public static MessageDialog create(String title, String message) {
     return new MessageDialog(title, message);
   }
 
-  /** creates new instance with empty title */
+  /**
+   * Default constructor for creating a new instance of {@link MessageDialog} without title and
+   * message.
+   */
   public MessageDialog() {
     messageElement = LazyChild.of(span(), contentElement);
     navHeader = LazyChild.of(NavBar.create().addCss(dui_dialog_nav), headerElement);
@@ -74,23 +90,21 @@ public MessageDialog() {
     setAutoClose(false);
   }
 
-  /** @param title String creates new instance with custom title */
   /**
-   * Constructor for MessageDialog.
+   * Constructs a new instance of {@link MessageDialog} with a title.
    *
-   * @param title a {@link java.lang.String} object
+   * @param title The title of the dialog
    */
   public MessageDialog(String title) {
     this();
     navHeader.get().setTitle(title);
   }
 
-  /** @param title String creates new instance with custom title */
   /**
-   * Constructor for MessageDialog.
+   * Constructs a new instance of {@link MessageDialog} with a title and message.
    *
-   * @param title a {@link java.lang.String} object
-   * @param message a {@link java.lang.String} object
+   * @param title The title of the dialog
+   * @param message The message to display in the dialog
    */
   public MessageDialog(String title, String message) {
     this(title);
@@ -98,10 +112,10 @@ public MessageDialog(String title, String message) {
   }
 
   /**
-   * setTitle.
+   * Sets the title for the {@link MessageDialog}.
    *
-   * @param title a {@link java.lang.String} object
-   * @return a {@link org.dominokit.domino.ui.dialogs.MessageDialog} object
+   * @param title The title of the dialog
+   * @return Current instance for chaining
    */
   public MessageDialog setTitle(String title) {
     navHeader.get().setTitle(title);
@@ -109,10 +123,10 @@ public MessageDialog setTitle(String title) {
   }
 
   /**
-   * setMessage.
+   * Sets the message for the {@link MessageDialog}.
    *
-   * @param message a {@link java.lang.String} object
-   * @return a {@link org.dominokit.domino.ui.dialogs.MessageDialog} object
+   * @param message The message to display in the dialog
+   * @return Current instance for chaining
    */
   public MessageDialog setMessage(String message) {
     messageElement.remove();
@@ -137,32 +151,30 @@ private void appendButtons() {
   }
 
   /**
-   * Sets the handler for the confirm action
+   * Set a handler to be called when the dialog is confirmed.
    *
-   * @param handler {@link org.dominokit.domino.ui.dialogs.MessageDialog.MessageHandler}
-   * @return same ConfirmationDialog instance
+   * @param handler The {@link MessageHandler} to handle the confirmation event
+   * @return Current instance for chaining
    */
   public MessageDialog onConfirm(MessageHandler handler) {
     this.confirmHandler = handler;
     return this;
   }
 
-  /** @return the confirmation {@link Button} */
   /**
-   * Getter for the field confirmButton.
+   * Returns the confirm button of the dialog.
    *
-   * @return a {@link org.dominokit.domino.ui.button.Button} object
+   * @return The {@link Button} used for confirming the dialog
    */
   public Button getConfirmButton() {
     return confirmButton;
   }
 
-  /** @return the confirmation {@link Button} */
   /**
-   * withConfirmButton.
+   * Apply custom modifications to the confirm button of the dialog.
    *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a {@link org.dominokit.domino.ui.dialogs.MessageDialog} object
+   * @param handler The handler to modify the confirm button
+   * @return Current instance for chaining
    */
   public MessageDialog withConfirmButton(ChildHandler handler) {
     handler.apply(this, confirmButton);
@@ -170,19 +182,24 @@ public MessageDialog withConfirmButton(ChildHandler handl
   }
 
   /**
-   * withNavHeader.
+   * Apply custom modifications to the navigation header of the dialog.
    *
-   * @param handler a {@link org.dominokit.domino.ui.utils.ChildHandler} object
-   * @return a {@link org.dominokit.domino.ui.dialogs.MessageDialog} object
+   * @param handler The handler to modify the navigation header
+   * @return Current instance for chaining
    */
   public MessageDialog withNavHeader(ChildHandler handler) {
     handler.apply(this, navHeader.get());
     return this;
   }
 
-  /** An interface to implement Confirm action handlers */
+  /** Functional interface to handle confirmation events on the {@link MessageDialog}. */
   @FunctionalInterface
   public interface MessageHandler {
+    /**
+     * Called when the {@link MessageDialog} is confirmed.
+     *
+     * @param dialog The {@link MessageDialog} that was confirmed
+     */
     void onConfirm(MessageDialog dialog);
   }
 }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/ModalBackDrop.java b/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/ModalBackDrop.java
index f31062049..ed03573c5 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/ModalBackDrop.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/ModalBackDrop.java
@@ -30,27 +30,29 @@
 import org.dominokit.domino.ui.utils.PopupsCloser;
 
 /**
- * A utility class to show overlays that blocks the content behind a modal dialog.
+ * Represents the backdrop for modals to show overlays that blocks the content behind a modal
+ * dialog.
  *
- * 
this class can track the overlay across the page and all opened modals and it adjust its
- * position whenever a modal is opened or closed
+ * 
This class provides functionalities to manage and handle popovers, tooltips, and modals
+ * backdrop in the UI, it can track the overlay across the page and all opened modals and it adjust
+ * its position whenever a modal is opened or closed
+ *
+ * @see HasComponentConfig
+ * @see BaseDominoElement
  */
 public class ModalBackDrop extends BaseDominoElement
     implements HasComponentConfig {
 
-  /** Constant DUI_REMOVE_POPOVERS="dui-remove-popovers" */
   public static final String DUI_REMOVE_POPOVERS = "dui-remove-popovers";
-  /** Constant DUI_REMOVE_TOOLTIPS="dui-remove-tooltips" */
   public static final String DUI_REMOVE_TOOLTIPS = "dui-remove-tooltips";
 
-  /** Constant INSTANCE */
   public static final ModalBackDrop INSTANCE = new ModalBackDrop();
 
   private CssClass dui_dialog_backdrop = () -> "dui-dialog-backdrop";
 
-  /** The single instance of the overlay backdrop element */
   private DivElement element;
 
+  /** Private constructor to ensure singleton pattern. */
   private ModalBackDrop() {
     element = div();
     element.addCss(dui_dialog_backdrop);
@@ -94,29 +96,30 @@ private void closeCurrentOpen() {
   }
 
   /**
-   * Close all currently open {@link org.dominokit.domino.ui.popover.Popover}
+   * Closes all popovers without a specific selection attribute.
    *
-   * @param sourceId a {@link java.lang.String} object
+   * @param sourceId The ID of the source element that triggers the closure.
    */
   public void closePopovers(String sourceId) {
     closePopovers(sourceId, null);
   }
 
   /**
-   * Close all currently open {@link org.dominokit.domino.ui.popover.Popover}s
+   * Closes all tooltips associated with a given source ID.
    *
-   * @param sourceId a {@link java.lang.String} object
+   * @param sourceId The ID of the source element that triggers the closure.
    */
   public void closeTooltips(String sourceId) {
     body()
         .querySelectorAll(".dui-tooltip")
         .forEach(e -> e.dispatchEvent(closeTooltipEvent(sourceId)));
   }
+
   /**
-   * Close all currently open {@link org.dominokit.domino.ui.popover.Popover}s
+   * Closes popovers based on the selection attribute.
    *
-   * @param sourceId a {@link java.lang.String} object
-   * @param selectAttribute a {@link java.lang.String} object
+   * @param sourceId The ID of the source element that triggers the closure.
+   * @param selectAttribute The attribute to select which popovers to close.
    */
   public void closePopovers(String sourceId, String selectAttribute) {
     body().querySelectorAll(".dui-popover").stream()
@@ -143,17 +146,13 @@ private static CustomEvent closeTooltipEvent(String sourceId) {
     return new CustomEvent<>(DUI_REMOVE_TOOLTIPS, initOptions);
   }
 
-  /**
-   * Automatically close all {@link org.dominokit.domino.ui.popover.Popover}s when the page is
-   * scrolled
-   */
+  /** Closes popovers on scroll event. */
   public void onScrollClosePopovers() {
     body()
         .querySelectorAll(".dui-popover[d-close-on-scroll='true']")
         .forEach(BaseDominoElement::remove);
   }
 
-  /** {@inheritDoc} */
   @Override
   public HTMLDivElement element() {
     return element.element();
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/Window.java b/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/Window.java
index 55ba5af74..807b9a339 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/Window.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/Window.java
@@ -24,8 +24,18 @@
 import org.dominokit.domino.ui.utils.PostfixAddOn;
 
 /**
- * A component that open a pop-up that acts like a window with close/maximize/minimize controls and
- * can be dragged across the page
+ * Represents a draggable and resizable window dialog. This class provides functionality to create
+ * window dialogs with maximization, restore, and close features.
+ *
+ * 
Usage:
+ *
+ * 
+ * Window myWindow = Window.create("Sample Title");
+ * myWindow.show();
+ * 

+ *
+ * @author [Your Name]
+ * @see AbstractDialog
  */
 public class Window extends AbstractDialog {
 
@@ -54,20 +64,19 @@ public class Window extends AbstractDialog {
   private NavBar navHeader;
 
   /**
-   * create.
+   * Factory method to create a new instance of the window with a title.
    *
-   * @param title String window title
-   * @return new Window instance
+   * @param title The title of the window.
+   * @return A new instance of the Window.
    */
   public static Window create(String title) {
     return new Window(title);
   }
 
-  /** @param title String window title */
   /**
-   * Constructor for Window.
+   * Constructs a new Window instance with the provided title.
    *
-   * @param title a {@link java.lang.String} object
+   * @param title The title of the window.
    */
   public Window(String title) {
     super();
@@ -247,21 +256,20 @@ private void addMoveListeners() {
     body().addEventsListener(stopMoveListener, "mouseup", "touchend");
   }
 
-  /** @return boolean, true if this window can be dragged across the screen */
   /**
-   * isDraggable.
+   * Checks if the window is draggable.
    *
-   * @return a boolean
+   * @return {@code true} if the window is draggable, {@code false} otherwise.
    */
   public boolean isDraggable() {
     return draggable;
   }
 
   /**
-   * Setter for the field draggable.
+   * Sets the window's draggability.
    *
-   * @param draggable boolean true to make this window instance draggable
-   * @return same Window instance
+   * @param draggable {@code true} to make the window draggable, {@code false} otherwise.
+   * @return The current instance of the Window.
    */
   public Window setDraggable(boolean draggable) {
     this.draggable = draggable;
@@ -269,9 +277,9 @@ public Window setDraggable(boolean draggable) {
   }
 
   /**
-   * Stretch the window to cover the full screen
+   * Maximizes the window.
    *
-   * @return same Window instance
+   * @return The current instance of the Window.
    */
   public Window maximize() {
     maximizing = true;
@@ -285,9 +293,9 @@ public Window maximize() {
   }
 
   /**
-   * If maximized restore the Window to its original size
+   * Restores the window to its original size.
    *
-   * @return same Window instance
+   * @return The current instance of the Window.
    */
   public Window restore() {
     restoreIcon.collapse();
@@ -300,10 +308,9 @@ public Window restore() {
   }
 
   /**
-   * Make the position of the Window fixed allowing the content of the page to scroll while the
-   * window stay in its position
+   * Sets the window to a fixed position.
    *
-   * @return same Window instance
+   * @return The current instance of the Window.
    */
   public Window setFixed() {
     addCss(dui_fixed);
@@ -312,52 +319,49 @@ public Window setFixed() {
     return this;
   }
 
-  /** @return boolean, true if the Window is maximized */
   /**
-   * isMaximized.
+   * Checks if the window is maximized.
    *
-   * @return a boolean
+   * @return {@code true} if the window is maximized, {@code false} otherwise.
    */
   public boolean isMaximized() {
     return maximized;
   }
 
-  /** @return the double left position of the window */
   /**
-   * Getter for the field windowLeft.
+   * Gets the left position of the window.
    *
-   * @return a double
+   * @return The left position of the window.
    */
   public double getWindowLeft() {
     return windowLeft;
   }
 
   /**
-   * Setter for the field windowLeft.
+   * Sets the left position of the window.
    *
-   * @param windowLeft double window left position
-   * @return same Window instance
+   * @param windowLeft The left position value to set.
+   * @return The current instance of the Window.
    */
   public Window setWindowLeft(double windowLeft) {
     this.windowLeft = windowLeft;
     return this;
   }
 
-  /** @return double top position of the window */
   /**
-   * Getter for the field windowTop.
+   * Gets the top position of the window.
    *
-   * @return a double
+   * @return The top position of the window.
    */
   public double getWindowTop() {
     return windowTop;
   }
 
   /**
-   * Setter for the field windowTop.
+   * Sets the top position of the window.
    *
-   * @param windowTop double top position of the window
-   * @return same Window instance
+   * @param windowTop The top position value to set.
+   * @return The current instance of the Window.
    */
   public Window setWindowTop(double windowTop) {
     this.windowTop = windowTop;
@@ -369,9 +373,9 @@ private void initPosition() {
   }
 
   /**
-   * Hides the resize controls from the title bar
+   * Hides the resizing icons of the window.
    *
-   * @return same Window instance
+   * @return The current instance of the Window.
    */
   public Window hideResizing() {
     restoreIcon.collapse();
@@ -380,10 +384,10 @@ public Window hideResizing() {
   }
 
   /**
-   * setTitle.
+   * Sets the title of the window.
    *
-   * @param title a {@link java.lang.String} object
-   * @return a {@link org.dominokit.domino.ui.dialogs.Window} object
+   * @param title The new title for the window.
+   * @return The current instance of the Window.
    */
   public Window setTitle(String title) {
     navHeader.setTitle(title);
@@ -391,9 +395,9 @@ public Window setTitle(String title) {
   }
 
   /**
-   * Show the resize controls in the title bar
+   * Shows the resizing icons of the window.
    *
-   * @return same Window instance
+   * @return The current instance of the Window.
    */
   public Window showResizing() {
     if (maximized) {
@@ -407,9 +411,9 @@ public Window showResizing() {
   }
 
   /**
-   * Hides the close control from the title bar
+   * Hides the closing icon of the window.
    *
-   * @return same Window instance
+   * @return The current instance of the Window.
    */
   public Window hideClosing() {
     closeIcon.collapse();
@@ -417,40 +421,37 @@ public Window hideClosing() {
   }
 
   /**
-   * Show the close control in the title bar
+   * Shows the closing icon of the window.
    *
-   * @return same Window instance
+   * @return The current instance of the Window.
    */
   public Window showClosing() {
     closeIcon.expand();
     return this;
   }
 
-  /** @return the {@link MdiIcon} of the restore window size control */
   /**
-   * Getter for the field restoreIcon.
+   * Gets the restore icon of the window.
    *
-   * @return a {@link org.dominokit.domino.ui.icons.MdiIcon} object
+   * @return The restore {@link MdiIcon} of the window.
    */
   public MdiIcon getRestoreIcon() {
     return restoreIcon;
   }
 
-  /** @return the {@link MdiIcon} of the maximize window size control */
   /**
-   * Getter for the field maximizeIcon.
+   * Gets the maximize icon of the window.
    *
-   * @return a {@link org.dominokit.domino.ui.icons.MdiIcon} object
+   * @return The maximize {@link MdiIcon} of the window.
    */
   public MdiIcon getMaximizeIcon() {
     return maximizeIcon;
   }
 
-  /** @return the {@link MdiIcon} of the close window control */
   /**
-   * Getter for the field closeIcon.
+   * Gets the close icon of the window.
    *
-   * @return a {@link org.dominokit.domino.ui.icons.MdiIcon} object
+   * @return The close {@link MdiIcon} of the window.
    */
   public MdiIcon getCloseIcon() {
     return closeIcon;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/ZIndexManager.java b/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/ZIndexManager.java
index 2f3209d53..b59ffae22 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/ZIndexManager.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/ZIndexManager.java
@@ -19,77 +19,102 @@
 import java.util.Optional;
 import org.dominokit.domino.ui.utils.IsPopup;
 
-/** ZIndexManager interface. */
+/**
+ * Manages z-index values and the order of popups within an application.
+ *
+ * 
Example usage:
+ *
+ * 
{@code
+ * ZIndexManager manager = ...; // Obtain an implementation
+ * manager.onPopupOpen(myPopup);
+ * Integer zIndex = manager.getNextZIndex();
+ * }

+ */
 public interface ZIndexManager {
 
-  /** @return return the next z-index value */
   /**
-   * getNextZIndex.
+   * Returns the next available z-index value.
    *
-   * @return a {@link java.lang.Integer} object
+   * @return the next z-index
    */
   Integer getNextZIndex();
 
   /**
-   * Whenever a pop is opened this need to be called, the implementation for this should adjust the
-   * opened modals and backdrop elements z-index.
+   * Notifies the manager that a popup has been opened.
    *
-   * @param popup the popup to be shown next
+   * @param popup the opened popup
    */
   void onPopupOpen(IsPopup popup);
 
   /**
-   * Whenever a pop is closed this need to be called, the implementation for this should adjust the
-   * opened modals and backdrop elements z-index.
+   * Notifies the manager that a popup has been closed.
    *
-   * @param popup the popup to be closed
+   * @param popup the closed popup
    */
   void onPopupClose(IsPopup popup);
 
-  /** @return The last opened modal popup. */
   /**
-   * getTopLevelModal.
+   * Retrieves the top-level modal currently managed.
    *
-   * @return a {@link java.util.Optional} object
+   * @return an optional top-level modal
    */
   Optional> getTopLevelModal();
 
   /**
-   * Adds a new {@link org.dominokit.domino.ui.dialogs.ZIndexManager.ZIndexListener}
+   * Adds a listener to observe z-index changes.
    *
-   * @param listener {@link org.dominokit.domino.ui.dialogs.ZIndexManager.ZIndexListener}
+   * @param listener the listener to add
    */
   void addZIndexListener(ZIndexListener listener);
 
   /**
-   * Removes a {@link org.dominokit.domino.ui.dialogs.ZIndexManager.ZIndexListener}
+   * Removes a z-index change listener.
    *
-   * @param listener {@link org.dominokit.domino.ui.dialogs.ZIndexManager.ZIndexListener}
+   * @param listener the listener to remove
    */
   void removeZIndexListener(ZIndexListener listener);
 
-  /**
-   * A listener to be called when the zIndexManager assign z-index values to different elements, if
-   * the {@link #getNextZIndex()} is called more than once from the same context it should return
-   * all the assigned z-index values.
-   */
+  /** Functional interface for listening to changes in z-index values. */
   @FunctionalInterface
   interface ZIndexListener {
+
+    /**
+     * Callback method for when the z-index changes.
+     *
+     * @param zIndexInfo the information regarding the z-index change
+     */
     void onZIndexChange(ZIndexInfo zIndexInfo);
 
+    /** Class to provide information about a z-index change event. */
     class ZIndexInfo {
       private final IsPopup popup;
       private final Deque> modals;
 
+      /**
+       * Constructs a ZIndexInfo instance.
+       *
+       * @param popup the popup related to the event
+       * @param modals the modals currently being managed
+       */
       public ZIndexInfo(IsPopup popup, Deque> modals) {
         this.popup = popup;
         this.modals = modals;
       }
 
+      /**
+       * Returns the popup related to the z-index change event.
+       *
+       * @return the popup
+       */
       public IsPopup getPopup() {
         return popup;
       }
 
+      /**
+       * Returns the list of modals currently being managed.
+       *
+       * @return the modals
+       */
       public Deque> getModals() {
         return modals;
       }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/dnd/DragSource.java b/domino-ui/src/main/java/org/dominokit/domino/ui/dnd/DragSource.java
index cacb80743..e6ac9e144 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/dnd/DragSource.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/dnd/DragSource.java
@@ -19,29 +19,42 @@
 import java.util.Map;
 
 /**
- * Defines draggable elements.
+ * Manages a collection of draggable elements providing functionality to add and remove them.
  *
- * 
Each drag source has a list of draggable elements (i.e. can be dragged and dropped)
+ * 
This class maintains a map of draggable elements and offers methods to dynamically manage
+ * which elements are draggable at a given time. Example usage:
+ *
+ * 
+ * DragSource source = new DragSource();
+ * Draggable<MyElement> draggable = Draggable.of(myElementInstance);
+ * source.addDraggable(draggable);
+ * source.removeDraggable(draggable.getId());
+ * 

  */
 public class DragSource {
 
+  /** Constant representing a CSS class used to denote an element is currently being dragged. */
   static final String DRAGGING = "dragging";
 
+  /** Map of draggable elements indexed by their ID. */
   private final Map draggables = new HashMap<>();
 
   /**
-   * Defines element as draggable
+   * Adds a new {@link Draggable} element to the manager.
    *
-   * @param draggable the element
+   * @param draggable the draggable element to be added
    */
   public void addDraggable(Draggable draggable) {
     draggables.put(draggable.getId(), draggable);
   }
 
   /**
-   * removeDraggable.
+   * Removes a {@link Draggable} element from the manager using its ID.
+   *
+   * 
If an element with the provided ID is found, it is first detached (made non-draggable) and
+   * then removed from the manager.
    *
-   * @param id a {@link java.lang.String} object
+   * @param id the unique identifier of the draggable element to be removed
    */
   public void removeDraggable(String id) {
     if (draggables.containsKey(id)) {
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/dnd/Draggable.java b/domino-ui/src/main/java/org/dominokit/domino/ui/dnd/Draggable.java
index 2bc467884..45a7535a3 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/dnd/Draggable.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/dnd/Draggable.java
@@ -22,6 +22,21 @@
 import org.dominokit.domino.ui.IsElement;
 import org.dominokit.domino.ui.utils.DominoElement;
 
+/**
+ * Represents an element that can be dragged by users.
+ *
+ * 
This utility makes any given element draggable and provides an interface for interacting with
+ * the drag-and-drop process.
+ *
+ * 
Example usage:
+ *
+ * 
+ * Draggable<MyElement> draggable = Draggable.of(myElementInstance);
+ * draggable.detach(); // To stop the element from being draggable
+ * 

+ *
+ * @param  the type of the draggable element which should implement {@link IsElement}
+ */
 public class Draggable> {
 
   private final String id;
@@ -29,19 +44,52 @@ public class Draggable> {
   private final EventListener eventListener;
   private final Consumer dragStartListener;
 
+  /**
+   * Creates a draggable instance for the specified element.
+   *
+   * @param element the element to be made draggable
+   * @param  the type of the element
+   * @return a new Draggable instance
+   */
   public static > Draggable of(E element) {
     return new Draggable<>(element);
   }
 
+  /**
+   * Creates a draggable instance for the specified element with a drag start listener.
+   *
+   * @param element the element to be made draggable
+   * @param dragStartListener listener for the drag start event
+   * @param  the type of the element
+   * @return a new Draggable instance
+   */
   public static > Draggable of(
       E element, Consumer dragStartListener) {
     return new Draggable<>(element, dragStartListener);
   }
 
+  /**
+   * Creates a draggable instance for the specified element with a unique identifier.
+   *
+   * @param id unique identifier for the draggable element
+   * @param element the element to be made draggable
+   * @param  the type of the element
+   * @return a new Draggable instance
+   */
   public static > Draggable of(String id, E element) {
     return new Draggable<>(id, element);
   }
 
+  /**
+   * Creates a draggable instance for the specified element with a unique identifier and drag start
+   * listener.
+   *
+   * @param id unique identifier for the draggable element
+   * @param element the element to be made draggable
+   * @param dragStartListener listener for the drag start event
+   * @param  the type of the element
+   * @return a new Draggable instance
+   */
   public static > Draggable of(
       String id, E element, Consumer dragStartListener) {
     return new Draggable<>(id, element, dragStartListener);
@@ -77,11 +125,17 @@ private void onDragStart(Event evt, E draggable, String id) {
     dragStartListener.accept(draggable);
   }
 
+  /** Detaches the draggable feature from the element. */
   public void detach() {
     element.element().draggable = false;
     element.element().removeEventListener("dragstart", eventListener);
   }
 
+  /**
+   * Returns the unique identifier of the draggable element.
+   *
+   * @return the unique identifier
+   */
   public String getId() {
     return id;
   }
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/dnd/DropZone.java b/domino-ui/src/main/java/org/dominokit/domino/ui/dnd/DropZone.java
index a8d65780a..b7d23f475 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/dnd/DropZone.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/dnd/DropZone.java
@@ -24,20 +24,26 @@
 import org.dominokit.domino.ui.utils.DominoElement;
 
 /**
- * Define a drop zone.
+ * A manager for drop targets in a Drag-and-Drop system.
  *
- * 
Each drop zone has a list of drop targets that accept drop event. Each drop target has a
- * listener that will be called when a drop event happens passing the id of the element
+ * 
The DropZone class allows the easy addition and removal of drop targets. It provides
+ * functionality to manage the dropping of dragged elements on registered targets. Example usage:
+ *
+ * 
+ * DropZone zone = new DropZone();
+ * zone.addDropTarget(myHtmlElement, draggableId -> DomGlobal.console.info("Dropped: " + draggableId));
+ * 

  */
 public class DropZone {
 
+  /** Map containing the drop targets. */
   private final Map dropTargets = new HashMap<>();
 
   /**
-   * Adds {@code element} as a valid drop target
+   * Registers an {@link HTMLElement} as a drop target with a specified {@link DropListener}.
    *
-   * @param element the valid drop target
-   * @param dropListener listener to be called when a drop happens
+   * @param element the HTML element to register as a drop target
+   * @param dropListener the listener that will be invoked upon a drop event
    */
   public void addDropTarget(HTMLElement element, DropListener dropListener) {
     if (!dropTargets.containsKey(element)) {
@@ -46,19 +52,19 @@ public void addDropTarget(HTMLElement element, DropListener dropListener) {
   }
 
   /**
-   * Adds {@code element} as a valid drop target
+   * Registers an {@link IsElement} as a drop target with a specified {@link DropListener}.
    *
-   * @param element the valid drop target
-   * @param dropListener listener to be called when a drop happens
+   * @param element the IsElement to register as a drop target
+   * @param dropListener the listener that will be invoked upon a drop event
    */
   public void addDropTarget(IsElement element, DropListener dropListener) {
     addDropTarget(element.element(), dropListener);
   }
 
   /**
-   * removeDropTarget.
+   * Unregisters an {@link HTMLElement} from being a drop target.
    *
-   * @param element a {@link elemental2.dom.HTMLElement} object
+   * @param element the HTML element to unregister as a drop target
    */
   public void removeDropTarget(HTMLElement element) {
     if (dropTargets.containsKey(element)) {
@@ -68,21 +74,29 @@ public void removeDropTarget(HTMLElement element) {
   }
 
   /**
-   * removeDropTarget.
+   * Unregisters an {@link IsElement} from being a drop target.
    *
-   * @param element a {@link org.dominokit.domino.ui.IsElement} object
+   * @param element the IsElement to unregister as a drop target
    */
   public void removeDropTarget(IsElement element) {
     removeDropTarget(element.element());
   }
 
-  /** Listener to be called when a drop event gets fired */
+  /**
+   * A functional interface representing a drop listener. This will be triggered when an item is
+   * dropped onto a registered target.
+   */
   @FunctionalInterface
   public interface DropListener {
-    /** @param draggableId the draggable element id */
+    /**
+     * Called when a draggable element is dropped.
+     *
+     * @param draggableId the ID of the dropped element
+     */
     void onDrop(String draggableId);
   }
 
+  /** Inner class representing a drop target. */
   private static class DropTarget {
 
     private static final String DRAG_OVER = "drag-over";
@@ -92,6 +106,12 @@ private static class DropTarget {
     private final EventListener onDragLeave;
     private final EventListener onDrop;
 
+    /**
+     * Constructs a new {@link DropTarget} with the given element and drop listener.
+     *
+     * @param element the HTML element to be registered as a drop target
+     * @param dropListener the listener to be invoked upon a drop event
+     */
     public DropTarget(HTMLElement element, DropListener dropListener) {
       this.element = elements.elementOf(element);
       this.dropListener = dropListener;
@@ -103,6 +123,12 @@ public DropTarget(HTMLElement element, DropListener dropListener) {
       element.addEventListener("drop", onDrop);
     }
 
+    /**
+     * Handles the drop event, calling the drop listener and removing any styles applied during drag
+     * over.
+     *
+     * @param evt the drag event
+     */
     private void onDrop(Event evt) {
       evt.preventDefault();
       element.removeCss(DRAG_OVER);
@@ -111,16 +137,27 @@ private void onDrop(Event evt) {
       dropListener.onDrop(draggableId);
     }
 
+    /**
+     * Handles the drag leave event, removing any styles applied during drag over.
+     *
+     * @param evt the drag event
+     */
     private void onDragLeave(Event evt) {
       evt.preventDefault();
       element.removeCss(DRAG_OVER);
     }
 
+    /**
+     * Handles the drag over event, applying a style to indicate the drag over state.
+     *
+     * @param evt the drag event
+     */
     private void onDragOver(Event evt) {
       evt.preventDefault();
       element.addCss(DRAG_OVER);
     }
 
+    /** Detaches this drop target, ensuring no further events will be listened to. */
     public void detach() {
       element.removeEventListener("dragover", onDragOver);
       element.removeEventListener("dragleave", onDragLeave);
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/elements/ABBRElement.java b/domino-ui/src/main/java/org/dominokit/domino/ui/elements/ABBRElement.java
index b96b6fe89..4de52c339 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/elements/ABBRElement.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/elements/ABBRElement.java
@@ -17,22 +17,36 @@
 
 import elemental2.dom.HTMLElement;
 
-/** ABBRElement class. */
+/**
+ * Represents an abbreviation HTML element (``) wrapper.
+ *
+ * 
This class facilitates the creation and manipulation of the abbreviation HTML element. Example
+ * usage:
+ *
+ * 
{@code
+ * HTMLElement htmlElement = ...;  // Obtain an abbreviation element from somewhere
+ * ABBRElement abbrElement = ABBRElement.of(htmlElement);
+ * }

+ *
+ * @see MDN Web Docs (abbr
+ *     element)
+ */
 public class ABBRElement extends BaseElement {
+
   /**
-   * of.
+   * Creates a new {@link ABBRElement} from the given HTML element.
    *
-   * @param e a {@link elemental2.dom.HTMLElement} object
-   * @return a {@link org.dominokit.domino.ui.elements.ABBRElement} object
+   * @param e The abbreviation HTML element.
+   * @return A new {@link ABBRElement} wrapping the provided element.
    */
   public static ABBRElement of(HTMLElement e) {
     return new ABBRElement(e);
   }
 
   /**
-   * Constructor for ABBRElement.
+   * Constructs an {@link ABBRElement} by wrapping the provided abbreviation HTML element.
    *
-   * @param element a {@link elemental2.dom.HTMLElement} object
+   * @param element The abbreviation HTML element to wrap.
    */
   public ABBRElement(HTMLElement element) {
     super(element);
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/elements/AddressElement.java b/domino-ui/src/main/java/org/dominokit/domino/ui/elements/AddressElement.java
index 3513d83cd..a6d654535 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/elements/AddressElement.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/elements/AddressElement.java
@@ -17,22 +17,36 @@
 
 import elemental2.dom.HTMLElement;
 
-/** AddressElement class. */
+/**
+ * Represents an address HTML element (`
`) wrapper.
+ *
+ * 
This class provides a convenient way to create and manipulate the address HTML element.
+ * Example usage:
+ *
+ * 
+ * HTMLElement htmlElement = ...;  // Obtain an address element from somewhere
+ * AddressElement addressElement = AddressElement.of(htmlElement);
+ * 

+ *
+ * @see MDN Web Docs
+ *     (address element)
+ */
 public class AddressElement extends BaseElement {
+
   /**
-   * of.
+   * Creates a new {@link AddressElement} by wrapping the provided HTML element.
    *
-   * @param e a {@link elemental2.dom.HTMLElement} object
-   * @return a {@link org.dominokit.domino.ui.elements.AddressElement} object
+   * @param e The address HTML element.
+   * @return A new {@link AddressElement} that wraps the provided element.
    */
   public static AddressElement of(HTMLElement e) {
     return new AddressElement(e);
   }
 
   /**
-   * Constructor for AddressElement.
+   * Constructs an {@link AddressElement} by wrapping the provided address HTML element.
    *
-   * @param element a {@link elemental2.dom.HTMLElement} object
+   * @param element The address HTML element to wrap.
    */
   public AddressElement(HTMLElement element) {
     super(element);
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/elements/AnchorElement.java b/domino-ui/src/main/java/org/dominokit/domino/ui/elements/AnchorElement.java
index 926cea2b6..16a5b1e37 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/elements/AnchorElement.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/elements/AnchorElement.java
@@ -19,27 +19,48 @@
 
 import elemental2.dom.HTMLAnchorElement;
 
-/** AnchorElement class. */
+/**
+ * Represents an anchor HTML element (``) wrapper.
+ *
+ * 
This class provides a convenient way to create, manipulate, and control the behavior of anchor
+ * HTML elements. Example usage:
+ *
+ * 
+ * HTMLAnchorElement htmlElement = ...;  // Obtain an anchor element from somewhere
+ * AnchorElement anchorElement = AnchorElement.of(htmlElement).setHref("https://example.com");
+ * 

+ *
+ * @see MDN Web Docs (anchor
+ *     element)
+ */
 public class AnchorElement extends BaseElement {
+
   /**
-   * of.
+   * Creates a new {@link AnchorElement} by wrapping the provided anchor HTML element.
    *
-   * @param e a {@link elemental2.dom.HTMLAnchorElement} object
-   * @return a {@link org.dominokit.domino.ui.elements.AnchorElement} object
+   * @param e The anchor HTML element.
+   * @return A new {@link AnchorElement} that wraps the provided element.
    */
   public static AnchorElement of(HTMLAnchorElement e) {
     return new AnchorElement(e);
   }
 
   /**
-   * Constructor for AnchorElement.
+   * Constructs an {@link AnchorElement} by wrapping the provided anchor HTML element.
    *
-   * @param element a {@link elemental2.dom.HTMLAnchorElement} object
+   * @param element The anchor HTML element to wrap.
    */
   public AnchorElement(HTMLAnchorElement element) {
     super(element);
   }
 
+  /**
+   * Sets the "href" attribute for the anchor element. If the provided href is null or empty, it
+   * will remove the "href" attribute.
+   *
+   * @param href The URL the anchor element should link to.
+   * @return The current {@link AnchorElement} instance.
+   */
   public AnchorElement setHref(String href) {
     if (isNull(href) || href.trim().isEmpty()) {
       removeAttribute("href");
@@ -49,6 +70,11 @@ public AnchorElement setHref(String href) {
     return this;
   }
 
+  /**
+   * Removes the "href" attribute from the anchor element.
+   *
+   * @return The current {@link AnchorElement} instance.
+   */
   public AnchorElement removeHref() {
     removeAttribute("href");
     return this;
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/elements/AreaElement.java b/domino-ui/src/main/java/org/dominokit/domino/ui/elements/AreaElement.java
index 8f498f049..2e961005f 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/elements/AreaElement.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/elements/AreaElement.java
@@ -17,22 +17,36 @@
 
 import elemental2.dom.HTMLAreaElement;
 
-/** AreaElement class. */
+/**
+ * Represents an area HTML element (``) wrapper.
+ *
+ * 
This class provides a convenient way to create, manipulate, and control the behavior of area
+ * HTML elements. Example usage:
+ *
+ * 
{@code
+ * HTMLAreaElement htmlElement = ...;  // Obtain an area element from somewhere
+ * AreaElement areaElement = AreaElement.of(htmlElement);
+ * }

+ *
+ * @see MDN Web Docs (area
+ *     element)
+ */
 public class AreaElement extends BaseElement {
+
   /**
-   * of.
+   * Creates a new {@link AreaElement} by wrapping the provided area HTML element.
    *
-   * @param e a {@link elemental2.dom.HTMLAreaElement} object
-   * @return a {@link org.dominokit.domino.ui.elements.AreaElement} object
+   * @param e The area HTML element.
+   * @return A new {@link AreaElement} that wraps the provided element.
    */
   public static AreaElement of(HTMLAreaElement e) {
     return new AreaElement(e);
   }
 
   /**
-   * Constructor for AreaElement.
+   * Constructs an {@link AreaElement} by wrapping the provided area HTML element.
    *
-   * @param element a {@link elemental2.dom.HTMLAreaElement} object
+   * @param element The area HTML element to wrap.
    */
   public AreaElement(HTMLAreaElement element) {
     super(element);
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/elements/ArticleElement.java b/domino-ui/src/main/java/org/dominokit/domino/ui/elements/ArticleElement.java
index 87c360bb9..b2fece3bc 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/elements/ArticleElement.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/elements/ArticleElement.java
@@ -17,22 +17,36 @@
 
 import elemental2.dom.HTMLElement;
 
-/** ArticleElement class. */
+/**
+ * Represents an article HTML element (`
`) wrapper.
+ *
+ * 
The class provides a convenient way to create, manipulate, and control the behavior of article
+ * HTML elements. Example usage:
+ *
+ * 
+ * HTMLElement htmlElement = ...;  // Obtain an article element from somewhere
+ * ArticleElement articleElement = ArticleElement.of(htmlElement);
+ * 

+ *
+ * @see MDN Web Docs
+ *     (article element)
+ */
 public class ArticleElement extends BaseElement {
+
   /**
-   * of.
+   * Creates a new {@link ArticleElement} by wrapping the provided article HTML element.
    *
-   * @param e a {@link elemental2.dom.HTMLElement} object
-   * @return a {@link org.dominokit.domino.ui.elements.ArticleElement} object
+   * @param e The article HTML element.
+   * @return A new {@link ArticleElement} that wraps the provided element.
    */
   public static ArticleElement of(HTMLElement e) {
     return new ArticleElement(e);
   }
 
   /**
-   * Constructor for ArticleElement.
+   * Constructs an {@link ArticleElement} by wrapping the provided article HTML element.
    *
-   * @param element a {@link elemental2.dom.HTMLElement} object
+   * @param element The article HTML element to wrap.
    */
   public ArticleElement(HTMLElement element) {
     super(element);
diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/elements/AsideElement.java b/domino-ui/src/main/java/org/dominokit/domino/ui/elements/AsideElement.java
index 67e8a6c07..6620f6e32 100644
--- a/domino-ui/src/main/java/org/dominokit/domino/ui/elements/AsideElement.java
+++ b/domino-ui/src/main/java/org/dominokit/domino/ui/elements/AsideElement.java
@@ -17,22 +17,36 @@
 
 import elemental2.dom.HTMLElement;
 
-/** AsideElement class. */
+/**
+ * Represents an aside HTML element (`
+ * + * @see MDN Web Docs + * (button element) + */ public class ButtonElement extends BaseElement { + /** - * of. + * Creates a new {@link ButtonElement} instance by wrapping the provided button HTML element. * - * @param e a {@link elemental2.dom.HTMLButtonElement} object - * @return a {@link org.dominokit.domino.ui.elements.ButtonElement} object + * @param e The button HTML element. + * @return A new {@link ButtonElement} instance wrapping the provided element. */ public static ButtonElement of(HTMLButtonElement e) { return new ButtonElement(e); } /** - * Constructor for ButtonElement. + * Constructs a {@link ButtonElement} instance by wrapping the provided button HTML element. * - * @param element a {@link elemental2.dom.HTMLButtonElement} object + * @param element The button HTML element to wrap. */ public ButtonElement(HTMLButtonElement element) { super(element); diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/elements/CanvasElement.java b/domino-ui/src/main/java/org/dominokit/domino/ui/elements/CanvasElement.java index f20c0c236..5689d9af4 100644 --- a/domino-ui/src/main/java/org/dominokit/domino/ui/elements/CanvasElement.java +++ b/domino-ui/src/main/java/org/dominokit/domino/ui/elements/CanvasElement.java @@ -17,22 +17,36 @@ import elemental2.dom.HTMLCanvasElement; -/** CanvasElement class. */ +/** + * Represents a canvas (``) HTML element wrapper. + * + *

This class provides a convenient way to create, manipulate, and control the behavior of canvas + * HTML elements. Example usage: + * + * 

+ * HTMLCanvasElement htmlElement = ...;  // Obtain a  element from somewhere
+ * CanvasElement canvasElement = CanvasElement.of(htmlElement);
+ *
+ * + * @see MDN Web Docs + * (canvas element) + */ public class CanvasElement extends BaseElement { + /** - * of. + * Creates a new {@link CanvasElement} instance by wrapping the provided canvas HTML element. * - * @param e a {@link elemental2.dom.HTMLCanvasElement} object - * @return a {@link org.dominokit.domino.ui.elements.CanvasElement} object + * @param e The canvas HTML element. + * @return A new {@link CanvasElement} instance wrapping the provided element. */ public static CanvasElement of(HTMLCanvasElement e) { return new CanvasElement(e); } /** - * Constructor for CanvasElement. + * Constructs a {@link CanvasElement} instance by wrapping the provided canvas HTML element. * - * @param element a {@link elemental2.dom.HTMLCanvasElement} object + * @param element The canvas HTML element to wrap. */ public CanvasElement(HTMLCanvasElement element) { super(element); diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/elements/CircleElement.java b/domino-ui/src/main/java/org/dominokit/domino/ui/elements/CircleElement.java deleted file mode 100644 index 707ba4b9b..000000000 --- a/domino-ui/src/main/java/org/dominokit/domino/ui/elements/CircleElement.java +++ /dev/null @@ -1,40 +0,0 @@ -/* - * Copyright © 2019 Dominokit - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ -package org.dominokit.domino.ui.elements; - -import elemental2.svg.SVGCircleElement; - -/** CircleElement class. */ -public class CircleElement extends BaseElement { - /** - * of. - * - * @param e a {@link elemental2.svg.SVGCircleElement} object - * @return a {@link org.dominokit.domino.ui.elements.CircleElement} object - */ - public static CircleElement of(SVGCircleElement e) { - return new CircleElement(e); - } - - /** - * Constructor for CircleElement. - * - * @param element a {@link elemental2.svg.SVGCircleElement} object - */ - public CircleElement(SVGCircleElement element) { - super(element); - } -} diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/elements/CiteElement.java b/domino-ui/src/main/java/org/dominokit/domino/ui/elements/CiteElement.java index 5b2b6fce7..3e2005b54 100644 --- a/domino-ui/src/main/java/org/dominokit/domino/ui/elements/CiteElement.java +++ b/domino-ui/src/main/java/org/dominokit/domino/ui/elements/CiteElement.java @@ -17,22 +17,37 @@ import elemental2.dom.HTMLElement; -/** CiteElement class. */ +/** + * Represents a `` HTML element wrapper. + * + *

The `` tag defines the title of a creative work (e.g. a book, a song, a movie, a TV + * show, a painting, a sculpture, etc.). This class provides a convenient way to create, manipulate, + * and control the behavior of `` elements. Example usage: + * + * 

+ * HTMLElement htmlElement = ...;  // Obtain a  element from somewhere
+ * CiteElement citeElement = CiteElement.of(htmlElement);
+ *
+ * + * @see MDN Web Docs (cite + * element) + */ public class CiteElement extends BaseElement { + /** - * of. + * Creates a new {@link CiteElement} instance by wrapping the provided HTML `` element. * - * @param e a {@link elemental2.dom.HTMLElement} object - * @return a {@link org.dominokit.domino.ui.elements.CiteElement} object + * @param e The HTML `` element. + * @return A new {@link CiteElement} instance wrapping the provided element. */ public static CiteElement of(HTMLElement e) { return new CiteElement(e); } /** - * Constructor for CiteElement. + * Constructs a {@link CiteElement} instance by wrapping the provided HTML `` element. * - * @param element a {@link elemental2.dom.HTMLElement} object + * @param element The HTML `` element to wrap. */ public CiteElement(HTMLElement element) { super(element); diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/elements/CodeElement.java b/domino-ui/src/main/java/org/dominokit/domino/ui/elements/CodeElement.java index 4d2813c0b..33f9e4647 100644 --- a/domino-ui/src/main/java/org/dominokit/domino/ui/elements/CodeElement.java +++ b/domino-ui/src/main/java/org/dominokit/domino/ui/elements/CodeElement.java @@ -17,22 +17,38 @@ import elemental2.dom.HTMLElement; -/** CodeElement class. */ +/** + * Represents a `` HTML element wrapper. + *

+ * The `` tag is used to define a piece of computer code. Text surrounded by `` tags is typically displayed in the browser's default monospace font. This class offers a convenient way to create, manipulate, and control the behavior of `` elements, facilitating their use in Java-based web applications. + *

+ * + * Example usage: + * 
+ * {@code
+ * HTMLElement htmlElement = ...;  // Obtain a  element from somewhere
+ * CodeElement codeElement = CodeElement.of(htmlElement);
+ * }
+ *
+ * + * @see MDN Web Docs (code element) + */ public class CodeElement extends BaseElement { + /** - * of. + * Creates a new {@link CodeElement} instance by wrapping the provided HTML `` element. * - * @param e a {@link elemental2.dom.HTMLElement} object - * @return a {@link org.dominokit.domino.ui.elements.CodeElement} object + * @param e The HTML `` element. + * @return A new {@link CodeElement} instance wrapping the provided element. */ public static CodeElement of(HTMLElement e) { return new CodeElement(e); } /** - * Constructor for CodeElement. + * Constructs a {@link CodeElement} instance by wrapping the provided HTML `` element. * - * @param element a {@link elemental2.dom.HTMLElement} object + * @param element The HTML `` element to wrap. */ public CodeElement(HTMLElement element) { super(element); diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/elements/ColElement.java b/domino-ui/src/main/java/org/dominokit/domino/ui/elements/ColElement.java index 2fce70def..e31d411f8 100644 --- a/domino-ui/src/main/java/org/dominokit/domino/ui/elements/ColElement.java +++ b/domino-ui/src/main/java/org/dominokit/domino/ui/elements/ColElement.java @@ -17,22 +17,37 @@ import elemental2.dom.HTMLTableColElement; -/** ColElement class. */ +/** + * Represents a `` HTML element wrapper. + * + *

The `` tag is used with the `` element to specify column properties for an HTML + * table. This class offers a convenient way to create, manipulate, and control the behavior of + * `` elements, facilitating their use in Java-based web applications. Example usage: + * + * 

+ * HTMLTableColElement htmlElement = ...;  // Obtain a  element from somewhere
+ * ColElement colElement = ColElement.of(htmlElement);
+ *
+ * + * @see MDN Web Docs (col + * element) + */ public class ColElement extends BaseElement { + /** - * of. + * Creates a new {@link ColElement} instance by wrapping the provided HTML `` element. * - * @param e a {@link elemental2.dom.HTMLTableColElement} object - * @return a {@link org.dominokit.domino.ui.elements.ColElement} object + * @param e The HTML `` element. + * @return A new {@link ColElement} instance wrapping the provided element. */ public static ColElement of(HTMLTableColElement e) { return new ColElement(e); } /** - * Constructor for ColElement. + * Constructs a {@link ColElement} instance by wrapping the provided HTML `` element. * - * @param element a {@link elemental2.dom.HTMLTableColElement} object + * @param element The HTML `` element to wrap. */ public ColElement(HTMLTableColElement element) { super(element); diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/elements/ColGroupElement.java b/domino-ui/src/main/java/org/dominokit/domino/ui/elements/ColGroupElement.java index 084602ca6..9d0c900a4 100644 --- a/domino-ui/src/main/java/org/dominokit/domino/ui/elements/ColGroupElement.java +++ b/domino-ui/src/main/java/org/dominokit/domino/ui/elements/ColGroupElement.java @@ -17,22 +17,40 @@ import elemental2.dom.HTMLTableColElement; -/** ColGroupElement class. */ +/** + * Represents a `` HTML element wrapper. + * + *

The `` tag is used to group one or more `` elements in an HTML table and is + * used for applying styles to multiple columns. This class provides a convenient way to create, + * manipulate, and control the behavior of `` elements, making it easier to use them in + * Java-based web applications. Example usage: + * + * 

{@code
+ * HTMLTableColElement htmlElement = ...;  // Obtain a  element from somewhere
+ * ColGroupElement colGroupElement = ColGroupElement.of(htmlElement);
+ * }
+ * + * @see MDN Web Docs + * (colgroup element) + */ public class ColGroupElement extends BaseElement { + /** - * of. + * Creates a new {@link ColGroupElement} instance by wrapping the provided HTML `` + * element. * - * @param e a {@link elemental2.dom.HTMLTableColElement} object - * @return a {@link org.dominokit.domino.ui.elements.ColGroupElement} object + * @param e The HTML `` element. + * @return A new {@link ColGroupElement} instance wrapping the provided element. */ public static ColGroupElement of(HTMLTableColElement e) { return new ColGroupElement(e); } /** - * Constructor for ColGroupElement. + * Constructs a {@link ColGroupElement} instance by wrapping the provided HTML `` + * element. * - * @param element a {@link elemental2.dom.HTMLTableColElement} object + * @param element The HTML `` element to wrap. */ public ColGroupElement(HTMLTableColElement element) { super(element); diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/elements/DDElement.java b/domino-ui/src/main/java/org/dominokit/domino/ui/elements/DDElement.java index 4d41e7833..da9cbc634 100644 --- a/domino-ui/src/main/java/org/dominokit/domino/ui/elements/DDElement.java +++ b/domino-ui/src/main/java/org/dominokit/domino/ui/elements/DDElement.java @@ -17,22 +17,46 @@ import elemental2.dom.HTMLElement; -/** DDElement class. */ +/** + * Represents a ` + *
` HTML element wrapper. + * + *

The ` + *

` tag specifies a description or value in a description list (` + * + *
+ * `) element. It is typically used in conjunction with ` + *
` (term) elements to define terms and their corresponding descriptions. This class + * provides a convenient way to create, manipulate, and control the behavior of ` + *
` elements, making it easier to use them in Java-based web applications. Example usage: + * 
+ * HTMLElement htmlElement = ...;  // Obtain a 
 element from somewhere
+ * DDElement ddElement = DDElement.of(htmlElement);
+ *
+ * + * @see MDN Web Docs (dd + * element) + */ public class DDElement extends BaseElement { + /** - * of. + * Creates a new {@link DDElement} instance by wrapping the provided HTML ` + *
` element. * - * @param e a {@link elemental2.dom.HTMLElement} object - * @return a {@link org.dominokit.domino.ui.elements.DDElement} object + * @param e The HTML ` + *
` element. + * @return A new {@link DDElement} instance wrapping the provided element. */ public static DDElement of(HTMLElement e) { return new DDElement(e); } /** - * Constructor for DDElement. + * Constructs a {@link DDElement} instance by wrapping the provided HTML ` + *
` element. * - * @param element a {@link elemental2.dom.HTMLElement} object + * @param element The HTML ` + *
` element to wrap. */ public DDElement(HTMLElement element) { super(element); diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/elements/DFNElement.java b/domino-ui/src/main/java/org/dominokit/domino/ui/elements/DFNElement.java index c64130e14..58dbb8361 100644 --- a/domino-ui/src/main/java/org/dominokit/domino/ui/elements/DFNElement.java +++ b/domino-ui/src/main/java/org/dominokit/domino/ui/elements/DFNElement.java @@ -17,22 +17,37 @@ import elemental2.dom.HTMLElement; -/** DFNElement class. */ +/** + * Represents a `` HTML element wrapper. + * + *

The `` tag represents the defining instance of a term. This class provides a convenient + * way to create, manipulate, and control the behavior of `` elements, making it easier to use + * them in Java-based web applications. Example usage: + * + * 

+ * HTMLElement htmlElement = ...;  // Obtain a  element from somewhere
+ * DFNElement dfnElement = DFNElement.of(htmlElement);
+ *
+ * + * @see MDN Web Docs (dfn + * element) + */ public class DFNElement extends BaseElement { + /** - * of. + * Creates a new {@link DFNElement} instance by wrapping the provided HTML `` element. * - * @param e a {@link elemental2.dom.HTMLElement} object - * @return a {@link org.dominokit.domino.ui.elements.DFNElement} object + * @param e The HTML `` element. + * @return A new {@link DFNElement} instance wrapping the provided element. */ public static DFNElement of(HTMLElement e) { return new DFNElement(e); } /** - * Constructor for DFNElement. + * Constructs a {@link DFNElement} instance by wrapping the provided HTML `` element. * - * @param element a {@link elemental2.dom.HTMLElement} object + * @param element The HTML `` element to wrap. */ public DFNElement(HTMLElement element) { super(element); diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/elements/DListElement.java b/domino-ui/src/main/java/org/dominokit/domino/ui/elements/DListElement.java index 0a934d927..66d03a747 100644 --- a/domino-ui/src/main/java/org/dominokit/domino/ui/elements/DListElement.java +++ b/domino-ui/src/main/java/org/dominokit/domino/ui/elements/DListElement.java @@ -17,22 +17,51 @@ import elemental2.dom.HTMLDListElement; -/** DListElement class. */ +/** + * Represents a ` + * + *
+ * ` (description list) HTML element wrapper. + *

The ` + *

+ * ` tag is used to create a description list that consists of term-description pairs. This + * class provides a convenient way to create, manipulate, and control the behavior of ` + *
+ * ` elements, making it easier to use them in Java-based web applications. Example usage: + * 
+ * HTMLDListElement htmlElement = ...;  // Obtain a 
 element from somewhere
+ * DListElement dlElement = DListElement.of(htmlElement);
+ *
+ * + * @see MDN Web Docs (dl + * element) + */ public class DListElement extends BaseElement { + /** - * of. + * Creates a new {@link DListElement} instance by wrapping the provided HTML ` + * + *
+ * ` element. * - * @param e a {@link elemental2.dom.HTMLDListElement} object - * @return a {@link org.dominokit.domino.ui.elements.DListElement} object + * @param e The HTML ` + *
+ * ` element. + * @return A new {@link DListElement} instance wrapping the provided element. */ public static DListElement of(HTMLDListElement e) { return new DListElement(e); } /** - * Constructor for DListElement. + * Constructs a {@link DListElement} instance by wrapping the provided HTML ` + * + *
+ * ` element. * - * @param element a {@link elemental2.dom.HTMLDListElement} object + * @param element The HTML ` + *
+ * ` element to wrap. */ public DListElement(HTMLDListElement element) { super(element); diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/elements/DTElement.java b/domino-ui/src/main/java/org/dominokit/domino/ui/elements/DTElement.java index e744329ea..fad0b70a8 100644 --- a/domino-ui/src/main/java/org/dominokit/domino/ui/elements/DTElement.java +++ b/domino-ui/src/main/java/org/dominokit/domino/ui/elements/DTElement.java @@ -17,22 +17,45 @@ import elemental2.dom.HTMLElement; -/** DTElement class. */ +/** + * Represents a ` + *
` (description term) HTML element wrapper. + * + *

The ` + *

` tag is used within a ` + * + *
+ * ` (description list) element to define a term or name in a description list. This class + * provides a convenient way to create, manipulate, and control the behavior of ` + *
` elements, making it easier to use them in Java-based web applications. Example usage: + * 
+ * HTMLElement htmlElement = ...;  // Obtain a 
 element from somewhere
+ * DTElement dtElement = DTElement.of(htmlElement);
+ *
+ * + * @see MDN Web Docs (dt + * element) + */ public class DTElement extends BaseElement { + /** - * of. + * Creates a new {@link DTElement} instance by wrapping the provided HTML ` + *
` element. * - * @param e a {@link elemental2.dom.HTMLElement} object - * @return a {@link org.dominokit.domino.ui.elements.DTElement} object + * @param e The HTML ` + *
` element. + * @return A new {@link DTElement} instance wrapping the provided element. */ public static DTElement of(HTMLElement e) { return new DTElement(e); } /** - * Constructor for DTElement. + * Constructs a {@link DTElement} instance by wrapping the provided HTML ` + *
` element. * - * @param element a {@link elemental2.dom.HTMLElement} object + * @param element The HTML ` + *
` element to wrap. */ public DTElement(HTMLElement element) { super(element); diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/elements/DataListElement.java b/domino-ui/src/main/java/org/dominokit/domino/ui/elements/DataListElement.java index bedbae1fe..a68337574 100644 --- a/domino-ui/src/main/java/org/dominokit/domino/ui/elements/DataListElement.java +++ b/domino-ui/src/main/java/org/dominokit/domino/ui/elements/DataListElement.java @@ -17,22 +17,40 @@ import elemental2.dom.HTMLDataListElement; -/** DataListElement class. */ +/** + * Represents a `` HTML element wrapper. + * + *

The `` tag specifies a list of pre-defined options for an `` element. Users + * will see a drop-down list of pre-defined options as they input data. This class provides a + * convenient way to create, manipulate, and control the behavior of `` elements, making + * it easier to use them in Java-based web applications. Example usage: + * + * 

{@code
+ * HTMLDataListElement htmlElement = ...;  // Obtain a  element from somewhere
+ * DataListElement dataListElement = DataListElement.of(htmlElement);
+ * }
+ * + * @see MDN Web Docs + * (datalist element) + */ public class DataListElement extends BaseElement { + /** - * of. + * Creates a new {@link DataListElement} instance by wrapping the provided HTML `` + * element. * - * @param e a {@link elemental2.dom.HTMLDataListElement} object - * @return a {@link org.dominokit.domino.ui.elements.DataListElement} object + * @param e The HTML `` element. + * @return A new {@link DataListElement} instance wrapping the provided element. */ public static DataListElement of(HTMLDataListElement e) { return new DataListElement(e); } /** - * Constructor for DataListElement. + * Constructs a {@link DataListElement} instance by wrapping the provided HTML `` + * element. * - * @param element a {@link elemental2.dom.HTMLDataListElement} object + * @param element The HTML `` element to wrap. */ public DataListElement(HTMLDataListElement element) { super(element); diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/elements/DelElement.java b/domino-ui/src/main/java/org/dominokit/domino/ui/elements/DelElement.java index cb7211e99..6f5a0f93d 100644 --- a/domino-ui/src/main/java/org/dominokit/domino/ui/elements/DelElement.java +++ b/domino-ui/src/main/java/org/dominokit/domino/ui/elements/DelElement.java @@ -17,23 +17,37 @@ import elemental2.dom.HTMLModElement; -/** DelElement class. */ +/** + * Represents a `` HTML element wrapper. + * + *

The `` tag defines text that has been deleted from a document. This class provides a + * convenient way to create, manipulate, and control the behavior of `` elements, making it + * easier to use them in Java-based web applications. Example usage: + * + * 

{@code
+ * HTMLModElement htmlElement = ...;  // Obtain a  element from somewhere
+ * DelElement delElement = DelElement.of(htmlElement);
+ * }
+ * + * @see MDN Web Docs (del + * element) + */ public class DelElement extends BaseElement { /** - * of. + * Creates a new {@link DelElement} instance by wrapping the provided HTML `` element. * - * @param e a {@link elemental2.dom.HTMLModElement} object - * @return a {@link org.dominokit.domino.ui.elements.DelElement} object + * @param e The HTML `` element. + * @return A new {@link DelElement} instance wrapping the provided element. */ public static DelElement of(HTMLModElement e) { return new DelElement(e); } /** - * Constructor for DelElement. + * Constructs a {@link DelElement} instance by wrapping the provided HTML `` element. * - * @param element a {@link elemental2.dom.HTMLModElement} object + * @param element The HTML `` element to wrap. */ public DelElement(HTMLModElement element) { super(element); diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/elements/DivElement.java b/domino-ui/src/main/java/org/dominokit/domino/ui/elements/DivElement.java index 4e1b77b80..a7f3fb991 100644 --- a/domino-ui/src/main/java/org/dominokit/domino/ui/elements/DivElement.java +++ b/domino-ui/src/main/java/org/dominokit/domino/ui/elements/DivElement.java @@ -17,22 +17,38 @@ import elemental2.dom.HTMLDivElement; -/** DivElement class. */ +/** + * Represents a `
` HTML element wrapper. + * + *

The `

` tag is a generic container used to group other HTML elements together and apply + * styles or scripting to them. This class provides a convenient way to create, manipulate, and + * control the behavior of `
` elements, making it easier to use them in Java-based web + * applications. Example usage: + * + * 
+ * HTMLDivElement htmlElement = ...;  // Obtain a 
 element from somewhere
+ * DivElement divElement = DivElement.of(htmlElement);
+ *
+ * + * @see MDN Web Docs (div + * element) + */ public class DivElement extends BaseElement { + /** - * of. + * Creates a new {@link DivElement} instance by wrapping the provided HTML `
` element. * - * @param e a {@link elemental2.dom.HTMLDivElement} object - * @return a {@link org.dominokit.domino.ui.elements.DivElement} object + * @param e The HTML `
` element. + * @return A new {@link DivElement} instance wrapping the provided element. */ public static DivElement of(HTMLDivElement e) { return new DivElement(e); } /** - * Constructor for DivElement. + * Constructs a {@link DivElement} instance by wrapping the provided HTML `
` element. * - * @param element a {@link elemental2.dom.HTMLDivElement} object + * @param element The HTML `
` element to wrap. */ public DivElement(HTMLDivElement element) { super(element); diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/elements/EMElement.java b/domino-ui/src/main/java/org/dominokit/domino/ui/elements/EMElement.java index dccede324..d289fd261 100644 --- a/domino-ui/src/main/java/org/dominokit/domino/ui/elements/EMElement.java +++ b/domino-ui/src/main/java/org/dominokit/domino/ui/elements/EMElement.java @@ -17,22 +17,37 @@ import elemental2.dom.HTMLElement; -/** EMElement class. */ +/** + * Represents an HTML element wrapper. + * + *

The tag defines emphasized text. This class provides a convenient way to create, + * manipulate, and control the behavior of elements, making it easier to use them in Java-based + * web applications. Example usage: + * + * 

+ * HTMLElement htmlElement = ...;  // Obtain an  element from somewhere
+ * EMElement emElement = EMElement.of(htmlElement);
+ *
+ * + * @see MDN Web Docs (em + * element) + */ public class EMElement extends BaseElement { + /** - * of. + * Creates a new {@link EMElement} instance by wrapping the provided HTML element. * - * @param e a {@link elemental2.dom.HTMLElement} object - * @return a {@link org.dominokit.domino.ui.elements.EMElement} object + * @param e The HTML element. + * @return A new {@link EMElement} instance wrapping the provided element. */ public static EMElement of(HTMLElement e) { return new EMElement(e); } /** - * Constructor for EMElement. + * Constructs a {@link EMElement} instance by wrapping the provided HTML element. * - * @param element a {@link elemental2.dom.HTMLElement} object + * @param element The HTML element to wrap. */ public EMElement(HTMLElement element) { super(element); diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/elements/EmbedElement.java b/domino-ui/src/main/java/org/dominokit/domino/ui/elements/EmbedElement.java index 42fbeb193..0146f28f5 100644 --- a/domino-ui/src/main/java/org/dominokit/domino/ui/elements/EmbedElement.java +++ b/domino-ui/src/main/java/org/dominokit/domino/ui/elements/EmbedElement.java @@ -17,22 +17,38 @@ import elemental2.dom.HTMLEmbedElement; -/** EmbedElement class. */ +/** + * Represents an `` HTML element wrapper. + * + *

The `` tag defines a container for an external application or interactive content, such + * as a plugin. This class provides a convenient way to create, manipulate, and control the behavior + * of `` elements, making it easier to use them in Java-based web applications. Example + * usage: + * + * 

+ * HTMLEmbedElement htmlElement = ...;  // Obtain an  element from somewhere
+ * EmbedElement embedElement = EmbedElement.of(htmlElement);
+ *
+ * + * @see MDN Web Docs + * (embed element) + */ public class EmbedElement extends BaseElement { + /** - * of. + * Creates a new {@link EmbedElement} instance by wrapping the provided HTML `` element. * - * @param e a {@link elemental2.dom.HTMLEmbedElement} object - * @return a {@link org.dominokit.domino.ui.elements.EmbedElement} object + * @param e The HTML `` element. + * @return A new {@link EmbedElement} instance wrapping the provided element. */ public static EmbedElement of(HTMLEmbedElement e) { return new EmbedElement(e); } /** - * Constructor for EmbedElement. + * Constructs a {@link EmbedElement} instance by wrapping the provided HTML `` element. * - * @param element a {@link elemental2.dom.HTMLEmbedElement} object + * @param element The HTML `` element to wrap. */ public EmbedElement(HTMLEmbedElement element) { super(element); diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/elements/FieldSetElement.java b/domino-ui/src/main/java/org/dominokit/domino/ui/elements/FieldSetElement.java index e0766fa29..21b43a635 100644 --- a/domino-ui/src/main/java/org/dominokit/domino/ui/elements/FieldSetElement.java +++ b/domino-ui/src/main/java/org/dominokit/domino/ui/elements/FieldSetElement.java @@ -17,22 +17,38 @@ import elemental2.dom.HTMLFieldSetElement; -/** FieldSetElement class. */ +/** + * Represents a
HTML element wrapper. + * + *

The

tag is used to group related form elements within a web form. This class + * provides a convenient way to create, manipulate, and control the behavior of
elements, + * making it easier to use them in Java-based web applications. Example usage: + * + * 
+ * HTMLFieldSetElement fieldSetElement = ...;  // Obtain a 
 element from somewhere
+ * FieldSetElement fieldSet = FieldSetElement.of(fieldSetElement);
+ *
+ * + * @see MDN Web Docs + * (fieldset element) + */ public class FieldSetElement extends BaseElement { + /** - * of. + * Creates a new {@link FieldSetElement} instance by wrapping the provided HTML
+ * element. * - * @param e a {@link elemental2.dom.HTMLFieldSetElement} object - * @return a {@link org.dominokit.domino.ui.elements.FieldSetElement} object + * @param e The HTML
element. + * @return A new {@link FieldSetElement} instance wrapping the provided element. */ public static FieldSetElement of(HTMLFieldSetElement e) { return new FieldSetElement(e); } /** - * Constructor for FieldSetElement. + * Constructs a {@link FieldSetElement} instance by wrapping the provided HTML
element. * - * @param element a {@link elemental2.dom.HTMLFieldSetElement} object + * @param element The HTML
element to wrap. */ public FieldSetElement(HTMLFieldSetElement element) { super(element); diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/elements/FigCaptionElement.java b/domino-ui/src/main/java/org/dominokit/domino/ui/elements/FigCaptionElement.java index 2eb836c9c..1769aaa52 100644 --- a/domino-ui/src/main/java/org/dominokit/domino/ui/elements/FigCaptionElement.java +++ b/domino-ui/src/main/java/org/dominokit/domino/ui/elements/FigCaptionElement.java @@ -17,22 +17,40 @@ import elemental2.dom.HTMLElement; -/** FigCaptionElement class. */ +/** + * Represents a
HTML element wrapper. + * + *

The

tag is used to provide a caption or legend for a
element in HTML. + * This class provides a convenient way to create, manipulate, and control the behavior of + *
elements, making it easier to use them in Java-based web applications. Example + * usage: + * + * 
+ * HTMLElement figCaptionElement = ...;  // Obtain a 
 element from somewhere
+ * FigCaptionElement figCaption = FigCaptionElement.of(figCaptionElement);
+ *
+ * + * @see MDN Web Docs + * (figcaption element) + */ public class FigCaptionElement extends BaseElement { + /** - * of. + * Creates a new {@link FigCaptionElement} instance by wrapping the provided HTML
+ * element. * - * @param e a {@link elemental2.dom.HTMLElement} object - * @return a {@link org.dominokit.domino.ui.elements.FigCaptionElement} object + * @param e The HTML
element. + * @return A new {@link FigCaptionElement} instance wrapping the provided element. */ public static FigCaptionElement of(HTMLElement e) { return new FigCaptionElement(e); } /** - * Constructor for FigCaptionElement. + * Constructs a {@link FigCaptionElement} instance by wrapping the provided HTML
+ * element. * - * @param element a {@link elemental2.dom.HTMLElement} object + * @param element The HTML
element to wrap. */ public FigCaptionElement(HTMLElement element) { super(element); diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/elements/FigureElement.java b/domino-ui/src/main/java/org/dominokit/domino/ui/elements/FigureElement.java index 3e7604aa2..c3ef45c30 100644 --- a/domino-ui/src/main/java/org/dominokit/domino/ui/elements/FigureElement.java +++ b/domino-ui/src/main/java/org/dominokit/domino/ui/elements/FigureElement.java @@ -17,22 +17,38 @@ import elemental2.dom.HTMLElement; -/** FigureElement class. */ +/** + * Represents a
HTML element wrapper. + * + *

The

tag is used to group and represent content that is referenced from the main + * content, often with a caption or legend. This class provides a convenient way to create, + * manipulate, and control the behavior of
elements, making it easier to use them in + * Java-based web applications. Example usage: + * + * 
{@code
+ * HTMLElement figureElement = ...;  // Obtain a 
 element from somewhere
+ * FigureElement figure = FigureElement.of(figureElement);
+ * }
+ * + * @see MDN Web Docs + * (figure element) + */ public class FigureElement extends BaseElement { + /** - * of. + * Creates a new {@link FigureElement} instance by wrapping the provided HTML
element. * - * @param e a {@link elemental2.dom.HTMLElement} object - * @return a {@link org.dominokit.domino.ui.elements.FigureElement} object + * @param e The HTML
element. + * @return A new {@link FigureElement} instance wrapping the provided element. */ public static FigureElement of(HTMLElement e) { return new FigureElement(e); } /** - * Constructor for FigureElement. + * Constructs a {@link FigureElement} instance by wrapping the provided HTML
element. * - * @param element a {@link elemental2.dom.HTMLElement} object + * @param element The HTML
element to wrap. */ public FigureElement(HTMLElement element) { super(element); diff --git a/domino-ui/src/main/java/org/dominokit/domino/ui/elements/FooterElement.java b/domino-ui/src/main/java/org/dominokit/domino/ui/elements/FooterElement.java index dc774c92b..135b9ec10 100644 --- a/domino-ui/src/main/java/org/dominokit/domino/ui/elements/FooterElement.java +++ b/domino-ui/src/main/java/org/dominokit/domino/ui/elements/FooterElement.java @@ -17,22 +17,38 @@ import elemental2.dom.HTMLElement; -/** FooterElement class. */ +/** + * Represents a