diff --git a/api-generator/build-apidoc.js b/api-generator/build-apidoc.js
index e5ce7c4ef..ecbc066b7 100644
--- a/api-generator/build-apidoc.js
+++ b/api-generator/build-apidoc.js
@@ -385,14 +385,14 @@ if (project) {
 
                                                         child.type?.declaration?.signatures[0]?.parameters.map((param, index) => {
                                                             if (index !== 0) functionParameters += `, `;
-                                                            functionParameters += `<span class="text-800">${param.name}</span>: ${param.type?.name}`;
+                                                            functionParameters += `<span class="text-primary-700">${param.name}</span>: ${param.type?.name}`;
                                                         });
 
-                                                        type += `\t <span class="text-900">${child.name}</span>: <span class="text-600">(${functionParameters}) &rArr; ${child.type?.declaration?.signatures[0]?.type?.name}</span>, <span class="text-500">// ${child.type?.declaration?.signatures[0]?.comment.summary[0]?.text}</span>\n`;
+                                                        type += `\t <span class="ml-3 text-primary-700">${child.name}</span>: <span class="text-primary-500">(${functionParameters}) &rArr; ${child.type?.declaration?.signatures[0]?.type?.name}</span>, <span class="text-primary-300">// ${child.type?.declaration?.signatures[0]?.comment.summary[0]?.text}</span>\n`;
                                                     } else {
                                                         const childType = child.type.elementType ? child.type.elementType.name : child.type.name;
 
-                                                        type += ` \t <span class="text-900">${child.name}</span>: <span class="text-600">${childType}</span>, <span class="text-500">// ${child.comment?.summary[0]?.text}</span>\n `;
+                                                        type += ` \t <span class="ml-3 text-primary-700">${child.name}</span>: <span class="text-primary-500">${childType}</span>, <span class="text-primary-300">// ${child.comment?.summary[0]?.text}</span>\n `;
                                                     }
                                                 }
                                             });
diff --git a/assets/styles/layout/_code.scss b/assets/styles/layout/_code.scss
index c5eaa8286..15278ca49 100644
--- a/assets/styles/layout/_code.scss
+++ b/assets/styles/layout/_code.scss
@@ -402,8 +402,7 @@ pre[class*="language-"] {
         margin: 0;
         color: var(--surface-900);
         font-size: 14px;
-        border-bottom-left-radius: 10px;
-        border-bottom-right-radius: 10px;
+        border-radius: 10px;
     }
     }
 
diff --git a/assets/styles/layout/_doc.scss b/assets/styles/layout/_doc.scss
index 3376218bc..594883d5f 100644
--- a/assets/styles/layout/_doc.scss
+++ b/assets/styles/layout/_doc.scss
@@ -63,11 +63,12 @@
 }
 
 .doc-intro {
-    margin-bottom: 2rem;
+    margin-bottom: 1.5rem;
 
     p {
         font-size: 1.125rem;
         color: var(--surface-900);
+        margin: 0;
     }
 }
 
@@ -238,6 +239,10 @@
     pre {
         margin: 0;
     }
+
+    &:not(:last-child) {
+        margin-bottom: 1rem;
+    }
 }
 
 .doc-tablewrapper {
@@ -254,7 +259,7 @@
 
     th {
         border-bottom: 1px solid var(--surface-border);
-        padding: 1rem;
+        padding: .75rem 1rem;
         text-align: left;
         text-transform: capitalize;
     }
@@ -265,38 +270,36 @@
         }
 
         td {
-            padding: 1rem;
+            padding: .75rem 1rem;
             border-bottom: 1px solid var(--surface-border);
-            white-space: pre-wrap;
+            white-space: pre-line;
             line-height: 1.5;
             scroll-margin-top: 6.5rem;
 
-            &.doc-option-type {
+            &:first-child {
+                color: var(--primary-color);
+                font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, Liberation Mono, monospace;
+            }
+
+            .doc-option-type {
                 font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, Liberation Mono, monospace;
                 color: var(--primary-500);
                 font-weight: 500;
 
-                > a {
-                    color: var(--primary-500);
-
-                    &:hover {
-                        text-decoration: underline;
-                    }
-                }
-
                 .doc-option-type-options-container {
                     display: flex;
                     align-items: center;
                 }
+
                 span.doc-option-type-options {
                     color: var(--primary-700);
                 }
-            }
 
-            &:first-child {
-                color: var(--primary-color);
-                font-weight: 700;
-                font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, Liberation Mono, monospace;
+                &.doc-option-link {
+                    &:hover {
+                        text-decoration: underline;
+                    }
+                }
             }
 
             .doc-option-name,
@@ -308,8 +311,9 @@
                 color: var(--highlight-text-color);
                 border-radius: 6px;
                 padding: 2px 6px;
-                font-weight: 400;
+                font-weight: 600;
                 font-style: normal;
+                white-space: nowrap;
 
                 .doc-option-link {
                     position: absolute;
@@ -322,16 +326,6 @@
                 }
             }
 
-            .doc-option-props {
-                display: flex;
-                background: var(--bluegray-50);
-                border-width: 1px;
-                border-style: solid;
-                border-radius: 6px;
-                padding: 2px 6px;
-                max-width: min-content;
-            }
-
             &:hover {
                 .doc-option-name {
                     .doc-option-link {
@@ -343,6 +337,43 @@
                     }
                 }
             }
+
+            .doc-option-default,
+            .doc-option-returnType {
+                font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, Liberation Mono, monospace;
+                font-weight: 400;
+                font-style: normal;
+                display: flex;
+                border-width: 1px;
+                border-style: solid;
+                border-radius: 6px;
+                padding: 2px 6px;
+                max-width: min-content;
+            }
+
+            .doc-option-parameter-name {
+                font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, Liberation Mono, monospace;
+                color: var(--primary-700);
+            }
+
+            .doc-option-parameter-type {
+                font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, Liberation Mono, monospace;
+                color: var(--primary-500);
+            }
+
+            .doc-option-params {
+                font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, Liberation Mono, monospace;
+            }
+
+            .doc-option-light {
+                background: var(--bluegray-50);
+                border-color: var(--bluegray-100);
+            }
+
+            .doc-option-dark {
+                background: var(--bluegray-800);
+                border-color: var(--bluegray-800);
+            }
         }
     }
 }
diff --git a/components/doc/DocApiTable.vue b/components/doc/DocApiTable.vue
index 1a4819c33..b1a2246b0 100644
--- a/components/doc/DocApiTable.vue
+++ b/components/doc/DocApiTable.vue
@@ -19,45 +19,47 @@
             </thead>
             <tbody>
                 <tr v-for="prop in data" :key="prop">
-                    <td
-                        v-for="[k, v] in Object.entries(prop)"
-                        :key="k"
-                        :class="{ 'doc-option-type': k === 'type' || k === 'options', 'doc-option-default': k === 'defaultValue' }"
-                        :style="{ 'max-width': k === 'default' || k === 'returnType' ? '200px' : undefined }"
-                    >
+                    <td v-for="[k, v] in Object.entries(prop)" :key="k" :style="{ 'max-width': k === 'default' || k === 'returnType' ? '200px' : undefined }">
                         <template v-if="k !== 'readonly' && k !== 'optional' && k !== 'deprecated'">
                             <span v-if="k === 'name'" :id="id + '.' + v" class="doc-option-name" :class="{ 'line-through cursor-pointer': !!prop.deprecated }" :title="prop.deprecated">
-                                {{ v }}<NuxtLink :to="`/${$router.currentRoute.value.name}/#${id}.${v}`" :class="['doc-option-link', optionLinkClass]"> <i class="pi pi-link"></i> </NuxtLink>
+                                {{ v }}<NuxtLink :to="`/${$router.currentRoute.value.name}/#${id}.${v}`" class="doc-option-link"> <i class="pi pi-link"></i> </NuxtLink>
                             </span>
 
                             <template v-else-if="k === 'type'">
                                 <template v-for="(value, i) in getType(v)" :key="value">
-                                    {{ i !== 0 ? ' | ' : '' }}<NuxtLink v-if="isLinkType(value)" :to="setLinkPath(value)" :class="['doc-option-link', optionLinkClass]">{{ value }}</NuxtLink
-                                    ><span v-else>{{ value }}</span>
+                                    <span v-if="i !== 0" class="doc-option-type">{{ ' | ' }}</span>
+                                    <NuxtLink v-if="isLinkType(value)" :to="setLinkPath(value)" class="doc-option-type doc-option-link">{{ value }}</NuxtLink
+                                    ><span v-else class="doc-option-type">{{ value }}</span>
                                 </template>
                             </template>
 
                             <template v-else-if="k === 'options'">
                                 <template v-for="val in v" :key="val.name">
                                     <div class="doc-option-type-options-container">
-                                        {{ val.name }}: <span class="doc-option-type-options">{{ val.type }}</span>
+                                        {{ val.name }}: <span class="doc-option-type-options doc-option-type">{{ val.type }}</span>
                                     </div>
                                 </template>
                             </template>
 
                             <template v-else-if="k === 'parameters'">
-                                <span v-if="v.name" :class="{ 'font-medium text-600': label === 'Slots' }"> {{ v.name }} : </span>
-                                <template v-for="(value, i) in getType(v.type)" :key="value">
-                                    {{ i !== 0 ? ' | ' : '' }}<NuxtLink v-if="isLinkType(value)" :to="setLinkPath(value)" :class="['doc-option-link', optionLinkClass]"> {{ value }} </NuxtLink>
-                                    <span v-else v-html="value"> </span>
-                                </template>
+                                <div class="doc-option-params">
+                                    <span v-if="v.name" :class="{ 'text-primary-700': label === 'Slots', 'doc-option-parameter-name': label === 'Emits' }"> {{ v.name }} : </span>
+                                    <template v-for="(value, i) in getType(v.type)" :key="value">
+                                        {{ i !== 0 ? ' | ' : '' }}<NuxtLink v-if="isLinkType(value)" :to="setLinkPath(value)" class="doc-option-link doc-option-parameter-type"> {{ value }} </NuxtLink>
+                                        <span v-else :class="{ 'doc-option-parameter-type': label === 'Emits' }" v-html="value"> </span>
+                                    </template>
+                                </div>
                             </template>
 
-                            <div v-else-if="k === 'default' || k === 'returnType'" :id="id + '.' + k" :class="['doc-option-props', optionPropClass]">
+                            <div v-else-if="k === 'default'" :id="id + '.' + k" :class="['doc-option-default', $appState.darkTheme ? 'doc-option-dark' : 'doc-option-light']">
                                 {{ v === '' || v === undefined ? 'null' : v }}
                             </div>
 
-                            <span v-else :id="id + '.' + k"> {{ v }} </span>
+                            <div v-else-if="k === 'returnType'" :id="id + '.' + k" :class="['doc-option-returnType', $appState.darkTheme ? 'doc-option-dark' : 'doc-option-light']">
+                                {{ v }}
+                            </div>
+
+                            <span v-else :id="id + '.' + k" class="doc-option-description"> {{ v }} </span>
                         </template>
                     </td>
                 </tr>
@@ -165,12 +167,6 @@ export default {
             }
 
             return this.data[0].data ? 1 : 2;
-        },
-        optionLinkClass() {
-            return this.$appState.darkTheme ? 'text-primary-400' : 'text-primary-600';
-        },
-        optionPropClass() {
-            return this.$appState.darkTheme ? 'border-bluegray-800 bg-bluegray-800' : 'border-bluegray-100 bg-bluegray-50';
         }
     }
 };
diff --git a/components/doc/DocSectionCode.vue b/components/doc/DocSectionCode.vue
index ef6e78430..0f180b533 100644
--- a/components/doc/DocSectionCode.vue
+++ b/components/doc/DocSectionCode.vue
@@ -1,6 +1,10 @@
 <template>
-    <div v-if="!embedded" class="surface-card mb-4" :class="scrollable ? '' : 'relative'" style="border-radius: 10px">
-        <div class="flex doc-section-code-buttons surface-card align-items-center justify-content-end z-1" :style="scrollable ? { position: 'sticky', padding: '0.75rem 0.75rem 0 0' } : { position: 'absolute', top: '0.75rem', right: '0.75rem' }">
+    <div v-if="!embedded" :class="scrollable ? 'doc-section-code' : 'relative doc-section-code'">
+        <div
+            class="flex doc-section-code-buttons surface-card align-items-center justify-content-end z-1"
+            :style="scrollable ? { position: 'sticky', padding: '0.75rem 0.75rem 0 0' } : { position: 'absolute', top: '0.75rem', right: '0.75rem' }"
+            style="gap: 0.75rem"
+        >
             <template v-if="codeMode !== 'basic' && !hideToggleCode">
                 <Button
                     :class="['p-button-rounded p-button-text p-button-plain p-0 inline-flex align-items-center justify-content-center', { 'doc-section-code-buttons-active text-primary': codeLang === 'composition' }]"
@@ -76,7 +80,7 @@
             ></Button>
         </div>
 
-        <div class="relative doc-section-code overflow-auto" :style="scrollable ? { 'max-height': '40rem' } : undefined" style="border-radius: 10px">
+        <div :style="scrollable ? { 'max-height': '40rem' } : undefined">
             <template v-if="codeMode === 'basic' && importCode">
                 <pre v-code.script><code>{{ code.basic }}
 </code></pre>
diff --git a/components/doc/DocSections.vue b/components/doc/DocSections.vue
index fc5745fc6..138abecc3 100644
--- a/components/doc/DocSections.vue
+++ b/components/doc/DocSections.vue
@@ -1,6 +1,6 @@
 <template>
     <template v-for="(doc, i) of docs" :key="doc.label + '_' + i">
-        <section class="py-3">
+        <section class="py-4">
             <template v-if="doc.children">
                 <div :id="doc.id">
                     <DocSectionText :id="doc.id" :label="doc.label">
diff --git a/components/lib/scrollpanel/style/ScrollPanelStyle.js b/components/lib/scrollpanel/style/ScrollPanelStyle.js
index 8cb578fd6..a979cbf59 100644
--- a/components/lib/scrollpanel/style/ScrollPanelStyle.js
+++ b/components/lib/scrollpanel/style/ScrollPanelStyle.js
@@ -16,7 +16,7 @@ const css = `
         width: calc(100% + 18px);
         padding: 0 18px 18px 0;
         position: relative;
-        overflow: scroll;
+        overflow: auto;
         box-sizing: border-box;
         scrollbar-width: none;
     }
diff --git a/components/lib/splitter/Splitter.d.ts b/components/lib/splitter/Splitter.d.ts
index b9f1e0ccf..a308cae67 100644
--- a/components/lib/splitter/Splitter.d.ts
+++ b/components/lib/splitter/Splitter.d.ts
@@ -55,6 +55,21 @@ export interface SplitterResizeStartEvent {
     sizes: number[];
 }
 
+/**
+ * Custom resize event.
+ * @see {@link SplitterEmits.resize}
+ */
+export interface SplitterResizeEvent {
+    /**
+     * Browser event
+     */
+    originalEvent: Event;
+    /**
+     * Sizes of the panels
+     */
+    sizes: number[];
+}
+
 /**
  * Custom resize end event.
  * @see {@link SplitterEmits.resizeend}
@@ -185,6 +200,11 @@ export interface SplitterEmits {
      * @param {SplitterResizeStartEvent} event - Custom resize start event.
      */
     resizestart(event: SplitterResizeStartEvent): void;
+    /**
+     * Callback to invoke during the resizing process.
+     * @param {SplitterResizeEvent} event - Custom resize event.
+     */
+    resize(event: SplitterResizeEvent): void;
     /**
      * Callback to invoke when resize ends.
      * @param {SplitterResizeEndEvent} event - Custom resize end event.
diff --git a/components/lib/splitter/Splitter.vue b/components/lib/splitter/Splitter.vue
index 4d3a5a9ea..48693d4dc 100644
--- a/components/lib/splitter/Splitter.vue
+++ b/components/lib/splitter/Splitter.vue
@@ -28,7 +28,7 @@ import BaseSplitter from './BaseSplitter.vue';
 export default {
     name: 'Splitter',
     extends: BaseSplitter,
-    emits: ['resizestart', 'resizeend'],
+    emits: ['resizestart', 'resizeend', 'resize'],
     dragging: false,
     mouseMoveListener: null,
     mouseUpListener: null,
@@ -141,6 +141,8 @@ export default {
                 this.panelSizes[this.prevPanelIndex] = newPrevPanelSize;
                 this.panelSizes[this.prevPanelIndex + 1] = newNextPanelSize;
             }
+
+            this.$emit('resize', { originalEvent: event, sizes: this.panelSizes });
         },
         onResizeEnd(event) {
             if (this.isStateful()) {
diff --git a/doc/common/apidoc/index.json b/doc/common/apidoc/index.json
index eb551eec0..3f6004ccd 100644
--- a/doc/common/apidoc/index.json
+++ b/doc/common/apidoc/index.json
@@ -748,7 +748,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">index</span>: <span class=\"text-600\">number</span>, <span class=\"text-500\">// Index of the tab</span>\n \t <span class=\"text-900\">isTabActive</span>: <span class=\"text-600\">(<span class=\"text-800\">index</span>: number) &rArr; void</span>, <span class=\"text-500\">// Whether the tab is active</span>\n}",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">index</span>: <span class=\"text-primary-500\">number</span>, <span class=\"text-primary-300\">// Index of the tab</span>\n \t <span class=\"ml-3 text-primary-700\">isTabActive</span>: <span class=\"text-primary-500\">(<span class=\"text-primary-700\">index</span>: number) &rArr; void</span>, <span class=\"text-primary-300\">// Whether the tab is active</span>\n}",
                                     "description": "header slot's params."
                                 }
                             ],
@@ -3660,7 +3660,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">value</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// A value in the selection</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">value</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// A value in the selection</span>\n }",
                                     "description": "chip slot's params."
                                 }
                             ],
@@ -3673,7 +3673,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">value</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Value of the component</span>\n  \t <span class=\"text-900\">suggestions</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Displayed options</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">value</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Value of the component</span>\n  \t <span class=\"ml-3 text-primary-700\">suggestions</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Displayed options</span>\n }",
                                     "description": "header slot's params."
                                 }
                             ],
@@ -3686,7 +3686,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">value</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Value of the component</span>\n  \t <span class=\"text-900\">suggestions</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Displayed options</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">value</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Value of the component</span>\n  \t <span class=\"ml-3 text-primary-700\">suggestions</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Displayed options</span>\n }",
                                     "description": "footer slot's params."
                                 }
                             ],
@@ -3699,7 +3699,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">item</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Option instance</span>\n  \t <span class=\"text-900\">index</span>: <span class=\"text-600\">number</span>, <span class=\"text-500\">// Index of the option</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">item</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Option instance</span>\n  \t <span class=\"ml-3 text-primary-700\">index</span>: <span class=\"text-primary-500\">number</span>, <span class=\"text-primary-300\">// Index of the option</span>\n }",
                                     "description": "item slot's params."
                                 }
                             ],
@@ -3713,7 +3713,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">option</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Option instance</span>\n  \t <span class=\"text-900\">index</span>: <span class=\"text-600\">number</span>, <span class=\"text-500\">// Index of the option</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">option</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Option instance</span>\n  \t <span class=\"ml-3 text-primary-700\">index</span>: <span class=\"text-primary-500\">number</span>, <span class=\"text-primary-300\">// Index of the option</span>\n }",
                                     "description": "option slot's params."
                                 }
                             ],
@@ -3726,7 +3726,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">item</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// undefined</span>\n  \t <span class=\"text-900\">option</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Option instance</span>\n  \t <span class=\"text-900\">index</span>: <span class=\"text-600\">number</span>, <span class=\"text-500\">// Index of the option</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">item</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// undefined</span>\n  \t <span class=\"ml-3 text-primary-700\">option</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Option instance</span>\n  \t <span class=\"ml-3 text-primary-700\">index</span>: <span class=\"text-primary-500\">number</span>, <span class=\"text-primary-300\">// Index of the option</span>\n }",
                                     "description": "option group slot's params."
                                 }
                             ],
@@ -3739,7 +3739,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">items</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// An array of objects to display for virtualscroller</span>\n  \t <span class=\"text-900\">styleClass</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Style class of the component</span>\n \t <span class=\"text-900\">contentRef</span>: <span class=\"text-600\">(<span class=\"text-800\">el</span>: any) &rArr; void</span>, <span class=\"text-500\">// Referance of the content</span>\n\t <span class=\"text-900\">getItemOptions</span>: <span class=\"text-600\">(<span class=\"text-800\">index</span>: number) &rArr; VirtualScrollerItemOptions</span>, <span class=\"text-500\">// Options of the items</span>\n}",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">items</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// An array of objects to display for virtualscroller</span>\n  \t <span class=\"ml-3 text-primary-700\">styleClass</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Style class of the component</span>\n \t <span class=\"ml-3 text-primary-700\">contentRef</span>: <span class=\"text-primary-500\">(<span class=\"text-primary-700\">el</span>: any) &rArr; void</span>, <span class=\"text-primary-300\">// Referance of the content</span>\n\t <span class=\"ml-3 text-primary-700\">getItemOptions</span>: <span class=\"text-primary-500\">(<span class=\"text-primary-700\">index</span>: number) &rArr; VirtualScrollerItemOptions</span>, <span class=\"text-primary-300\">// Options of the items</span>\n}",
                                     "description": "content slot's params."
                                 }
                             ],
@@ -3752,7 +3752,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">options</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Options of the loader items for virtualscroller</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">options</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Options of the loader items for virtualscroller</span>\n }",
                                     "description": "loader slot's params."
                                 }
                             ],
@@ -3771,7 +3771,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Style class of the icon.</span>\n }"
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Style class of the icon.</span>\n }"
                                 }
                             ],
                             "returnType": "VNode<RendererNode, RendererElement, Object>[]",
@@ -3783,7 +3783,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Style class of the icon.</span>\n  \t <span class=\"text-900\">index</span>: <span class=\"text-600\">number</span>, <span class=\"text-500\">// Index of the token.</span>\n \t <span class=\"text-900\">onClick</span>: <span class=\"text-600\">(<span class=\"text-800\">event</span>: Event, <span class=\"text-800\">index</span>: number) &rArr; void</span>, <span class=\"text-500\">// Remove token icon function.</span>\n}"
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Style class of the icon.</span>\n  \t <span class=\"ml-3 text-primary-700\">index</span>: <span class=\"text-primary-500\">number</span>, <span class=\"text-primary-300\">// Index of the token.</span>\n \t <span class=\"ml-3 text-primary-700\">onClick</span>: <span class=\"text-primary-500\">(<span class=\"text-primary-700\">event</span>: Event, <span class=\"text-primary-700\">index</span>: number) &rArr; void</span>, <span class=\"text-primary-300\">// Remove token icon function.</span>\n}"
                                 }
                             ],
                             "returnType": "VNode<RendererNode, RendererElement, Object>[]",
@@ -3795,7 +3795,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Style class of the loading icon.</span>\n }"
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Style class of the loading icon.</span>\n }"
                                 }
                             ],
                             "returnType": "VNode<RendererNode, RendererElement, Object>[]",
@@ -6019,7 +6019,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">item</span>: <span class=\"text-600\">MenuItem</span>, <span class=\"text-500\">// Menuitem instance</span>\n  \t <span class=\"text-900\">label</span>: <span class=\"text-600\">undefined</span>, <span class=\"text-500\">// Label property of the menuitem</span>\n  \t <span class=\"text-900\">props</span>: <span class=\"text-600\">BreadcrumbRouterBindProps</span>, <span class=\"text-500\">// Binding properties of the menuitem</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">item</span>: <span class=\"text-primary-500\">MenuItem</span>, <span class=\"text-primary-300\">// Menuitem instance</span>\n  \t <span class=\"ml-3 text-primary-700\">label</span>: <span class=\"text-primary-500\">undefined</span>, <span class=\"text-primary-300\">// Label property of the menuitem</span>\n  \t <span class=\"ml-3 text-primary-700\">props</span>: <span class=\"text-primary-500\">BreadcrumbRouterBindProps</span>, <span class=\"text-primary-300\">// Binding properties of the menuitem</span>\n }",
                                     "description": "item slot's params."
                                 }
                             ],
@@ -6038,7 +6038,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">item</span>: <span class=\"text-600\">MenuItem</span>, <span class=\"text-500\">// Menuitem instance</span>\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Style class of the item icon element.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">item</span>: <span class=\"text-primary-500\">MenuItem</span>, <span class=\"text-primary-300\">// Menuitem instance</span>\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Style class of the item icon element.</span>\n }",
                                     "description": "item icon slot's params."
                                 }
                             ],
@@ -6463,7 +6463,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Style class of the icon.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Style class of the icon.</span>\n }",
                                     "description": "icon slot's params."
                                 }
                             ],
@@ -6476,7 +6476,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Style class of the loading icon.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Style class of the loading icon.</span>\n }",
                                     "description": "loading icon slot's params."
                                 }
                             ],
@@ -7835,7 +7835,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">date</span>: <span class=\"text-600\">undefined</span>, <span class=\"text-500\">// Value of the component.</span>\n }"
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">date</span>: <span class=\"text-primary-500\">undefined</span>, <span class=\"text-primary-300\">// Value of the component.</span>\n }"
                                 }
                             ],
                             "returnType": "VNode<RendererNode, RendererElement, Object>[]",
@@ -7847,7 +7847,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">years</span>: <span class=\"text-600\">undefined</span>, <span class=\"text-500\">// An array containing the start and and year of a decade to display at header of the year picker.</span>\n }"
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">years</span>: <span class=\"text-primary-500\">undefined</span>, <span class=\"text-primary-300\">// An array containing the start and and year of a decade to display at header of the year picker.</span>\n }"
                                 }
                             ],
                             "returnType": "VNode<RendererNode, RendererElement, Object>[]",
@@ -7859,7 +7859,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Style class of the dropdown icon</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Style class of the dropdown icon</span>\n }",
                                     "description": "dropdown icon slot's params."
                                 }
                             ],
@@ -7872,7 +7872,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Style class of the previous icon</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Style class of the previous icon</span>\n }",
                                     "description": "previous icon slot's params."
                                 }
                             ],
@@ -7885,7 +7885,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Style class of the next icon</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Style class of the next icon</span>\n }",
                                     "description": "next icon slot's params."
                                 }
                             ],
@@ -7898,7 +7898,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Style class of the increment icon</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Style class of the increment icon</span>\n }",
                                     "description": "increment icon slot's params."
                                 }
                             ],
@@ -7911,7 +7911,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Style class of the decrement icon</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Style class of the decrement icon</span>\n }",
                                     "description": "decrement icon slot's params."
                                 }
                             ],
@@ -8916,7 +8916,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">data</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Data of the component</span>\n  \t <span class=\"text-900\">index</span>: <span class=\"text-600\">number</span>, <span class=\"text-500\">// Index of the item</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">data</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Data of the component</span>\n  \t <span class=\"ml-3 text-primary-700\">index</span>: <span class=\"text-primary-500\">number</span>, <span class=\"text-primary-300\">// Index of the item</span>\n }",
                                     "description": "item slot's params."
                                 }
                             ],
@@ -9678,7 +9678,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">option</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Option instance</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">option</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Option instance</span>\n }",
                                     "description": "option slot's params."
                                 }
                             ],
@@ -9691,7 +9691,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">value</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Value of the component</span>\n  \t <span class=\"text-900\">placeholder</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Placeholder text to show</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">value</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Value of the component</span>\n  \t <span class=\"ml-3 text-primary-700\">placeholder</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Placeholder text to show</span>\n }",
                                     "description": "value slot's params."
                                 }
                             ],
@@ -10598,7 +10598,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">checked</span>: <span class=\"text-600\">boolean</span>, <span class=\"text-500\">// State of the checkbox.</span>\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Style class of the icon.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">checked</span>: <span class=\"text-primary-500\">boolean</span>, <span class=\"text-primary-300\">// State of the checkbox.</span>\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Style class of the icon.</span>\n }",
                                     "description": "icon slot's params."
                                 }
                             ],
@@ -10971,7 +10971,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n \t <span class=\"text-900\">onClick</span>: <span class=\"text-600\">(<span class=\"text-800\">event</span>: Event) &rArr; void</span>, <span class=\"text-500\">// Remove icon click event</span>\n\t <span class=\"text-900\">onKeydown</span>: <span class=\"text-600\">(<span class=\"text-800\">event</span>: Event) &rArr; void</span>, <span class=\"text-500\">// Remove icon keydown event</span>\n}",
+                                    "type": "{\n \t <span class=\"ml-3 text-primary-700\">onClick</span>: <span class=\"text-primary-500\">(<span class=\"text-primary-700\">event</span>: Event) &rArr; void</span>, <span class=\"text-primary-300\">// Remove icon click event</span>\n\t <span class=\"ml-3 text-primary-700\">onKeydown</span>: <span class=\"text-primary-500\">(<span class=\"text-primary-700\">event</span>: Event) &rArr; void</span>, <span class=\"text-primary-300\">// Remove icon keydown event</span>\n}",
                                     "description": "remove icon slot's params."
                                 }
                             ],
@@ -11453,7 +11453,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">value</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Value of the component</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">value</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Value of the component</span>\n }",
                                     "description": "chip slot's params."
                                 }
                             ],
@@ -11466,7 +11466,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Style class of the icon.</span>\n  \t <span class=\"text-900\">index</span>: <span class=\"text-600\">number</span>, <span class=\"text-500\">// Index of the token.</span>\n \t <span class=\"text-900\">onClick</span>: <span class=\"text-600\">(<span class=\"text-800\">event</span>: Event, <span class=\"text-800\">index</span>: number) &rArr; void</span>, <span class=\"text-500\">// Remove token icon function.</span>\n}",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Style class of the icon.</span>\n  \t <span class=\"ml-3 text-primary-700\">index</span>: <span class=\"text-primary-500\">number</span>, <span class=\"text-primary-300\">// Index of the token.</span>\n \t <span class=\"ml-3 text-primary-700\">onClick</span>: <span class=\"text-primary-500\">(<span class=\"text-primary-700\">event</span>: Event, <span class=\"text-primary-700\">index</span>: number) &rArr; void</span>, <span class=\"text-primary-300\">// Remove token icon function.</span>\n}",
                                     "description": "remove token icon slot's params."
                                 }
                             ],
@@ -13283,7 +13283,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">data</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Row data.</span>\n  \t <span class=\"text-900\">node</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Row node data.</span>\n  \t <span class=\"text-900\">column</span>: <span class=\"text-600\">ColumnNode</span>, <span class=\"text-500\">// Column node.</span>\n  \t <span class=\"text-900\">field</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Column field.</span>\n  \t <span class=\"text-900\">index</span>: <span class=\"text-600\">number</span>, <span class=\"text-500\">// Row index.</span>\n  \t <span class=\"text-900\">frozenRow</span>: <span class=\"text-600\">boolean</span>, <span class=\"text-500\">// Whether the row is frozen.</span>\n \t <span class=\"text-900\">editorInitCallback</span>: <span class=\"text-600\">(<span class=\"text-800\">event</span>: Event) &rArr; void</span>, <span class=\"text-500\">// Callback function</span>\n}",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">data</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Row data.</span>\n  \t <span class=\"ml-3 text-primary-700\">node</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Row node data.</span>\n  \t <span class=\"ml-3 text-primary-700\">column</span>: <span class=\"text-primary-500\">ColumnNode</span>, <span class=\"text-primary-300\">// Column node.</span>\n  \t <span class=\"ml-3 text-primary-700\">field</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Column field.</span>\n  \t <span class=\"ml-3 text-primary-700\">index</span>: <span class=\"text-primary-500\">number</span>, <span class=\"text-primary-300\">// Row index.</span>\n  \t <span class=\"ml-3 text-primary-700\">frozenRow</span>: <span class=\"text-primary-500\">boolean</span>, <span class=\"text-primary-300\">// Whether the row is frozen.</span>\n \t <span class=\"ml-3 text-primary-700\">editorInitCallback</span>: <span class=\"text-primary-500\">(<span class=\"text-primary-700\">event</span>: Event) &rArr; void</span>, <span class=\"text-primary-300\">// Callback function</span>\n}",
                                     "description": "body slot's params."
                                 }
                             ],
@@ -13296,7 +13296,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">column</span>: <span class=\"text-600\">ColumnNode</span>, <span class=\"text-500\">// Column node.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">column</span>: <span class=\"text-primary-500\">ColumnNode</span>, <span class=\"text-primary-300\">// Column node.</span>\n }",
                                     "description": "header slot's params."
                                 }
                             ],
@@ -13309,7 +13309,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">column</span>: <span class=\"text-600\">ColumnNode</span>, <span class=\"text-500\">// Column node.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">column</span>: <span class=\"text-primary-500\">ColumnNode</span>, <span class=\"text-primary-300\">// Column node.</span>\n }",
                                     "description": "footer slot's params."
                                 }
                             ],
@@ -13322,7 +13322,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">data</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Row data.</span>\n  \t <span class=\"text-900\">column</span>: <span class=\"text-600\">ColumnNode</span>, <span class=\"text-500\">// Column node.</span>\n  \t <span class=\"text-900\">field</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Column field.</span>\n  \t <span class=\"text-900\">index</span>: <span class=\"text-600\">number</span>, <span class=\"text-500\">// Row index.</span>\n  \t <span class=\"text-900\">frozenRow</span>: <span class=\"text-600\">boolean</span>, <span class=\"text-500\">// Whether the row is frozen.</span>\n \t <span class=\"text-900\">editorSaveCallback</span>: <span class=\"text-600\">(<span class=\"text-800\">event</span>: Event) &rArr; void</span>, <span class=\"text-500\">// Callback function</span>\n\t <span class=\"text-900\">editorCancelCallback</span>: <span class=\"text-600\">(<span class=\"text-800\">event</span>: Event) &rArr; void</span>, <span class=\"text-500\">// Callback function</span>\n}",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">data</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Row data.</span>\n  \t <span class=\"ml-3 text-primary-700\">column</span>: <span class=\"text-primary-500\">ColumnNode</span>, <span class=\"text-primary-300\">// Column node.</span>\n  \t <span class=\"ml-3 text-primary-700\">field</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Column field.</span>\n  \t <span class=\"ml-3 text-primary-700\">index</span>: <span class=\"text-primary-500\">number</span>, <span class=\"text-primary-300\">// Row index.</span>\n  \t <span class=\"ml-3 text-primary-700\">frozenRow</span>: <span class=\"text-primary-500\">boolean</span>, <span class=\"text-primary-300\">// Whether the row is frozen.</span>\n \t <span class=\"ml-3 text-primary-700\">editorSaveCallback</span>: <span class=\"text-primary-500\">(<span class=\"text-primary-700\">event</span>: Event) &rArr; void</span>, <span class=\"text-primary-300\">// Callback function</span>\n\t <span class=\"ml-3 text-primary-700\">editorCancelCallback</span>: <span class=\"text-primary-500\">(<span class=\"text-primary-700\">event</span>: Event) &rArr; void</span>, <span class=\"text-primary-300\">// Callback function</span>\n}",
                                     "description": "editor slot's params."
                                 }
                             ],
@@ -13335,7 +13335,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">field</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Column field.</span>\n  \t <span class=\"text-900\">filterModel</span>: <span class=\"text-600\">ColumnFilterModelType</span>, <span class=\"text-500\">// Filter metadata</span>\n \t <span class=\"text-900\">filterCallback</span>: <span class=\"text-600\">() &rArr; void</span>, <span class=\"text-500\">// Callback function</span>\n\t <span class=\"text-900\">applyFilter</span>: <span class=\"text-600\">() &rArr; void</span>, <span class=\"text-500\">// Callback function (closes the overlay)</span>\n}",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">field</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Column field.</span>\n  \t <span class=\"ml-3 text-primary-700\">filterModel</span>: <span class=\"text-primary-500\">ColumnFilterModelType</span>, <span class=\"text-primary-300\">// Filter metadata</span>\n \t <span class=\"ml-3 text-primary-700\">filterCallback</span>: <span class=\"text-primary-500\">() &rArr; void</span>, <span class=\"text-primary-300\">// Callback function</span>\n\t <span class=\"ml-3 text-primary-700\">applyFilter</span>: <span class=\"text-primary-500\">() &rArr; void</span>, <span class=\"text-primary-300\">// Callback function (closes the overlay)</span>\n}",
                                     "description": "filter slot's params."
                                 }
                             ],
@@ -13348,7 +13348,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">field</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Column field.</span>\n  \t <span class=\"text-900\">filterModel</span>: <span class=\"text-600\">ColumnFilterModelType</span>, <span class=\"text-500\">// Filter metadata</span>\n \t <span class=\"text-900\">filterCallback</span>: <span class=\"text-600\">() &rArr; void</span>, <span class=\"text-500\">// Callback function</span>\n}",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">field</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Column field.</span>\n  \t <span class=\"ml-3 text-primary-700\">filterModel</span>: <span class=\"text-primary-500\">ColumnFilterModelType</span>, <span class=\"text-primary-300\">// Filter metadata</span>\n \t <span class=\"ml-3 text-primary-700\">filterCallback</span>: <span class=\"text-primary-500\">() &rArr; void</span>, <span class=\"text-primary-300\">// Callback function</span>\n}",
                                     "description": "filter header slot's params."
                                 }
                             ],
@@ -13361,7 +13361,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">field</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Column field.</span>\n  \t <span class=\"text-900\">filterModel</span>: <span class=\"text-600\">ColumnFilterModelType</span>, <span class=\"text-500\">// Filter metadata</span>\n \t <span class=\"text-900\">filterCallback</span>: <span class=\"text-600\">() &rArr; void</span>, <span class=\"text-500\">// Callback function</span>\n}",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">field</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Column field.</span>\n  \t <span class=\"ml-3 text-primary-700\">filterModel</span>: <span class=\"text-primary-500\">ColumnFilterModelType</span>, <span class=\"text-primary-300\">// Filter metadata</span>\n \t <span class=\"ml-3 text-primary-700\">filterCallback</span>: <span class=\"text-primary-500\">() &rArr; void</span>, <span class=\"text-primary-300\">// Callback function</span>\n}",
                                     "description": "filter footer slot's params."
                                 }
                             ],
@@ -13374,7 +13374,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">field</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Column field.</span>\n  \t <span class=\"text-900\">filterModel</span>: <span class=\"text-600\">ColumnFilterModelType</span>, <span class=\"text-500\">// Filter metadata</span>\n \t <span class=\"text-900\">filterCallback</span>: <span class=\"text-600\">() &rArr; void</span>, <span class=\"text-500\">// Callback function</span>\n}",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">field</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Column field.</span>\n  \t <span class=\"ml-3 text-primary-700\">filterModel</span>: <span class=\"text-primary-500\">ColumnFilterModelType</span>, <span class=\"text-primary-300\">// Filter metadata</span>\n \t <span class=\"ml-3 text-primary-700\">filterCallback</span>: <span class=\"text-primary-500\">() &rArr; void</span>, <span class=\"text-primary-300\">// Callback function</span>\n}",
                                     "description": "filter clear slot's params."
                                 }
                             ],
@@ -13387,7 +13387,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">field</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Column field.</span>\n  \t <span class=\"text-900\">filterModel</span>: <span class=\"text-600\">ColumnFilterModelType</span>, <span class=\"text-500\">// Filter metadata</span>\n \t <span class=\"text-900\">filterCallback</span>: <span class=\"text-600\">() &rArr; void</span>, <span class=\"text-500\">// Callback function</span>\n}",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">field</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Column field.</span>\n  \t <span class=\"ml-3 text-primary-700\">filterModel</span>: <span class=\"text-primary-500\">ColumnFilterModelType</span>, <span class=\"text-primary-300\">// Filter metadata</span>\n \t <span class=\"ml-3 text-primary-700\">filterCallback</span>: <span class=\"text-primary-500\">() &rArr; void</span>, <span class=\"text-primary-300\">// Callback function</span>\n}",
                                     "description": "filter apply slot's params."
                                 }
                             ],
@@ -13400,7 +13400,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">data</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Row data.</span>\n  \t <span class=\"text-900\">column</span>: <span class=\"text-600\">ColumnNode</span>, <span class=\"text-500\">// Column node.</span>\n  \t <span class=\"text-900\">field</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Column field.</span>\n  \t <span class=\"text-900\">index</span>: <span class=\"text-600\">number</span>, <span class=\"text-500\">// Row index.</span>\n  \t <span class=\"text-900\">frozenRow</span>: <span class=\"text-600\">boolean</span>, <span class=\"text-500\">// Whether the row is frozen.</span>\n  \t <span class=\"text-900\">loadingOptions</span>: <span class=\"text-600\">ColumnLoadingOptions</span>, <span class=\"text-500\">// Loading options.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">data</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Row data.</span>\n  \t <span class=\"ml-3 text-primary-700\">column</span>: <span class=\"text-primary-500\">ColumnNode</span>, <span class=\"text-primary-300\">// Column node.</span>\n  \t <span class=\"ml-3 text-primary-700\">field</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Column field.</span>\n  \t <span class=\"ml-3 text-primary-700\">index</span>: <span class=\"text-primary-500\">number</span>, <span class=\"text-primary-300\">// Row index.</span>\n  \t <span class=\"ml-3 text-primary-700\">frozenRow</span>: <span class=\"text-primary-500\">boolean</span>, <span class=\"text-primary-300\">// Whether the row is frozen.</span>\n  \t <span class=\"ml-3 text-primary-700\">loadingOptions</span>: <span class=\"text-primary-500\">ColumnLoadingOptions</span>, <span class=\"text-primary-300\">// Loading options.</span>\n }",
                                     "description": "loading slot's params."
                                 }
                             ],
@@ -13413,7 +13413,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Style class of the row toggler icon.</span>\n  \t <span class=\"text-900\">rowExpanded</span>: <span class=\"text-600\">boolean</span>, <span class=\"text-500\">// Current row expanded state.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Style class of the row toggler icon.</span>\n  \t <span class=\"ml-3 text-primary-700\">rowExpanded</span>: <span class=\"text-primary-500\">boolean</span>, <span class=\"text-primary-300\">// Current row expanded state.</span>\n }",
                                     "description": "row toggler icon slot's params."
                                 }
                             ],
@@ -13426,7 +13426,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">checked</span>: <span class=\"text-600\">boolean</span>, <span class=\"text-500\">// Current check state.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">checked</span>: <span class=\"text-primary-500\">boolean</span>, <span class=\"text-primary-300\">// Current check state.</span>\n }",
                                     "description": "header row icon slot's params."
                                 }
                             ],
@@ -13481,7 +13481,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">sorted</span>: <span class=\"text-600\">boolean</span>, <span class=\"text-500\">// Current sort state.</span>\n  \t <span class=\"text-900\">sortOrder</span>: <span class=\"text-600\">number</span>, <span class=\"text-500\">// Current sort order state.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">sorted</span>: <span class=\"text-primary-500\">boolean</span>, <span class=\"text-primary-300\">// Current sort state.</span>\n  \t <span class=\"ml-3 text-primary-700\">sortOrder</span>: <span class=\"text-primary-500\">number</span>, <span class=\"text-primary-300\">// Current sort order state.</span>\n }",
                                     "description": "sort icon slot's params."
                                 }
                             ],
@@ -13494,7 +13494,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">checked</span>: <span class=\"text-600\">boolean</span>, <span class=\"text-500\">// Current check state.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">checked</span>: <span class=\"text-primary-500\">boolean</span>, <span class=\"text-primary-300\">// Current check state.</span>\n }",
                                     "description": "header checkbox icon slot's params."
                                 }
                             ],
@@ -15911,7 +15911,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">message</span>: <span class=\"text-600\">ConfirmationOptions</span>, <span class=\"text-500\">// Message of the component</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">message</span>: <span class=\"text-primary-500\">ConfirmationOptions</span>, <span class=\"text-primary-300\">// Message of the component</span>\n }",
                                     "description": "message slot's params."
                                 }
                             ],
@@ -15924,7 +15924,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Style class of the icon template</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Style class of the icon template</span>\n }",
                                     "description": "icon slot's params."
                                 }
                             ],
@@ -15949,7 +15949,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">message</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Message of the component</span>\n \t <span class=\"text-900\">onClose</span>: <span class=\"text-600\">() &rArr; void</span>, <span class=\"text-500\">// Close dialog function.</span>\n\t <span class=\"text-900\">onAccept</span>: <span class=\"text-600\">() &rArr; void</span>, <span class=\"text-500\">// Accept function of the component</span>\n\t <span class=\"text-900\">onReject</span>: <span class=\"text-600\">() &rArr; void</span>, <span class=\"text-500\">// Reject function of the component</span>\n}",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">message</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Message of the component</span>\n \t <span class=\"ml-3 text-primary-700\">onClose</span>: <span class=\"text-primary-500\">() &rArr; void</span>, <span class=\"text-primary-300\">// Close dialog function.</span>\n\t <span class=\"ml-3 text-primary-700\">onAccept</span>: <span class=\"text-primary-500\">() &rArr; void</span>, <span class=\"text-primary-300\">// Accept function of the component</span>\n\t <span class=\"ml-3 text-primary-700\">onReject</span>: <span class=\"text-primary-500\">() &rArr; void</span>, <span class=\"text-primary-300\">// Reject function of the component</span>\n}",
                                     "description": "container slot's params."
                                 }
                             ],
@@ -16255,7 +16255,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">message</span>: <span class=\"text-600\">ConfirmationOptions</span>, <span class=\"text-500\">// Message of the component</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">message</span>: <span class=\"text-primary-500\">ConfirmationOptions</span>, <span class=\"text-primary-300\">// Message of the component</span>\n }",
                                     "description": "message slot's params."
                                 }
                             ],
@@ -16268,7 +16268,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Style class of the icon template</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Style class of the icon template</span>\n }",
                                     "description": "icon slot's params."
                                 }
                             ],
@@ -16293,7 +16293,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">message</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Message of the component</span>\n \t <span class=\"text-900\">onAccept</span>: <span class=\"text-600\">() &rArr; void</span>, <span class=\"text-500\">// Accept function of the component</span>\n\t <span class=\"text-900\">onReject</span>: <span class=\"text-600\">() &rArr; void</span>, <span class=\"text-500\">// Reject function of the component</span>\n}",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">message</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Message of the component</span>\n \t <span class=\"ml-3 text-primary-700\">onAccept</span>: <span class=\"text-primary-500\">() &rArr; void</span>, <span class=\"text-primary-300\">// Accept function of the component</span>\n\t <span class=\"ml-3 text-primary-700\">onReject</span>: <span class=\"text-primary-500\">() &rArr; void</span>, <span class=\"text-primary-300\">// Reject function of the component</span>\n}",
                                     "description": "container slot's params."
                                 }
                             ],
@@ -16870,7 +16870,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">item</span>: <span class=\"text-600\">MenuItem</span>, <span class=\"text-500\">// Menuitem instance</span>\n  \t <span class=\"text-900\">label</span>: <span class=\"text-600\">undefined</span>, <span class=\"text-500\">// Label property of the menuitem</span>\n  \t <span class=\"text-900\">props</span>: <span class=\"text-600\">ContextMenuRouterBindProps</span>, <span class=\"text-500\">// Binding properties of the menuitem</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">item</span>: <span class=\"text-primary-500\">MenuItem</span>, <span class=\"text-primary-300\">// Menuitem instance</span>\n  \t <span class=\"ml-3 text-primary-700\">label</span>: <span class=\"text-primary-500\">undefined</span>, <span class=\"text-primary-300\">// Label property of the menuitem</span>\n  \t <span class=\"ml-3 text-primary-700\">props</span>: <span class=\"text-primary-500\">ContextMenuRouterBindProps</span>, <span class=\"text-primary-300\">// Binding properties of the menuitem</span>\n }",
                                     "description": "item slot's params."
                                 }
                             ],
@@ -16883,7 +16883,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">item</span>: <span class=\"text-600\">MenuItem</span>, <span class=\"text-500\">// Menuitem instance</span>\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Style class of the item icon element.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">item</span>: <span class=\"text-primary-500\">MenuItem</span>, <span class=\"text-primary-300\">// Menuitem instance</span>\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Style class of the item icon element.</span>\n }",
                                     "description": "item icon slot's params."
                                 }
                             ],
@@ -16896,7 +16896,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">active</span>: <span class=\"text-600\">boolean</span>, <span class=\"text-500\">// Whether item is active</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">active</span>: <span class=\"text-primary-500\">boolean</span>, <span class=\"text-primary-300\">// Whether item is active</span>\n }",
                                     "description": "submenuicon slot's params."
                                 }
                             ],
@@ -19305,7 +19305,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">data</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Row data</span>\n  \t <span class=\"text-900\">index</span>: <span class=\"text-600\">number</span>, <span class=\"text-500\">// Row index</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">data</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Row data</span>\n  \t <span class=\"ml-3 text-primary-700\">index</span>: <span class=\"text-primary-500\">number</span>, <span class=\"text-primary-300\">// Row index</span>\n }",
                                     "description": "group header slot's params."
                                 }
                             ],
@@ -19318,7 +19318,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">data</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Row data</span>\n  \t <span class=\"text-900\">index</span>: <span class=\"text-600\">number</span>, <span class=\"text-500\">// Row index</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">data</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Row data</span>\n  \t <span class=\"ml-3 text-primary-700\">index</span>: <span class=\"text-primary-500\">number</span>, <span class=\"text-primary-300\">// Row index</span>\n }",
                                     "description": "group footer slot's params."
                                 }
                             ],
@@ -19337,7 +19337,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">data</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Row data</span>\n  \t <span class=\"text-900\">index</span>: <span class=\"text-600\">number</span>, <span class=\"text-500\">// Row index</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">data</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Row data</span>\n  \t <span class=\"ml-3 text-primary-700\">index</span>: <span class=\"text-primary-500\">number</span>, <span class=\"text-primary-300\">// Row index</span>\n }",
                                     "description": "expansion slot's params."
                                 }
                             ],
@@ -19368,7 +19368,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">expanded</span>: <span class=\"text-600\">boolean</span>, <span class=\"text-500\">// Current rowgroup's expanded state.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">expanded</span>: <span class=\"text-primary-500\">boolean</span>, <span class=\"text-primary-300\">// Current rowgroup's expanded state.</span>\n }",
                                     "description": "rowgroup toggler icon slot's params."
                                 }
                             ],
@@ -19381,7 +19381,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Style class of the paginator first page link icon.</span>\n }"
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Style class of the paginator first page link icon.</span>\n }"
                                 }
                             ],
                             "returnType": "VNode<RendererNode, RendererElement, Object>[]",
@@ -19393,7 +19393,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Style class of the paginator prev page link icon.</span>\n }"
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Style class of the paginator prev page link icon.</span>\n }"
                                 }
                             ],
                             "returnType": "VNode<RendererNode, RendererElement, Object>[]",
@@ -19405,7 +19405,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Style class of the paginator next page link icon.</span>\n }"
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Style class of the paginator next page link icon.</span>\n }"
                                 }
                             ],
                             "returnType": "VNode<RendererNode, RendererElement, Object>[]",
@@ -19417,7 +19417,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Style class of the paginator last page link icon.</span>\n }"
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Style class of the paginator last page link icon.</span>\n }"
                                 }
                             ],
                             "returnType": "VNode<RendererNode, RendererElement, Object>[]",
@@ -19429,7 +19429,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Style class of the paginator rows per page dropdown icon.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Style class of the paginator rows per page dropdown icon.</span>\n }",
                                     "description": "paginatorrowsperpagedropdownicon's params."
                                 }
                             ],
@@ -19442,7 +19442,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Style class of the paginator jump to page dropdown icon.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Style class of the paginator jump to page dropdown icon.</span>\n }",
                                     "description": "paginatorjumptopagedropdownicon's params."
                                 }
                             ],
@@ -20434,7 +20434,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">data</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Value of the component</span>\n  \t <span class=\"text-900\">index</span>: <span class=\"text-600\">number</span>, <span class=\"text-500\">// Index of the grid</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">data</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Value of the component</span>\n  \t <span class=\"ml-3 text-primary-700\">index</span>: <span class=\"text-primary-500\">number</span>, <span class=\"text-primary-300\">// Index of the grid</span>\n }",
                                     "description": "list slot's params."
                                 }
                             ],
@@ -20447,7 +20447,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">data</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Value of the component</span>\n  \t <span class=\"text-900\">index</span>: <span class=\"text-600\">number</span>, <span class=\"text-500\">// Index of the grid</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">data</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Value of the component</span>\n  \t <span class=\"ml-3 text-primary-700\">index</span>: <span class=\"text-primary-500\">number</span>, <span class=\"text-primary-300\">// Index of the grid</span>\n }",
                                     "description": "list slot's params."
                                 }
                             ],
@@ -21596,7 +21596,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Style class of the close icon</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Style class of the close icon</span>\n }",
                                     "description": "close icon slot's params."
                                 }
                             ],
@@ -21609,7 +21609,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">maximized</span>: <span class=\"text-600\">boolean</span>, <span class=\"text-500\">// Maximized state as a boolean</span>\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Style class of the maximize icon</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">maximized</span>: <span class=\"text-primary-500\">boolean</span>, <span class=\"text-primary-300\">// Maximized state as a boolean</span>\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Style class of the maximize icon</span>\n }",
                                     "description": "maximize icon slot's params."
                                 }
                             ],
@@ -21622,7 +21622,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n \t <span class=\"text-900\">onClose</span>: <span class=\"text-600\">() &rArr; void</span>, <span class=\"text-500\">// Close dialog function.</span>\n\t <span class=\"text-900\">onMaximize</span>: <span class=\"text-600\">(<span class=\"text-800\">event</span>: Event) &rArr; void</span>, <span class=\"text-500\">// Maximize/minimize dialog function.</span>\n}",
+                                    "type": "{\n \t <span class=\"ml-3 text-primary-700\">onClose</span>: <span class=\"text-primary-500\">() &rArr; void</span>, <span class=\"text-primary-300\">// Close dialog function.</span>\n\t <span class=\"ml-3 text-primary-700\">onMaximize</span>: <span class=\"text-primary-500\">(<span class=\"text-primary-700\">event</span>: Event) &rArr; void</span>, <span class=\"text-primary-300\">// Maximize/minimize dialog function.</span>\n}",
                                     "description": "container slot's params."
                                 }
                             ],
@@ -22444,7 +22444,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">item</span>: <span class=\"text-600\">MenuItem</span>, <span class=\"text-500\">// Custom content for item.</span>\n  \t <span class=\"text-900\">index</span>: <span class=\"text-600\">number</span>, <span class=\"text-500\">// Index of the menuitem</span>\n  \t <span class=\"text-900\">label</span>: <span class=\"text-600\">undefined</span>, <span class=\"text-500\">// Label property of the menuitem</span>\n  \t <span class=\"text-900\">props</span>: <span class=\"text-600\">DockRouterBindProps</span>, <span class=\"text-500\">// Binding properties of the menuitem</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">item</span>: <span class=\"text-primary-500\">MenuItem</span>, <span class=\"text-primary-300\">// Custom content for item.</span>\n  \t <span class=\"ml-3 text-primary-700\">index</span>: <span class=\"text-primary-500\">number</span>, <span class=\"text-primary-300\">// Index of the menuitem</span>\n  \t <span class=\"ml-3 text-primary-700\">label</span>: <span class=\"text-primary-500\">undefined</span>, <span class=\"text-primary-300\">// Label property of the menuitem</span>\n  \t <span class=\"ml-3 text-primary-700\">props</span>: <span class=\"text-primary-500\">DockRouterBindProps</span>, <span class=\"text-primary-300\">// Binding properties of the menuitem</span>\n }",
                                     "description": "item slot's params."
                                 }
                             ],
@@ -22457,7 +22457,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">item</span>: <span class=\"text-600\">MenuItem</span>, <span class=\"text-500\">// Custom content for icon.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">item</span>: <span class=\"text-primary-500\">MenuItem</span>, <span class=\"text-primary-300\">// Custom content for icon.</span>\n }",
                                     "description": "icon slot's params."
                                 }
                             ],
@@ -23376,7 +23376,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">value</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Value of the component</span>\n  \t <span class=\"text-900\">placeholder</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Placeholder prop value</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">value</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Value of the component</span>\n  \t <span class=\"ml-3 text-primary-700\">placeholder</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Placeholder prop value</span>\n }",
                                     "description": "value slot's params."
                                 }
                             ],
@@ -23396,7 +23396,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">value</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Value of the component</span>\n  \t <span class=\"text-900\">options</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Displayed options</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">value</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Value of the component</span>\n  \t <span class=\"ml-3 text-primary-700\">options</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Displayed options</span>\n }",
                                     "description": "header slot's params."
                                 }
                             ],
@@ -23409,7 +23409,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">value</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Value of the component</span>\n  \t <span class=\"text-900\">options</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Displayed options</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">value</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Value of the component</span>\n  \t <span class=\"ml-3 text-primary-700\">options</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Displayed options</span>\n }",
                                     "description": "footer slot's params."
                                 }
                             ],
@@ -23422,7 +23422,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">option</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Option instance</span>\n  \t <span class=\"text-900\">index</span>: <span class=\"text-600\">number</span>, <span class=\"text-500\">// Index of the option</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">option</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Option instance</span>\n  \t <span class=\"ml-3 text-primary-700\">index</span>: <span class=\"text-primary-500\">number</span>, <span class=\"text-primary-300\">// Index of the option</span>\n }",
                                     "description": "option slot's params."
                                 }
                             ],
@@ -23435,7 +23435,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">option</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Option instance</span>\n  \t <span class=\"text-900\">index</span>: <span class=\"text-600\">number</span>, <span class=\"text-500\">// Index of the option</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">option</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Option instance</span>\n  \t <span class=\"ml-3 text-primary-700\">index</span>: <span class=\"text-primary-500\">number</span>, <span class=\"text-primary-300\">// Index of the option</span>\n }",
                                     "description": "option group slot's params."
                                 }
                             ],
@@ -23460,7 +23460,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">items</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// An array of objects to display for virtualscroller</span>\n  \t <span class=\"text-900\">styleClass</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Style class of the component</span>\n \t <span class=\"text-900\">contentRef</span>: <span class=\"text-600\">(<span class=\"text-800\">el</span>: any) &rArr; void</span>, <span class=\"text-500\">// Referance of the content</span>\n\t <span class=\"text-900\">getItemOptions</span>: <span class=\"text-600\">(<span class=\"text-800\">index</span>: number) &rArr; VirtualScrollerItemOptions</span>, <span class=\"text-500\">// Options of the items</span>\n}",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">items</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// An array of objects to display for virtualscroller</span>\n  \t <span class=\"ml-3 text-primary-700\">styleClass</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Style class of the component</span>\n \t <span class=\"ml-3 text-primary-700\">contentRef</span>: <span class=\"text-primary-500\">(<span class=\"text-primary-700\">el</span>: any) &rArr; void</span>, <span class=\"text-primary-300\">// Referance of the content</span>\n\t <span class=\"ml-3 text-primary-700\">getItemOptions</span>: <span class=\"text-primary-500\">(<span class=\"text-primary-700\">index</span>: number) &rArr; VirtualScrollerItemOptions</span>, <span class=\"text-primary-300\">// Options of the items</span>\n}",
                                     "description": "content slot's params."
                                 }
                             ],
@@ -23473,7 +23473,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">options</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Options of the loader items for virtualscroller</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">options</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Options of the loader items for virtualscroller</span>\n }",
                                     "description": "loader slot's params."
                                 }
                             ],
@@ -23486,7 +23486,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Style class of the clear icon</span>\n \t <span class=\"text-900\">onClick</span>: <span class=\"text-600\">(<span class=\"text-800\">event</span>: Event) &rArr; void</span>, <span class=\"text-500\">// Clear icon click function.</span>\n}",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Style class of the clear icon</span>\n \t <span class=\"ml-3 text-primary-700\">onClick</span>: <span class=\"text-primary-500\">(<span class=\"text-primary-700\">event</span>: Event) &rArr; void</span>, <span class=\"text-primary-300\">// Clear icon click function.</span>\n}",
                                     "description": "clear icon slot's params."
                                 }
                             ],
@@ -23499,7 +23499,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Style class of the dropdown icon</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Style class of the dropdown icon</span>\n }",
                                     "description": "dropdown icon slot's params."
                                 }
                             ],
@@ -23512,7 +23512,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Style class of the loading icon</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Style class of the loading icon</span>\n }",
                                     "description": "loading icon slot's params."
                                 }
                             ],
@@ -23525,7 +23525,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Style class of the filter icon</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Style class of the filter icon</span>\n }",
                                     "description": "filter icon slot's params."
                                 }
                             ],
@@ -25663,7 +25663,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">files</span>: <span class=\"text-600\">File</span>, <span class=\"text-500\">// Files to upload.</span>\n  \t <span class=\"text-900\">uploadedFiles</span>: <span class=\"text-600\">File</span>, <span class=\"text-500\">// Uploaded files.</span>\n \t <span class=\"text-900\">chooseCallback</span>: <span class=\"text-600\">() &rArr; void</span>, <span class=\"text-500\">// Choose function</span>\n\t <span class=\"text-900\">uploadCallback</span>: <span class=\"text-600\">() &rArr; void</span>, <span class=\"text-500\">// Upload function</span>\n\t <span class=\"text-900\">clearCallback</span>: <span class=\"text-600\">() &rArr; void</span>, <span class=\"text-500\">// Clear function</span>\n}",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">files</span>: <span class=\"text-primary-500\">File</span>, <span class=\"text-primary-300\">// Files to upload.</span>\n  \t <span class=\"ml-3 text-primary-700\">uploadedFiles</span>: <span class=\"text-primary-500\">File</span>, <span class=\"text-primary-300\">// Uploaded files.</span>\n \t <span class=\"ml-3 text-primary-700\">chooseCallback</span>: <span class=\"text-primary-500\">() &rArr; void</span>, <span class=\"text-primary-300\">// Choose function</span>\n\t <span class=\"ml-3 text-primary-700\">uploadCallback</span>: <span class=\"text-primary-500\">() &rArr; void</span>, <span class=\"text-primary-300\">// Upload function</span>\n\t <span class=\"ml-3 text-primary-700\">clearCallback</span>: <span class=\"text-primary-500\">() &rArr; void</span>, <span class=\"text-primary-300\">// Clear function</span>\n}",
                                     "description": "header slot's params."
                                 }
                             ],
@@ -25676,7 +25676,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">files</span>: <span class=\"text-600\">File</span>, <span class=\"text-500\">// Files to upload.</span>\n  \t <span class=\"text-900\">uploadedFiles</span>: <span class=\"text-600\">File</span>, <span class=\"text-500\">// Uploaded files.</span>\n \t <span class=\"text-900\">removeUploadedFileCallback</span>: <span class=\"text-600\">(<span class=\"text-800\">index</span>: number) &rArr; void</span>, <span class=\"text-500\">// Function to remove an uploaded file.</span>\n\t <span class=\"text-900\">removeFileCallback</span>: <span class=\"text-600\">(<span class=\"text-800\">index</span>: number) &rArr; void</span>, <span class=\"text-500\">// Function to remove a file.</span>\n \t <span class=\"text-900\">progress</span>: <span class=\"text-600\">number</span>, <span class=\"text-500\">// Uploaded progress as number.</span>\n  \t <span class=\"text-900\">messages</span>: <span class=\"text-600\">undefined</span>, <span class=\"text-500\">// Status messages about upload process.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">files</span>: <span class=\"text-primary-500\">File</span>, <span class=\"text-primary-300\">// Files to upload.</span>\n  \t <span class=\"ml-3 text-primary-700\">uploadedFiles</span>: <span class=\"text-primary-500\">File</span>, <span class=\"text-primary-300\">// Uploaded files.</span>\n \t <span class=\"ml-3 text-primary-700\">removeUploadedFileCallback</span>: <span class=\"text-primary-500\">(<span class=\"text-primary-700\">index</span>: number) &rArr; void</span>, <span class=\"text-primary-300\">// Function to remove an uploaded file.</span>\n\t <span class=\"ml-3 text-primary-700\">removeFileCallback</span>: <span class=\"text-primary-500\">(<span class=\"text-primary-700\">index</span>: number) &rArr; void</span>, <span class=\"text-primary-300\">// Function to remove a file.</span>\n \t <span class=\"ml-3 text-primary-700\">progress</span>: <span class=\"text-primary-500\">number</span>, <span class=\"text-primary-300\">// Uploaded progress as number.</span>\n  \t <span class=\"ml-3 text-primary-700\">messages</span>: <span class=\"text-primary-500\">undefined</span>, <span class=\"text-primary-300\">// Status messages about upload process.</span>\n }",
                                     "description": "content slot's params."
                                 }
                             ],
@@ -25713,7 +25713,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">file</span>: <span class=\"text-600\">File</span>, <span class=\"text-500\">// File to upload.</span>\n  \t <span class=\"text-900\">index</span>: <span class=\"text-600\">number</span>, <span class=\"text-500\">// The index of file</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">file</span>: <span class=\"text-primary-500\">File</span>, <span class=\"text-primary-300\">// File to upload.</span>\n  \t <span class=\"ml-3 text-primary-700\">index</span>: <span class=\"text-primary-500\">number</span>, <span class=\"text-primary-300\">// The index of file</span>\n }",
                                     "description": "fileremoveicon slot's params."
                                 }
                             ],
@@ -26832,7 +26832,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">item</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Item instance</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">item</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Item instance</span>\n }",
                                     "description": "item slot's params."
                                 }
                             ],
@@ -26845,7 +26845,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">item</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Item instance</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">item</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Item instance</span>\n }",
                                     "description": "caption slot's params."
                                 }
                             ],
@@ -26858,7 +26858,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">index</span>: <span class=\"text-600\">number</span>, <span class=\"text-500\">// Index of the indicator item</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">index</span>: <span class=\"text-primary-500\">number</span>, <span class=\"text-primary-300\">// Index of the indicator item</span>\n }",
                                     "description": "indicator slot's params."
                                 }
                             ],
@@ -26871,7 +26871,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">item</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Item instance</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">item</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Item instance</span>\n }",
                                     "description": "thumbnail slot's params."
                                 }
                             ],
@@ -27522,7 +27522,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Style class of the image element.</span>\n  \t <span class=\"text-900\">style</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Style of the image element.</span>\n \t <span class=\"text-900\">onError</span>: <span class=\"text-600\">() &rArr; void</span>, <span class=\"text-500\">// Image error function.</span>\n}",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Style class of the image element.</span>\n  \t <span class=\"ml-3 text-primary-700\">style</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Style of the image element.</span>\n \t <span class=\"ml-3 text-primary-700\">onError</span>: <span class=\"text-primary-500\">() &rArr; void</span>, <span class=\"text-primary-300\">// Image error function.</span>\n}",
                                     "description": "image slot's params."
                                 }
                             ],
@@ -27535,7 +27535,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Style class of the preview image element.</span>\n  \t <span class=\"text-900\">style</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Style of the preview image element.</span>\n \t <span class=\"text-900\">onClick</span>: <span class=\"text-600\">() &rArr; void</span>, <span class=\"text-500\">// Preview click function.</span>\n}",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Style class of the preview image element.</span>\n  \t <span class=\"ml-3 text-primary-700\">style</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Style of the preview image element.</span>\n \t <span class=\"ml-3 text-primary-700\">onClick</span>: <span class=\"text-primary-500\">() &rArr; void</span>, <span class=\"text-primary-300\">// Preview click function.</span>\n}",
                                     "description": "preview slot's params."
                                 }
                             ],
@@ -30907,7 +30907,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">value</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Value of the component</span>\n  \t <span class=\"text-900\">options</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Displayed options</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">value</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Value of the component</span>\n  \t <span class=\"ml-3 text-primary-700\">options</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Displayed options</span>\n }",
                                     "description": "header slot's params."
                                 }
                             ],
@@ -30920,7 +30920,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">value</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Value of the component</span>\n  \t <span class=\"text-900\">options</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Displayed options</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">value</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Value of the component</span>\n  \t <span class=\"ml-3 text-primary-700\">options</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Displayed options</span>\n }",
                                     "description": "footer slot's params."
                                 }
                             ],
@@ -30933,7 +30933,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">option</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Option instance</span>\n  \t <span class=\"text-900\">index</span>: <span class=\"text-600\">number</span>, <span class=\"text-500\">// Index of the option</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">option</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Option instance</span>\n  \t <span class=\"ml-3 text-primary-700\">index</span>: <span class=\"text-primary-500\">number</span>, <span class=\"text-primary-300\">// Index of the option</span>\n }",
                                     "description": "option slot's params."
                                 }
                             ],
@@ -30946,7 +30946,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">option</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Option instance</span>\n  \t <span class=\"text-900\">index</span>: <span class=\"text-600\">number</span>, <span class=\"text-500\">// Index of the option</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">option</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Option instance</span>\n  \t <span class=\"ml-3 text-primary-700\">index</span>: <span class=\"text-primary-500\">number</span>, <span class=\"text-primary-300\">// Index of the option</span>\n }",
                                     "description": "optiongroup slot's params."
                                 }
                             ],
@@ -30971,7 +30971,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">items</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// An array of objects to display for virtualscroller</span>\n  \t <span class=\"text-900\">styleClass</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Style class of the component</span>\n \t <span class=\"text-900\">contentRef</span>: <span class=\"text-600\">(<span class=\"text-800\">el</span>: any) &rArr; void</span>, <span class=\"text-500\">// Referance of the content</span>\n\t <span class=\"text-900\">getItemOptions</span>: <span class=\"text-600\">(<span class=\"text-800\">index</span>: number) &rArr; VirtualScrollerItemOptions</span>, <span class=\"text-500\">// Options of the items</span>\n}",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">items</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// An array of objects to display for virtualscroller</span>\n  \t <span class=\"ml-3 text-primary-700\">styleClass</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Style class of the component</span>\n \t <span class=\"ml-3 text-primary-700\">contentRef</span>: <span class=\"text-primary-500\">(<span class=\"text-primary-700\">el</span>: any) &rArr; void</span>, <span class=\"text-primary-300\">// Referance of the content</span>\n\t <span class=\"ml-3 text-primary-700\">getItemOptions</span>: <span class=\"text-primary-500\">(<span class=\"text-primary-700\">index</span>: number) &rArr; VirtualScrollerItemOptions</span>, <span class=\"text-primary-300\">// Options of the items</span>\n}",
                                     "description": "content slot's params."
                                 }
                             ],
@@ -30984,7 +30984,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">options</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Options of the loader items for virtualscroller</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">options</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Options of the loader items for virtualscroller</span>\n }",
                                     "description": "loader slot's params."
                                 }
                             ],
@@ -30997,7 +30997,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Style class of the filter icon</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Style class of the filter icon</span>\n }",
                                     "description": "filter icon slot's params."
                                 }
                             ],
@@ -31626,7 +31626,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">item</span>: <span class=\"text-600\">MenuItem</span>, <span class=\"text-500\">// Menuitem instance</span>\n  \t <span class=\"text-900\">label</span>: <span class=\"text-600\">undefined</span>, <span class=\"text-500\">// Label property of the menuitem</span>\n  \t <span class=\"text-900\">props</span>: <span class=\"text-600\">MegaMenuRouterBindProps</span>, <span class=\"text-500\">// Binding properties of the menuitem</span>\n  \t <span class=\"text-900\">hasSubmenu</span>: <span class=\"text-600\">boolean</span>, <span class=\"text-500\">// Whether or not there is a submenu</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">item</span>: <span class=\"text-primary-500\">MenuItem</span>, <span class=\"text-primary-300\">// Menuitem instance</span>\n  \t <span class=\"ml-3 text-primary-700\">label</span>: <span class=\"text-primary-500\">undefined</span>, <span class=\"text-primary-300\">// Label property of the menuitem</span>\n  \t <span class=\"ml-3 text-primary-700\">props</span>: <span class=\"text-primary-500\">MegaMenuRouterBindProps</span>, <span class=\"text-primary-300\">// Binding properties of the menuitem</span>\n  \t <span class=\"ml-3 text-primary-700\">hasSubmenu</span>: <span class=\"text-primary-500\">boolean</span>, <span class=\"text-primary-300\">// Whether or not there is a submenu</span>\n }",
                                     "description": "item slot's params."
                                 }
                             ],
@@ -31639,7 +31639,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">active</span>: <span class=\"text-600\">boolean</span>, <span class=\"text-500\">// Whether item is active</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">active</span>: <span class=\"text-primary-500\">boolean</span>, <span class=\"text-primary-300\">// Whether item is active</span>\n }",
                                     "description": "submenuicon slot's params."
                                 }
                             ],
@@ -31652,7 +31652,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">item</span>: <span class=\"text-600\">MenuItem</span>, <span class=\"text-500\">// Menuitem instance</span>\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Style class of the item icon element.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">item</span>: <span class=\"text-primary-500\">MenuItem</span>, <span class=\"text-primary-300\">// Menuitem instance</span>\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Style class of the item icon element.</span>\n }",
                                     "description": "item icon slot's params."
                                 }
                             ],
@@ -32223,7 +32223,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">item</span>: <span class=\"text-600\">MenuItem</span>, <span class=\"text-500\">// Menuitem instance</span>\n  \t <span class=\"text-900\">label</span>: <span class=\"text-600\">undefined</span>, <span class=\"text-500\">// Label property of the menuitem</span>\n  \t <span class=\"text-900\">props</span>: <span class=\"text-600\">MenuRouterBindProps</span>, <span class=\"text-500\">// Binding properties of the menuitem</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">item</span>: <span class=\"text-primary-500\">MenuItem</span>, <span class=\"text-primary-300\">// Menuitem instance</span>\n  \t <span class=\"ml-3 text-primary-700\">label</span>: <span class=\"text-primary-500\">undefined</span>, <span class=\"text-primary-300\">// Label property of the menuitem</span>\n  \t <span class=\"ml-3 text-primary-700\">props</span>: <span class=\"text-primary-500\">MenuRouterBindProps</span>, <span class=\"text-primary-300\">// Binding properties of the menuitem</span>\n }",
                                     "description": "item slot's params."
                                 }
                             ],
@@ -32236,7 +32236,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">item</span>: <span class=\"text-600\">MenuItem</span>, <span class=\"text-500\">// Menuitem instance</span>\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Style class of the item icon element.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">item</span>: <span class=\"text-primary-500\">MenuItem</span>, <span class=\"text-primary-300\">// Menuitem instance</span>\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Style class of the item icon element.</span>\n }",
                                     "description": "item icon slot's params."
                                 }
                             ],
@@ -32249,7 +32249,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">submenuheader</span>: <span class=\"text-600\">MenuItem</span>, <span class=\"text-500\">// Menuitem instance</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">submenuheader</span>: <span class=\"text-primary-500\">MenuItem</span>, <span class=\"text-primary-300\">// Menuitem instance</span>\n }",
                                     "description": "submenuheader slot's params."
                                 }
                             ],
@@ -32826,7 +32826,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">item</span>: <span class=\"text-600\">MenuItem</span>, <span class=\"text-500\">// Menuitem instance</span>\n  \t <span class=\"text-900\">label</span>: <span class=\"text-600\">undefined</span>, <span class=\"text-500\">// Label property of the menuitem</span>\n  \t <span class=\"text-900\">props</span>: <span class=\"text-600\">MenubarRouterBindProps</span>, <span class=\"text-500\">// Binding properties of the menuitem</span>\n  \t <span class=\"text-900\">root</span>: <span class=\"text-600\">boolean</span>, <span class=\"text-500\">// State of the root</span>\n  \t <span class=\"text-900\">hasSubmenu</span>: <span class=\"text-600\">boolean</span>, <span class=\"text-500\">// Whether or not there is a submenu</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">item</span>: <span class=\"text-primary-500\">MenuItem</span>, <span class=\"text-primary-300\">// Menuitem instance</span>\n  \t <span class=\"ml-3 text-primary-700\">label</span>: <span class=\"text-primary-500\">undefined</span>, <span class=\"text-primary-300\">// Label property of the menuitem</span>\n  \t <span class=\"ml-3 text-primary-700\">props</span>: <span class=\"text-primary-500\">MenubarRouterBindProps</span>, <span class=\"text-primary-300\">// Binding properties of the menuitem</span>\n  \t <span class=\"ml-3 text-primary-700\">root</span>: <span class=\"text-primary-500\">boolean</span>, <span class=\"text-primary-300\">// State of the root</span>\n  \t <span class=\"ml-3 text-primary-700\">hasSubmenu</span>: <span class=\"text-primary-500\">boolean</span>, <span class=\"text-primary-300\">// Whether or not there is a submenu</span>\n }",
                                     "description": "item slot's params."
                                 }
                             ],
@@ -32845,7 +32845,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">root</span>: <span class=\"text-600\">boolean</span>, <span class=\"text-500\">// Whether item is root</span>\n  \t <span class=\"text-900\">active</span>: <span class=\"text-600\">boolean</span>, <span class=\"text-500\">// Whether item is active</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">root</span>: <span class=\"text-primary-500\">boolean</span>, <span class=\"text-primary-300\">// Whether item is root</span>\n  \t <span class=\"ml-3 text-primary-700\">active</span>: <span class=\"text-primary-500\">boolean</span>, <span class=\"text-primary-300\">// Whether item is active</span>\n }",
                                     "description": "submenuicon slot's params."
                                 }
                             ],
@@ -32858,7 +32858,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">item</span>: <span class=\"text-600\">MenuItem</span>, <span class=\"text-500\">// Menuitem instance</span>\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Style class of the item icon element.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">item</span>: <span class=\"text-primary-500\">MenuItem</span>, <span class=\"text-primary-300\">// Menuitem instance</span>\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Style class of the item icon element.</span>\n }",
                                     "description": "item icon slot's params."
                                 }
                             ],
@@ -33378,7 +33378,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Style class of the item icon element.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Style class of the item icon element.</span>\n }",
                                     "description": "messageicon slot's params."
                                 }
                             ],
@@ -33391,7 +33391,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Style class of the item icon element.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Style class of the item icon element.</span>\n }",
                                     "description": "closeicon slot's params."
                                 }
                             ],
@@ -33404,7 +33404,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n \t <span class=\"text-900\">onClose</span>: <span class=\"text-600\">() &rArr; void</span>, <span class=\"text-500\">// Close message function.</span>\n}",
+                                    "type": "{\n \t <span class=\"ml-3 text-primary-700\">onClose</span>: <span class=\"text-primary-500\">() &rArr; void</span>, <span class=\"text-primary-300\">// Close message function.</span>\n}",
                                     "description": "container slot's params."
                                 }
                             ],
@@ -34490,7 +34490,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">value</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Value of the component</span>\n  \t <span class=\"text-900\">placeholder</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Placeholder prop value</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">value</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Value of the component</span>\n  \t <span class=\"ml-3 text-primary-700\">placeholder</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Placeholder prop value</span>\n }",
                                     "description": "value slot's params."
                                 }
                             ],
@@ -34503,7 +34503,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">value</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// A value in the selection</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">value</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// A value in the selection</span>\n }",
                                     "description": "chip slot's params."
                                 }
                             ],
@@ -34523,7 +34523,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">value</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Value of the component</span>\n  \t <span class=\"text-900\">options</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Displayed options</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">value</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Value of the component</span>\n  \t <span class=\"ml-3 text-primary-700\">options</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Displayed options</span>\n }",
                                     "description": "header slot's params."
                                 }
                             ],
@@ -34536,7 +34536,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">value</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Value of the component</span>\n  \t <span class=\"text-900\">options</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Displayed options</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">value</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Value of the component</span>\n  \t <span class=\"ml-3 text-primary-700\">options</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Displayed options</span>\n }",
                                     "description": "footer slot's params."
                                 }
                             ],
@@ -34549,7 +34549,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">option</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Option instance</span>\n  \t <span class=\"text-900\">index</span>: <span class=\"text-600\">number</span>, <span class=\"text-500\">// Index of the option</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">option</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Option instance</span>\n  \t <span class=\"ml-3 text-primary-700\">index</span>: <span class=\"text-primary-500\">number</span>, <span class=\"text-primary-300\">// Index of the option</span>\n }",
                                     "description": "option slot's params."
                                 }
                             ],
@@ -34562,7 +34562,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">option</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Option instance</span>\n  \t <span class=\"text-900\">index</span>: <span class=\"text-600\">number</span>, <span class=\"text-500\">// Index of the option</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">option</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Option instance</span>\n  \t <span class=\"ml-3 text-primary-700\">index</span>: <span class=\"text-primary-500\">number</span>, <span class=\"text-primary-300\">// Index of the option</span>\n }",
                                     "description": "option group slot's params."
                                 }
                             ],
@@ -34587,7 +34587,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">items</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// An array of objects to display for virtualscroller</span>\n  \t <span class=\"text-900\">styleClass</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Style class of the component</span>\n \t <span class=\"text-900\">contentRef</span>: <span class=\"text-600\">(<span class=\"text-800\">el</span>: any) &rArr; void</span>, <span class=\"text-500\">// Referance of the content</span>\n\t <span class=\"text-900\">getItemOptions</span>: <span class=\"text-600\">(<span class=\"text-800\">index</span>: number) &rArr; VirtualScrollerItemOptions</span>, <span class=\"text-500\">// Options of the items</span>\n}",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">items</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// An array of objects to display for virtualscroller</span>\n  \t <span class=\"ml-3 text-primary-700\">styleClass</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Style class of the component</span>\n \t <span class=\"ml-3 text-primary-700\">contentRef</span>: <span class=\"text-primary-500\">(<span class=\"text-primary-700\">el</span>: any) &rArr; void</span>, <span class=\"text-primary-300\">// Referance of the content</span>\n\t <span class=\"ml-3 text-primary-700\">getItemOptions</span>: <span class=\"text-primary-500\">(<span class=\"text-primary-700\">index</span>: number) &rArr; VirtualScrollerItemOptions</span>, <span class=\"text-primary-300\">// Options of the items</span>\n}",
                                     "description": "content slot's params."
                                 }
                             ],
@@ -34600,7 +34600,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">options</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Options of the loader items for virtualscroller</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">options</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Options of the loader items for virtualscroller</span>\n }",
                                     "description": "loader slot's params."
                                 }
                             ],
@@ -34613,7 +34613,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Style class of the loading icon.</span>\n  \t <span class=\"text-900\">item</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Item of the token.</span>\n \t <span class=\"text-900\">onClick</span>: <span class=\"text-600\">(<span class=\"text-800\">event</span>: Event, <span class=\"text-800\">item</span>: any) &rArr; void</span>, <span class=\"text-500\">// Remove token icon function.</span>\n}",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Style class of the loading icon.</span>\n  \t <span class=\"ml-3 text-primary-700\">item</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Item of the token.</span>\n \t <span class=\"ml-3 text-primary-700\">onClick</span>: <span class=\"text-primary-500\">(<span class=\"text-primary-700\">event</span>: Event, <span class=\"text-primary-700\">item</span>: any) &rArr; void</span>, <span class=\"text-primary-300\">// Remove token icon function.</span>\n}",
                                     "description": "removetokenicon slot's params."
                                 }
                             ],
@@ -34626,7 +34626,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">allSelected</span>: <span class=\"text-600\">boolean</span>, <span class=\"text-500\">// Options of the loader items for virtualscroller</span>\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Style class of the loading icon.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">allSelected</span>: <span class=\"text-primary-500\">boolean</span>, <span class=\"text-primary-300\">// Options of the loader items for virtualscroller</span>\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Style class of the loading icon.</span>\n }",
                                     "description": "header checkbox icon slot's params."
                                 }
                             ],
@@ -34639,7 +34639,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Style class of the loading icon.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Style class of the loading icon.</span>\n }",
                                     "description": "filtericon slot's params."
                                 }
                             ],
@@ -34652,7 +34652,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Style class of the loading icon.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Style class of the loading icon.</span>\n }",
                                     "description": "closeicon slot's params."
                                 }
                             ],
@@ -34665,7 +34665,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">selected</span>: <span class=\"text-600\">boolean</span>, <span class=\"text-500\">// Options of the loader items for virtualscroller</span>\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Style class of the loading icon.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">selected</span>: <span class=\"text-primary-500\">boolean</span>, <span class=\"text-primary-300\">// Options of the loader items for virtualscroller</span>\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Style class of the loading icon.</span>\n }",
                                     "description": "itemcheckboxicon slot's params."
                                 }
                             ],
@@ -34678,7 +34678,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Style class of the loading icon.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Style class of the loading icon.</span>\n }",
                                     "description": "loading icon slot's params."
                                 }
                             ],
@@ -34691,7 +34691,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Style class of the loading icon.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Style class of the loading icon.</span>\n }",
                                     "description": "dropdownicon slot's params."
                                 }
                             ],
@@ -35354,7 +35354,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">item</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Item of the component</span>\n  \t <span class=\"text-900\">index</span>: <span class=\"text-600\">number</span>, <span class=\"text-500\">// Index of the item.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">item</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Item of the component</span>\n  \t <span class=\"ml-3 text-primary-700\">index</span>: <span class=\"text-primary-500\">number</span>, <span class=\"text-primary-300\">// Index of the item.</span>\n }",
                                     "description": "item slot's params."
                                 }
                             ],
@@ -35991,7 +35991,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">expanded</span>: <span class=\"text-600\">boolean</span>, <span class=\"text-500\">// Curent state of the node</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">expanded</span>: <span class=\"text-primary-500\">boolean</span>, <span class=\"text-primary-300\">// Curent state of the node</span>\n }",
                                     "description": "togglericon slot's params."
                                 }
                             ],
@@ -36979,7 +36979,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">state</span>: <span class=\"text-600\">PageState</span>, <span class=\"text-500\">// Current state</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">state</span>: <span class=\"text-primary-500\">PageState</span>, <span class=\"text-primary-300\">// Current state</span>\n }",
                                     "description": "start slot's params."
                                 }
                             ],
@@ -36992,7 +36992,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">state</span>: <span class=\"text-600\">PageState</span>, <span class=\"text-500\">// Current state</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">state</span>: <span class=\"text-primary-500\">PageState</span>, <span class=\"text-primary-300\">// Current state</span>\n }",
                                     "description": "end slot's params."
                                 }
                             ],
@@ -37029,7 +37029,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Style class of the rowsperpagedropdown icon.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Style class of the rowsperpagedropdown icon.</span>\n }",
                                     "description": "rowsperpagedropdownicon's params."
                                 }
                             ],
@@ -37042,7 +37042,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Style class of the jumptopagedropdown icon.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Style class of the jumptopagedropdown icon.</span>\n }",
                                     "description": "jumptopagedropdownicon's params."
                                 }
                             ],
@@ -37450,7 +37450,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">id</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Current id state as a string</span>\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Style class of the icon</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">id</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Current id state as a string</span>\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Style class of the icon</span>\n }",
                                     "description": "header slot's params."
                                 }
                             ],
@@ -37469,7 +37469,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">collapsed</span>: <span class=\"text-600\">boolean</span>, <span class=\"text-500\">// Collapsed state as a boolean</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">collapsed</span>: <span class=\"text-primary-500\">boolean</span>, <span class=\"text-primary-300\">// Collapsed state as a boolean</span>\n }",
                                     "description": "toggler icon slot's params."
                                 }
                             ],
@@ -38070,7 +38070,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">item</span>: <span class=\"text-600\">MenuItem</span>, <span class=\"text-500\">// Menuitem instance</span>\n  \t <span class=\"text-900\">label</span>: <span class=\"text-600\">undefined</span>, <span class=\"text-500\">// Label property of the menuitem</span>\n  \t <span class=\"text-900\">props</span>: <span class=\"text-600\">PanelMenuRouterBindProps</span>, <span class=\"text-500\">// Binding properties of the menuitem</span>\n  \t <span class=\"text-900\">hasSubmenu</span>: <span class=\"text-600\">boolean</span>, <span class=\"text-500\">// Whether or not there is a submenu</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">item</span>: <span class=\"text-primary-500\">MenuItem</span>, <span class=\"text-primary-300\">// Menuitem instance</span>\n  \t <span class=\"ml-3 text-primary-700\">label</span>: <span class=\"text-primary-500\">undefined</span>, <span class=\"text-primary-300\">// Label property of the menuitem</span>\n  \t <span class=\"ml-3 text-primary-700\">props</span>: <span class=\"text-primary-500\">PanelMenuRouterBindProps</span>, <span class=\"text-primary-300\">// Binding properties of the menuitem</span>\n  \t <span class=\"ml-3 text-primary-700\">hasSubmenu</span>: <span class=\"text-primary-500\">boolean</span>, <span class=\"text-primary-300\">// Whether or not there is a submenu</span>\n }",
                                     "description": "item slot's params."
                                 }
                             ],
@@ -38083,7 +38083,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">active</span>: <span class=\"text-600\">boolean</span>, <span class=\"text-500\">// Whether item is active</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">active</span>: <span class=\"text-primary-500\">boolean</span>, <span class=\"text-primary-300\">// Whether item is active</span>\n }",
                                     "description": "submenuicon slot's params."
                                 }
                             ],
@@ -38096,7 +38096,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">item</span>: <span class=\"text-600\">MenuItem</span>, <span class=\"text-500\">// Menuitem instance</span>\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Style class of the item icon element.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">item</span>: <span class=\"text-primary-500\">MenuItem</span>, <span class=\"text-primary-300\">// Menuitem instance</span>\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Style class of the item icon element.</span>\n }",
                                     "description": "header icon slot's params."
                                 }
                             ],
@@ -38109,7 +38109,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">item</span>: <span class=\"text-600\">MenuItem</span>, <span class=\"text-500\">// Menuitem instance</span>\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Style class of the item icon element.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">item</span>: <span class=\"text-primary-500\">MenuItem</span>, <span class=\"text-primary-300\">// Menuitem instance</span>\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Style class of the item icon element.</span>\n }",
                                     "description": "item icon slot's params."
                                 }
                             ],
@@ -38787,7 +38787,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n \t <span class=\"text-900\">onClick</span>: <span class=\"text-600\">() &rArr; void</span>, <span class=\"text-500\">// Hide icon click event</span>\n}",
+                                    "type": "{\n \t <span class=\"ml-3 text-primary-700\">onClick</span>: <span class=\"text-primary-500\">() &rArr; void</span>, <span class=\"text-primary-300\">// Hide icon click event</span>\n}",
                                     "description": "hideicon slot's params."
                                 }
                             ],
@@ -38800,7 +38800,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n \t <span class=\"text-900\">onClick</span>: <span class=\"text-600\">() &rArr; void</span>, <span class=\"text-500\">// Show icon click event</span>\n}",
+                                    "type": "{\n \t <span class=\"ml-3 text-primary-700\">onClick</span>: <span class=\"text-primary-500\">() &rArr; void</span>, <span class=\"text-primary-300\">// Show icon click event</span>\n}",
                                     "description": "showicon slot's params."
                                 }
                             ],
@@ -39665,7 +39665,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">item</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Item of the component</span>\n  \t <span class=\"text-900\">index</span>: <span class=\"text-600\">number</span>, <span class=\"text-500\">// Index of the item</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">item</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Item of the component</span>\n  \t <span class=\"ml-3 text-primary-700\">index</span>: <span class=\"text-primary-500\">number</span>, <span class=\"text-primary-300\">// Index of the item</span>\n }",
                                     "description": "item slot's params."
                                 }
                             ],
@@ -39750,7 +39750,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">viewChanged</span>: <span class=\"text-600\">boolean</span>, <span class=\"text-500\">// Whether view change.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">viewChanged</span>: <span class=\"text-primary-500\">boolean</span>, <span class=\"text-primary-300\">// Whether view change.</span>\n }",
                                     "description": "movetotargeticon slot's params."
                                 }
                             ],
@@ -39763,7 +39763,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">viewChanged</span>: <span class=\"text-600\">boolean</span>, <span class=\"text-500\">// Whether view change.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">viewChanged</span>: <span class=\"text-primary-500\">boolean</span>, <span class=\"text-primary-300\">// Whether view change.</span>\n }",
                                     "description": "movealltotargeticon slot's params."
                                 }
                             ],
@@ -39776,7 +39776,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">viewChanged</span>: <span class=\"text-600\">boolean</span>, <span class=\"text-500\">// Whether view change.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">viewChanged</span>: <span class=\"text-primary-500\">boolean</span>, <span class=\"text-primary-300\">// Whether view change.</span>\n }",
                                     "description": "movetosourceicon slot's params."
                                 }
                             ],
@@ -39789,7 +39789,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">viewChanged</span>: <span class=\"text-600\">boolean</span>, <span class=\"text-500\">// Whether view change.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">viewChanged</span>: <span class=\"text-primary-500\">boolean</span>, <span class=\"text-primary-300\">// Whether view change.</span>\n }",
                                     "description": "movealltosourceicon slot's params."
                                 }
                             ],
@@ -41304,7 +41304,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Style class of the icon.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Style class of the icon.</span>\n }",
                                     "description": "cancelicon slot's params."
                                 }
                             ],
@@ -41317,7 +41317,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">value</span>: <span class=\"text-600\">number</span>, <span class=\"text-500\">// Item value</span>\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Style class of the icon.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">value</span>: <span class=\"text-primary-500\">number</span>, <span class=\"text-primary-300\">// Item value</span>\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Style class of the icon.</span>\n }",
                                     "description": "on icon slot's params."
                                 }
                             ],
@@ -41330,7 +41330,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">value</span>: <span class=\"text-600\">number</span>, <span class=\"text-500\">// Item value</span>\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Style class of the icon.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">value</span>: <span class=\"text-primary-500\">number</span>, <span class=\"text-primary-300\">// Item value</span>\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Style class of the icon.</span>\n }",
                                     "description": "off icon slot's params."
                                 }
                             ],
@@ -42718,7 +42718,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">option</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Option instance</span>\n  \t <span class=\"text-900\">index</span>: <span class=\"text-600\">number</span>, <span class=\"text-500\">// Index of the option</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">option</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Option instance</span>\n  \t <span class=\"ml-3 text-primary-700\">index</span>: <span class=\"text-primary-500\">number</span>, <span class=\"text-primary-300\">// Index of the option</span>\n }",
                                     "description": "option slot's params."
                                 }
                             ],
@@ -43145,7 +43145,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Style class of the close icon</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Style class of the close icon</span>\n }",
                                     "description": "close icon slot's params."
                                 }
                             ],
@@ -43158,7 +43158,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n \t <span class=\"text-900\">onClose</span>: <span class=\"text-600\">() &rArr; void</span>, <span class=\"text-500\">// Close sidebar function.</span>\n}",
+                                    "type": "{\n \t <span class=\"ml-3 text-primary-700\">onClose</span>: <span class=\"text-primary-500\">() &rArr; void</span>, <span class=\"text-primary-300\">// Close sidebar function.</span>\n}",
                                     "description": "container slot's params."
                                 }
                             ],
@@ -44340,7 +44340,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">item</span>: <span class=\"text-600\">MenuItem</span>, <span class=\"text-500\">// Menuitem instance</span>\n \t <span class=\"text-900\">onClick</span>: <span class=\"text-600\">(<span class=\"text-800\">event</span>: Event) &rArr; void</span>, <span class=\"text-500\">// Item click function</span>\n}",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">item</span>: <span class=\"text-primary-500\">MenuItem</span>, <span class=\"text-primary-300\">// Menuitem instance</span>\n \t <span class=\"ml-3 text-primary-700\">onClick</span>: <span class=\"text-primary-500\">(<span class=\"text-primary-700\">event</span>: Event) &rArr; void</span>, <span class=\"text-primary-300\">// Item click function</span>\n}",
                                     "description": "item slot's params."
                                 }
                             ],
@@ -44353,7 +44353,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n \t <span class=\"text-900\">onClick</span>: <span class=\"text-600\">(<span class=\"text-800\">event</span>: Event) &rArr; void</span>, <span class=\"text-500\">// Button click function</span>\n}",
+                                    "type": "{\n \t <span class=\"ml-3 text-primary-700\">onClick</span>: <span class=\"text-primary-500\">(<span class=\"text-primary-700\">event</span>: Event) &rArr; void</span>, <span class=\"text-primary-300\">// Button click function</span>\n}",
                                     "description": "button slot's params."
                                 }
                             ],
@@ -44366,7 +44366,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">visible</span>: <span class=\"text-600\">boolean</span>, <span class=\"text-500\">// Visible state of the item</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">visible</span>: <span class=\"text-primary-500\">boolean</span>, <span class=\"text-primary-300\">// Visible state of the item</span>\n }",
                                     "description": "icon slot's params."
                                 }
                             ],
@@ -44836,7 +44836,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Style class of the icon.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Style class of the icon.</span>\n }",
                                     "description": "icon slot's params."
                                 }
                             ],
@@ -44849,7 +44849,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Style class of the icon.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Style class of the icon.</span>\n }",
                                     "description": "menubuttonicon slot's params."
                                 }
                             ],
@@ -44862,7 +44862,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">item</span>: <span class=\"text-600\">MenuItem</span>, <span class=\"text-500\">// Menuitem instance</span>\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Style class of the item icon element.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">item</span>: <span class=\"text-primary-500\">MenuItem</span>, <span class=\"text-primary-300\">// Menuitem instance</span>\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Style class of the item icon element.</span>\n }",
                                     "description": "menuitemicon slot's params."
                                 }
                             ],
@@ -45048,6 +45048,29 @@
                     ],
                     "methods": []
                 },
+                "SplitterResizeEvent": {
+                    "description": "Custom resize event.",
+                    "relatedProp": "SplitterEmits.resize",
+                    "props": [
+                        {
+                            "name": "originalEvent",
+                            "optional": false,
+                            "readonly": false,
+                            "type": "Event",
+                            "default": "",
+                            "description": "Browser event"
+                        },
+                        {
+                            "name": "sizes",
+                            "optional": false,
+                            "readonly": false,
+                            "type": "number[]",
+                            "default": "",
+                            "description": "Sizes of the panels"
+                        }
+                    ],
+                    "methods": []
+                },
                 "SplitterResizeEndEvent": {
                     "description": "Custom resize end event.",
                     "relatedProp": "SplitterEmits.resizeend",
@@ -45255,6 +45278,19 @@
                             "returnType": "void",
                             "description": "Callback to invoke when resize starts."
                         },
+                        {
+                            "name": "resize",
+                            "parameters": [
+                                {
+                                    "name": "event",
+                                    "optional": false,
+                                    "type": "SplitterResizeEvent",
+                                    "description": "Custom resize event."
+                                }
+                            ],
+                            "returnType": "void",
+                            "description": "Callback to invoke during the resizing process."
+                        },
                         {
                             "name": "resizeend",
                             "parameters": [
@@ -45859,7 +45895,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">item</span>: <span class=\"text-600\">MenuItem</span>, <span class=\"text-500\">// Menuitem instance</span>\n  \t <span class=\"text-900\">label</span>: <span class=\"text-600\">undefined</span>, <span class=\"text-500\">// Label property of the menuitem</span>\n  \t <span class=\"text-900\">index</span>: <span class=\"text-600\">number</span>, <span class=\"text-500\">// Order of the menuitem</span>\n  \t <span class=\"text-900\">props</span>: <span class=\"text-600\">StepsRouterBindProps</span>, <span class=\"text-500\">// Binding properties of the menuitem</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">item</span>: <span class=\"text-primary-500\">MenuItem</span>, <span class=\"text-primary-300\">// Menuitem instance</span>\n  \t <span class=\"ml-3 text-primary-700\">label</span>: <span class=\"text-primary-500\">undefined</span>, <span class=\"text-primary-300\">// Label property of the menuitem</span>\n  \t <span class=\"ml-3 text-primary-700\">index</span>: <span class=\"text-primary-500\">number</span>, <span class=\"text-primary-300\">// Order of the menuitem</span>\n  \t <span class=\"ml-3 text-primary-700\">props</span>: <span class=\"text-primary-500\">StepsRouterBindProps</span>, <span class=\"text-primary-300\">// Binding properties of the menuitem</span>\n }",
                                     "description": "item slot's params."
                                 }
                             ],
@@ -46462,7 +46498,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">item</span>: <span class=\"text-600\">MenuItem</span>, <span class=\"text-500\">// Menuitem instance</span>\n  \t <span class=\"text-900\">label</span>: <span class=\"text-600\">undefined</span>, <span class=\"text-500\">// Label property of the menuitem</span>\n  \t <span class=\"text-900\">props</span>: <span class=\"text-600\">TabMenuRouterBindProps</span>, <span class=\"text-500\">// Binding properties of the menuitem</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">item</span>: <span class=\"text-primary-500\">MenuItem</span>, <span class=\"text-primary-300\">// Menuitem instance</span>\n  \t <span class=\"ml-3 text-primary-700\">label</span>: <span class=\"text-primary-500\">undefined</span>, <span class=\"text-primary-300\">// Label property of the menuitem</span>\n  \t <span class=\"ml-3 text-primary-700\">props</span>: <span class=\"text-primary-500\">TabMenuRouterBindProps</span>, <span class=\"text-primary-300\">// Binding properties of the menuitem</span>\n }",
                                     "description": "item slot's params."
                                 }
                             ],
@@ -46475,7 +46511,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">item</span>: <span class=\"text-600\">MenuItem</span>, <span class=\"text-500\">// Menuitem instance</span>\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Style class of the item icon element.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">item</span>: <span class=\"text-primary-500\">MenuItem</span>, <span class=\"text-primary-300\">// Menuitem instance</span>\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Style class of the item icon element.</span>\n }",
                                     "description": "item icon slot's params."
                                 }
                             ],
@@ -48774,7 +48810,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">item</span>: <span class=\"text-600\">MenuItem</span>, <span class=\"text-500\">// Menuitem instance</span>\n  \t <span class=\"text-900\">label</span>: <span class=\"text-600\">undefined</span>, <span class=\"text-500\">// Label property of the menuitem</span>\n  \t <span class=\"text-900\">props</span>: <span class=\"text-600\">TabMenuRouterBindProps</span>, <span class=\"text-500\">// Binding properties of the menuitem</span>\n  \t <span class=\"text-900\">hasSubmenu</span>: <span class=\"text-600\">boolean</span>, <span class=\"text-500\">// Whether or not there is a submenu</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">item</span>: <span class=\"text-primary-500\">MenuItem</span>, <span class=\"text-primary-300\">// Menuitem instance</span>\n  \t <span class=\"ml-3 text-primary-700\">label</span>: <span class=\"text-primary-500\">undefined</span>, <span class=\"text-primary-300\">// Label property of the menuitem</span>\n  \t <span class=\"ml-3 text-primary-700\">props</span>: <span class=\"text-primary-500\">TabMenuRouterBindProps</span>, <span class=\"text-primary-300\">// Binding properties of the menuitem</span>\n  \t <span class=\"ml-3 text-primary-700\">hasSubmenu</span>: <span class=\"text-primary-500\">boolean</span>, <span class=\"text-primary-300\">// Whether or not there is a submenu</span>\n }",
                                     "description": "item slot's params."
                                 }
                             ],
@@ -48787,7 +48823,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">active</span>: <span class=\"text-600\">boolean</span>, <span class=\"text-500\">// Whether item is active</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">active</span>: <span class=\"text-primary-500\">boolean</span>, <span class=\"text-primary-300\">// Whether item is active</span>\n }",
                                     "description": "submenuicon slot's params."
                                 }
                             ],
@@ -48800,7 +48836,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">item</span>: <span class=\"text-600\">MenuItem</span>, <span class=\"text-500\">// Menuitem instance</span>\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Style class of the item icon element.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">item</span>: <span class=\"text-primary-500\">MenuItem</span>, <span class=\"text-primary-300\">// Menuitem instance</span>\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Style class of the item icon element.</span>\n }",
                                     "description": "item icon slot's params."
                                 }
                             ],
@@ -49168,7 +49204,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">item</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Item data</span>\n  \t <span class=\"text-900\">index</span>: <span class=\"text-600\">number</span>, <span class=\"text-500\">// Index of item</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">item</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Item data</span>\n  \t <span class=\"ml-3 text-primary-700\">index</span>: <span class=\"text-primary-500\">number</span>, <span class=\"text-primary-300\">// Index of item</span>\n }",
                                     "description": "content slot's params."
                                 }
                             ],
@@ -49181,7 +49217,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">item</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Item data</span>\n  \t <span class=\"text-900\">index</span>: <span class=\"text-600\">number</span>, <span class=\"text-500\">// Index of item</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">item</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Item data</span>\n  \t <span class=\"ml-3 text-primary-700\">index</span>: <span class=\"text-primary-500\">number</span>, <span class=\"text-primary-300\">// Index of item</span>\n }",
                                     "description": "opposite slot's params."
                                 }
                             ],
@@ -49194,7 +49230,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">item</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Item data</span>\n  \t <span class=\"text-900\">index</span>: <span class=\"text-600\">number</span>, <span class=\"text-500\">// Index of item</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">item</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Item data</span>\n  \t <span class=\"ml-3 text-primary-700\">index</span>: <span class=\"text-primary-500\">number</span>, <span class=\"text-primary-300\">// Index of item</span>\n }",
                                     "description": "marker slot's params."
                                 }
                             ],
@@ -49207,7 +49243,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">item</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Item data</span>\n  \t <span class=\"text-900\">index</span>: <span class=\"text-600\">number</span>, <span class=\"text-500\">// Index of item</span>\n }"
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">item</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Item data</span>\n  \t <span class=\"ml-3 text-primary-700\">index</span>: <span class=\"text-primary-500\">number</span>, <span class=\"text-primary-300\">// Index of item</span>\n }"
                                 }
                             ],
                             "returnType": "VNode<RendererNode, RendererElement, Object>[]",
@@ -49724,7 +49760,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">message</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Message of the component</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">message</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Message of the component</span>\n }",
                                     "description": "message slot's params."
                                 }
                             ],
@@ -49737,7 +49773,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Style class of the icon</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Style class of the icon</span>\n }",
                                     "description": "icon slot's params."
                                 }
                             ],
@@ -49750,7 +49786,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Style class of the close icon</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Style class of the close icon</span>\n }",
                                     "description": "close icon slot's params."
                                 }
                             ],
@@ -49763,7 +49799,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">message</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Message of the component</span>\n \t <span class=\"text-900\">onClose</span>: <span class=\"text-600\">() &rArr; void</span>, <span class=\"text-500\">// Close toast function</span>\n}",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">message</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Message of the component</span>\n \t <span class=\"ml-3 text-primary-700\">onClose</span>: <span class=\"text-primary-500\">() &rArr; void</span>, <span class=\"text-primary-300\">// Close toast function</span>\n}",
                                     "description": "container slot's params."
                                 }
                             ],
@@ -50274,7 +50310,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">value</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Current value</span>\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Icon style class</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">value</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Current value</span>\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Icon style class</span>\n }",
                                     "description": "icon slot's params."
                                 }
                             ],
@@ -51628,7 +51664,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Style class of the icon.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Style class of the icon.</span>\n }",
                                     "description": "loadingicon slot's params."
                                 }
                             ],
@@ -51641,7 +51677,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Style class of the icon.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Style class of the icon.</span>\n }",
                                     "description": "searchicon slot's params."
                                 }
                             ],
@@ -51654,7 +51690,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">node</span>: <span class=\"text-600\">TreeNode</span>, <span class=\"text-500\">// Tree node instance</span>\n  \t <span class=\"text-900\">expanded</span>: <span class=\"text-600\">boolean</span>, <span class=\"text-500\">// Expanded state of the node</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">node</span>: <span class=\"text-primary-500\">TreeNode</span>, <span class=\"text-primary-300\">// Tree node instance</span>\n  \t <span class=\"ml-3 text-primary-700\">expanded</span>: <span class=\"text-primary-500\">boolean</span>, <span class=\"text-primary-300\">// Expanded state of the node</span>\n }",
                                     "description": "togglericon slot's params."
                                 }
                             ],
@@ -51667,7 +51703,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">checked</span>: <span class=\"text-600\">boolean</span>, <span class=\"text-500\">// Check state of the node</span>\n  \t <span class=\"text-900\">partialChecked</span>: <span class=\"text-600\">boolean</span>, <span class=\"text-500\">// Partial check state of the node</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">checked</span>: <span class=\"text-primary-500\">boolean</span>, <span class=\"text-primary-300\">// Check state of the node</span>\n  \t <span class=\"ml-3 text-primary-700\">partialChecked</span>: <span class=\"text-primary-500\">boolean</span>, <span class=\"text-primary-300\">// Partial check state of the node</span>\n }",
                                     "description": "checkboxicon slot's params."
                                 }
                             ],
@@ -52243,7 +52279,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">value</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Selected value</span>\n  \t <span class=\"text-900\">placeholder</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Placeholder</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">value</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Selected value</span>\n  \t <span class=\"ml-3 text-primary-700\">placeholder</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Placeholder</span>\n }",
                                     "description": "value slot's params."
                                 }
                             ],
@@ -52256,7 +52292,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">value</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Selected value</span>\n  \t <span class=\"text-900\">options</span>: <span class=\"text-600\">TreeNode</span>, <span class=\"text-500\">// An array of treenodes.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">value</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Selected value</span>\n  \t <span class=\"ml-3 text-primary-700\">options</span>: <span class=\"text-primary-500\">TreeNode</span>, <span class=\"text-primary-300\">// An array of treenodes.</span>\n }",
                                     "description": "header slot's params."
                                 }
                             ],
@@ -52269,7 +52305,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">value</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Selected value</span>\n  \t <span class=\"text-900\">options</span>: <span class=\"text-600\">TreeNode</span>, <span class=\"text-500\">// An array of treenodes.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">value</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Selected value</span>\n  \t <span class=\"ml-3 text-primary-700\">options</span>: <span class=\"text-primary-500\">TreeNode</span>, <span class=\"text-primary-300\">// An array of treenodes.</span>\n }",
                                     "description": "footer slot's params."
                                 }
                             ],
@@ -52295,7 +52331,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Style class of the icon.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Style class of the icon.</span>\n }",
                                     "description": "triggericon slot's params."
                                 }
                             ],
@@ -52308,7 +52344,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">node</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Node instance</span>\n  \t <span class=\"text-900\">expanded</span>: <span class=\"text-600\">TreeNode</span>, <span class=\"text-500\">// Expanded state of the node</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">node</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Node instance</span>\n  \t <span class=\"ml-3 text-primary-700\">expanded</span>: <span class=\"text-primary-500\">TreeNode</span>, <span class=\"text-primary-300\">// Expanded state of the node</span>\n }",
                                     "description": "item toggler icon slot's params."
                                 }
                             ],
@@ -52321,7 +52357,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">checked</span>: <span class=\"text-600\">boolean</span>, <span class=\"text-500\">// Check state of the node</span>\n  \t <span class=\"text-900\">partialChecked</span>: <span class=\"text-600\">boolean</span>, <span class=\"text-500\">// Partial check state of the node</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">checked</span>: <span class=\"text-primary-500\">boolean</span>, <span class=\"text-primary-300\">// Check state of the node</span>\n  \t <span class=\"ml-3 text-primary-700\">partialChecked</span>: <span class=\"text-primary-500\">boolean</span>, <span class=\"text-primary-300\">// Partial check state of the node</span>\n }",
                                     "description": "item checkbox icon slot's params."
                                 }
                             ],
@@ -53657,7 +53693,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">sorted</span>: <span class=\"text-600\">TreeNode</span>, <span class=\"text-500\">// Whether or not column is sorted</span>\n  \t <span class=\"text-900\">sortOrder</span>: <span class=\"text-600\">boolean</span>, <span class=\"text-500\">// Current sort order</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">sorted</span>: <span class=\"text-primary-500\">TreeNode</span>, <span class=\"text-primary-300\">// Whether or not column is sorted</span>\n  \t <span class=\"ml-3 text-primary-700\">sortOrder</span>: <span class=\"text-primary-500\">boolean</span>, <span class=\"text-primary-300\">// Current sort order</span>\n }",
                                     "description": "sorticon slot's params."
                                 }
                             ],
@@ -53670,7 +53706,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Style class of the paginator first page link icon.</span>\n }"
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Style class of the paginator first page link icon.</span>\n }"
                                 }
                             ],
                             "returnType": "VNode<RendererNode, RendererElement, Object>[]",
@@ -53682,7 +53718,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Style class of the paginator prev page link icon.</span>\n }"
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Style class of the paginator prev page link icon.</span>\n }"
                                 }
                             ],
                             "returnType": "VNode<RendererNode, RendererElement, Object>[]",
@@ -53694,7 +53730,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Style class of the paginator next page link icon.</span>\n }"
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Style class of the paginator next page link icon.</span>\n }"
                                 }
                             ],
                             "returnType": "VNode<RendererNode, RendererElement, Object>[]",
@@ -53706,7 +53742,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Style class of the paginator last page link icon.</span>\n }"
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Style class of the paginator last page link icon.</span>\n }"
                                 }
                             ],
                             "returnType": "VNode<RendererNode, RendererElement, Object>[]",
@@ -53718,7 +53754,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Style class of the paginator rows per page dropdown icon.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Style class of the paginator rows per page dropdown icon.</span>\n }",
                                     "description": "paginatorrowsperpagedropdownicon's params."
                                 }
                             ],
@@ -53731,7 +53767,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Style class of the paginator jump to page dropdown icon.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Style class of the paginator jump to page dropdown icon.</span>\n }",
                                     "description": "paginatorjumptopagedropdownicon's params."
                                 }
                             ],
@@ -54312,7 +54348,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Style class of the icon.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Style class of the icon.</span>\n }",
                                     "description": "checkicon slot's params."
                                 }
                             ],
@@ -54325,7 +54361,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Style class of the icon.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Style class of the icon.</span>\n }",
                                     "description": "uncheckicon slot's params."
                                 }
                             ],
@@ -54338,7 +54374,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Style class of the icon.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Style class of the icon.</span>\n }",
                                     "description": "nullableicon slot's params."
                                 }
                             ],
@@ -55392,7 +55428,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">items</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// An array of objects to display for virtualscroller</span>\n  \t <span class=\"text-900\">styleClass</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Style class of the content</span>\n \t <span class=\"text-900\">contentRef</span>: <span class=\"text-600\">(<span class=\"text-800\">el</span>: any) &rArr; void</span>, <span class=\"text-500\">// Referance of the content</span>\n\t <span class=\"text-900\">getItemOptions</span>: <span class=\"text-600\">(<span class=\"text-800\">index</span>: number) &rArr; VirtualScrollerItemOptions</span>, <span class=\"text-500\">// Options of the items</span>\n \t <span class=\"text-900\">loading</span>: <span class=\"text-600\">boolean</span>, <span class=\"text-500\">// Whether the data is loaded.</span>\n \t <span class=\"text-900\">getLoaderOptions</span>: <span class=\"text-600\">(<span class=\"text-800\">index</span>: number, <span class=\"text-800\">ext</span>: any) &rArr; VirtualScrollerLoaderOptions</span>, <span class=\"text-500\">// Loader options of the items while the data is loading.</span>\n \t <span class=\"text-900\">itemSize</span>: <span class=\"text-600\">undefined</span>, <span class=\"text-500\">// The height/width of item according to orientation.</span>\n  \t <span class=\"text-900\">rows</span>: <span class=\"text-600\">undefined</span>, <span class=\"text-500\">// The number of the rendered rows.</span>\n  \t <span class=\"text-900\">columns</span>: <span class=\"text-600\">undefined</span>, <span class=\"text-500\">// The number of the rendered columns.</span>\n  \t <span class=\"text-900\">spacerStyle</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// The style of spacer element.</span>\n  \t <span class=\"text-900\">contentStyle</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// The style of content element.</span>\n  \t <span class=\"text-900\">vertical</span>: <span class=\"text-600\">boolean</span>, <span class=\"text-500\">// Whether the orientation is vertical.</span>\n  \t <span class=\"text-900\">horizontal</span>: <span class=\"text-600\">boolean</span>, <span class=\"text-500\">// Whether the orientation is horizontal.</span>\n  \t <span class=\"text-900\">both</span>: <span class=\"text-600\">boolean</span>, <span class=\"text-500\">// Whether the orientation is both.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">items</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// An array of objects to display for virtualscroller</span>\n  \t <span class=\"ml-3 text-primary-700\">styleClass</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Style class of the content</span>\n \t <span class=\"ml-3 text-primary-700\">contentRef</span>: <span class=\"text-primary-500\">(<span class=\"text-primary-700\">el</span>: any) &rArr; void</span>, <span class=\"text-primary-300\">// Referance of the content</span>\n\t <span class=\"ml-3 text-primary-700\">getItemOptions</span>: <span class=\"text-primary-500\">(<span class=\"text-primary-700\">index</span>: number) &rArr; VirtualScrollerItemOptions</span>, <span class=\"text-primary-300\">// Options of the items</span>\n \t <span class=\"ml-3 text-primary-700\">loading</span>: <span class=\"text-primary-500\">boolean</span>, <span class=\"text-primary-300\">// Whether the data is loaded.</span>\n \t <span class=\"ml-3 text-primary-700\">getLoaderOptions</span>: <span class=\"text-primary-500\">(<span class=\"text-primary-700\">index</span>: number, <span class=\"text-primary-700\">ext</span>: any) &rArr; VirtualScrollerLoaderOptions</span>, <span class=\"text-primary-300\">// Loader options of the items while the data is loading.</span>\n \t <span class=\"ml-3 text-primary-700\">itemSize</span>: <span class=\"text-primary-500\">undefined</span>, <span class=\"text-primary-300\">// The height/width of item according to orientation.</span>\n  \t <span class=\"ml-3 text-primary-700\">rows</span>: <span class=\"text-primary-500\">undefined</span>, <span class=\"text-primary-300\">// The number of the rendered rows.</span>\n  \t <span class=\"ml-3 text-primary-700\">columns</span>: <span class=\"text-primary-500\">undefined</span>, <span class=\"text-primary-300\">// The number of the rendered columns.</span>\n  \t <span class=\"ml-3 text-primary-700\">spacerStyle</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// The style of spacer element.</span>\n  \t <span class=\"ml-3 text-primary-700\">contentStyle</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// The style of content element.</span>\n  \t <span class=\"ml-3 text-primary-700\">vertical</span>: <span class=\"text-primary-500\">boolean</span>, <span class=\"text-primary-300\">// Whether the orientation is vertical.</span>\n  \t <span class=\"ml-3 text-primary-700\">horizontal</span>: <span class=\"text-primary-500\">boolean</span>, <span class=\"text-primary-300\">// Whether the orientation is horizontal.</span>\n  \t <span class=\"ml-3 text-primary-700\">both</span>: <span class=\"text-primary-500\">boolean</span>, <span class=\"text-primary-300\">// Whether the orientation is both.</span>\n }",
                                     "description": "content slot's params."
                                 }
                             ],
@@ -55405,7 +55441,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">item</span>: <span class=\"text-600\">any</span>, <span class=\"text-500\">// Item data.</span>\n  \t <span class=\"text-900\">options</span>: <span class=\"text-600\">VirtualScrollerItemOptions</span>, <span class=\"text-500\">// Item options.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">item</span>: <span class=\"text-primary-500\">any</span>, <span class=\"text-primary-300\">// Item data.</span>\n  \t <span class=\"ml-3 text-primary-700\">options</span>: <span class=\"text-primary-500\">VirtualScrollerItemOptions</span>, <span class=\"text-primary-300\">// Item options.</span>\n }",
                                     "description": "item slot's params."
                                 }
                             ],
@@ -55418,7 +55454,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">options</span>: <span class=\"text-600\">VirtualScrollerLoaderOptions</span>, <span class=\"text-500\">// Loader options.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">options</span>: <span class=\"text-primary-500\">VirtualScrollerLoaderOptions</span>, <span class=\"text-primary-300\">// Loader options.</span>\n }",
                                     "description": "header slot's params."
                                 }
                             ],
@@ -55431,7 +55467,7 @@
                                 {
                                     "name": "scope",
                                     "optional": false,
-                                    "type": "{\n  \t <span class=\"text-900\">class</span>: <span class=\"text-600\">string</span>, <span class=\"text-500\">// Style class of the icon.</span>\n }",
+                                    "type": "{\n  \t <span class=\"ml-3 text-primary-700\">class</span>: <span class=\"text-primary-500\">string</span>, <span class=\"text-primary-300\">// Style class of the icon.</span>\n }",
                                     "description": "loadingicon slot's params."
                                 }
                             ],